@sapui5/sap.ushell 1.138.1 → 1.139.0

package/src/main/js/sap/ushell/components/tiles/utils.js

@@ -33,7 +33,7 @@ sap.ui.define([
     "sap/ui/thirdparty/jquery",
     "sap/base/Log",
     "sap/ui/core/format/NumberFormat"
-], function (
+], (
     Localization,
     Element,
     Locale,
@@ -62,20 +62,19 @@ sap.ui.define([
     jQuery,
     Log,
     NumberFormat
-) {
+) => {
     "use strict";
 
     // shortcut for sap.ui.core.ValueState
-    var ValueState = coreLibrary.ValueState;
+    const ValueState = coreLibrary.ValueState;
 
     // shortcut for sap.ui.core.mvc.ViewType
-    var ViewType = coreLibrary.mvc.ViewType;
+    const ViewType = coreLibrary.mvc.ViewType;
 
     // shortcut for sap.m.ButtonType
-    var ButtonType = mLibrary.ButtonType;
+    const ButtonType = mLibrary.ButtonType;
 
-
-    var oUtils = {};
+    const oUtils = {};
 
     /**
      * Checks whether the translated chip title is in initial state.
@@ -136,7 +135,7 @@ sap.ui.define([
 
     // Create a row template for adding new empty row to the Tile Actions table
     oUtils.getEmptyTileActionsRowObj = function (bEdit) {
-        var oResourceBundle = oUtils.getResourceBundle();
+        const oResourceBundle = oUtils.getResourceBundle();
         return {
             menu_title: "",
             target_type: oResourceBundle.getText("configuration.tile_actions.table.target_type.url"),
@@ -148,6 +147,39 @@ sap.ui.define([
         };
     };
 
+    /**
+     * Returns tile actions table row object
+     *
+     * @param {object} oTileActionsRow Tile Navigation Actions row object
+     * @param {object} bEdit Whether the tileActionsRow should be editable.
+     * @returns {object} tileActionsRowObject Returns tile navigation actions row object Example: {action: "" icon: "sap-icon://Fiori2/F0101"
+     *          isTargetTypeIntent: false menu_title: "action1" navigation_target: "http://google.co.in" target_type: "URL"}
+     */
+    function tileAction2TileActionsRow (oTileActionsRow, bEdit) {
+        const tileActionsRowObject = {}; const oResourceBundle = oUtils.getResourceBundle();
+
+        tileActionsRowObject.menu_title = oTileActionsRow.text;
+        tileActionsRowObject.icon = oTileActionsRow.icon;
+        if ((oTileActionsRow.targetURL).charAt(0) === "#") {
+            // Target Type is Intent
+            tileActionsRowObject.target_type = oResourceBundle.getText("configuration.tile_actions.table.target_type.intent");
+            const aNavigationTarget = oTileActionsRow.targetURL.split("-");
+            tileActionsRowObject.navigation_target = aNavigationTarget[0].substring(1, aNavigationTarget[0].length); // removes # for the semantic
+            // object
+            tileActionsRowObject.action = aNavigationTarget[1];
+            tileActionsRowObject.isTargetTypeIntent = true;
+        } else {
+            // Target Type is URL
+            tileActionsRowObject.target_type = oResourceBundle.getText("configuration.tile_actions.table.target_type.url");
+            tileActionsRowObject.navigation_target = oTileActionsRow.targetURL;
+            tileActionsRowObject.action = "";
+            tileActionsRowObject.isTargetTypeIntent = false;
+        }
+        tileActionsRowObject.editable = bEdit;
+
+        return tileActionsRowObject;
+    }
+
     /**
      * This function will be called during init operation Returns tile navigation actions array for design time. Returns empty row if there are not
      * navigation actions maintained.
@@ -161,11 +193,11 @@ sap.ui.define([
      *          false}]
      */
     oUtils.getTileNavigationActionsRows = function (oTileApi, bEdit) {
-        var atileActionsRows = [], aTileNavigationActions = [];
+        let atileActionsRows = []; let aTileNavigationActions = [];
 
         aTileNavigationActions = this.getTileNavigationActions(oTileApi);
         if (aTileNavigationActions.length) {
-            for (var i = 0; i < aTileNavigationActions.length; i++) {
+            for (let i = 0; i < aTileNavigationActions.length; i++) {
                 atileActionsRows.push(tileAction2TileActionsRow(aTileNavigationActions[i], bEdit));
             }
         } else {
@@ -186,15 +218,15 @@ sap.ui.define([
      *          "#AccessControlRole-action", text: "action2"}]
      */
     oUtils.getTileNavigationActions = function (oTileApi) {
-        var aTileNavigationActions = [], sTileActionTitle = "";
-        var bag = oTileApi.bag.getBag("tileNavigationActions");
+        let aTileNavigationActions = []; let sTileActionTitle = "";
+        const bag = oTileApi.bag.getBag("tileNavigationActions");
         if (bag.getPropertyNames().indexOf("tile_navigation_actions") >= 0) {
             aTileNavigationActions = JSON.parse(bag.getProperty("tile_navigation_actions")); // Bag will return tile navigation actions as a
             // string.JSON.parse will parse the string to an array
-            for (var i = 0; i < aTileNavigationActions.length; i++) {
+            for (let i = 0; i < aTileNavigationActions.length; i++) {
                 if (aTileNavigationActions[i].text) {
-                    if (bag.getTextNames().indexOf("action_tile_" + (i + 1)) >= 0) {
-                        sTileActionTitle = bag.getText("action_tile_" + (i + 1)); // Get translated action title text from bag
+                    if (bag.getTextNames().indexOf(`action_tile_${i + 1}`) >= 0) {
+                        sTileActionTitle = bag.getText(`action_tile_${i + 1}`); // Get translated action title text from bag
                     }
                     aTileNavigationActions[i].text = sTileActionTitle; // Update the action title text with the translated text fetched from bag
                 }
@@ -205,36 +237,25 @@ sap.ui.define([
     };
 
     /**
-     * Retruns tile actions table row object
+     * Build tile actions row object. If Target Type is Intent, then taregtURL will be prefixed with '#'.
      *
-     * @param {object} oTileActionsRow Tile Navigation Actions row object
-     * @returns {object} tileActionsRowObject Returns tile navigation actions row object Example: {action: "" icon: "sap-icon://Fiori2/F0101"
-     *          isTargetTypeIntent: false menu_title: "action1" navigation_target: "http://google.co.in" target_type: "URL"}
+     * @param {object} oTileActionRow Tile Navigation Actions row object
+     * @returns {object} oTileAction Returns tile navigation actions row object with semantic object and action combined Example for Target Type URL:
+     *          {icon: "sap-icon://Fiori2/F0211", targetURL: "https://www.google.co.in", text: "action1"} Example for target type Intent: {icon:
+     *          "sap-icon://Fiori2/F0210", targetURL: "#AccessControlRole-action", text: "action2"}
      */
-    var tileAction2TileActionsRow = function (oTileActionsRow, bEdit) {
-        var tileActionsRowObject = {}, oResourceBundle = oUtils.getResourceBundle();
-
-        tileActionsRowObject.menu_title = oTileActionsRow.text;
-        tileActionsRowObject.icon = oTileActionsRow.icon;
-        if ((oTileActionsRow.targetURL).charAt(0) === "#") {
-            // Target Type is Intent
-            tileActionsRowObject.target_type = oResourceBundle.getText("configuration.tile_actions.table.target_type.intent");
-            var aNavigationTarget = oTileActionsRow.targetURL.split("-");
-            tileActionsRowObject.navigation_target = aNavigationTarget[0].substring(1, aNavigationTarget[0].length); // removes # for the semantic
-            // object
-            tileActionsRowObject.action = aNavigationTarget[1];
-            tileActionsRowObject.isTargetTypeIntent = true;
+    function tileActionRow2TileActionObject (oTileActionRow) {
+        const oTileAction = {};
+        oTileAction.text = oTileActionRow.menu_title;
+        oTileAction.icon = oTileActionRow.icon;
+        if (oTileActionRow.action) {
+            oTileAction.targetURL = `#${oTileActionRow.navigation_target}-${oTileActionRow.action}`;
         } else {
-            // Target Type is URL
-            tileActionsRowObject.target_type = oResourceBundle.getText("configuration.tile_actions.table.target_type.url");
-            tileActionsRowObject.navigation_target = oTileActionsRow.targetURL;
-            tileActionsRowObject.action = "";
-            tileActionsRowObject.isTargetTypeIntent = false;
+            oTileAction.targetURL = oTileActionRow.navigation_target;
         }
-        tileActionsRowObject.editable = bEdit;
 
-        return tileActionsRowObject;
-    };
+        return oTileAction;
+    }
 
     /**
      * This function will be called during save operation. Build the tile actions array according to the entries of the table.
@@ -245,8 +266,8 @@ sap.ui.define([
      *          "sap-icon://Fiori2/F0210", targetURL: "#AccessControlRole-action", text: "action2"}]
      */
     oUtils.tileActionsRows2TileActionsArray = function (aTableContent) {
-        var aTileNavigationActions = [];
-        for (var i = 0; i < aTableContent.length; i++) {
+        const aTileNavigationActions = [];
+        for (let i = 0; i < aTableContent.length; i++) {
             if (aTableContent[i].menu_title) {
                 aTileNavigationActions.push(tileActionRow2TileActionObject(aTableContent[i]));
             }
@@ -254,27 +275,6 @@ sap.ui.define([
         return aTileNavigationActions; // might be empty
     };
 
-    /**
-     * Build tile actions row object. If Target Type is Intent, then taregtURL will be prefixed with '#'.
-     *
-     * @param {object} oTileActionRow Tile Navigation Actions row object
-     * @returns {object} oTileAction Returns tile navigation actions row object with semantic object and action combined Example for Target Type URL:
-     *          {icon: "sap-icon://Fiori2/F0211", targetURL: "https://www.google.co.in", text: "action1"} Example for target type Intent: {icon:
-     *          "sap-icon://Fiori2/F0210", targetURL: "#AccessControlRole-action", text: "action2"}
-     */
-    var tileActionRow2TileActionObject = function (oTileActionRow) {
-        var oTileAction = {};
-        oTileAction.text = oTileActionRow.menu_title;
-        oTileAction.icon = oTileActionRow.icon;
-        if (oTileActionRow.action) {
-            oTileAction.targetURL = "#" + oTileActionRow.navigation_target + "-" + oTileActionRow.action;
-        } else {
-            oTileAction.targetURL = oTileActionRow.navigation_target;
-        }
-
-        return oTileAction;
-    };
-
     /**
      * Saves the tile navigation actions in to the bag.
      *
@@ -284,9 +284,9 @@ sap.ui.define([
     oUtils.populateTileNavigationActionsBag = function (tileNavigationActionsBag, aNavigationProperties) {
         // Stringify the array and populate it to the bag as a property, tile_navigation_actions
         tileNavigationActionsBag.setProperty("tile_navigation_actions", JSON.stringify(aNavigationProperties));
-        for (var i = 0; i < aNavigationProperties.length; i++) {
-            var sActionTitle = aNavigationProperties[i].text;
-            tileNavigationActionsBag.setText("action_tile_" + (i + 1), sActionTitle);
+        for (let i = 0; i < aNavigationProperties.length; i++) {
+            const sActionTitle = aNavigationProperties[i].text;
+            tileNavigationActionsBag.setText(`action_tile_${i + 1}`, sActionTitle);
         }
     };
 
@@ -321,15 +321,14 @@ sap.ui.define([
 
     // Check if the parameters table has duplicate parameter names, return true if it does, false otherwise
     oUtils.tableHasDuplicateParameterNames = function (aTableContent) {
-        var parametersMap = {};
-        for (var i = 0; i < aTableContent.length; i++) {
-            var paramName = aTableContent[i].name;
+        const parametersMap = {};
+        for (let i = 0; i < aTableContent.length; i++) {
+            const paramName = aTableContent[i].name;
             if (paramName !== "") {
                 if (parametersMap[paramName]) {
                     return true;
                 }
                 parametersMap[paramName] = true;
-
             }
         }
         return false;
@@ -344,7 +343,7 @@ sap.ui.define([
      * @private
      */
     oUtils.tableHasInvalidSapPrelaunchOperationValue = function (aTableContent) {
-        for (var i = 0; i < aTableContent.length; i++) {
+        for (let i = 0; i < aTableContent.length; i++) {
             if (aTableContent[i].name === "sap-prelaunch-operations") {
                 if (PrelaunchOperations.parseAndValidateOperations(aTableContent[i].defaultValue) === null) {
                     return false;
@@ -355,55 +354,36 @@ sap.ui.define([
         return true;
     };
 
-    // Build the mapping signature string according to the entries of the table and the value of the allowed undefined checkbox.
-    // This function will be called during save operation
-    oUtils.getMappingSignatureString = function (tableContent, allowUnknownParameters) {
-        var mappingSignature = "";
-        for (var i = 0; i < tableContent.length; i++) {
-            if (tableContent[i].name) {
-                mappingSignature += (getOneParamSignature(tableContent[i]) + "&");
-            }
-        }
-        return allowUnknownParameters ? mappingSignature + "*=*" : mappingSignature.substring(0, mappingSignature.length - 1); // might be empty
-    };
-
     // build a string representation of the provided row object
-    var getOneParamSignature = function (tableRow) {
-        var paramSignature = "";
+    function getOneParamSignature (tableRow) {
+        let paramSignature = "";
 
         if (tableRow.mandatory) {
             if (tableRow.isRegularExpression) {
-                paramSignature = "{" + tableRow.name + "=" + encodeURIComponent(tableRow.value) + "}";
+                paramSignature = `{${tableRow.name}=${encodeURIComponent(tableRow.value)}}`;
             } else {
-                paramSignature = tableRow.name + "=" + encodeURIComponent(tableRow.value);
+                paramSignature = `${tableRow.name}=${encodeURIComponent(tableRow.value)}`;
             }
         } else {
-            paramSignature = "[" + tableRow.name + "=" + encodeURIComponent(tableRow.defaultValue) + "]";
+            paramSignature = `[${tableRow.name}=${encodeURIComponent(tableRow.defaultValue)}]`;
         }
         return paramSignature;
-    };
+    }
 
-    // var mappingSignatureStringExample = "par1=B%3C%3E&{par2=D*}&[par3=F%40%40]";
-
-    // Build the table data according to the mapping signature string
-    // This function will be called during init operation
-    oUtils.getMappingSignatureTableData = function (mappingSignatureString, bEdit) {
-        var paramsArray = [];
-        var paramStringsArray = mappingSignatureString.split("&");
-
-        for (var i = 0; i < paramStringsArray.length; i++) {
-            var currentParam = paramStringsArray[i];
-            if (currentParam !== "*=*") {
-                // For each parameter string (except from the "allow unknown parameters" sign),
-                // get the parameter object and add to the array
-                paramsArray.push(getOneParamObject(paramStringsArray[i], bEdit));
+    // Build the mapping signature string according to the entries of the table and the value of the allowed undefined checkbox.
+    // This function will be called during save operation
+    oUtils.getMappingSignatureString = function (tableContent, allowUnknownParameters) {
+        let mappingSignature = "";
+        for (let i = 0; i < tableContent.length; i++) {
+            if (tableContent[i].name) {
+                mappingSignature += (`${getOneParamSignature(tableContent[i])}&`);
             }
         }
-        return paramsArray;
+        return allowUnknownParameters ? `${mappingSignature}*=*` : mappingSignature.substring(0, mappingSignature.length - 1); // might be empty
     };
 
-    var getOneParamObject = function (paramString, bEdit) {
-        var paramObject = {};
+    function getOneParamObject (paramString, bEdit) {
+        const paramObject = {};
 
         if (paramString.charAt(0) === "[") {
             // If there are [] brackets, this parameter is optional
@@ -439,6 +419,25 @@ sap.ui.define([
         }
 
         return paramObject;
+    }
+
+    // var mappingSignatureStringExample = "par1=B%3C%3E&{par2=D*}&[par3=F%40%40]";
+
+    // Build the table data according to the mapping signature string
+    // This function will be called during init operation
+    oUtils.getMappingSignatureTableData = function (mappingSignatureString, bEdit) {
+        const paramsArray = [];
+        const paramStringsArray = mappingSignatureString.split("&");
+
+        for (let i = 0; i < paramStringsArray.length; i++) {
+            const currentParam = paramStringsArray[i];
+            if (currentParam !== "*=*") {
+                // For each parameter string (except from the "allow unknown parameters" sign),
+                // get the parameter object and add to the array
+                paramsArray.push(getOneParamObject(paramStringsArray[i], bEdit));
+            }
+        }
+        return paramsArray;
     };
 
     // Get the allowUnknownParameters check-box value from the mapping signature string (Will be called during init operation)
@@ -451,14 +450,14 @@ sap.ui.define([
     };
 
     oUtils.getMappingSignature = function (aRows, bAdditionalParameters) {
-        var sAdditionalParameters = bAdditionalParameters ? "allowed" : "ignored";
-        var oUserDefParser = new RegExp("%%UserDefault[.].+%%");
-        var aMatch = [];
-        var oMappingSignature = {
+        const sAdditionalParameters = bAdditionalParameters ? "allowed" : "ignored";
+        const oUserDefParser = new RegExp("%%UserDefault[.].+%%");
+        let aMatch = [];
+        const oMappingSignature = {
             parameters: {},
             additional_parameters: sAdditionalParameters
         };
-        aRows.forEach(function (oRow) {
+        aRows.forEach((oRow) => {
             oMappingSignature.parameters[oRow.name] = {
                 required: oRow.mandatory,
                 rename_to: oRow.rename_to
@@ -490,12 +489,12 @@ sap.ui.define([
     };
 
     oUtils.getSignatureTableData = function (oSignature, bEdit) {
-        var paramsArray = [];
-        var oRow = {};
-        var oParameter = {};
-        var oParameters = oSignature.parameters;
+        const paramsArray = [];
+        let oRow = {};
+        let oParameter = {};
+        const oParameters = oSignature.parameters;
 
-        for (var key in oParameters) {
+        for (const key in oParameters) {
             oParameter = oParameters[key];
 
             oRow = {};
@@ -545,7 +544,7 @@ sap.ui.define([
 
         // first try to get title from bag
         if (oTileApi.bag) {
-            var bag = oTileApi.bag.getBag("tileProperties");
+            const bag = oTileApi.bag.getBag("tileProperties");
             if (bag.getTextNames().indexOf("display_title_text") >= 0) {
                 return bag.getText("display_title_text");
             }
@@ -572,7 +571,7 @@ sap.ui.define([
     oUtils.getTranslatedSubtitle = function (oTileApi, oConfig) {
         // first try to get subtitle from bag
         if (oTileApi.bag) {
-            var bag = oTileApi.bag.getBag("tileProperties");
+            const bag = oTileApi.bag.getBag("tileProperties");
             if (bag.getTextNames().indexOf("display_subtitle_text") >= 0) {
                 return bag.getText("display_subtitle_text");
             }
@@ -598,13 +597,14 @@ sap.ui.define([
      * Returns the translated property string from .
      *
      * @param {object} oTileApi The instance-specific chip API.
-     * @param {string} sPropertyKey The property key
+     * @param {object} oTileConfig The config bag.
+     * @param {string} sPropertyKey The property key.
      * @returns {string} The translated chip property.
      */
     oUtils.getTranslatedProperty = function (oTileApi, oTileConfig, sPropertyKey) {
         // Try to read data from the property bag. If there are properties for description etc. > use them
         if (oTileApi.bag) {
-            var bag = oTileApi.bag.getBag("tileProperties");
+            const bag = oTileApi.bag.getBag("tileProperties");
             if (bag.getTextNames().indexOf(sPropertyKey) >= 0) {
                 return bag.getText(sPropertyKey);
             }
@@ -615,15 +615,15 @@ sap.ui.define([
     };
 
     /**
-     * Read and initialize configuration object from given JSON string. Used by the action chip (aka target mapping).
+     * Read and initialize given tile configuration object. Used by the action chip (aka target mapping).
      *
-     * @param {string} sConfig Configuration string in JSON format
+     * @param {object} oTileApi Tile configuration object.
      * @param {string} bAdmin A flag that indicates, whether the configuration shall be shown in the Admin UI
      * @returns {object} Returns parsed and initialized configuration object
      */
     oUtils.getActionConfiguration = function (oTileApi, bAdmin) {
-        var sConfig = oTileApi.configuration.getParameterValueAsString("tileConfiguration");
-        var oConfig = JSON.parse(sConfig || "{}"), oResourceBundle;
+        const sConfig = oTileApi.configuration.getParameterValueAsString("tileConfiguration");
+        const oConfig = JSON.parse(sConfig || "{}"); let oResourceBundle;
         if (typeof bAdmin === "undefined") {
             bAdmin = oTileApi.configurationUi.isEnabled();
         }
@@ -631,8 +631,8 @@ sap.ui.define([
         if (bAdmin) {
             oResourceBundle = oUtils.getResourceBundle();
         }
-        oConfig.semantic_object = oConfig.semantic_object || (bAdmin ? "[" + oResourceBundle.getText("configuration.semantic_object") + "]" : "");
-        oConfig.semantic_action = oConfig.semantic_action || (bAdmin ? "[" + oResourceBundle.getText("configuration.semantic_action") + "]" : "");
+        oConfig.semantic_object = oConfig.semantic_object || (bAdmin ? `[${oResourceBundle.getText("configuration.semantic_object")}]` : "");
+        oConfig.semantic_action = oConfig.semantic_action || (bAdmin ? `[${oResourceBundle.getText("configuration.semantic_action")}]` : "");
         oConfig.navigation_provider = oConfig.navigation_provider || "";
         oConfig.navigation_provider_role = oConfig.navigation_provider_role || "";
         oConfig.navigation_provider_instance = oConfig.navigation_provider_instance || "";
@@ -656,9 +656,9 @@ sap.ui.define([
      * @returns {object} The configuration.
      */
     oUtils.getViewConfiguration = function (oView) {
-        var oViewData = oView.getViewData();
-        var oTileApi = oViewData.chip;
-        var oCurrentConfig = oUtils.getAppLauncherConfig(oTileApi, true, true);
+        const oViewData = oView.getViewData();
+        const oTileApi = oViewData.chip;
+        const oCurrentConfig = oUtils.getAppLauncherConfig(oTileApi, true, true);
 
         return oCurrentConfig;
     };
@@ -673,18 +673,18 @@ sap.ui.define([
      *          {@link components.tiles.applauncher.Configuration}, or {@link components.tiles.applauncherdynamic.Configuration}
      */
     oUtils.getConfigurationUi = function (oView, sViewName) {
-        var oSemanticObjectSelector,
-            oRoleSelector,
-            oInstanceSelector,
-            oAliasSelector,
-            oApplicationType;
+        let oSemanticObjectSelector;
+        let oRoleSelector;
+        let oInstanceSelector;
+        let oAliasSelector;
+        let oApplicationType;
 
-        var oViewData = oView.getViewData();
-        var oCurrentConfig = oUtils.getViewConfiguration(oView);
+        const oViewData = oView.getViewData();
+        const oCurrentConfig = oUtils.getViewConfiguration(oView);
 
         // verify user allow to edit (user locale = original Locate
 
-        var oConfigurationModel = new JSONModel({
+        const oConfigurationModel = new JSONModel({
             config: oCurrentConfig,
             // keep reference to the model in this model
             // (to be able to update it directly on configuration changes)
@@ -695,7 +695,7 @@ sap.ui.define([
             type: ViewType.XML,
             viewData: oViewData,
             viewName: sViewName
-        }).then(function (oConfigurationView) {
+        }).then((oConfigurationView) => {
             oConfigurationView.setModel(oConfigurationModel);
 
             // initialize state of input fields depending on navigation_use_semantic_object
@@ -723,7 +723,6 @@ sap.ui.define([
             // Application type is used in action tile configuration
             oApplicationType = oConfigurationView.byId("targetTypeInput");
             if (oApplicationType) {
-
                 if (!oConfigurationView.getModel().getProperty("/config/transaction")) {
                     oConfigurationView.getModel().setProperty("/config/transaction", {});
                 }
@@ -756,26 +755,26 @@ sap.ui.define([
     };
 
     oUtils._updateTilePropertiesTexts = function (oView, oTilePropertiesBag) {
-        var aTilePropertiesTextNames = oTilePropertiesBag.getTextNames(),
-            oModel = oView.getModel();
+        const aTilePropertiesTextNames = oTilePropertiesBag.getTextNames();
+        const oModel = oView.getModel();
 
-        aTilePropertiesTextNames.forEach(function (sPropertyText) {
-            oModel.setProperty("/data/" + sPropertyText, oTilePropertiesBag.getText(sPropertyText));
-            oModel.setProperty("/config/" + sPropertyText, oTilePropertiesBag.getText(sPropertyText));
+        aTilePropertiesTextNames.forEach((sPropertyText) => {
+            oModel.setProperty(`/data/${sPropertyText}`, oTilePropertiesBag.getText(sPropertyText));
+            oModel.setProperty(`/config/${sPropertyText}`, oTilePropertiesBag.getText(sPropertyText));
         });
     };
 
     oUtils._updateTileConfiguration = function (oView, sTileConfigurationBag) {
-        var oModel = oView.getModel(),
-            oTileConfig = JSON.parse(sTileConfigurationBag),
-            sPropertyValue;
+        const oModel = oView.getModel();
+        const oTileConfig = JSON.parse(sTileConfigurationBag);
+        let sPropertyValue;
 
-        Object.keys(oTileConfig).forEach(function (sPropertyName) {
+        Object.keys(oTileConfig).forEach((sPropertyName) => {
             sPropertyValue = oTileConfig[sPropertyName];
-            oModel.setProperty("/data/" + sPropertyName, sPropertyValue);
-            oModel.setProperty("/config/" + sPropertyName, sPropertyValue);
+            oModel.setProperty(`/data/${sPropertyName}`, sPropertyValue);
+            oModel.setProperty(`/config/${sPropertyName}`, sPropertyValue);
             if (sPropertyName === "navigation_target_url") {
-                oModel.setProperty("/nav/" + sPropertyName, sPropertyValue);
+                oModel.setProperty(`/nav/${sPropertyName}`, sPropertyValue);
             }
         });
     };
@@ -790,218 +789,229 @@ sap.ui.define([
 
     /**
      * Search function for the object selector dialog.
+     *
+     * @param {sap.ui.base.Event} oEvent The sap.m.SelectDialog search or liveChange event.
      */
     oUtils.objectSelectDoSearch = function (oEvent) {
-        var filter = [], sVal = oEvent.getParameter("value"), itemsBinding, selectNameFilter, selectObjFilter;
+        const sVal = oEvent.getParameter("value");
         if (sVal !== undefined) {
-            itemsBinding = oEvent.getParameter("itemsBinding");
-            selectNameFilter = new Filter("name", FilterOperator.Contains, sVal);
-            selectObjFilter = new Filter("obj", FilterOperator.Contains, sVal);
-            filter.push(selectObjFilter);
-            filter.push(selectNameFilter);
-            itemsBinding.filter(new Filter(filter, false));
+            oEvent.getParameter("itemsBinding").filter(new Filter([
+                new Filter("name", FilterOperator.Contains, sVal),
+                new Filter("obj", FilterOperator.Contains, sVal)
+            ], false));
         }
     };
 
     /**
      * Search function for the action selector dialog.
+     *
+     * @param {sap.ui.base.Event} oEvent The sap.m.SelectDialog search or liveChange event.
      */
     oUtils.actionSelectDoSearch = function (oEvent) {
-        var filter = [], sVal = oEvent.getParameter("value"), itemsBinding, selectActionFilter;
+        const sVal = oEvent.getParameter("value");
         if (sVal !== undefined) {
-            itemsBinding = oEvent.getParameter("itemsBinding");
-            selectActionFilter = new Filter("text", FilterOperator.Contains, sVal);
-            filter.push(selectActionFilter);
-            itemsBinding.filter(new Filter(filter, false));
+            oEvent.getParameter("itemsBinding").filter(new Filter([
+                new Filter("text", FilterOperator.Contains, sVal)
+            ], false));
         }
     };
 
     /**
      * Search function for the role selector dialog.
+     *
+     * @param {sap.ui.base.Event} oEvent The sap.m.TableSelectDialog search or liveChange event.
      */
     oUtils.roleSelectDoSearch = function (oEvent) {
-        var filter = [], sVal = oEvent.getParameter("value"), itemsBinding, selectRoleFilter, selectInstanceFilter;
+        const sVal = oEvent.getParameter("value");
         if (sVal !== undefined) {
-            itemsBinding = oEvent.getParameter("itemsBinding");
-            selectRoleFilter = new Filter("role", FilterOperator.Contains, sVal);
-            selectInstanceFilter = new Filter("instance", FilterOperator.Contains, sVal);
-            filter.push(selectRoleFilter);
-            filter.push(selectInstanceFilter);
-            itemsBinding.filter(new Filter(filter, false));
+            oEvent.getParameter("itemsBinding").filter(new Filter([
+                new Filter("role", FilterOperator.Contains, sVal),
+                new Filter("instance", FilterOperator.Contains, sVal)
+            ], false));
         }
     };
 
     /**
      * Search function for the instance selector dialog.
+     *
+     * @param {sap.ui.base.Event} oEvent The sap.m.SelectDialog search or liveChange event.
      */
     oUtils.instanceSelectDoSearch = function (oEvent) {
-        var filter = [], sVal = oEvent.getParameter("value"), customData, sRole, itemsBinding, selectRoleFilter, selectObjFilter;
-
-        customData = oEvent.getSource().getCustomData();
-        sRole = customData[0].getValue();
+        const sVal = oEvent.getParameter("value");
 
         if (sVal !== undefined) {
-            itemsBinding = oEvent.getParameter("itemsBinding");
+            const aFilters = [];
             if (sVal !== "") {
-                selectObjFilter = new Filter("instance", FilterOperator.Contains, sVal);
-                filter.push(selectObjFilter);
+                aFilters.push(new Filter("instance", FilterOperator.Contains, sVal));
             }
+
+            const aCustomData = oEvent.getSource().getCustomData();
+            const sRole = aCustomData[0].getValue();
             if (sRole !== "") {
-                selectRoleFilter = new Filter("role", FilterOperator.EQ, sRole);
-                filter.push(selectRoleFilter);
+                aFilters.push(new Filter("role", FilterOperator.EQ, sRole));
             }
-            if (filter.length > 0) {
-                itemsBinding.filter(new Filter(filter, true));
+
+            if (aFilters.length > 0) {
+                oEvent.getParameter("itemsBinding").filter(new Filter(aFilters, true));
             }
         }
     };
 
     /**
      * Suggest function for the instance.
+     *
+     * @param {sap.ushell.components.tiles.action.Configuration.controller} oController .
+     * @param {sap.ui.base.Event} oEvent The sap.m.Input suggest event.
      */
     oUtils.instanceSuggest = function (oController, oEvent) {
-        var oView = oController.getView(), filter = [], sVal = oEvent.getParameter("value"), oRoleSelector, sRole, suggestionsItemBinding, selectRoleFilter, selectObjFilter;
-
-        oRoleSelector = oView.byId("navigation_provider_roleInput");
-        sRole = oRoleSelector.getValue();
-        sVal = oEvent.getParameter("suggestValue");
+        const aFilters = [];
 
+        const sVal = oEvent.getParameter("suggestValue");
         if (sVal !== "") {
-            selectObjFilter = new Filter("instance", FilterOperator.Contains, sVal);
-            filter.push(selectObjFilter);
+            aFilters.push(new Filter("instance", FilterOperator.Contains, sVal));
         }
+
+        const oView = oController.getView();
+        const oRoleSelector = oView.byId("navigation_provider_roleInput");
+        const sRole = oRoleSelector.getValue();
         if (sRole !== "") {
-            selectRoleFilter = new Filter("role", FilterOperator.EQ, sRole);
-            filter.push(selectRoleFilter);
+            aFilters.push(new Filter("role", FilterOperator.EQ, sRole));
         }
-        if (filter.length > 0) {
-            suggestionsItemBinding = oEvent.oSource.getBinding("suggestionItems");
-            suggestionsItemBinding.filter(new Filter(filter, true));
+
+        if (aFilters.length > 0) {
+            oEvent.oSource.getBinding("suggestionItems").filter(new Filter(aFilters, true));
         }
     };
 
     /**
      * Suggest function for the alias.
+     *
+     * @param {sap.ushell.components.tiles.action.Configuration.controller} oController .
+     * @param {sap.ui.base.Event} oEvent The sap.m.Input suggest event.
      */
     oUtils.aliasSuggest = function (oController, oEvent) {
-        var oView = oController.getView(), filter = [], sVal = oEvent.getParameter("value"), oInstanceSelector, sInstance, suggestionsItemBinding, selectInstanceFilter, selectAliasFilter;
-
-        oInstanceSelector = oView.byId("navigation_provider_instanceInput");
-        sInstance = oInstanceSelector.getValue();
-        sVal = oEvent.getParameter("suggestValue");
+        const aFilters = [];
 
+        const sVal = oEvent.getParameter("suggestValue");
         if (sVal !== "") {
-            selectAliasFilter = new Filter("alias", FilterOperator.Contains, sVal);
-            filter.push(selectAliasFilter);
+            aFilters.push(new Filter("alias", FilterOperator.Contains, sVal));
         }
+
+        const oView = oController.getView();
+        const oInstanceSelector = oView.byId("navigation_provider_instanceInput");
+        const sInstance = oInstanceSelector.getValue();
         if (sInstance !== "") {
-            selectInstanceFilter = new Filter("instance", FilterOperator.EQ, sInstance);
-            filter.push(selectInstanceFilter);
+            aFilters.push(new Filter("instance", FilterOperator.EQ, sInstance));
         }
-        if (filter.length > 0) {
-            suggestionsItemBinding = oEvent.oSource.getBinding("suggestionItems");
-            suggestionsItemBinding.filter(new Filter(filter, true));
+
+        if (aFilters.length > 0) {
+            oEvent.oSource.getBinding("suggestionItems").filter(new Filter(aFilters, true));
         }
     };
 
     /**
      * Search function for the alias selector dialog.
+     *
+     * @param {sap.ui.base.Event} oEvent The sap.m.SelectDialog search or liveChange event.
      */
     oUtils.aliasSelectDoSearch = function (oEvent) {
-        var filter = [], sVal = oEvent.getParameter("value"), customData, sInstance, itemsBinding, selectNameFilter, selectObjFilter;
-
-        customData = oEvent.getSource().getCustomData();
-        sInstance = customData[0].getValue();
+        const aFilters = [];
+        const sVal = oEvent.getParameter("value");
 
         if (sVal !== undefined) {
-            itemsBinding = oEvent.getParameter("itemsBinding");
-            selectNameFilter = new Filter("instance", FilterOperator.EQ, sInstance);
             if (sVal !== "") {
-                selectObjFilter = new Filter("alias", FilterOperator.Contains, sVal);
-                filter.push(selectObjFilter);
+                aFilters.push(new Filter("alias", FilterOperator.Contains, sVal));
             }
-            filter.push(selectNameFilter);
-            itemsBinding.filter(new Filter(filter, true));
+
+            const aCustomData = oEvent.getSource().getCustomData();
+            const sInstance = aCustomData[0].getValue();
+            aFilters.push(new Filter("instance", FilterOperator.EQ, sInstance));
+
+            oEvent.getParameter("itemsBinding").filter(new Filter(aFilters, true));
         }
     };
 
     /**
      * Update function of the object selector dialog.
+     *
+     * @param {sap.m.SelectDialog} oSelectDialog The semantic object select dialog.
+     * @param {string} sVal The semantic object selector value.
      */
     oUtils.objectSelectUpdateDialog = function (oSelectDialog, sVal) {
-        var filter = [], itemsBinding = oSelectDialog.getBinding("items"), selectFilter;
         if (sVal !== undefined) {
-            selectFilter = new Filter("name", FilterOperator.Contains, sVal);
-            filter.push(selectFilter);
-            itemsBinding.filter(filter);
+            oSelectDialog.getBinding("items").filter([ new Filter("name", FilterOperator.Contains, sVal) ]);
         }
     };
 
     /**
      * Update function of the action selector dialog.
+     *
+     * @param {sap.m.SelectDialog} oSelectDialog The semantic action select dialog.
+     * @param {string} sVal The action selector value.
      */
     oUtils.actionSelectUpdateDialog = function (oSelectDialog, sVal) {
-        var filter = [], itemsBinding = oSelectDialog.getBinding("items"), selectFilter;
         if (sVal !== undefined) {
-            selectFilter = new Filter("text", FilterOperator.Contains, sVal);
-            filter.push(selectFilter);
-            itemsBinding.filter(filter);
+            oSelectDialog.getBinding("items").filter([ new Filter("text", FilterOperator.Contains, sVal) ]);
         }
     };
 
     /**
      * Update function of the role selector dialog.
+     *
+     * @param {sap.m.SelectDialog} oSelectDialog The role select dialog.
+     * @param {string} sVal The role selector value.
      */
     oUtils.roleSelectUpdateDialog = function (oSelectDialog, sVal) {
-        var filter = [], itemsBinding = oSelectDialog.getBinding("items"), selectFilter;
         if (sVal !== undefined) {
-            selectFilter = new Filter("role", FilterOperator.Contains, sVal);
-            filter.push(selectFilter);
-            itemsBinding.filter(filter);
+            oSelectDialog.getBinding("items").filter([ new Filter("role", FilterOperator.Contains, sVal) ]);
         }
     };
 
     /**
      * Update function of the instance selector dialog.
+     *
+     * @param {sap.m.SelectDialog} oSelectDialog The instance select dialog.
+     * @param {string} sVal The instance selector value.
      */
     oUtils.instanceSelectUpdateDialog = function (oSelectDialog, sVal) {
-        var filter = [], customData, itemsBinding = oSelectDialog.getBinding("items"), selectFilter, sRole, selectNameFilter;
-
-        customData = oSelectDialog.getCustomData();
-        sRole = customData[0].getValue();
+        const aFilters = [];
 
         if (sVal !== undefined) {
-            selectFilter = new Filter("instance", FilterOperator.Contains, sVal);
-            filter.push(selectFilter);
+            aFilters.push(new Filter("instance", FilterOperator.Contains, sVal));
         }
+
+        const aCustomData = oSelectDialog.getCustomData();
+        const sRole = aCustomData[0].getValue();
         if (sRole !== "") {
-            selectNameFilter = new Filter("role", FilterOperator.EQ, sRole);
-            filter.push(selectNameFilter);
+            aFilters.push(new Filter("role", FilterOperator.EQ, sRole));
         }
-        if (filter.length > 0) {
-            itemsBinding.filter(filter, true);
+
+        if (aFilters.length > 0) {
+            oSelectDialog.getBinding("items").filter(aFilters, true);
         }
     };
 
     /**
      * Update function of the alias selector dialog.
+     *
+     * @param {sap.m.SelectDialog} oSelectDialog The alias select dialog.
+     * @param {string} sVal The alias selector value.
      */
     oUtils.aliasSelectUpdateDialog = function (oSelectDialog, sVal) {
-        var filter = [], customData, sInstance, itemsBinding = oSelectDialog.getBinding("items"), selectNameFilter, selectFilter;
-
-        customData = oSelectDialog.getCustomData();
-        sInstance = customData[0].getValue();
+        const aFilters = [];
 
         if (sVal !== undefined) {
-            selectFilter = new Filter("alias", FilterOperator.Contains, sVal);
-            filter.push(selectFilter);
+            aFilters.push(new Filter("alias", FilterOperator.Contains, sVal));
         }
+
+        const aCustomData = oSelectDialog.getCustomData();
+        const sInstance = aCustomData[0].getValue();
         if (sInstance !== "") {
-            selectNameFilter = new Filter("instance", FilterOperator.EQ, sInstance);
-            filter.push(selectNameFilter);
+            aFilters.push(new Filter("instance", FilterOperator.EQ, sInstance));
         }
-        if (filter.length > 0) {
-            itemsBinding.filter(filter, true);
+
+        if (aFilters.length > 0) {
+            oSelectDialog.getBinding("items").filter(aFilters, true);
         }
     };
 
@@ -1012,6 +1022,8 @@ sap.ui.define([
     /**
      * Visually select the given icon as indicated.
      *
+     * @param {sap.m.Icon} oIcon The icon UI5 control.
+     * @param {boolean} bSelected Whether the icon should be marked as selected.
      * @see sapMStdTileIconDiv
      */
     oUtils.iconSelect = function (oIcon, bSelected) {
@@ -1020,10 +1032,16 @@ sap.ui.define([
     };
 
     /**
-     * Event handler for icon's "press" event in selection dialog.
+     * Event handler for icon's "press" event in selection dialog. (This function does not seem to be used! It also seems to be broken!)
+     *
+     * @param {object} oController The tile configuration controller.
+     * @param {boolean} isTileActions If the flag isTileActions is true, the model property /config/tile_actions_selected_icon is used.
+     * @param {object} oTileActionsIcon the icon control?
+     * @param {object} oControlEvent the icon control?
      */
     oUtils.onSelectIcon = function (oController, isTileActions, oTileActionsIcon, oControlEvent) {
-        var oModel = oController.getView().getModel(), oSelectedIcon;
+        const oView = oController.getView();
+        const oModel = oView.getModel(); let oSelectedIcon;
         if (isTileActions) {
             oSelectedIcon = oModel.getProperty("/config/tile_actions_selected_icon");
         } else {
@@ -1042,11 +1060,13 @@ sap.ui.define([
         } else {
             oModel.setProperty("/config/selected_icon", oSelectedIcon);
         }
-        oController.byId("selectIconDialog").setTitle(oSelectedIcon.getSrc());
+        oView.byId("selectIconDialog").setTitle(oSelectedIcon.getSrc());
     };
 
     /**
      * Close handler for icon select dialog.
+     *
+     * @param {object} oView the configuration view.
      */
     oUtils.onSelectIconClose = function (oView) {
         oView.byId("selectIconDialog").close();
@@ -1054,9 +1074,12 @@ sap.ui.define([
 
     /**
      * Confirm handler for icon select dialog.
+     *
+     * @param {object} oView the configuration view.
+     * @param {object} oTileActionsIcon the tile action icon. (seems not to be used!)
      */
     oUtils.onSelectIconOk = function (oView, oTileActionsIcon) {
-        var oSelectedIcon = oView.getModel().getProperty("/config/selected_icon");
+        let oSelectedIcon = oView.getModel().getProperty("/config/selected_icon");
         if (!oTileActionsIcon) {
             oView.getModel().setProperty("/config/display_icon_url", oSelectedIcon.getSrc());
             oView.byId("iconInput").setValueState(ValueState.None);
@@ -1073,20 +1096,28 @@ sap.ui.define([
 
     /**
      * Value help request for icon selection. Opens the icon selection dialog.
+     *
+     * @param {object} oController The tile configuration controller.
+     * @param {sap.ui.base.Event} oEvent The value help event.
+     * @param {boolean} isTileActions If the flag isTileActions is true, then it's tile actions icon field. read the value from event.
      */
     oUtils.iconSelectOnValueHelpRequest = function (oController, oEvent, isTileActions) {
-        var oModel = oController.getView().getModel();
-        var oResponsiveFlowLayout = oController.getView().byId("icons");
-        var aCollectionNames = IconPool.getIconCollectionNames();
-        var oDialog = oController.getView().byId("selectIconDialog");
-        var oOK = oController.getView().byId("ok");
-
-        var aContent, sIcon, oTileActionsIcon, aIconNames, i, j, sUri, bBusinessSuiteInAppSymbolsContained = false;
-        // Clear the content of icon layout, so that the content will be reloded everytime, with different press events for tile actions icon and
+        const oView = oController.getView();
+        const oModel = oView.getModel();
+        const oResponsiveFlowLayout = oView.byId("icons");
+        let aCollectionNames = IconPool.getIconCollectionNames();
+        const oDialog = oView.byId("selectIconDialog");
+        const oOK = oView.byId("ok");
+
+        let sIcon;
+        let oTileActionsIcon;
+        let aIconNames;
+        let sUri;
+        let bBusinessSuiteInAppSymbolsContained = false;
+        // Clear the content of icon layout, so that the content will be reloaded every time, with different press events for tile actions icon and
         // general icon.
         oResponsiveFlowLayout.destroyContent();
 
-        // If the flag isTileActions is true, then it's tile actions icon field. read the value from event.
         if (isTileActions) {
             oTileActionsIcon = Element.getElementById(oEvent.getParameter("id"));
             sIcon = oTileActionsIcon.getValue();
@@ -1094,15 +1125,15 @@ sap.ui.define([
             sIcon = oModel.getProperty("/config/display_icon_url");
         }
 
-        oOK.attachEventOnce("press", function () {
-            oUtils.onSelectIconOk(oController.getView(), oTileActionsIcon);
+        oOK.attachEventOnce("press", () => {
+            oUtils.onSelectIconOk(oView, oTileActionsIcon);
         });
 
-        // commenting this beacuse press event has to be binded different for general icon and tile actions icon.
+        // commenting this because press event has to be bound different for general icon and tile actions icon.
         // if (aContent.length === 0) {
         aCollectionNames.sort();
         // remove in-app symbols
-        aCollectionNames = aCollectionNames.filter(function (value) {
+        aCollectionNames = aCollectionNames.filter((value) => {
             if (value === "BusinessSuiteInAppSymbols") {
                 bBusinessSuiteInAppSymbolsContained = true;
                 return false;
@@ -1114,10 +1145,10 @@ sap.ui.define([
         if (bBusinessSuiteInAppSymbolsContained) {
             aCollectionNames.push("BusinessSuiteInAppSymbols");
         }
-        for (i = 0; i < aCollectionNames.length; i += 1) {
+        for (let i = 0; i < aCollectionNames.length; ++i) {
             aIconNames = IconPool.getIconNames(aCollectionNames[i]);
             aIconNames.sort();
-            for (j = 0; j < aIconNames.length; j += 1) {
+            for (let j = 0; j < aIconNames.length; ++j) {
                 sUri = IconPool.getIconURI(aIconNames[j], aCollectionNames[i]);
                 oResponsiveFlowLayout.addContent(new Icon({
                     height: "38px",
@@ -1129,7 +1160,7 @@ sap.ui.define([
                 }));
             }
         }
-        aContent = oResponsiveFlowLayout.getContent();
+        const aContent = oResponsiveFlowLayout.getContent();
 
         // initial state
         oModel.setProperty("/config/ok.enabled", false);
@@ -1139,7 +1170,7 @@ sap.ui.define([
         });
 
         // initial selection
-        for (i = 0; i < aContent.length; i += 1) {
+        for (let i = 0; i < aContent.length; ++i) {
             if (aContent[i].getSrc() === sIcon) {
                 if (isTileActions) {
                     oModel.setProperty("/config/tile_actions_selected_icon", aContent[i]);
@@ -1159,19 +1190,22 @@ sap.ui.define([
 
     /**
      * Value help request for semantic object input. Opens the semantic object input dialog.
+     *
+     * @param {object} oController The configuration controller.
+     * @param {sap.ui.base.Event} oEvent The value help event.
+     * @param {boolean} isTileActions If the flag isTileActions is true, then it's tile actions icon field. read the value from event.
      */
     oUtils.objectSelectOnValueHelpRequest = function (oController, oEvent, isTileActions) {
-        var oView = oController.getView();
-        var sTitle = oUtils.getResourceBundle().getText("configuration.semantic_object");
-        var oSemanticObjectSelector;
-        var sValue;
-        var oSelectorModel = new JSONModel();
-        var oSelectDialog = new SelectDialog("semantic_object_select_dialog", {
+        const oView = oController.getView();
+        const sTitle = oUtils.getResourceBundle().getText("configuration.semantic_object");
+        let oSemanticObjectSelector;
+        const oSelectorModel = new JSONModel();
+        let oSelectDialog = new SelectDialog("semantic_object_select_dialog", {
 
             title: sTitle,
             search: oUtils.objectSelectDoSearch,
             liveChange: oUtils.objectSelectDoSearch
-        }), itemTemplate = new StandardListItem({
+        }); const itemTemplate = new StandardListItem({
             title: "{obj}"
         });
 
@@ -1181,7 +1215,7 @@ sap.ui.define([
             // action tile uses 'semantic_objectInput', dynamic/static tile use 'navigation_semantic_objectInput'
             oSemanticObjectSelector = oView.byId("semantic_objectInput") || oView.byId("navigation_semantic_objectInput");
         }
-        sValue = oSemanticObjectSelector.getValue();
+        const sValue = oSemanticObjectSelector.getValue();
 
         oSelectDialog.open(sValue);
         // controllers can have different default objects
@@ -1193,7 +1227,7 @@ sap.ui.define([
         oUtils.objectSelectUpdateDialog(oSelectDialog, sValue);
 
         // cancel handler
-        oSelectDialog.attachCancel(function (evt) {
+        oSelectDialog.attachCancel((evt) => {
             oSemanticObjectSelector.setValue(sValue);
             if (!isTileActions) {
                 oSemanticObjectSelector.fireChange();
@@ -1203,8 +1237,8 @@ sap.ui.define([
         });
 
         // confirm handler
-        oSelectDialog.attachConfirm(function (evt) {
-            var selectedItem = evt.getParameter("selectedItem");
+        oSelectDialog.attachConfirm((evt) => {
+            const selectedItem = evt.getParameter("selectedItem");
             if (selectedItem) {
                 oSemanticObjectSelector.setValue(selectedItem.getTitle());
                 if (!isTileActions) {
@@ -1218,18 +1252,21 @@ sap.ui.define([
 
     /**
      * Value help request for role input. Opens the role input dialog.
+     *
+     * @param {object} oController The configuration controller.
+     * @param {sap.ui.base.Event} oEvent The value help event.
+     * @param {boolean} isTileActions If the flag isTileActions is true, then it's tile actions icon field. read the value from event.
      */
     oUtils.actionSelectOnValueHelpRequest = function (oController, oEvent, isTileActions) {
-        var oView = oController.getView();
-        var sTitle = oUtils.getResourceBundle().getText("configuration.semantic_action");
-        var oActionSelector;
-        var sValue;
-        var oSelectorModel = new JSONModel();
-        var oSelectDialog = new SelectDialog("semantic_action_select_dialog", {
+        const oView = oController.getView();
+        const sTitle = oUtils.getResourceBundle().getText("configuration.semantic_action");
+        let oActionSelector;
+        const oSelectorModel = new JSONModel();
+        let oSelectDialog = new SelectDialog("semantic_action_select_dialog", {
             title: sTitle,
             search: oUtils.actionSelectDoSearch,
             liveChange: oUtils.actionSelectDoSearch
-        }), itemTemplate = new StandardListItem({
+        }); const itemTemplate = new StandardListItem({
             title: "{text}"
         });
 
@@ -1239,7 +1276,7 @@ sap.ui.define([
             // action tile uses 'semantic_objectInput', dynamic/static tile use 'navigation_semantic_objectInput'
             oActionSelector = oView.byId("semantic_actionInput") || oView.byId("navigation_semantic_actionInput");
         }
-        sValue = oActionSelector.getValue();
+        const sValue = oActionSelector.getValue();
 
         oSelectDialog.open(sValue);
         // controllers can have different default objects
@@ -1251,7 +1288,7 @@ sap.ui.define([
         oUtils.actionSelectUpdateDialog(oSelectDialog, sValue);
 
         // cancel handler
-        oSelectDialog.attachCancel(function (evt) {
+        oSelectDialog.attachCancel((evt) => {
             oActionSelector.setValue(sValue);
             if (!isTileActions) {
                 oActionSelector.fireChange();
@@ -1261,8 +1298,8 @@ sap.ui.define([
         });
 
         // confirm handler
-        oSelectDialog.attachConfirm(function (evt) {
-            var selectedItem = evt.getParameter("selectedItem");
+        oSelectDialog.attachConfirm((evt) => {
+            const selectedItem = evt.getParameter("selectedItem");
             if (selectedItem) {
                 oActionSelector.setValue(selectedItem.getTitle());
                 if (!isTileActions) {
@@ -1279,49 +1316,48 @@ sap.ui.define([
 
     /**
      * Value help request for role input. Opens the role input dialog.
+     *
+     * @param {sap.ushell.components.tiles.action.Configuration.controller} oController The configuration controller.
      */
-    oUtils.roleSelectOnValueHelpRequest = function (oController/*, oEvent*/) {
-        var oView = oController.getView(),
-            sTitle = oUtils.getResourceBundle().getText("configuration.navigation_provider_role"),
-            oRoleSelector,
-            oInstanceSelector,
-            sValue,
-            oSelectorModel = new JSONModel(),
-            //TableSelectDialog is loaded in core-ext-light.
-            //Should be load async with sap.ui.require, but not clear where it is used and how to test it.
-            oSelectDialog = new TableSelectDialog("role_select_dialog", {
-                title: sTitle,
-                search: oUtils.roleSelectDoSearch,
-                liveChange: oUtils.roleSelectDoSearch,
-                columns: [
-                    new Column({
-                        header: [
-                            new Text({
-                                text: oUtils.getResourceBundle().getText("configuration.navigation_provider_role")
-                            })
-                        ]
-                    }), new Column({
-                        header: [
-                            new Text({
-                                text: oUtils.getResourceBundle().getText("configuration.navigation_provider_instance")
-                            })
-                        ]
-                    })
-                ]
-            }), itemTemplate = new ColumnListItem({
-                cells: [
-                    new Text({
-                        text: "{role}"
-                    }), new Text({
-                        text: "{instance}"
-                    })
-                ]
-            });
+    oUtils.roleSelectOnValueHelpRequest = function (oController/* , oEvent */) {
+        const oView = oController.getView();
+        const sTitle = oUtils.getResourceBundle().getText("configuration.navigation_provider_role");
+        const oSelectorModel = new JSONModel();
+        // TableSelectDialog is loaded in core-ext-light.
+        // Should be load async with sap.ui.require, but not clear where it is used and how to test it.
+        let oSelectDialog = new TableSelectDialog("role_select_dialog", {
+            title: sTitle,
+            search: oUtils.roleSelectDoSearch,
+            liveChange: oUtils.roleSelectDoSearch,
+            columns: [
+                new Column({
+                    header: [
+                        new Text({
+                            text: oUtils.getResourceBundle().getText("configuration.navigation_provider_role")
+                        })
+                    ]
+                }), new Column({
+                    header: [
+                        new Text({
+                            text: oUtils.getResourceBundle().getText("configuration.navigation_provider_instance")
+                        })
+                    ]
+                })
+            ]
+        }); const itemTemplate = new ColumnListItem({
+            cells: [
+                new Text({
+                    text: "{role}"
+                }), new Text({
+                    text: "{instance}"
+                })
+            ]
+        });
 
-        oRoleSelector = oView.byId("navigation_provider_roleInput");
-        oInstanceSelector = oView.byId("navigation_provider_instanceInput");
+        const oRoleSelector = oView.byId("navigation_provider_roleInput");
+        const oInstanceSelector = oView.byId("navigation_provider_instanceInput");
 
-        sValue = oRoleSelector.getValue();
+        const sValue = oRoleSelector.getValue();
 
         oSelectDialog.open(sValue);
         // controllers can have different default objects
@@ -1333,7 +1369,7 @@ sap.ui.define([
         oUtils.roleSelectUpdateDialog(oSelectDialog, sValue);
 
         // cancel handler
-        oSelectDialog.attachCancel(function (evt) {
+        oSelectDialog.attachCancel((evt) => {
             oRoleSelector.setValue(sValue);
             oRoleSelector.fireChange();
             oSelectDialog.destroy();
@@ -1341,8 +1377,8 @@ sap.ui.define([
         });
 
         // confirm handler
-        oSelectDialog.attachConfirm(function (evt) {
-            var selectedItem = evt.getParameter("selectedItem");
+        oSelectDialog.attachConfirm((evt) => {
+            const selectedItem = evt.getParameter("selectedItem");
             if (selectedItem) {
                 oRoleSelector.setValue(selectedItem.getCells()[0].getText());
                 oInstanceSelector.setValue(selectedItem.getCells()[1].getText());
@@ -1356,27 +1392,26 @@ sap.ui.define([
 
     /**
      * Value help request for instance input. Opens the instance input dialog.
+     *
+     * @param {sap.ushell.components.tiles.action.Configuration.controller} oController The configuration controller.
      */
-    oUtils.instanceSelectOnValueHelpRequest = function (oController/*, oEvent*/) {
-        var oView = oController.getView();
-        var sRole;
-        var sTitle = oUtils.getResourceBundle().getText("configuration.navigation_provider_instance");
-        var oInstanceSelector;
-        var sValue;
-        var oSelectorModel = new JSONModel();
-        var oSelectDialog = new SelectDialog("instance_select_dialog", {
+    oUtils.instanceSelectOnValueHelpRequest = function (oController/* , oEvent */) {
+        const oView = oController.getView();
+        const sTitle = oUtils.getResourceBundle().getText("configuration.navigation_provider_instance");
+        const oSelectorModel = new JSONModel();
+        let oSelectDialog = new SelectDialog("instance_select_dialog", {
             title: sTitle,
             search: oUtils.instanceSelectDoSearch,
             liveChange: oUtils.instanceSelectDoSearch
-        }), itemTemplate = new StandardListItem({
+        }); const itemTemplate = new StandardListItem({
             title: "{instance}"
         });
 
-        oInstanceSelector = oView.byId("navigation_provider_instanceInput");
+        const oInstanceSelector = oView.byId("navigation_provider_instanceInput");
 
-        sValue = oInstanceSelector.getValue();
+        const sValue = oInstanceSelector.getValue();
 
-        sRole = oView.byId("navigation_provider_roleInput").getValue();
+        const sRole = oView.byId("navigation_provider_roleInput").getValue();
         oSelectDialog.addCustomData(new CustomData({
             key: "role",
             value: sRole
@@ -1392,7 +1427,7 @@ sap.ui.define([
         oUtils.instanceSelectUpdateDialog(oSelectDialog, sValue);
 
         // cancel handler
-        oSelectDialog.attachCancel(function (evt) {
+        oSelectDialog.attachCancel((evt) => {
             oInstanceSelector.setValue(sValue);
             oInstanceSelector.fireChange();
             oSelectDialog.destroy();
@@ -1400,8 +1435,8 @@ sap.ui.define([
         });
 
         // confirm handler
-        oSelectDialog.attachConfirm(function (evt) {
-            var selectedItem = evt.getParameter("selectedItem");
+        oSelectDialog.attachConfirm((evt) => {
+            const selectedItem = evt.getParameter("selectedItem");
             if (selectedItem) {
                 oInstanceSelector.setValue(selectedItem.getTitle());
                 oInstanceSelector.fireChange();
@@ -1411,26 +1446,23 @@ sap.ui.define([
         });
     };
 
-    oUtils.applicationAliasSelectOnValueHelpRequest = function (oController/*, oEvent*/) {
-        var oView = oController.getView();
-        var sTitle = oUtils.getResourceBundle().getText("configuration.target_application_alias");
-        var oAliasSelector;
-        var sValue;
-        var sInstance;
-        var oSelectorModel = new JSONModel();
-        var oSelectDialog = new SelectDialog("alias_select_dialog", {
+    oUtils.applicationAliasSelectOnValueHelpRequest = function (oController/* , oEvent */) {
+        const oView = oController.getView();
+        const sTitle = oUtils.getResourceBundle().getText("configuration.target_application_alias");
+        const oSelectorModel = new JSONModel();
+        let oSelectDialog = new SelectDialog("alias_select_dialog", {
             title: sTitle,
             search: oUtils.aliasSelectDoSearch,
             liveChange: oUtils.aliasSelectDoSearch
-        }), itemTemplate = new StandardListItem({
+        }); const itemTemplate = new StandardListItem({
             title: "{alias}"
         });
 
-        oAliasSelector = oView.byId("target_application_aliasInput");
+        const oAliasSelector = oView.byId("target_application_aliasInput");
 
-        sValue = oAliasSelector.getValue();
+        const sValue = oAliasSelector.getValue();
 
-        sInstance = oView.byId("navigation_provider_instanceInput").getValue();
+        const sInstance = oView.byId("navigation_provider_instanceInput").getValue();
         oSelectDialog.addCustomData(new CustomData({
             key: "instance",
             value: sInstance
@@ -1446,7 +1478,7 @@ sap.ui.define([
         oUtils.aliasSelectUpdateDialog(oSelectDialog, sValue);
 
         // cancel handler
-        oSelectDialog.attachCancel(function (evt) {
+        oSelectDialog.attachCancel((evt) => {
             oAliasSelector.setValue(sValue);
             oAliasSelector.fireChange();
             oSelectDialog.destroy();
@@ -1454,8 +1486,8 @@ sap.ui.define([
         });
 
         // confirm handler
-        oSelectDialog.attachConfirm(function (evt) {
-            var selectedItem = evt.getParameter("selectedItem");
+        oSelectDialog.attachConfirm((evt) => {
+            const selectedItem = evt.getParameter("selectedItem");
             if (selectedItem) {
                 oAliasSelector.setValue(selectedItem.getTitle());
                 oAliasSelector.fireChange();
@@ -1472,10 +1504,10 @@ sap.ui.define([
      * @param {object} oTargetTypeComboBox The target type field
      */
     oUtils.onTargetTypeChange = function (oTargetTypeComboBox) {
-        var sId = oTargetTypeComboBox.getParameter("id");
-        var aParentCells = Element.getElementById(sId).getParent().getCells();
+        const sId = oTargetTypeComboBox.getParameter("id");
+        const aParentCells = Element.getElementById(sId).getParent().getCells();
 
-        var sTargetType = oTargetTypeComboBox.getSource().getSelectedKey(); // ('newValue');
+        const sTargetType = oTargetTypeComboBox.getSource().getSelectedKey(); // ('newValue');
         if (sTargetType === "INT") {
             aParentCells[3].setEnabled(true); // Action field
             aParentCells[2].setShowValueHelp(true); // shows value Help for the Navigation Target field.
@@ -1494,11 +1526,11 @@ sap.ui.define([
      * @param {object} oConfigurationView The configuration view to add new row in the tile actions table.
      */
     oUtils.addTileActionsRow = function (oConfigurationView) {
-        var oModel = oConfigurationView.getModel();
-        var rows = oModel.getProperty("/config/tile_actions_rows");
+        const oModel = oConfigurationView.getModel();
+        const rows = oModel.getProperty("/config/tile_actions_rows");
 
         // Init a row template for adding new empty row to the tile actions table
-        var newParamRow = this.getEmptyTileActionsRowObj();
+        const newParamRow = this.getEmptyTileActionsRowObj();
         rows.push(newParamRow);
         oModel.setProperty("/config/tile_actions_rows", rows);
     };
@@ -1509,16 +1541,16 @@ sap.ui.define([
      * @param {object} oConfigurationView The configuration view to delete rows from the tile actions table.
      */
     oUtils.deleteTileActionsRow = function (oConfigurationView) {
-        var oModel = oConfigurationView.getModel();
-        var rows = oModel.getProperty("/config/tile_actions_rows");
+        const oModel = oConfigurationView.getModel();
+        const rows = oModel.getProperty("/config/tile_actions_rows");
 
-        var table = oConfigurationView.byId("tileActions");
-        var aSelectedItemsIndexes = table.getSelectedIndices();
-        var aSortedDescending = aSelectedItemsIndexes.sort(function (a, b) {
+        const table = oConfigurationView.byId("tileActions");
+        const aSelectedItemsIndexes = table.getSelectedIndices();
+        const aSortedDescending = aSelectedItemsIndexes.sort((a, b) => {
             return b - a;
         }).slice();
 
-        for (var i = 0; i < aSortedDescending.length; i++) {
+        for (let i = 0; i < aSortedDescending.length; i++) {
             table.removeSelectionInterval(aSortedDescending[i], aSortedDescending[i]);// Make sure to turn off the selection or it will pass to the
             // next row.
             rows.splice(aSortedDescending[i], 1); // There is a major assumption here that the index in the model is identical to the index in the
@@ -1531,17 +1563,17 @@ sap.ui.define([
      * Checks the input of given configuration View.
      *
      * @param {object} oConfigurationView The configuration view to check the input for.
-     * @param {oControlEvent} The event that triggered the call to this function.
+     * @param {object} oControlEvent The event that triggered the call to this function.
      */
     oUtils.checkInput = function (oConfigurationView, oControlEvent) {
-        var oTranslationBundle = oUtils.getResourceBundle(),
-            oIconURLInput = oConfigurationView.byId("iconInput"),
-            oUseSemObjNav = oConfigurationView.byId("useLpdCheckbox"),
-            oSemObjectInput = oConfigurationView.byId("navigation_semantic_objectInput") || oConfigurationView.byId("semantic_objectInput"),
-            oSemActionInput = oConfigurationView.byId("navigation_semantic_actionInput") || oConfigurationView.byId("semantic_actionInput"),
-            oValueState = ValueState.None,
-            oValueStateText = null,
-            sNewValue = String(oControlEvent.getParameter("newValue") || "").trim();
+        const oTranslationBundle = oUtils.getResourceBundle();
+        const oIconURLInput = oConfigurationView.byId("iconInput");
+        const oUseSemObjNav = oConfigurationView.byId("useLpdCheckbox");
+        const oSemObjectInput = oConfigurationView.byId("navigation_semantic_objectInput") || oConfigurationView.byId("semantic_objectInput");
+        const oSemActionInput = oConfigurationView.byId("navigation_semantic_actionInput") || oConfigurationView.byId("semantic_actionInput");
+        let oValueState = ValueState.None;
+        let oValueStateText = null;
+        const sNewValue = String(oControlEvent.getParameter("newValue") || "").trim();
 
         switch (oControlEvent.getSource()) {
             case oIconURLInput:
@@ -1588,14 +1620,15 @@ sap.ui.define([
      * Checks the input of given configuration View.
      *
      * @param {object} oConfigurationView The configuration view to check the input for.
+     * @returns {boolean} whether the semantic object and action are valid.
      */
     oUtils.checkInputOnSaveConfig = function (oConfigurationView) {
-        var oIconURLInput = oConfigurationView.byId("iconInput");
-        var oSemObjectInput = oConfigurationView.byId("navigation_semantic_objectInput");
-        var oSemActionInput = oConfigurationView.byId("navigation_semantic_actionInput");
-        var oUseSemObjNav = oConfigurationView.byId("useLpdCheckbox");
-        var oTranslationBundle = oUtils.getResourceBundle();
-        var bReject = false;
+        const oIconURLInput = oConfigurationView.byId("iconInput");
+        const oSemObjectInput = oConfigurationView.byId("navigation_semantic_objectInput");
+        const oSemActionInput = oConfigurationView.byId("navigation_semantic_actionInput");
+        const oUseSemObjNav = oConfigurationView.byId("useLpdCheckbox");
+        const oTranslationBundle = oUtils.getResourceBundle();
+        let bReject = false;
         // Icon input check
         if (oIconURLInput.getValue() !== "" && !oUtils.isIconURIValid(oIconURLInput.getValue())) {
             oIconURLInput.setValueState(ValueState.Error);
@@ -1624,10 +1657,10 @@ sap.ui.define([
     };
 
     oUtils.checkTileActions = function (oConfigurationView) {
-        var aTableContent = oConfigurationView.getModel().getProperty("/config/tile_actions_rows");
-        var oTranslationBundle = oUtils.getResourceBundle();
-        var bReject = false;
-        for (var i = 0; i < aTableContent.length; i++) {
+        const aTableContent = oConfigurationView.getModel().getProperty("/config/tile_actions_rows");
+        const oTranslationBundle = oUtils.getResourceBundle();
+        let bReject = false;
+        for (let i = 0; i < aTableContent.length; i++) {
             if (!aTableContent[i].menu_title && (aTableContent[i].navigation_target || aTableContent.length > 1)) {
                 aTableContent[i].valueState = ValueState.Error;
                 bReject = true;
@@ -1652,12 +1685,13 @@ sap.ui.define([
      * Checks if the given icon URI is valid and idenifies an icon from the IconPool.
      *
      * @param {string} sIconURI The icon URI to check
+     * @returns {boolean} whether the icon URI is valid.
      */
     oUtils.isIconURIValid = function (sIconURI) {
-        var aResult = [];
-        var sCollection = "";
-        var sIcon = "";
-        var sValidIconURI = "";
+        let aResult = [];
+        let sCollection = "";
+        let sIcon = "";
+        let sValidIconURI = "";
 
         aResult = /sap-icon:\/\/(.+)\//.exec(sIconURI);
         if (aResult) {
@@ -1693,22 +1727,22 @@ sap.ui.define([
      * Checks the input of given Target mapping configuration View.
      *
      * @param {object} oConfigurationView The configuration view to check the input for.
-     * @param {oControlEvent} The event that triggered the call to this function.
+     * @param {object} oControlEvent The event that triggered the call to this function.
      */
     oUtils.checkTMInput = function (oConfigurationView, oControlEvent) {
-        var oTranslationBundle = oUtils.getResourceBundle(),
-            oSemObjectInput = oConfigurationView.byId("semantic_objectInput"),
-            oSemActionInput = oConfigurationView.byId("semantic_actionInput"),
-            oTargetAppTitleInput = oConfigurationView.byId("target_application_descriptionInput"),
-            oTargetAppURLInput = oConfigurationView.byId("target_application_urlInput"),
-            oTargetAppCompInput = oConfigurationView.byId("target_application_componentInput"),
-            oNavProviderRoleInput = oConfigurationView.byId("navigation_provider_roleInput"),
-            oNavProviderInstanceInput = oConfigurationView.byId("navigation_provider_instanceInput"),
-            oTargetAppAliasInput = oConfigurationView.byId("target_application_aliasInput"),
-            oTargetAppIdInput = oConfigurationView.byId("target_application_idInput"),
-            sNewValue = String(oControlEvent.getParameter("newValue") || "").trim(),
-            oValueState = ValueState.None,
-            oValueStateText = null;
+        const oTranslationBundle = oUtils.getResourceBundle();
+        const oSemObjectInput = oConfigurationView.byId("semantic_objectInput");
+        const oSemActionInput = oConfigurationView.byId("semantic_actionInput");
+        const oTargetAppTitleInput = oConfigurationView.byId("target_application_descriptionInput");
+        const oTargetAppURLInput = oConfigurationView.byId("target_application_urlInput");
+        const oTargetAppCompInput = oConfigurationView.byId("target_application_componentInput");
+        const oNavProviderRoleInput = oConfigurationView.byId("navigation_provider_roleInput");
+        const oNavProviderInstanceInput = oConfigurationView.byId("navigation_provider_instanceInput");
+        const oTargetAppAliasInput = oConfigurationView.byId("target_application_aliasInput");
+        const oTargetAppIdInput = oConfigurationView.byId("target_application_idInput");
+        const sNewValue = String(oControlEvent.getParameter("newValue") || "").trim();
+        let oValueState = ValueState.None;
+        let oValueStateText = null;
 
         switch (oControlEvent.getSource()) {
             case oSemObjectInput:
@@ -1808,26 +1842,27 @@ sap.ui.define([
      * Checks the input of given configuration View.
      *
      * @param {object} oConfigurationView The configuration view to check the input for.
+     * @returns {boolean} whether the target mapping is valid.
      */
     oUtils.checkTMInputOnSaveConfig = function (oConfigurationView) {
-        var oTranslationBundle = oUtils.getResourceBundle();
-        var oSemObjectInput = oConfigurationView.byId("semantic_objectInput");
-        var oSemActionInput = oConfigurationView.byId("semantic_actionInput");
-        var oTargetAppTitleInput = oConfigurationView.byId("target_application_descriptionInput");
-        var oTargetAppURLInput = oConfigurationView.byId("target_application_urlInput");
-        var oTargetAppCompInput = oConfigurationView.byId("target_application_componentInput");
-        var oNavProviderRoleInput = oConfigurationView.byId("navigation_provider_roleInput");
-        var oNavProviderInstanceInput = oConfigurationView.byId("navigation_provider_instanceInput");
-        var oTargetAppAliasInput = oConfigurationView.byId("target_application_aliasInput");
-        var oTargetAppIdInput = oConfigurationView.byId("target_application_idInput");
-        var oNavigationProvider = oConfigurationView.byId("targetTypeInput");
-        var oTransaction = oConfigurationView.byId("target_transactionInput");
-        var oWDApplication = oConfigurationView.byId("target_web_dynpro_applicationInput");
-        var oWCFApplication = oConfigurationView.byId("target_wcf_application_idInput");
-        var oFormFactorDesktopInput = oConfigurationView.byId("desktopCB");
-        var oFormFactorTabletInput = oConfigurationView.byId("tabletCB");
-        var oFormFactorPhoneInput = oConfigurationView.byId("phoneCB");
-        var bReject = false;
+        const oTranslationBundle = oUtils.getResourceBundle();
+        const oSemObjectInput = oConfigurationView.byId("semantic_objectInput");
+        const oSemActionInput = oConfigurationView.byId("semantic_actionInput");
+        const oTargetAppTitleInput = oConfigurationView.byId("target_application_descriptionInput");
+        const oTargetAppURLInput = oConfigurationView.byId("target_application_urlInput");
+        const oTargetAppCompInput = oConfigurationView.byId("target_application_componentInput");
+        const oNavProviderRoleInput = oConfigurationView.byId("navigation_provider_roleInput");
+        const oNavProviderInstanceInput = oConfigurationView.byId("navigation_provider_instanceInput");
+        const oTargetAppAliasInput = oConfigurationView.byId("target_application_aliasInput");
+        const oTargetAppIdInput = oConfigurationView.byId("target_application_idInput");
+        const oNavigationProvider = oConfigurationView.byId("targetTypeInput");
+        const oTransaction = oConfigurationView.byId("target_transactionInput");
+        const oWDApplication = oConfigurationView.byId("target_web_dynpro_applicationInput");
+        const oWCFApplication = oConfigurationView.byId("target_wcf_application_idInput");
+        const oFormFactorDesktopInput = oConfigurationView.byId("desktopCB");
+        const oFormFactorTabletInput = oConfigurationView.byId("tabletCB");
+        const oFormFactorPhoneInput = oConfigurationView.byId("phoneCB");
+        let bReject = false;
 
         // Semantic object input check
         oSemObjectInput.setValue(oSemObjectInput.getValue().trim());
@@ -1847,8 +1882,8 @@ sap.ui.define([
             bReject = true;
         }
 
-        var sNavProvider = oConfigurationView.getModel().getProperty("/config/navigation_provider"),
-            oValStateText;
+        const sNavProvider = oConfigurationView.getModel().getProperty("/config/navigation_provider");
+        let oValStateText;
         // SAPUI5 Fiori App radio is selected
         if (sNavProvider === "SAPUI5") {
             // Application title
@@ -1962,11 +1997,11 @@ sap.ui.define([
 
     oUtils.updateTooltipForDisabledProperties = function (oConfigurationView) {
         // change tooltip for all translatable properties in case userlocale !== original Locale
-        var oModel = oConfigurationView.getModel();
-        var isLocaleSuitable = oModel.getProperty("/config/isLocaleSuitable");
+        const oModel = oConfigurationView.getModel();
+        const isLocaleSuitable = oModel.getProperty("/config/isLocaleSuitable");
         if (!isLocaleSuitable) {
-            var rb = oUtils.getResourceBundle();
-            var message = rb.getText("edit_configuration.original_locale_not_fit_tooltip", [
+            const rb = oUtils.getResourceBundle();
+            const message = rb.getText("edit_configuration.original_locale_not_fit_tooltip", [
                 oModel.getProperty("/config/userLocale"), oModel.getProperty("/config/orgLocale")
             ]);
             oConfigurationView.byId("titleInput").setTooltip(message);
@@ -1977,12 +2012,12 @@ sap.ui.define([
     };
 
     oUtils.updateMessageStripForOriginalLanguage = function (oConfigurationView) {
-        var oModel = oConfigurationView.getModel();
+        const oModel = oConfigurationView.getModel();
         if (oModel.getProperty("/config/isLocaleSuitable") === false) {
-            var sMessageText = oUtils.getResourceBundle().getText("edit_configuration.original_locale_not_fit_message", [
+            const sMessageText = oUtils.getResourceBundle().getText("edit_configuration.original_locale_not_fit_message", [
                 oModel.getProperty("/config/orgLocale").toUpperCase(), oModel.getProperty("/config/userLocale").toUpperCase()
             ]);
-            var oMessageStrip = oConfigurationView.byId("messageStrip");
+            const oMessageStrip = oConfigurationView.byId("messageStrip");
             oMessageStrip.setVisible(true);
             oMessageStrip.setText(sMessageText);
             oMessageStrip.setType(MessageType.Warning);
@@ -2000,19 +2035,19 @@ sap.ui.define([
      * @private
      */
     oUtils.createSemanticObjectModel = function (oConfigController, oSemanticObjectSelector, aDefaultValuesOverride) {
-        var oView = oConfigController.getView(),
-            // the URI of the semantic objects OData Servicw
-            sUri = "/sap/opu/odata/UI2/INTEROP/SemanticObjects",
-            // default selections that are prepended to the results of the OData call.
-            // Options: "" (no sem obj) or "*" (all sem objects)
-            aDefaultValues = [
-                { obj: "", name: "" },
-                { obj: "*", name: "*" }
-            ],
+        const oView = oConfigController.getView();
+        // the URI of the semantic objects OData Service
+        const sUri = "/sap/opu/odata/UI2/INTEROP/SemanticObjects";
+        // default selections that are prepended to the results of the OData call.
+        // Options: "" (no sem obj) or "*" (all sem objects)
+        const aDefaultValues = [
+            { obj: "", name: "" },
+            { obj: "*", name: "*" }
+        ];
             // Note: copy the arrays!
-            aDefaultObjects = (aDefaultValuesOverride || aDefaultValues).slice(0),
-            // set model first only to default values
-            oSelectorModel = new JSONModel();
+        const aDefaultObjects = (aDefaultValuesOverride || aDefaultValues).slice(0);
+        // set model first only to default values
+        const oSelectorModel = new JSONModel();
         // required to make the suggestion list show all entries
         // the default value for the size limit is 100!
         oSelectorModel.setSizeLimit(999999);
@@ -2025,8 +2060,8 @@ sap.ui.define([
         }));
         oSemanticObjectSelector.setModel(oSelectorModel, "suggest");
         if (oUtils.aData.length > 0) {
-            //update async, otherwise block the creation of view
-            setTimeout(function () {
+            // update async, otherwise block the creation of view
+            setTimeout(() => {
                 oSelectorModel.setData({
                     items: aDefaultObjects.concat(oUtils.aData)
                 }, true); // merge
@@ -2041,39 +2076,39 @@ sap.ui.define([
                 Accept: "application/json"
             }
         },
-            // sucess
-            function (oData/*, oResponse*/) {
-                var sId, sText, i;
-                for (i = 0; i < oData.results.length; i = i + 1) {
-                    sId = oData.results[i].id;
-                    sText = oData.results[i].text;
-                    oUtils.aData.push({
-                        obj: sId,
-                        name: sText || sId
-                    });
-                }
-                oSelectorModel.setData({
-                    items: aDefaultObjects.concat(oUtils.aData)
-                }, true); // merge
-            },
-            // fail
-            function (oError) {
-                var sMessage = oError && oError.message ? oError.message : oError;
-                if (oError.response) {
-                    sMessage += " - " + oError.response.statusCode + " " + oError.response.statusText;
-                }
-                Log.error("Could not fetch data: " + sUri + ": " + sMessage, null,
-                    // the source component of the error - needs to be set within the parent controller control
-                    (oView.getViewName() || "sap.ushell.components.tiles.utils"));
-            });
+        // sucess
+        (oData/* , oResponse */) => {
+            let sId; let sText; let i;
+            for (i = 0; i < oData.results.length; i = i + 1) {
+                sId = oData.results[i].id;
+                sText = oData.results[i].text;
+                oUtils.aData.push({
+                    obj: sId,
+                    name: sText || sId
+                });
+            }
+            oSelectorModel.setData({
+                items: aDefaultObjects.concat(oUtils.aData)
+            }, true); // merge
+        },
+        // fail
+        (oError) => {
+            let sMessage = oError && oError.message ? oError.message : oError;
+            if (oError.response) {
+                sMessage += ` - ${oError.response.statusCode} ${oError.response.statusText}`;
+            }
+            Log.error(`Could not fetch data: ${sUri}: ${sMessage}`, null,
+                // the source component of the error - needs to be set within the parent controller control
+                (oView.getViewName() || "sap.ushell.components.tiles.utils"));
+        });
     };
 
     oUtils.createRoleModel = function (oConfigController, oRoleSelector, oInstanceSelector) {
-        var oView = oConfigController.getView(),
-            // the URI of the semantic objects OData Servicw
-            sUri = "/sap/opu/odata/UI2/INTEROP/GetLPDInstances",
-            // set model first only to default values
-            oSelectorModel = new JSONModel(), oInstanceSelectorModel = new JSONModel();
+        const oView = oConfigController.getView();
+        // the URI of the semantic objects OData Service
+        const sUri = "/sap/opu/odata/UI2/INTEROP/GetLPDInstances";
+        // set model first only to default values
+        const oSelectorModel = new JSONModel(); const oInstanceSelectorModel = new JSONModel();
         // required to make the suggestion list show all entries
         // the default value for the size limit is 100!
         oSelectorModel.setSizeLimit(999999);
@@ -2084,7 +2119,7 @@ sap.ui.define([
         oInstanceSelectorModel.setProperty("/value", "");
         oInstanceSelectorModel.setProperty("/enabled", true);
 
-        var itemTemplate = new ColumnListItem({
+        const itemTemplate = new ColumnListItem({
             cells: [
                 new Label({ text: "{role}" }),
                 new Label({ text: "{instance}" })
@@ -2098,7 +2133,7 @@ sap.ui.define([
         oInstanceSelector.setModel(oInstanceSelectorModel);
 
         oRoleSelector.setModel(oSelectorModel);
-        oRoleSelector.attachSuggestionItemSelected(function (evt) {
+        oRoleSelector.attachSuggestionItemSelected((evt) => {
             oInstanceSelector.setValue(evt.getParameter("selectedRow").getCells()[1].getText());
             oInstanceSelector.fireChange();
         });
@@ -2120,42 +2155,42 @@ sap.ui.define([
                 Accept: "application/json"
             }
         },
-            // sucess
-            function (oData/*, oResponse*/) {
-                var sRole, sInstance, i;
-                for (i = 0; i < oData.results.length; i = i + 1) {
-                    sRole = oData.results[i].lpdRole;
-                    sInstance = oData.results[i].instance;
-                    oUtils.aRoleData.push({
-                        role: sRole,
-                        instance: sInstance
-                    });
-                }
-                oSelectorModel.setData({
-                    items: oUtils.aRoleData
-                }, true); // merge
-                oInstanceSelectorModel.setData({
-                    items: oUtils.aRoleData
-                }, true); // merge
-            },
-            // fail
-            function (oError) {
-                var sMessage = oError && oError.message ? oError.message : oError;
-                if (oError.response) {
-                    sMessage += " - " + oError.response.statusCode + " " + oError.response.statusText;
-                }
-                Log.error("Could not fetch data: " + sUri + ": " + sMessage, null,
-                    // the source component of the error - needs to be set within the parent controller control
-                    (oView.getViewName() || "sap.ushell.components.tiles.utils"));
-            });
+        // sucess
+        (oData/* , oResponse */) => {
+            let sRole; let sInstance; let i;
+            for (i = 0; i < oData.results.length; i = i + 1) {
+                sRole = oData.results[i].lpdRole;
+                sInstance = oData.results[i].instance;
+                oUtils.aRoleData.push({
+                    role: sRole,
+                    instance: sInstance
+                });
+            }
+            oSelectorModel.setData({
+                items: oUtils.aRoleData
+            }, true); // merge
+            oInstanceSelectorModel.setData({
+                items: oUtils.aRoleData
+            }, true); // merge
+        },
+        // fail
+        (oError) => {
+            let sMessage = oError && oError.message ? oError.message : oError;
+            if (oError.response) {
+                sMessage += ` - ${oError.response.statusCode} ${oError.response.statusText}`;
+            }
+            Log.error(`Could not fetch data: ${sUri}: ${sMessage}`, null,
+                // the source component of the error - needs to be set within the parent controller control
+                (oView.getViewName() || "sap.ushell.components.tiles.utils"));
+        });
     };
 
     oUtils.createAliasModel = function (oConfigController, oAliasSelector) {
-        var oView = oConfigController.getView(), oConfiguration,
-            // the URI of the semantic objects OData Servicw
-            sUri = "/sap/opu/odata/UI2/INTEROP/GetLPDAppAlias",
-            // set model first only to default values
-            oSelectorModel = new JSONModel();
+        const oView = oConfigController.getView();
+        // the URI of the semantic objects OData Service
+        let sUri = "/sap/opu/odata/UI2/INTEROP/GetLPDAppAlias";
+        // set model first only to default values
+        const oSelectorModel = new JSONModel();
 
         // required to make the suggestion list show all entries
         // the default value for the size limit is 100!
@@ -2169,10 +2204,10 @@ sap.ui.define([
         }));
         oAliasSelector.setModel(oSelectorModel);
 
-        oConfiguration = oUtils.getAppLauncherConfig(oView.oViewData.chip, true, true);
+        const oConfiguration = oUtils.getAppLauncherConfig(oView.oViewData.chip, true, true);
         if (oConfiguration && oConfiguration.navigation_provider_role && oConfiguration.navigation_provider_instance) {
             if (oConfiguration.navigation_provider_role !== "" && oConfiguration.navigation_provider_instance !== "") {
-                sUri = sUri + "?role='" + oConfiguration.navigation_provider_role + "'&instance='" + oConfiguration.navigation_provider_instance + "'";
+                sUri = `${sUri}?role='${oConfiguration.navigation_provider_role}'&instance='${oConfiguration.navigation_provider_instance}'`;
             }
         }
 
@@ -2183,49 +2218,49 @@ sap.ui.define([
                 Accept: "application/json"
             }
         },
-            // sucess
-            function (oData/*, oResponse*/) {
-                var sAlias, sRole, sInstance, i, oModelData;
-                oUtils.aAliasData = [];
-                for (i = 0; i < oData.results.length; i = i + 1) {
-                    sAlias = oData.results[i].lpdApplicationAlias;
-                    sRole = oData.results[i].lpdRole;
-                    sInstance = oData.results[i].lpdInstance;
-                    oUtils.aAliasData.push({
-                        role: sRole,
-                        instance: sInstance,
-                        alias: sAlias
-                    });
-                }
-                oModelData = oSelectorModel.getData();
-                if (oModelData) {
-                    oModelData.items = oUtils.aAliasData;
-                } else {
-                    oModelData = {
-                        items: oUtils.aAliasData
-                    };
-                }
-                oSelectorModel.setData(oModelData, false);
-            },
-            // fail
-            function (oError) {
-                var sMessage = oError && oError.message ? oError.message : oError;
-                if (oError.response) {
-                    sMessage += " - " + oError.response.statusCode + " " + oError.response.statusText;
-                }
-                Log.error("Could not fetch data: " + sUri + ": " + sMessage, null,
-                    // the source component of the error - needs to be set within the parent controller control
-                    (oView.getViewName() || "sap.ushell.components.tiles.utils"));
-            });
+        // sucess
+        (oData/* , oResponse */) => {
+            let sAlias; let sRole; let sInstance; let i; let oModelData;
+            oUtils.aAliasData = [];
+            for (i = 0; i < oData.results.length; i = i + 1) {
+                sAlias = oData.results[i].lpdApplicationAlias;
+                sRole = oData.results[i].lpdRole;
+                sInstance = oData.results[i].lpdInstance;
+                oUtils.aAliasData.push({
+                    role: sRole,
+                    instance: sInstance,
+                    alias: sAlias
+                });
+            }
+            oModelData = oSelectorModel.getData();
+            if (oModelData) {
+                oModelData.items = oUtils.aAliasData;
+            } else {
+                oModelData = {
+                    items: oUtils.aAliasData
+                };
+            }
+            oSelectorModel.setData(oModelData, false);
+        },
+        // fail
+        (oError) => {
+            let sMessage = oError && oError.message ? oError.message : oError;
+            if (oError.response) {
+                sMessage += ` - ${oError.response.statusCode} ${oError.response.statusText}`;
+            }
+            Log.error(`Could not fetch data: ${sUri}: ${sMessage}`, null,
+                // the source component of the error - needs to be set within the parent controller control
+                (oView.getViewName() || "sap.ushell.components.tiles.utils"));
+        });
     };
 
     oUtils.updateAliasModel = function (oView, oAliasSelector) {
-        var sUri, sInstance, sRole, oSelectorModel = oAliasSelector.getModel();
+        const oSelectorModel = oAliasSelector.getModel();
 
-        sInstance = oView.byId("navigation_provider_instanceInput").getValue();
-        sRole = oView.byId("navigation_provider_roleInput").getValue();
+        const sInstance = oView.byId("navigation_provider_instanceInput").getValue();
+        const sRole = oView.byId("navigation_provider_roleInput").getValue();
 
-        sUri = "/sap/opu/odata/UI2/INTEROP/GetLPDAppAlias?role='" + sRole + "'&instance='" + sInstance + "'";
+        const sUri = `/sap/opu/odata/UI2/INTEROP/GetLPDAppAlias?role='${sRole}'&instance='${sInstance}'`;
 
         // read semantic objects from interop service
         OData.read({
@@ -2234,45 +2269,48 @@ sap.ui.define([
                 Accept: "application/json"
             }
         },
-            // sucess
-            function (oData/*, oResponse*/) {
-                var sAlias, sRole, sInstance, i, oModelData;
-                oUtils.aAliasData = [];
-                for (i = 0; i < oData.results.length; i = i + 1) {
-                    sAlias = oData.results[i].lpdApplicationAlias;
-                    sRole = oData.results[i].lpdRole;
-                    sInstance = oData.results[i].lpdInstance;
-                    oUtils.aAliasData.push({
-                        role: sRole,
-                        instance: sInstance,
-                        alias: sAlias
-                    });
-                }
-                oModelData = oSelectorModel.getData();
-                if (oModelData) {
-                    oModelData.items = oUtils.aAliasData;
-                } else {
-                    oModelData = {
-                        items: oUtils.aAliasData
-                    };
-                }
-                oSelectorModel.setData(oModelData, false);
-            },
-            // fail
-            function (oError) {
-                var sMessage = oError && oError.message ? oError.message : oError;
-                if (oError.response) {
-                    sMessage += " - " + oError.response.statusCode + " " + oError.response.statusText;
-                }
-                Log.error("Could not fetch data: " + sUri + ": " + sMessage, null,
-                    // the source component of the error - needs to be set within the parent controller control
-                    (oView.getViewName() || "sap.ushell.components.tiles.utils"));
-            });
+        // success
+        (oData/* , oResponse */) => {
+            let sAlias;
+            let oModelData;
+            let sRole;
+            let sInstance;
+            oUtils.aAliasData = [];
+            for (let i = 0; i < oData.results.length; i = i + 1) {
+                sAlias = oData.results[i].lpdApplicationAlias;
+                sRole = oData.results[i].lpdRole;
+                sInstance = oData.results[i].lpdInstance;
+                oUtils.aAliasData.push({
+                    role: sRole,
+                    instance: sInstance,
+                    alias: sAlias
+                });
+            }
+            oModelData = oSelectorModel.getData();
+            if (oModelData) {
+                oModelData.items = oUtils.aAliasData;
+            } else {
+                oModelData = {
+                    items: oUtils.aAliasData
+                };
+            }
+            oSelectorModel.setData(oModelData, false);
+        },
+        // fail
+        (oError) => {
+            let sMessage = oError && oError.message ? oError.message : oError;
+            if (oError.response) {
+                sMessage += ` - ${oError.response.statusCode} ${oError.response.statusText}`;
+            }
+            Log.error(`Could not fetch data: ${sUri}: ${sMessage}`, null,
+                // the source component of the error - needs to be set within the parent controller control
+                (oView.getViewName() || "sap.ushell.components.tiles.utils"));
+        });
     };
 
     oUtils.createActionModel = function (oConfigController, oActionSelector) {
-        var oItemModel = new JSONModel();
-        var oView = oConfigController.getView(), oConfiguration, sAction;
+        const oItemModel = new JSONModel();
+        const oView = oConfigController.getView();
 
         oItemModel.setData({
             items: [
@@ -2294,10 +2332,10 @@ sap.ui.define([
 
         oUtils.aActionData = oItemModel.getData();
 
-        oConfiguration = oUtils.getAppLauncherConfig(oView.oViewData.chip, true, true);
-        sAction = oConfiguration.navigation_semantic_action || oConfiguration.semantic_action;
+        const oConfiguration = oUtils.getAppLauncherConfig(oView.oViewData.chip, true, true);
+        const sAction = oConfiguration.navigation_semantic_action || oConfiguration.semantic_action;
         if (sAction) {
-            if (!oItemModel.getData().items.some(function (oItem) {
+            if (!oItemModel.getData().items.some((oItem) => {
                 return oItem.text === sAction;
             })) {
                 oItemModel.getData().items.push({
@@ -2315,10 +2353,10 @@ sap.ui.define([
     };
 
     oUtils.createNavigationProviderModel = function (oConfigController, oTargetTypeSelector) {
-        var oItemModel = new JSONModel();
-        var oResourcesBundle = oUtils.getResourceBundle();
+        const oItemModel = new JSONModel();
+        const oResourcesBundle = oUtils.getResourceBundle();
 
-        var aItems = [
+        const aItems = [
             {
                 key: "SAPUI5",
                 text: oResourcesBundle.getText("configuration.target_application.sapui5")
@@ -2338,7 +2376,7 @@ sap.ui.define([
         ];
 
         // For some application type we must show in the dropdown only if it's currently selected
-        var oNavigationProvider = oUtils.getViewConfiguration(oConfigController.getView()).navigation_provider;
+        const oNavigationProvider = oUtils.getViewConfiguration(oConfigController.getView()).navigation_provider;
 
         if (oNavigationProvider === "WCF") {
             aItems.push({
@@ -2367,6 +2405,7 @@ sap.ui.define([
     /**
      * Displays the input fields relavent based on application type SAPUI5/LPD_CUST.
      *
+     * @param {string} sApplicationType The application type.
      * @param {object} oConfigurationView The configuration view to check the input for.
      */
     oUtils.displayApplicationTypeFields = function (sApplicationType, oConfigurationView) {
@@ -2740,11 +2779,8 @@ sap.ui.define([
         oConfigurationView.byId("target_urlt_system_aliasInput").setVisible(true);
 
         oConfigurationView.byId("application_type_deprecated").setVisible(false);
-
-
     };
 
-
     /**
      * Read and initialize configuration object from given JSON string. Used by static and dynamic applaunchers.
      *
@@ -2756,9 +2792,9 @@ sap.ui.define([
      */
     // eslint-disable-next-line complexity
     oUtils.getAppLauncherConfig = function (oTileApi, bAdmin, bEdit) {
-        var oResourceBundle;
-        var sConfig = oTileApi.configuration.getParameterValueAsString("tileConfiguration");
-        var oConfig;
+        let oResourceBundle;
+        const sConfig = oTileApi.configuration.getParameterValueAsString("tileConfiguration");
+        let oConfig;
         try {
             oConfig = JSON.parse(sConfig || "{}");
         } catch (e) {
@@ -2779,24 +2815,23 @@ sap.ui.define([
 
         // first try to get properties from bag
 
-        var sTitle = oUtils.getTranslatedTitle(oTileApi);
-        var sSubtitle = oUtils.getTranslatedSubtitle(oTileApi, oConfig);
-        var sInfo = oUtils.getTranslatedProperty(oTileApi, oConfig, "display_info_text");
-        var sKeywords = oUtils.getTranslatedProperty(oTileApi, oConfig, "display_search_keywords");
+        const sTitle = oUtils.getTranslatedTitle(oTileApi);
+        const sSubtitle = oUtils.getTranslatedSubtitle(oTileApi, oConfig);
+        const sInfo = oUtils.getTranslatedProperty(oTileApi, oConfig, "display_info_text");
+        const sKeywords = oUtils.getTranslatedProperty(oTileApi, oConfig, "display_search_keywords");
 
         if (bAdmin) {
             // resource bundle is only used in admin mode
             oResourceBundle = oUtils.getResourceBundle();
 
             if (bEdit && oTileApi.bag) {
-                var orgLocale = oTileApi.bag.getOriginalLanguage();
-                var localeLogonLanguage = new Locale(Localization.getLanguageTag()).getSAPLogonLanguage();
-                var language = Localization.getLanguage();
+                const orgLocale = oTileApi.bag.getOriginalLanguage();
+                const localeLogonLanguage = new Locale(Localization.getLanguageTag()).getSAPLogonLanguage();
+                const language = Localization.getLanguage();
                 oConfig.isLocaleSuitable =
                     orgLocale === "" || orgLocale.toLowerCase() === localeLogonLanguage.toLowerCase() || orgLocale.toLowerCase() === language.toLowerCase();
                 oConfig.orgLocale = orgLocale;
                 oConfig.userLocale = localeLogonLanguage;
-
             }
         }
         // in Admin UI, we display sample values for info/title/subtitle if not defined in the configuration
@@ -2806,7 +2841,7 @@ sap.ui.define([
             oConfig.display_info_text = sInfo;
         } else if (oConfig.display_info_text === undefined) {
             if (bAdmin && !bEdit) {
-                oConfig.display_info_text = "[" + oResourceBundle.getText("configuration.display_info_text") + "]";
+                oConfig.display_info_text = `[${oResourceBundle.getText("configuration.display_info_text")}]`;
             } else {
                 oConfig.display_info_text = "";
             }
@@ -2821,8 +2856,8 @@ sap.ui.define([
         oConfig.service_url = oConfig.service_url || "";
         oConfig.navigation_target_url = oConfig.navigation_target_url || "";
         if (bAdmin && oUtils.isInitial(sTitle)) {
-            oConfig.display_title_text = bEdit ? "" : "[" + oResourceBundle.getText("configuration.display_title_text") + "]";
-            oConfig.display_subtitle_text = bEdit ? "" : "[" + oResourceBundle.getText("configuration.display_subtitle_text") + "]";
+            oConfig.display_title_text = bEdit ? "" : `[${oResourceBundle.getText("configuration.display_title_text")}]`;
+            oConfig.display_subtitle_text = bEdit ? "" : `[${oResourceBundle.getText("configuration.display_subtitle_text")}]`;
         } else {
             oConfig.display_title_text = sTitle || oConfig.display_title_text || "";
             if (sSubtitle !== undefined) {
@@ -2876,11 +2911,11 @@ sap.ui.define([
             oConfig.actions = oUtils.getTileNavigationActions(oTileApi);
         }
 
-        //Deprecation message for tile/tm
+        // Deprecation message for tile/tm
         if (bAdmin) {
-            var oDeprecationBag = oTileApi.bag.getBag("deprecationProperties"),
-                sDeprecationType = oDeprecationBag.getProperty("deprecation"),
-                sDeprecationText = null;
+            const oDeprecationBag = oTileApi.bag.getBag("deprecationProperties");
+            const sDeprecationType = oDeprecationBag.getProperty("deprecation");
+            let sDeprecationText = null;
             if (sDeprecationType) {
                 sDeprecationText = oResourceBundle.getText(
                     sDeprecationType === "D" ? "configuration.app_deprecated" : "configuration.app_archived",
@@ -2922,7 +2957,7 @@ sap.ui.define([
      * @returns {object} An object containing the fields from the tile configuration mixed with the fields from dynamic data
      */
     oUtils.getDataToDisplay = function (oConfig, oDynamicData) {
-        var nSum = 0, i, n, oCurrentNumber, sCurrentTargetParams, oData = {
+        let nSum = 0; let i; let n; let oCurrentNumber; let sCurrentTargetParams; const oData = {
             display_icon_url: oDynamicData.icon || oConfig.display_icon_url || "",
             display_title_text: oDynamicData.title || oConfig.display_title_text || "",
             display_number_value: !isNaN(oDynamicData.number) ? oDynamicData.number : "...",
@@ -2960,31 +2995,30 @@ sap.ui.define([
             oData.display_number_value = nSum;
         }
         if (!isNaN(oDynamicData.number)) {
-
             // in case number is string isNaN returns true, but we need either to trim() it as the redundant " "
             // such as in case of "579 " as a value (Bug), parsing it to float causes redundant '.' even where it should not
             if (typeof oDynamicData.number === "string") {
                 oDynamicData.number = oDynamicData.number.trim();
             }
-            //in case the number is "" we set value to "..." (due to internal #: 1780198502)
+            // in case the number is "" we set value to "..." (due to internal #: 1780198502)
             if (oDynamicData.number === "") {
                 oData.display_number_value = "...";
             } else {
-                var bShouldProcessDigits = this._shouldProcessDigits(oDynamicData.number, oDynamicData.numberDigits),
-                    maxCharactersInDisplayNumber = oData.display_icon_url ? 4 : 5;
+                const bShouldProcessDigits = this._shouldProcessDigits(oDynamicData.number, oDynamicData.numberDigits);
+                const maxCharactersInDisplayNumber = oData.display_icon_url ? 4 : 5;
 
                 if (oDynamicData.number && oDynamicData.number.toString().length >= maxCharactersInDisplayNumber || bShouldProcessDigits) {
-                    var oNormalizedNumberData = this._normalizeNumber(oDynamicData.number, maxCharactersInDisplayNumber, oDynamicData.numberFactor, oDynamicData.numberDigits);
+                    const oNormalizedNumberData = this._normalizeNumber(oDynamicData.number, maxCharactersInDisplayNumber, oDynamicData.numberFactor, oDynamicData.numberDigits);
                     oData.display_number_factor = oNormalizedNumberData.numberFactor;
                     oData.display_number_value = oNormalizedNumberData.displayNumber;
                 } else {
-                    var oNForm = NumberFormat.getFloatInstance({ maxFractionDigits: maxCharactersInDisplayNumber });
+                    const oNForm = NumberFormat.getFloatInstance({ maxFractionDigits: maxCharactersInDisplayNumber });
                     oData.display_number_value = oNForm.format(oDynamicData.number);
                 }
             }
         }
 
-        //Added as part of bug fix. Incident ID: 1670054463
+        // Added as part of bug fix. Incident ID: 1670054463
         if (oData && oData.display_number_state) {
             switch (oData.display_number_state) {
                 case "Positive":
@@ -3000,15 +3034,15 @@ sap.ui.define([
     };
 
     oUtils._normalizeNumber = function (numValue, maxCharactersInDisplayNumber, numberFactor, iNumberDigits) {
-        var number;
+        let number;
 
         if (isNaN(numValue)) {
             number = numValue;
         } else {
-            var oNForm = NumberFormat.getFloatInstance({ maxFractionDigits: iNumberDigits });
+            const oNForm = NumberFormat.getFloatInstance({ maxFractionDigits: iNumberDigits });
 
             if (!numberFactor) {
-                var absNumValue = Math.abs(numValue);
+                const absNumValue = Math.abs(numValue);
                 if (absNumValue >= 1000000000) {
                     numberFactor = "B";
                     numValue /= 1000000000;
@@ -3023,10 +3057,10 @@ sap.ui.define([
             number = oNForm.format(numValue);
         }
 
-        var displayNumber = number;
-        //we have to crop numbers to prevent overflow
-        var cLastAllowedChar = displayNumber[maxCharactersInDisplayNumber - 1];
-        //if last character is '.' or ',', we need to crop it also
+        let displayNumber = number;
+        // we have to crop numbers to prevent overflow
+        const cLastAllowedChar = displayNumber[maxCharactersInDisplayNumber - 1];
+        // if last character is '.' or ',', we need to crop it also
         maxCharactersInDisplayNumber -= (cLastAllowedChar === "." || cLastAllowedChar === ",") ? 1 : 0;
         displayNumber = displayNumber.substring(0, maxCharactersInDisplayNumber);
 
@@ -3037,7 +3071,7 @@ sap.ui.define([
     };
 
     oUtils._shouldProcessDigits = function (sDisplayNumber, iDigitsToDisplay) {
-        var nNumberOfDigits;
+        let nNumberOfDigits;
 
         sDisplayNumber = typeof (sDisplayNumber) !== "string" ? sDisplayNumber.toString() : sDisplayNumber;
         if (sDisplayNumber.indexOf(".") !== -1) {
@@ -3051,27 +3085,27 @@ sap.ui.define([
     };
 
     oUtils.getTileSettingsAction = function (oModel, saveSettingsCallback, sType) {
-        var oResourcesBundle = oUtils.getResourceBundle();
-        var sKey = ((!sType || (sType === "tile")) ? "tileSettingsBtn" : "linkSettingsBtn");
+        const oResourcesBundle = oUtils.getResourceBundle();
+        const sKey = ((!sType || (sType === "tile")) ? "tileSettingsBtn" : "linkSettingsBtn");
         return {
             id: sKey,
             text: oResourcesBundle.getText(sKey),
             press: function () {
-                return new Promise(function (resolve) {
+                return new Promise((resolve) => {
                     sap.ui.require([
                         "sap/m/Button",
                         "sap/m/Dialog",
                         "sap/ui/core/mvc/View",
                         "sap/ui/layout/form/SimpleForm",
                         "sap/ui/layout/library"
-                    ], function (Button, Dialog, View, SimpleForm, layoutLibrary) {
-                        var SimpleFormLayout = layoutLibrary.form.SimpleFormLayout;
-                        var oAppData = {
+                    ], (Button, Dialog, View, SimpleForm, layoutLibrary) => {
+                        const SimpleFormLayout = layoutLibrary.form.SimpleFormLayout;
+                        const oAppData = {
                             showGroupSelection: false,
                             title: oModel.getProperty("/config/display_title_text"),
                             subtitle: oModel.getProperty("/config/display_subtitle_text")
                         };
-                        //links and tiles settings view has different properties
+                        // links and tiles settings view has different properties
                         if (!sType || sType === "tile") {
                             oAppData.info = oModel.getProperty("/config/display_info_text");
                             oAppData.icon = oModel.getProperty("/config/display_icon_url");
@@ -3084,41 +3118,36 @@ sap.ui.define([
 
                         View.create({
                             viewName: "module:sap/ushell/ui/footerbar/SaveAsTile.view"
-                        }).then(function (oSettingsView) {
-                            var oSettingsModel = new JSONModel(oAppData);
+                        }).then((oSettingsView) => {
+                            const oSettingsModel = new JSONModel(oAppData);
                             oSettingsView.setModel(oSettingsModel);
 
-                            var oSimpleForm = new SimpleForm({
+                            const oSimpleForm = new SimpleForm({
                                 id: "tileSettings",
                                 layout: SimpleFormLayout.GridLayout,
                                 content: [oSettingsView]
                             }).addStyleClass("sapUshellAddBookmarkForm");
 
-                            var okButton = new Button("bookmarkOkBtn", {
+                            const okButton = new Button("bookmarkOkBtn", {
                                 text: oResourcesBundle.getText("okBtn"),
                                 type: ButtonType.Emphasized,
                                 press: function () {
                                     saveSettingsCallback(oSettingsView);
+                                    // eslint-disable-next-line no-use-before-define
                                     oDialog.close();
                                 },
                                 enabled: true
                             });
 
-                            var cancelButton = new Button("bookmarkCancelBtn", {
+                            const cancelButton = new Button("bookmarkCancelBtn", {
                                 text: oResourcesBundle.getText("cancelBtn"),
                                 press: function () {
+                                    // eslint-disable-next-line no-use-before-define
                                     oDialog.close();
                                 }
                             });
 
-                            // enforce the title input as a mandatory field
-                            var enableOKButton = function (title) {
-                                okButton.setEnabled(!!title.trim());
-                            };
-                            oSettingsView.getTitleInput().attachLiveChange(function () {
-                                enableOKButton(this.getValue());
-                            });
-
+                            // eslint-disable-next-line no-var
                             var oDialog = new Dialog({
                                 id: "settingsDialog",
                                 title: (!sType || sType === "tile")
@@ -3134,6 +3163,14 @@ sap.ui.define([
                                 }
                             }).addStyleClass("sapContrastPlus");
 
+                            // enforce the title input as a mandatory field
+                            function enableOKButton (title) {
+                                okButton.setEnabled(!!title.trim());
+                            }
+                            oSettingsView.getTitleInput().attachLiveChange(function () {
+                                enableOKButton(this.getValue());
+                            });
+
                             oDialog.open();
                             resolve(oDialog);
                         });
@@ -3143,18 +3180,17 @@ sap.ui.define([
         };
     };
 
-
     /**
      * @param {object} oConfig The configuration object (as returned by <code>getConfiguration</code>)
      * @returns {string} The relative navigation URL: '#', semantic object, '-', action, '?' parameters
      */
     oUtils.getSemanticNavigationUrl = function (oConfig) {
         // note: empty semantic objects and actions (?) are perfectly possible
-        var sUrl = "#" + String(oConfig.navigation_semantic_object || "").trim();
-        sUrl += "-" + String(oConfig.navigation_semantic_action || "").trim();
+        let sUrl = `#${String(oConfig.navigation_semantic_object || "").trim()}`;
+        sUrl += `-${String(oConfig.navigation_semantic_action || "").trim()}`;
         // parameters are optional
         if (oConfig.navigation_semantic_parameters && String(oConfig.navigation_semantic_parameters || "").trim().length > 0) {
-            sUrl += "?" + String(oConfig.navigation_semantic_parameters || "").trim();
+            sUrl += `?${String(oConfig.navigation_semantic_parameters || "").trim()}`;
         }
         return sUrl;
     };
@@ -3167,7 +3203,7 @@ sap.ui.define([
      * @returns {string} The rewritten URL containing teh target parameters
      */
     oUtils.addParamsToUrl = function (sUrl, oData) {
-        var sParams = "", bUrlHasParams = sUrl.indexOf("?") !== -1, aTargetParams = oData.targetParams, i;
+        let sParams = ""; const bUrlHasParams = sUrl.indexOf("?") !== -1; const aTargetParams = oData.targetParams; let i;
 
         if (aTargetParams && aTargetParams.length > 0) {
             for (i = 0; i < aTargetParams.length; i = i + 1) {
@@ -3188,6 +3224,5 @@ sap.ui.define([
         return sUrl;
     };
 
-
     return oUtils;
 }, true /* bExport */);