@sapui5/sap.zen.dsh 1.140.0 → 1.142.0

package/src/sap/zen/dsh/widgets/ValueHelpDialog.js

@@ -41,7 +41,7 @@ sap.ui.define(
     "sap/ui/model/odata/type/Boolean",
     "sap/ui/table/Table"
   ],
-  function(
+  function (
     jQuery, _, HorizontalLayout, OverflowToolbarLayoutData, Grid, Dialog, Panel, List, StandardListItem,
     VBox, HBox, Token, FlexItemData, IconTabBar, IconTabFilter,
     IconPool, Link, Button, Text, Title, Bar, InvisibleText, Tokenizer, ValueHelpRangeOperation,
@@ -64,9 +64,9 @@ sap.ui.define(
       "sap.zen.dsh.ValueHelpDialog",
       /** @lends sap.zen.dsh.ValueHelpDialog.prototype */
       {
-        metadata : {
+        metadata: {
           //library : "sap.ui.comp",
-          properties : {
+          properties: {
             /**
              * Defines the value for the basic search field. The value is set into the basic search field of the filter bar used.
              *
@@ -201,7 +201,7 @@ sap.ui.define(
               defaultValue: false
             }
           },
-          aggregations : {
+          aggregations: {
 
             /**
              * Allows you to add a {@link sap.ui.comp.filterbar.FilterBar FilterBar} or
@@ -212,14 +212,14 @@ sap.ui.define(
               multiple: false
             }
           },
-          events : {
+          events: {
 
             /**
              * This event is fired when the OK button is pressed.
              *
              * @since 1.24
              */
-            ok : {
+            ok: {
               parameters: {
                 /**
                  *  The array of tokens created or modified on the ValueHelpDialog.
@@ -235,7 +235,7 @@ sap.ui.define(
              *
              * @since 1.24
              */
-            cancel : {},
+            cancel: {},
 
             /**
              * This event is fired when the user selects an item in the items table.
@@ -245,7 +245,7 @@ sap.ui.define(
              *
              * @since 1.32
              */
-            selectionChange : {
+            selectionChange: {
               parameters: {
                 /**
                  *  The RowSelectionChange event parameter from the hosted table that contains the selected items.
@@ -344,7 +344,7 @@ sap.ui.define(
      * @public
      * @since 1.24
      */
-    ValueHelpDialog.prototype.update = function(tMessages) {
+    ValueHelpDialog.prototype.update = function (tMessages) {
       this._bIgnoreSelectionChange = true;
 
       var ltSelectedItems = this._oSelectedItems.getItems();
@@ -381,7 +381,7 @@ sap.ui.define(
 
                 var lIsRow = lRowKey === lKey;
                 if (lIsRow || // either the rowKey is equal the token key or we search if the main key with the value is part of the rowKey
-                    lRowKey.indexOf(lRowKeyPart) >= 0) {
+                  lRowKey.indexOf(lRowKeyPart) >= 0) {
 
                   if (!lIsRow) { // in this case we will update the old key and use the longKey from the rows
                     this._oSelectedItems.remove(lKey); // remove the old  key
@@ -435,7 +435,7 @@ sap.ui.define(
           var loTable = this._oTable;
           for (i = 0; i < ltSelectedItems.length; i++) {
             lKey = ltSelectedItems[i];
-            for ( j = 0; j < loTable.getItems().length; j++) {
+            for (j = 0; j < loTable.getItems().length; j++) {
               var loColListItem = loTable.getItems()[j];
               if (!loColListItem) {
                 continue;
@@ -462,7 +462,7 @@ sap.ui.define(
     /**
      * Initialize (Create, Update)
      */
-    ValueHelpDialog.prototype.init = function() {
+    ValueHelpDialog.prototype.init = function () {
       Dialog.prototype.init.apply(this);
 
       this._bTableCreatedInternal = false;
@@ -536,7 +536,7 @@ sap.ui.define(
 
       // to support touch scrolling we have to set the event to marked, otherwise when using a sap.m.App touch events are not handled.
       if (!sap.ui.Device.system.desktop) {
-        this._oVBox.attachBrowserEvent("touchmove", function(oEvent) {
+        this._oVBox.attachBrowserEvent("touchmove", function (oEvent) {
           oEvent.setMarked();
         });
       }
@@ -552,7 +552,7 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._createHeaderBar = function() {
+    ValueHelpDialog.prototype._createHeaderBar = function () {
       this._oTitle = new Title();
 
       var loBackButton = null;
@@ -560,7 +560,7 @@ sap.ui.define(
         loBackButton = new Button({
           visible: false,
           type: sap.m.ButtonType.Back,
-          press: function() {
+          press: function () {
             if (this._currentViewMode === sap.zen._ValueHelpViewMode.PHONE_SEARCH_VIEW) {
               this._updateView(sap.zen._ValueHelpViewMode.PHONE_LIST_VIEW);
             } else {
@@ -584,7 +584,7 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._createCollectiveSearch = function() {
+    ValueHelpDialog.prototype._createCollectiveSearch = function () {
       // the oSelectionText and oSelectionButton are accessed outside the dialog!!!
       this.oSelectionTitle = new Text(
         {
@@ -612,13 +612,13 @@ sap.ui.define(
       ).addStyleClass("compVHColSearchVBox");
     };
 
-    ValueHelpDialog.prototype._createTokenizer = function() {
+    ValueHelpDialog.prototype._createTokenizer = function () {
       if (this._oTokenizerGrid) {
         return this._oTokenizerGrid;
       }
       this._oSelectedTokenTitle = new InvisibleText();
       this._oSelectedTokens = new Tokenizer({
-        tokenUpdate: function(oControlEvent) {
+        tokenUpdate: function (oControlEvent) {
           if (this._ignoreRemoveToken) {
             return;
           }
@@ -664,14 +664,14 @@ sap.ui.define(
             }
 
             if (loEventArgs.useDefault) {
-              ltTokenKeys.forEach(function(tokenKey) {
+              ltTokenKeys.forEach(function (tokenKey) {
                 this._changeTableRowSelectionForKey(tokenKey, false);
               }.bind(this));
             }
 
             // try to set the focus to other token - Workaround because the Tokenizer does not set the focus to other token
             if (ltRemovedTokens.length === 1) {
-              setTimeout(function() {
+              setTimeout(function () {
                 if (this._oSelectedTokens.getTokens()) {
                   var i = this._oSelectedTokens.getTokens().length - 1;
                   if (i >= 0) {
@@ -693,7 +693,7 @@ sap.ui.define(
           type: sap.m.ButtonType.Transparent,
           icon: IconPool.getIconURI("sys-cancel"),
           tooltip: this._oRb.getText("VALUEHELPVALDLG_REMOVETOKENS_TOOLTIP"),
-          press: function() {
+          press: function () {
             this._oSelectedTokens.destroyTokens();
             this._removeRangeByKey(Object.keys(this._oSelectedRanges), false);
             this._oSelectedItems.removeAll();
@@ -728,7 +728,7 @@ sap.ui.define(
       this._oExcludedTokenTitle = new Text().addStyleClass("compVHSelectedItemsText");
       this._oExcludedTokens = new Tokenizer(
         {
-          tokenChange: function(oControlEvent) {
+          tokenChange: function (oControlEvent) {
             if (this._ignoreRemoveToken) {
               return;
             }
@@ -761,9 +761,9 @@ sap.ui.define(
           type: sap.m.ButtonType.Transparent,
           icon: sap.ui.core.IconPool.getIconURI("sys-cancel"),
           tooltip: this._oRb.getText("VALUEHELPVALDLG_REMOVETOKENS_TOOLTIP"),
-          press: function() {
+          press: function () {
             this._oExcludedTokens.destroyTokens();
-            this._removeRangeByKey(Object.keys( this._oSelectedRanges), true);
+            this._removeRangeByKey(Object.keys(this._oSelectedRanges), true);
             this._updateTitles();
           }.bind(this),
           ariaLabelledBy: this._oExcludedTokenTitle
@@ -792,7 +792,7 @@ sap.ui.define(
           headerText: "",
           width: "auto",
           content: [this._oIncludeTokenGrid, this._oExcludeTokenGrid],
-          expand: function(oEvent) {
+          expand: function (oEvent) {
             this._updateTokenizer();
             if (oEvent.mParameters.expand && !(this._oTable instanceof sap.m.Table)) {
               // when we open the tokens scroll the dialog content to the end
@@ -830,7 +830,7 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._createNavigationControl = function() {
+    ValueHelpDialog.prototype._createNavigationControl = function () {
       if (!this._isPhone()) {
         this._oTabBar = new IconTabBar(
           {
@@ -850,7 +850,7 @@ sap.ui.define(
                 }
               )
             ],
-            select: function(oControlEvent) {
+            select: function (oControlEvent) {
               this._updateView(oControlEvent.getParameters().key);
             }.bind(this)
           }
@@ -887,7 +887,7 @@ sap.ui.define(
             items: [
               this._oSelectItemLI, this._oDefineConditionsLI
             ],
-            itemPress: function(oEvent) {
+            itemPress: function (oEvent) {
               if (oEvent) {
                 this._updateView(oEvent.mParameters.listItem.data("key"));
               }
@@ -905,7 +905,7 @@ sap.ui.define(
         this._oAdvancedSearchLink = new Link(
           {
             text: this._oRb.getText("VALUEHELPDLG_ADVANCEDSEARCH"),
-            press: function() {
+            press: function () {
               this._updateView(sap.zen._ValueHelpViewMode.PHONE_SEARCH_VIEW);
             }.bind(this)
           }
@@ -921,7 +921,7 @@ sap.ui.define(
       }
     };
 
-    ValueHelpDialog.prototype._createFooterControls = function() {
+    ValueHelpDialog.prototype._createFooterControls = function () {
       var loMessageView = this._getMessageView();
       var loMsgBtn = loMessageView.getMessageButton();
       this.addButton(loMsgBtn);
@@ -979,7 +979,7 @@ sap.ui.define(
     /**
      * Get Message View: create if necessary
      */
-    ValueHelpDialog.prototype._getMessageView = function() {
+    ValueHelpDialog.prototype._getMessageView = function () {
       if (!this._oMessageView) {
         var lId = this.getId() + "_MessageView";
         this._oMessageView = new sap.zen.MessageViewHandler.MessageView(lId, null, null, null);
@@ -990,7 +990,7 @@ sap.ui.define(
     /**
      * Update Message View: apply Messages
      */
-    ValueHelpDialog.prototype._updateMessageView = function(tMessages) {
+    ValueHelpDialog.prototype._updateMessageView = function (tMessages) {
       var loMessageView = this._getMessageView();
       if (loMessageView) {
         loMessageView.init(tMessages);
@@ -1003,165 +1003,165 @@ sap.ui.define(
      * @private
      * @param {sap.zen.valuehelpdialog._ValueHelpViewMode} newViewMode View mode which should be shown
      */
-    ValueHelpDialog.prototype._updateView = function(newViewMode) {
+    ValueHelpDialog.prototype._updateView = function (newViewMode) {
       if (this._currentViewMode === newViewMode) {
         return;
       }
 
       switch (newViewMode) {
-      case sap.zen._ValueHelpViewMode.DESKTOP_LIST_VIEW:
-        this._validateRanges(function() {
-          // when valid show the Items Table
-          this._oTokenizerGrid.setVisible(this.getSupportMultiselect());
-          this._oMainLayout.removeAllItems();
-          if (this._oTabBar && this._oTabBar.getSelectedKey() !== sap.zen._ValueHelpViewMode.DESKTOP_LIST_VIEW) {
-            this._oTabBar.setSelectedKey(sap.zen._ValueHelpViewMode.DESKTOP_LIST_VIEW);
+        case sap.zen._ValueHelpViewMode.DESKTOP_LIST_VIEW:
+          this._validateRanges(function () {
+            // when valid show the Items Table
+            this._oTokenizerGrid.setVisible(this.getSupportMultiselect());
+            this._oMainLayout.removeAllItems();
+            if (this._oTabBar && this._oTabBar.getSelectedKey() !== sap.zen._ValueHelpViewMode.DESKTOP_LIST_VIEW) {
+              this._oTabBar.setSelectedKey(sap.zen._ValueHelpViewMode.DESKTOP_LIST_VIEW);
+            }
+            this._oMainLayout.addItem(this._oFilterBar);
+            this._oMainLayout.addItem(this._oTable);
+            this._updateDlgTitle();
+          }.bind(this), function () {
+            // if not valid go back to the Ranges Tab
+            this._oTabBar.setSelectedKey(sap.zen._ValueHelpViewMode.DESKTOP_CONDITIONS_VIEW);
+            this._updateView(sap.zen._ValueHelpViewMode.DESKTOP_CONDITIONS_VIEW);
+          }.bind(this));
+          break;
+
+        case sap.zen._ValueHelpViewMode.DESKTOP_CONDITIONS_VIEW:
+          if (this.getSupportRanges()) {
+            this.bCollectiveSearchActive = this.oSelectionTitle.getVisible() && this.oSelectionButton.getVisible();
+            this._oMainLayout.removeAllItems();
+            if (this._oTabBar && this._oTabBar.getSelectedKey() !== sap.zen._ValueHelpViewMode.DESKTOP_CONDITIONS_VIEW) {
+              this._oTabBar.setSelectedKey(sap.zen._ValueHelpViewMode.DESKTOP_CONDITIONS_VIEW);
+            }
+            this._oMainLayout.addItem(this._getRanges());
+            //ZEN this._oButtonOk.setVisible(this.getSupportRangesOnly() || this.getSupportMultiselect());
+
+            this._oTokenizerGrid.setVisible(this.getSupportMultiselect());
+            if (!(this.getMaxIncludeRanges() === "-1" && this.getMaxExcludeRanges() !== "0" && !this.getFilterMode())) {
+              this._oTokenizerGrid.setVisible(false);
+            }
           }
-          this._oMainLayout.addItem(this._oFilterBar);
-          this._oMainLayout.addItem(this._oTable);
-          this._updateDlgTitle();
-        }.bind(this), function() {
-          // if not valid go back to the Ranges Tab
-          this._oTabBar.setSelectedKey(sap.zen._ValueHelpViewMode.DESKTOP_CONDITIONS_VIEW);
-          this._updateView(sap.zen._ValueHelpViewMode.DESKTOP_CONDITIONS_VIEW);
-        }.bind(this));
-        break;
+          break;
 
-      case sap.zen._ValueHelpViewMode.DESKTOP_CONDITIONS_VIEW:
-        if (this.getSupportRanges()) {
-          this.bCollectiveSearchActive = this.oSelectionTitle.getVisible() && this.oSelectionButton.getVisible();
-          this._oMainLayout.removeAllItems();
-          if (this._oTabBar && this._oTabBar.getSelectedKey() !== sap.zen._ValueHelpViewMode.DESKTOP_CONDITIONS_VIEW) {
-            this._oTabBar.setSelectedKey(sap.zen._ValueHelpViewMode.DESKTOP_CONDITIONS_VIEW);
+        case sap.zen._ValueHelpViewMode.PHONE_MAIN_VIEW:
+          this.setVerticalScrolling(false);
+
+          this._oColSearchBox.setVisible(false);
+          this._oMainListMenu.setVisible(true);
+          this._updateNavigationControl();
+          this._oAdvancedSearchLink.setVisible(false);
+          if (this._oFilterBar && this._oFilterBar.setFilterBarExpanded) { //ZEN
+            this._oFilterBar.setVisible(false); this._oFilterBar.setFilterBarExpanded(false);
           }
-          this._oMainLayout.addItem(this._getRanges());
-          //ZEN this._oButtonOk.setVisible(this.getSupportRangesOnly() || this.getSupportMultiselect());
+          this._oTable.setVisible(false);
 
           this._oTokenizerGrid.setVisible(this.getSupportMultiselect());
           if (!(this.getMaxIncludeRanges() === "-1" && this.getMaxExcludeRanges() !== "0" && !this.getFilterMode())) {
             this._oTokenizerGrid.setVisible(false);
           }
-        }
-        break;
-
-      case sap.zen._ValueHelpViewMode.PHONE_MAIN_VIEW:
-        this.setVerticalScrolling(false);
 
-        this._oColSearchBox.setVisible(false);
-        this._oMainListMenu.setVisible(true);
-        this._updateNavigationControl();
-        this._oAdvancedSearchLink.setVisible(false);
-        if (this._oFilterBar && this._oFilterBar.setFilterBarExpanded) { //ZEN
-          this._oFilterBar.setVisible(false); this._oFilterBar.setFilterBarExpanded(false);
-        }
-        this._oTable.setVisible(false);
-
-        this._oTokenizerGrid.setVisible(this.getSupportMultiselect());
-        if (!(this.getMaxIncludeRanges() === "-1" && this.getMaxExcludeRanges() !== "0" && !this.getFilterMode())) {
-          this._oTokenizerGrid.setVisible(false);
-        }
+          if (this._oRanges) {
+            this._oRanges.setVisible(false);
+          }
 
-        if (this._oRanges) {
-          this._oRanges.setVisible(false);
-        }
+          this._oButtonGo.setVisible(false);
+          this._oButtonClear.setVisible(false);
+          this._oButtonOk.setVisible(true);
+          this._oButtonCancel.setVisible(true);
+          this._oBackButton.setVisible(false);
+
+          this._bNoneMainView = false;
+          // if we do not show the Tokenizer (Selected/Excluded Items and only have either a List or the Condition part as ListItem we directly
+          // open the List or Condition view in the dialog
+          if (!this._oTokenizerGrid.getVisible() && !(this._oSelectItemLI.getVisible() && this._oDefineConditionsLI.getVisible())) {
+            this._bNoneMainView = true;  // used to not show the backbutton on the list and condition view
+            if (this._oSelectItemLI.getVisible()) {
+              // make the Selection Table visible by default
+              this._updateView(sap.zen._ValueHelpViewMode.PHONE_LIST_VIEW);
+            }
+            if (this._oDefineConditionsLI.getVisible()) {
+              // make the condition screen visible by default
+              this._updateView(sap.zen._ValueHelpViewMode.PHONE_CONDITIONS_VIEW);
+            }
+            return;
+          }
 
-        this._oButtonGo.setVisible(false);
-        this._oButtonClear.setVisible(false);
-        this._oButtonOk.setVisible(true);
-        this._oButtonCancel.setVisible(true);
-        this._oBackButton.setVisible(false);
+          break;
 
-        this._bNoneMainView = false;
-        // if we do not show the Tokenizer (Selected/Excluded Items and only have either a List or the Condition part as ListItem we directly
-        // open the List or Condition view in the dialog
-        if (!this._oTokenizerGrid.getVisible() && !(this._oSelectItemLI.getVisible() && this._oDefineConditionsLI.getVisible())) {
-          this._bNoneMainView = true;  // used to not show the backbutton on the list and condition view
-          if (this._oSelectItemLI.getVisible()) {
-            // make the Selection Table visible by default
-            this._updateView(sap.zen._ValueHelpViewMode.PHONE_LIST_VIEW);
+        case sap.zen._ValueHelpViewMode.PHONE_LIST_VIEW:
+          this.setVerticalScrolling(true);
+
+          this._oColSearchBox.setVisible(this.bCollectiveSearchActive);
+          this._oMainListMenu.setVisible(false);
+          if (this._oFilterBar && this._oFilterBar.getFilterGroupItems) { //ZEN
+            var bShowAdvancedSearch = this._oFilterBar && this._oFilterBar.getFilterGroupItems() && this._oFilterBar.getFilterGroupItems().length > 0;
+            this._oAdvancedSearchLink.setVisible(bShowAdvancedSearch);
+            this._oFilterBar.setShowGoButton(!(this._oFilterBar && this._oFilterBar.getBasicSearch()));
+            this._oFilterBar.setVisible(true);
+            this._oFilterBar.setFilterBarExpanded(false);
           }
-          if (this._oDefineConditionsLI.getVisible()) {
-            // make the condition screen visible by default
-            this._updateView(sap.zen._ValueHelpViewMode.PHONE_CONDITIONS_VIEW);
+          this._oTable.setVisible(true);
+          this._oTokenizerGrid.setVisible(false);
+          if (this._oRanges) {
+            this._oRanges.setVisible(false);
           }
-          return;
-        }
 
-        break;
+          this._oButtonGo.setVisible(false);
+          this._oButtonClear.setVisible(false);
+          //ZEN this._oButtonOk.setVisible(this.getSupportMultiselect());
+          this._oButtonCancel.setVisible(true);
+          this._oBackButton.setVisible(!this._bNoneMainView);
+          break;
 
-      case sap.zen._ValueHelpViewMode.PHONE_LIST_VIEW:
-        this.setVerticalScrolling(true);
+        case sap.zen._ValueHelpViewMode.PHONE_SEARCH_VIEW:
+          this.setVerticalScrolling(true);
 
-        this._oColSearchBox.setVisible(this.bCollectiveSearchActive);
-        this._oMainListMenu.setVisible(false);
-        if (this._oFilterBar && this._oFilterBar.getFilterGroupItems) { //ZEN
-          var bShowAdvancedSearch = this._oFilterBar && this._oFilterBar.getFilterGroupItems() && this._oFilterBar.getFilterGroupItems().length > 0;
-          this._oAdvancedSearchLink.setVisible(bShowAdvancedSearch);
-          this._oFilterBar.setShowGoButton(!(this._oFilterBar && this._oFilterBar.getBasicSearch()));
-          this._oFilterBar.setVisible(true);
-          this._oFilterBar.setFilterBarExpanded(false);
-        }
-        this._oTable.setVisible(true);
-        this._oTokenizerGrid.setVisible(false);
-        if (this._oRanges) {
-          this._oRanges.setVisible(false);
-        }
-
-        this._oButtonGo.setVisible(false);
-        this._oButtonClear.setVisible(false);
-        //ZEN this._oButtonOk.setVisible(this.getSupportMultiselect());
-        this._oButtonCancel.setVisible(true);
-        this._oBackButton.setVisible(!this._bNoneMainView);
-        break;
-
-      case sap.zen._ValueHelpViewMode.PHONE_SEARCH_VIEW:
-        this.setVerticalScrolling(true);
-
-        this._oColSearchBox.setVisible(false);
-        this._oMainListMenu.setVisible(false);
-        if (this._oFilterBar) {
-          this._oFilterBar.setVisible(true);
-          this._oFilterBar.setFilterBarExpanded(true);
-        }
-        this._oAdvancedSearchLink.setVisible(false);
-        this._oTable.setVisible(false);
-        this._oTokenizerGrid.setVisible(false);
-        if (this._oRanges) {
-          this._oRanges.setVisible(false);
-        }
+          this._oColSearchBox.setVisible(false);
+          this._oMainListMenu.setVisible(false);
+          if (this._oFilterBar) {
+            this._oFilterBar.setVisible(true);
+            this._oFilterBar.setFilterBarExpanded(true);
+          }
+          this._oAdvancedSearchLink.setVisible(false);
+          this._oTable.setVisible(false);
+          this._oTokenizerGrid.setVisible(false);
+          if (this._oRanges) {
+            this._oRanges.setVisible(false);
+          }
 
-        this._oButtonGo.setVisible(true);
-        this._oButtonClear.setVisible(true);
-        this._oButtonOk.setVisible(false);
-        this._oButtonCancel.setVisible(true);
-        this._oBackButton.setVisible(true);
-        break;
+          this._oButtonGo.setVisible(true);
+          this._oButtonClear.setVisible(true);
+          this._oButtonOk.setVisible(false);
+          this._oButtonCancel.setVisible(true);
+          this._oBackButton.setVisible(true);
+          break;
 
-      case sap.zen._ValueHelpViewMode.PHONE_CONDITIONS_VIEW:
-        this.setVerticalScrolling(true);
+        case sap.zen._ValueHelpViewMode.PHONE_CONDITIONS_VIEW:
+          this.setVerticalScrolling(true);
 
-        this._oColSearchBox.setVisible(false);
-        this._oMainListMenu.setVisible(false);
-        if (this._oFilterBar) {
-          this._oFilterBar.setVisible(false);
-        }
-        this._oAdvancedSearchLink.setVisible(false);
-        this._oTable.setVisible(false);
-        this._oTokenizerGrid.setVisible(false);
-        if (!this._oRanges) {
-          this._oMainLayout.addItem(this._getRanges());
-        }
-        this._oRanges.setVisible(true);
+          this._oColSearchBox.setVisible(false);
+          this._oMainListMenu.setVisible(false);
+          if (this._oFilterBar) {
+            this._oFilterBar.setVisible(false);
+          }
+          this._oAdvancedSearchLink.setVisible(false);
+          this._oTable.setVisible(false);
+          this._oTokenizerGrid.setVisible(false);
+          if (!this._oRanges) {
+            this._oMainLayout.addItem(this._getRanges());
+          }
+          this._oRanges.setVisible(true);
 
-        this._oButtonGo.setVisible(false);
-        this._oButtonClear.setVisible(false);
-        this._oButtonOk.setVisible(true);
-        this._oButtonCancel.setVisible(true);
-        this._oBackButton.setVisible(!this._bNoneMainView);
-        break;
+          this._oButtonGo.setVisible(false);
+          this._oButtonClear.setVisible(false);
+          this._oButtonOk.setVisible(true);
+          this._oButtonCancel.setVisible(true);
+          this._oBackButton.setVisible(!this._bNoneMainView);
+          break;
 
-      default:
-        break;
+        default:
+          break;
       }
 
       if (this._oMainListMenu && this._oVBox) {
@@ -1189,7 +1189,7 @@ sap.ui.define(
     /**
      * Update Property SupportMultiselect
      */
-    ValueHelpDialog.prototype._updatePropertySupportMultiselect = function(enabled) {
+    ValueHelpDialog.prototype._updatePropertySupportMultiselect = function (enabled) {
       if (!this._oTable) {
         return undefined;
       }
@@ -1212,7 +1212,7 @@ sap.ui.define(
      * @private
      * @since 1.40
      */
-    ValueHelpDialog.prototype._updateNoDataText = function(sNoDataText) {
+    ValueHelpDialog.prototype._updateNoDataText = function (sNoDataText) {
       if (this._oTable) {
         if (this._oTable.setNoDataText) {
           this._oTable.setNoDataText(sNoDataText);
@@ -1227,7 +1227,7 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._updateTitles = function() {
+    ValueHelpDialog.prototype._updateTitles = function () {
       this._updateTableTitle();
       this._updateTokenizer();
     };
@@ -1237,7 +1237,7 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._updateDlgTitle = function() {
+    ValueHelpDialog.prototype._updateDlgTitle = function () {
       var lMsgKey = "";
       if (this._oTitle) {
         if (this._oTabBar && !this._oTabBar.getVisible() && !this.getFilterMode()) {
@@ -1256,29 +1256,29 @@ sap.ui.define(
         } else if (this._isPhone() && !this.getFilterMode()) {
           // on a phone we show the title which depends on the current viewmode
           switch (this._currentViewMode) {
-          case sap.zen._ValueHelpViewMode.PHONE_MAIN_VIEW:
-            lMsgKey = "";
-            break;
+            case sap.zen._ValueHelpViewMode.PHONE_MAIN_VIEW:
+              lMsgKey = "";
+              break;
 
-          case sap.zen._ValueHelpViewMode.PHONE_LIST_VIEW:
-            lMsgKey = "VALUEHELPDLG_ITEMSTABLE";
-            break;
+            case sap.zen._ValueHelpViewMode.PHONE_LIST_VIEW:
+              lMsgKey = "VALUEHELPDLG_ITEMSTABLE";
+              break;
 
-          case sap.zen._ValueHelpViewMode.PHONE_SEARCH_VIEW:
-            lMsgKey = "VALUEHELPDLG_ADVANCEDSEARCH";
-            break;
+            case sap.zen._ValueHelpViewMode.PHONE_SEARCH_VIEW:
+              lMsgKey = "VALUEHELPDLG_ADVANCEDSEARCH";
+              break;
 
-          case sap.zen._ValueHelpViewMode.PHONE_CONDITIONS_VIEW:
-            if (this.getMaxIncludeRanges() === "1" && this.getMaxExcludeRanges() === "0") {
-              lMsgKey = "VALUEHELPDLG_SINGLECONDITION_TITLE";
-            } else {
-              lMsgKey = "VALUEHELPDLG_RANGESTITLE";
-              lMsg = "";
-            }
-            break;
+            case sap.zen._ValueHelpViewMode.PHONE_CONDITIONS_VIEW:
+              if (this.getMaxIncludeRanges() === "1" && this.getMaxExcludeRanges() === "0") {
+                lMsgKey = "VALUEHELPDLG_SINGLECONDITION_TITLE";
+              } else {
+                lMsgKey = "VALUEHELPDLG_RANGESTITLE";
+                lMsg = "";
+              }
+              break;
 
-          default:
-            break;
+            default:
+              break;
           }
         }
 
@@ -1287,11 +1287,11 @@ sap.ui.define(
           lMsg = this.getTitle();
         }
 
-        if (lMsgKey)  {
+        if (lMsgKey) {
           lMsg = this._oRb.getText(lMsgKey, [lMsg]);
         }
 
-        if (lMsg)  {
+        if (lMsg) {
           this._oTitle.setText(lMsg);
         }
       }
@@ -1302,7 +1302,7 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._updateTableTitle = function() {
+    ValueHelpDialog.prototype._updateTableTitle = function () {
       if (!this._oTable) {
         return;
       }
@@ -1331,7 +1331,7 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._updateTokenizer = function() {
+    ValueHelpDialog.prototype._updateTokenizer = function () {
       var lExpanded = false;
       if (this._oTokenizerPanel) {
         lExpanded = this._oTokenizerPanel.getExpanded();
@@ -1400,12 +1400,12 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._updateNavigationControl = function() {
+    ValueHelpDialog.prototype._updateNavigationControl = function () {
       var lListTabVisible = !this.getSupportRangesOnly();
       var lRangesTabVisible = this.getSupportRangesOnly() || this.getSupportRanges();
       if (this._oTabBar) {
         var ltTabItems = this._oTabBar.getItems();
-        ltTabItems[0].setVisible(lListTabVisible );
+        ltTabItems[0].setVisible(lListTabVisible);
         ltTabItems[1].setVisible(lRangesTabVisible);
         this._oTabBar.setVisible(lListTabVisible && lRangesTabVisible);
         this._updateDlgTitle();
@@ -1422,13 +1422,13 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._updateFooterControls = function() {
+    ValueHelpDialog.prototype._updateFooterControls = function () {
     };
 
     /**
      * setSupportMultiselect
      */
-    ValueHelpDialog.prototype.setSupportMultiselect = function(enabled) {
+    ValueHelpDialog.prototype.setSupportMultiselect = function (enabled) {
       this.setProperty("supportMultiselect", enabled);
       this._updatePropertySupportMultiselect(enabled);
       this._oTokenizerGrid.setVisible(enabled);
@@ -1439,7 +1439,7 @@ sap.ui.define(
     /**
      * setSupportRanges
      */
-    ValueHelpDialog.prototype.setSupportRanges = function(enabled) {
+    ValueHelpDialog.prototype.setSupportRanges = function (enabled) {
       this.setProperty("supportRanges", enabled);
       this._updateNavigationControl();
       return this;
@@ -1448,7 +1448,7 @@ sap.ui.define(
     /**
      * setSupportRangesOnly
      */
-    ValueHelpDialog.prototype.setSupportRangesOnly = function(enabled) {
+    ValueHelpDialog.prototype.setSupportRangesOnly = function (enabled) {
       this.setProperty("supportRangesOnly", enabled);
       this._updateNavigationControl();
       return this;
@@ -1460,7 +1460,7 @@ sap.ui.define(
      * The value is used for the different titles which we display during runtime on the dialog header.
      * The dialog title changes depending on the content.
      */
-    ValueHelpDialog.prototype.setTitle = function(title) {
+    ValueHelpDialog.prototype.setTitle = function (title) {
       this.setProperty("title", title);
 
       this._updateDlgTitle();
@@ -1471,7 +1471,7 @@ sap.ui.define(
     /**
      * setBasicSearchText
      */
-    ValueHelpDialog.prototype.setBasicSearchText = function(text) {
+    ValueHelpDialog.prototype.setBasicSearchText = function (text) {
       this.setProperty("basicSearchText", text);
       if (this._oFilterBar && this._oFilterBar._oBasicSearchField) {
         this._oFilterBar._oBasicSearchField.setValue(text);
@@ -1481,14 +1481,14 @@ sap.ui.define(
     };
 
     /**
-	 * setUpdateSingleRowCallback
-	 * Setter for the singleRowCallback function.
-	 *
-	 * @param {function} fSingleRowCallback Callback function
-	 * @private
-	 * @deprecated since 1.89.0
-	 */
-    ValueHelpDialog.prototype.setUpdateSingleRowCallback = function(fSingleRowCallback) {
+   * setUpdateSingleRowCallback
+   * Setter for the singleRowCallback function.
+   *
+   * @param {function} fSingleRowCallback Callback function
+   * @private
+   * @deprecated since 1.89.0
+   */
+    ValueHelpDialog.prototype.setUpdateSingleRowCallback = function (fSingleRowCallback) {
       this.fSingleRowCallback = fSingleRowCallback;
       this._updateNavigationControl();
     };
@@ -1496,14 +1496,14 @@ sap.ui.define(
     /**
      * _isPhone
      */
-    ValueHelpDialog.prototype._isPhone = function() {
+    ValueHelpDialog.prototype._isPhone = function () {
       return sap.ui.Device.system.phone;
     };
 
     /**
      * _hasListeners
      */
-    ValueHelpDialog.prototype._hasListeners = function(eventName) {
+    ValueHelpDialog.prototype._hasListeners = function (eventName) {
       if (this._bTableCreatedInternal) {
         return false;
       }
@@ -1514,7 +1514,7 @@ sap.ui.define(
     /**
      * _rotateSelectionButtonIcon
      */
-    ValueHelpDialog.prototype._rotateSelectionButtonIcon = function(flag) {
+    ValueHelpDialog.prototype._rotateSelectionButtonIcon = function (flag) {
       if (!sap.ui.Device.system.phone) {
         var loCtrl = sap.ui.getCore().byId(this.oSelectionButton.$("img")[0].id);
         if (flag) {
@@ -1528,14 +1528,14 @@ sap.ui.define(
     /**
      * onAfterRendering
      */
-    ValueHelpDialog.prototype.onAfterRendering = function() {
+    ValueHelpDialog.prototype.onAfterRendering = function () {
       sap.m.Dialog.prototype.onAfterRendering.apply(this);
 
       if (this._oTable) {
         this._updateTitles();
       }
 
-      if (!this._isPhone() &&  this.getContentHeight() === "") {
+      if (!this._isPhone() && this.getContentHeight() === "") {
         if (this.getSupportRangesOnly() && (this.getMaxExcludeRanges() === "-1" || this.getMaxIncludeRanges() === "-1")) { //} && this._oSelectedTokens.getTokens().length <= 2) {
           // in case of a conditions only with multiple condition rows we give the dialog a height of 70%
           this.setContentHeight("70%");
@@ -1547,7 +1547,7 @@ sap.ui.define(
         }
         // correct the minRowCount
         if (sap.ui.table.Table && this._oTable && this._oTable instanceof sap.ui.table.Table) {
-          this._oTable.setVisibleRowCountMode( sap.ui.table.VisibleRowCountMode.Auto);
+          this._oTable.setVisibleRowCountMode(sap.ui.table.VisibleRowCountMode.Auto);
         }
       }
     };
@@ -1557,7 +1557,7 @@ sap.ui.define(
      * Overwriting the Dialog._getDialogOffset function
      * In our case we will return some other left and top margin values!
      */
-    ValueHelpDialog.prototype._getDialogOffset = function(windowWidth) {
+    ValueHelpDialog.prototype._getDialogOffset = function (windowWidth) {
       var lWindowWidth = windowWidth || this._$Window.width();
 
       var loScreenSize = {
@@ -1570,7 +1570,7 @@ sap.ui.define(
         lRem = 2;
       }
 
-      var remToPixelMargin = function(rem) {
+      var remToPixelMargin = function (rem) {
         var lRemInPx = parseInt(window.getComputedStyle(document.body).fontSize, 10);
         return (rem * lRemInPx) * 2;
       };
@@ -1585,7 +1585,7 @@ sap.ui.define(
     /**
      * suggest
      */
-    ValueHelpDialog.prototype.suggest = function(fSuggestProviderCallback) {
+    ValueHelpDialog.prototype.suggest = function (fSuggestProviderCallback) {
       this._fSuggestCallback = fSuggestProviderCallback;
 
       if (this._oFilterPanel) {
@@ -1601,7 +1601,7 @@ sap.ui.define(
     /**
      * open
      */
-    ValueHelpDialog.prototype.open = function() {
+    ValueHelpDialog.prototype.open = function () {
       this._bIgnoreSelectionChange = false;
 
       // take the current visibility of the title and button for the visibility of the colSearchBox
@@ -1633,8 +1633,8 @@ sap.ui.define(
     /**
      * Exit ValueHelp Dialog
      */
-    ValueHelpDialog.prototype.exit = function() {
-      var loDestroyObject = function(oObject) {
+    ValueHelpDialog.prototype.exit = function () {
+      var loDestroyObject = function (oObject) {
         if (oObject && oObject.destroy) {
           oObject.destroy();
         }
@@ -1697,10 +1697,10 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._onCloseAndTakeOverValues = function() {
+    ValueHelpDialog.prototype._onCloseAndTakeOverValues = function () {
       var that = this;
 
-      var fnCallback = function() {
+      var fnCallback = function () {
         var ltTokens = that._oSelectedItems.getSelectedItemsTokenArray(that.getKey(), that.getDescriptionKey(), that.getTokenDisplayBehaviour());
 
         if (that._oSelectedRanges) {
@@ -1717,16 +1717,16 @@ sap.ui.define(
             if (!loRange._oGrid || loRange._oGrid.select.getSelected()) {
               var loToken = new sap.m.Token(
                 {
-                  key: "range_" + i}
-              ).data(
-                "range", {
-                  "isRange": true,
-                  "exclude": loRange.exclude,
-                  "operation": loRange.operation,
-                  "keyField": loRange.keyField,
-                  "value1": loRange.value1,
-                  "value2": loRange.value2
-                });
+                  key: "range_" + i
+                }
+              ).data("range", {
+                "isRange": true,
+                "exclude": loRange.exclude,
+                "operation": loRange.operation,
+                "keyField": loRange.keyField,
+                "value1": loRange.value1,
+                "value2": loRange.value2
+              });
               loToken.setText(lTokenValue);
               loToken.setTooltip(typeof lTokenValue === "string" ? lTokenValue : null);
               ltTokens.push(loToken);
@@ -1749,7 +1749,7 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._onCancel = function() {
+    ValueHelpDialog.prototype._onCancel = function () {
       this.fireCancel();
     };
 
@@ -1759,7 +1759,7 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._onGo = function() {
+    ValueHelpDialog.prototype._onGo = function () {
       this._oFilterBar.search();
     };
 
@@ -1769,7 +1769,7 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._onClear = function() {
+    ValueHelpDialog.prototype._onClear = function () {
       this._oFilterBar.clear();
     };
 
@@ -1780,7 +1780,7 @@ sap.ui.define(
     /**
      * setFilterBar
      */
-    ValueHelpDialog.prototype.setFilterBar = function(oCtrl) {
+    ValueHelpDialog.prototype.setFilterBar = function (oCtrl) {
       this.setAggregation("filterBar", oCtrl);
 
       if (this._oMainLayout && oCtrl) {
@@ -1806,7 +1806,7 @@ sap.ui.define(
               var loSearchField = sap.ui.getCore().byId(this._oFilterBar.getBasicSearch());
               if (loSearchField instanceof sap.m.SearchField) {
                 loSearchField.setShowSearchButton(true);
-                loSearchField.attachSearch(function(oEvent) {
+                loSearchField.attachSearch(function (oEvent) {
                   if (oEvent.mParameters.refreshButtonPressed !== undefined) { // Workaround to ignore the remove icon click on the
                     // Search control.
                     this.getFilterBar().search();
@@ -1834,13 +1834,13 @@ sap.ui.define(
                 )
               );
             }
-            this._oVBox.insertItem( this._oFilterBar, 1);
+            this._oVBox.insertItem(this._oFilterBar, 1);
             // On the phone listen on the Search event to show the LIST_VIEW.
-            this._oFilterBar.attachSearch(function() {
+            this._oFilterBar.attachSearch(function () {
               this._updateView(sap.zen._ValueHelpViewMode.PHONE_LIST_VIEW);
             }.bind(this));
             if (this._currentViewMode === sap.zen._ValueHelpViewMode.PHONE_LIST_VIEW
-                && this._oFilterBar.setFilterBarExpanded) { //ZEN
+              && this._oFilterBar.setFilterBarExpanded) { //ZEN
               // update the Filterbar states
               this._oFilterBar.setVisible(true);
               this._oFilterBar.setFilterBarExpanded(false);
@@ -1871,7 +1871,7 @@ sap.ui.define(
     /**
      * _handleFilterBarInitialize
      */
-    ValueHelpDialog.prototype._handleFilterBarInitialize = function() {
+    ValueHelpDialog.prototype._handleFilterBarInitialize = function () {
       if (this._currentViewMode === sap.ui.comp.valuehelpdialog._ValueHelpViewMode.PHONE_LIST_VIEW) {
         // update the Filterbar states
         this._oFilterBar._handleVisibilityOfToolbar();
@@ -1886,7 +1886,7 @@ sap.ui.define(
     /**
      * getFilterBar
      */
-    ValueHelpDialog.prototype.getFilterBar = function() {
+    ValueHelpDialog.prototype.getFilterBar = function () {
       return this._oFilterBar;
     };
 
@@ -1903,7 +1903,7 @@ sap.ui.define(
      * @since 1.32
      * @public
      */
-    ValueHelpDialog.prototype.setTable = function(oTable) {
+    ValueHelpDialog.prototype.setTable = function (oTable) {
       if (this._oTable) {
         this._oMainLayout.removeItem(this._oTable);
       }
@@ -1934,7 +1934,7 @@ sap.ui.define(
      * @returns {object} the used table instance
      * @since 1.28
      */
-    ValueHelpDialog.prototype.getTable = function() {
+    ValueHelpDialog.prototype.getTable = function () {
       if (!this._oTable) {
         this._createDefaultTable();
       }
@@ -1951,7 +1951,7 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._setTableTitle = function(title) {
+    ValueHelpDialog.prototype._setTableTitle = function (title) {
       if (sap.ui.Device.system.desktop && !(this._oTable instanceof sap.m.Table)) {
         if (this._oTable.getTitle()) {
           this._oTable.getTitle().setText(title);
@@ -1968,7 +1968,7 @@ sap.ui.define(
      * @private
      * @since 1.24
      */
-    ValueHelpDialog.prototype.resetTableState = function() {
+    ValueHelpDialog.prototype.resetTableState = function () {
       if (this._oTable) {
         if (this._oTable.unbindRows) {
           this._oTable.unbindRows();
@@ -1984,7 +1984,7 @@ sap.ui.define(
      * @private
      * @returns {string} The width in px
      */
-    ValueHelpDialog.prototype._getDefaultContentWidth = function() {
+    ValueHelpDialog.prototype._getDefaultContentWidth = function () {
       var lColumns = 0;
       if (this._oTable) {
         lColumns = this._oTable.getColumns().length;
@@ -2002,7 +2002,7 @@ sap.ui.define(
      * @private
      * @since 1.24
      */
-    ValueHelpDialog.prototype.TableStateSearchData = function() {
+    ValueHelpDialog.prototype.TableStateSearchData = function () {
       this._updateNoDataText(this._oRb.getText("VALUEHELPDLG_TABLE_PRESSSEARCH"));
     };
 
@@ -2013,7 +2013,7 @@ sap.ui.define(
      * @private
      * @since 1.24
      */
-    ValueHelpDialog.prototype.TableStateDataFilled = function() {
+    ValueHelpDialog.prototype.TableStateDataFilled = function () {
       this._updateNoDataText(this._oRb.getText("VALUEHELPDLG_TABLE_NODATA"));
     };
 
@@ -2024,15 +2024,15 @@ sap.ui.define(
      * @private
      * @since 1.28
      */
-    ValueHelpDialog.prototype.TableStateDataSearching = function() {
+    ValueHelpDialog.prototype.TableStateDataSearching = function () {
       this._updateNoDataText(this._oRb.getText("VALUEHELPDLG_TABLE_SEARCHING"));
     };
 
     /**
      * _createDefaultTable
      */
-    ValueHelpDialog.prototype._createDefaultTable = function() {
-      this.setTable( new sap.ui.table.Table(), true);
+    ValueHelpDialog.prototype._createDefaultTable = function () {
+      this.setTable(new sap.ui.table.Table(), true);
     };
 
     /**
@@ -2041,21 +2041,21 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._initializeTable = function() {
+    ValueHelpDialog.prototype._initializeTable = function () {
       if (sap.ui.table.Table && this._oTable instanceof sap.ui.table.Table) {
-        this._oTable.setTitle( sap.ui.Device.system.desktop ? this._sTableTitleNoCount : null);
+        this._oTable.setTitle(sap.ui.Device.system.desktop ? this._sTableTitleNoCount : null);
 
         if (this._bTableCreatedInternal) {
-          this._oTable.setSelectionBehavior( sap.ui.table.SelectionBehavior.Row);
+          this._oTable.setSelectionBehavior(sap.ui.table.SelectionBehavior.Row);
         }
 
-        this._oTable.setSelectionMode( this.getSupportMultiselect() ? sap.ui.table.SelectionMode.MultiToggle : sap.ui.table.SelectionMode.Single);
+        this._oTable.setSelectionMode(this.getSupportMultiselect() ? sap.ui.table.SelectionMode.MultiToggle : sap.ui.table.SelectionMode.Single);
 
-        this._updateNoDataText( this._oRb.getText("VALUEHELPDLG_TABLE_PRESSSEARCH"));
+        this._updateNoDataText(this._oRb.getText("VALUEHELPDLG_TABLE_PRESSSEARCH"));
 
         //initial we use Fixed mode to give the table the chance to render and calculate the correct height
-        this._oTable.setVisibleRowCountMode( sap.ui.table.VisibleRowCountMode.Fixed);
-        this._oTable.setMinAutoRowCount( sap.ui.Device.system.desktop ? 5 : 4);
+        this._oTable.setVisibleRowCountMode(sap.ui.table.VisibleRowCountMode.Fixed);
+        this._oTable.setMinAutoRowCount(sap.ui.Device.system.desktop ? 5 : 4);
 
         this._oTable.addStyleClass("compVHMainTable");
       } else {
@@ -2088,7 +2088,7 @@ sap.ui.define(
         this.fireSelectionChange(loEventArgs);
         this._bIgnoreSelectionChange = false;
 
-        loEventArgs.updateTokens.forEach(function(oCurrentValue) {
+        loEventArgs.updateTokens.forEach(function (oCurrentValue) {
           this._addRemoveTokenByKey(oCurrentValue.sKey, oCurrentValue.oRow, oCurrentValue.bSelected);
         }.bind(this));
 
@@ -2249,7 +2249,7 @@ sap.ui.define(
      * @param {string} sKey the key of the row
      * @param {boolean} bSelect specifies if the row should be selected or deselected
      */
-    ValueHelpDialog.prototype._changeTableRowSelectionForKey = function(key, select) {
+    ValueHelpDialog.prototype._changeTableRowSelectionForKey = function (key, select) {
       this._bIgnoreSelectionChange = true;
 
       var loTable = this._oTable;
@@ -2312,7 +2312,7 @@ sap.ui.define(
     // Token Handling
     // ################################################################################
 
-    ValueHelpDialog.prototype.removeAllSelections = function(destroy) {
+    ValueHelpDialog.prototype.removeAllSelections = function (destroy) {
       this._oSelectedItems.removeAll();
       this._oSelectedTokens.removeAllTokens();
       if (destroy) {
@@ -2320,7 +2320,7 @@ sap.ui.define(
       }
     };
 
-    ValueHelpDialog.prototype.setSelection = function(selected, key, oRow) {
+    ValueHelpDialog.prototype.setSelection = function (selected, key, oRow) {
       var lTokenExists = true;
 
       if (!key) {
@@ -2339,20 +2339,20 @@ sap.ui.define(
       return lTokenExists;
     };
 
-    ValueHelpDialog.prototype.setChildSelection = function(selected, oRow, includeRow) {
+    ValueHelpDialog.prototype.setChildSelection = function (selected, oRow, includeRow) {
       if (oRow) {
         if (includeRow) {
           this.setSelection(selected, oRow.key, oRow);
         }
 
-        var ltMembers = _.filter(oRow, function(oChild) {
+        var ltMembers = _.filter(oRow, function (oChild) {
           return oChild.key && !oChild.node; // only return valid Children (fake child exists for "Loading Members..." with node := true)
         }.bind(this));
         if (!ltMembers || ltMembers.length <= 0) {
           return;
         }
 
-        _.forEach(ltMembers, function(oChild) {
+        _.forEach(ltMembers, function (oChild) {
           this.setChildSelection(selected, oChild, true);
         }.bind(this));
       }
@@ -2372,7 +2372,7 @@ sap.ui.define(
      * @since 1.24
      * @param {sap.m.Token[]} aTokens An array of token controls
      */
-    ValueHelpDialog.prototype.setTokens = function(tTokens) {
+    ValueHelpDialog.prototype.setTokens = function (tTokens) {
       var loCurrentKeyField = null;
 
       if (!tTokens || !tTokens.length) {
@@ -2442,7 +2442,7 @@ sap.ui.define(
      * @param {string} sType supported type string, date, time or boolean
      * @returns {string|date|float} Value as object
      */
-    ValueHelpDialog.prototype._convertValue2Object = function(value, type) {
+    ValueHelpDialog.prototype._convertValue2Object = function (value, type) {
       if (!value) {
         return value;
       }
@@ -2450,36 +2450,36 @@ sap.ui.define(
       var loValue = value;
 
       switch (type) {
-      case "date":
-        loValue = new Date(value);
-        break;
+        case "date":
+          loValue = new Date(value);
+          break;
 
-      case "time":
-        // value is a formatted Date-Time value
-        loValue = new Date(value);
-        if (!loValue || (loValue.getDate && Number.isNaN(loValue.getDate()))) { // value is a formatted Time value
-          loValue = sap.ui.core.format.DateFormat.getTimeInstance().parse(value);
-        }
-        break;
+        case "time":
+          // value is a formatted Date-Time value
+          loValue = new Date(value);
+          if (!loValue || (loValue.getDate && Number.isNaN(loValue.getDate()))) { // value is a formatted Time value
+            loValue = sap.ui.core.format.DateFormat.getTimeInstance().parse(value);
+          }
+          break;
 
-      case "datetime":
-        loValue = new Date(value);
-        break;
+        case "datetime":
+          loValue = new Date(value);
+          break;
 
-      case "numeric":
-        loValue = parseFloat(value);
-        break;
+        case "numeric":
+          loValue = parseFloat(value);
+          break;
 
-      case "boolean":
-        if (value === "") {
-          loValue = null;
-        } else {
-          loValue = value == "true";
-        }
-        break;
+        case "boolean":
+          if (value === "") {
+            loValue = null;
+          } else {
+            loValue = value == "true";
+          }
+          break;
 
-      default:
-        break;
+        default:
+          break;
       }
 
       return loValue;
@@ -2494,7 +2494,7 @@ sap.ui.define(
      * @param {sap.m.Tokenizer} oTokenizer the Tokenizer which contain the token
      * @returns {sap.m.Token} the found token instance or null
      */
-    ValueHelpDialog.prototype._getTokenByKey = function(key, oTokenizer) {
+    ValueHelpDialog.prototype._getTokenByKey = function (key, oTokenizer) {
       var ltTokens = oTokenizer.getTokens();
 
       for (var i = 0; i < ltTokens.length; i++) {
@@ -2514,7 +2514,7 @@ sap.ui.define(
     /**
      * _addRemoveTokenByKey
      */
-    ValueHelpDialog.prototype._addRemoveTokenByKey = function(key, oRow, add) {
+    ValueHelpDialog.prototype._addRemoveTokenByKey = function (key, oRow, add) {
       if (add) {
         this._oSelectedItems.add(key, oRow);
         this._addToken2Tokenizer(key, this._getFormattedTokenText(key), this._oSelectedTokens);
@@ -2531,7 +2531,7 @@ sap.ui.define(
      * @private
      * @param {string} sKey of the token
      */
-    ValueHelpDialog.prototype._removeToken = function(key) {
+    ValueHelpDialog.prototype._removeToken = function (key) {
       if (!this._removeTokenFromTokenizer(key, this._oSelectedTokens)) {
         this._removeTokenFromTokenizer(key, this._oExcludedTokens);
       }
@@ -2546,7 +2546,7 @@ sap.ui.define(
      * @param {string} sText the token text
      * @param {sap.m.Tokenizer} oTokenizer the Tokenizer which contain the token
      */
-    ValueHelpDialog.prototype._addToken2Tokenizer = function(key, text, oTokenizer) {
+    ValueHelpDialog.prototype._addToken2Tokenizer = function (key, text, oTokenizer) {
       var lTooltip = (typeof text === "string") ? text : "";
 
       var loToken = this._getTokenByKey(key, oTokenizer);
@@ -2575,7 +2575,7 @@ sap.ui.define(
      * @param {sap.m.Tokenizer} oTokenizer the Tokenizer which contain the token
      * @returns {boolean} true when the token has been found and removed, else false
      */
-    ValueHelpDialog.prototype._removeTokenFromTokenizer = function(key, oTokenizer) {
+    ValueHelpDialog.prototype._removeTokenFromTokenizer = function (key, oTokenizer) {
       var loToken = this._getTokenByKey(key, oTokenizer);
 
       if (loToken) {
@@ -2597,7 +2597,7 @@ sap.ui.define(
      * @param {string} sKey the key of the selectedItems item
      * @returns {string} the token text for the selected items with the sKey
      */
-    ValueHelpDialog.prototype._getFormattedTokenText = function(key) {
+    ValueHelpDialog.prototype._getFormattedTokenText = function (key) {
       var loItem = this._oSelectedItems.getItem(key);
       var lTokenText = loItem[this.getDescriptionKey()];
       var lDisplayKey = loItem["displaykey"];//ZEN
@@ -2639,7 +2639,7 @@ sap.ui.define(
      * @private
      * @returns {sap.ui.layout.Grid} the ranges grid
      */
-    ValueHelpDialog.prototype._getRanges = function() {
+    ValueHelpDialog.prototype._getRanges = function () {
       if (!this._oRanges) {
         this._oRanges = this._createRanges();
       }
@@ -2654,12 +2654,12 @@ sap.ui.define(
      * @private
      * @returns {sap.ui.layout.Grid} the ranges grid
      */
-    ValueHelpDialog.prototype._createRanges = function() {
+    ValueHelpDialog.prototype._createRanges = function () {
       this._oFilterPanel = new sap.m.P13nFilterPanel({
         maxIncludes: this.getMaxIncludeRanges(),
         maxExcludes: this.getMaxExcludeRanges(),
         containerQuery: true,
-        addFilterItem: function(oEvent) {
+        addFilterItem: function (oEvent) {
           var loParams = oEvent.mParameters;
 
           var loRange = {
@@ -2685,14 +2685,14 @@ sap.ui.define(
           this._updateTokenizer();
         }.bind(this),
 
-        removeFilterItem: function(oEvent) {
+        removeFilterItem: function (oEvent) {
           var loParams = oEvent.mParameters;
           delete this._oSelectedRanges[loParams.key];
           this._removeToken(loParams.key);
           this._updateTokenizer();
         }.bind(this),
 
-        updateFilterItem: function(oEvent) {
+        updateFilterItem: function (oEvent) {
           var loParams = oEvent.mParameters;
 
           var loRange = this._oSelectedRanges[loParams.key];
@@ -2733,7 +2733,7 @@ sap.ui.define(
       }
 
       if (this._aRangeKeyFields) {
-        this._aRangeKeyFields.forEach( function(oItem) {
+        this._aRangeKeyFields.forEach(function (oItem) {
           this._oFilterPanel.addItem(new sap.m.P13nItem({
             columnKey: oItem.key,
             text: oItem.label,
@@ -2801,7 +2801,7 @@ sap.ui.define(
     /**
      * getRangeKeyFields
      */
-    ValueHelpDialog.prototype.getRangeKeyFields = function() {
+    ValueHelpDialog.prototype.getRangeKeyFields = function () {
       return this._aRangeKeyFields;
     };
 
@@ -2815,12 +2815,12 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._getKeyFieldByKey = function(key) {
+    ValueHelpDialog.prototype._getKeyFieldByKey = function (key) {
       var loCurrentKeyField;
 
       if (this._aRangeKeyFields) {
         // search the current KeyField
-        this._aRangeKeyFields.some( function(keyField) {
+        this._aRangeKeyFields.some(function (keyField) {
           if (typeof keyField !== "string" && keyField.key === key) {
             loCurrentKeyField = keyField;
             return true;
@@ -2841,7 +2841,7 @@ sap.ui.define(
      *
      * @private
      */
-    ValueHelpDialog.prototype._removeRangeByKey = function(key, isExclude) {
+    ValueHelpDialog.prototype._removeRangeByKey = function (key, isExclude) {
       var ltKeys = key;
 
       if (typeof ltKeys === "string") {
@@ -2850,13 +2850,13 @@ sap.ui.define(
         ];
       }
 
-      ltKeys.forEach(function(key, index, tKeys) {
+      ltKeys.forEach(function (key, index, tKeys) {
         var loRange = this._oSelectedRanges[key];
         if (loRange.exclude === isExclude && !loRange._oGrid) {
           delete this._oSelectedRanges[key];
 
           if (this._oFilterPanel) {
-            var loConditionPanel =  loRange.exclude ? this._oFilterPanel._oExcludeFilterPanel : this._oFilterPanel._oIncludeFilterPanel;
+            var loConditionPanel = loRange.exclude ? this._oFilterPanel._oExcludeFilterPanel : this._oFilterPanel._oIncludeFilterPanel;
 
             if (tKeys.length === 1) {
               // only in case  of a single key we remove the condition
@@ -2870,7 +2870,7 @@ sap.ui.define(
       }, this);
 
       if (ltKeys.length > 1 && this._oFilterPanel) {
-        var loConditionPanel =  isExclude ? this._oFilterPanel._oExcludeFilterPanel : this._oFilterPanel._oIncludeFilterPanel;
+        var loConditionPanel = isExclude ? this._oFilterPanel._oExcludeFilterPanel : this._oFilterPanel._oIncludeFilterPanel;
         loConditionPanel._clearConditions();
         loConditionPanel._fillConditions();
       }
@@ -2886,7 +2886,7 @@ sap.ui.define(
      *         dialog
      * @param {function} fnCancelCallback will be called when ranges are invalid and the user press Cancel on a message dialog
      */
-    ValueHelpDialog.prototype._validateRanges = function(fnCallback, fnCancelCallback) {
+    ValueHelpDialog.prototype._validateRanges = function (fnCallback, fnCancelCallback) {
       if (this._oRanges) {
         if (!this._oRanges.getParent()) {
           fnCallback();
@@ -2902,7 +2902,7 @@ sap.ui.define(
             title: this._sValidationDialogTitle,
             actions: [sap.m.MessageBox.Action.OK, sap.m.MessageBox.Action.CANCEL],
             styleClass: this.$().closest(".sapUiSizeCompact").length ? "sapUiSizeCompact" : "",
-            onClose: function(result) {
+            onClose: function (result) {
               if (result === sap.m.MessageBox.Action.OK && fnCallback) {
                 fnCallback();
               }
@@ -2928,7 +2928,7 @@ sap.ui.define(
      * @param {object[]} aRangeKeyFields An array of range KeyFields
      *        <code>[{key: "CompanyCode", label: "ID"}, {key:"CompanyName", label : "Name"}]</code>
      */
-    ValueHelpDialog.prototype.setRangeKeyFields = function(aRangeKeyFields) {
+    ValueHelpDialog.prototype.setRangeKeyFields = function (aRangeKeyFields) {
       this._aRangeKeyFields = aRangeKeyFields;
     };
 
@@ -2941,7 +2941,7 @@ sap.ui.define(
      * @param {sap.zen.dsh.ValueHelpRangeOperation[]} aOperation An array of range operations
      * @param {string} sType the type for which the operations are defined
      */
-    ValueHelpDialog.prototype.setIncludeRangeOperations = function(aOperation, type) {
+    ValueHelpDialog.prototype.setIncludeRangeOperations = function (aOperation, type) {
       type = type || "default";
       this._aIncludeRangeOperations[type] = aOperation;
 
@@ -2959,7 +2959,7 @@ sap.ui.define(
      * @param {sap.zen.dsh.ValueHelpRangeOperation[]} aOperation An array of range operations
      * @param {string} sType the type for which the operations are defined
      */
-    ValueHelpDialog.prototype.setExcludeRangeOperations = function(tOperations, type) {
+    ValueHelpDialog.prototype.setExcludeRangeOperations = function (tOperations, type) {
       type = type || "default";
       this._aExcludeRangeOperations[type] = tOperations;
 
@@ -2980,69 +2980,69 @@ sap.ui.define(
      * @param {string} sKeyField id
      * @returns {string} the range token text
      */
-    ValueHelpDialog.prototype._getFormattedRangeTokenText = function(operation, value1, value2, exclude, keyField) {
+    ValueHelpDialog.prototype._getFormattedRangeTokenText = function (operation, value1, value2, exclude, keyField) {
       var lTokenText = "";
 
       var loFormatter = null;
       var loCurrentKeyField = this._getKeyFieldByKey(keyField);
       if (loCurrentKeyField) {
         switch (loCurrentKeyField.type) {
-        case "numc":
-          loFormatter = {
-            format: function(oValue) {
-              return this.oType.formatValue(oValue, "string");
-            },
-            oType: new sap.ui.model.odata.type.String({}, loCurrentKeyField.formatSettings)
-          };
-          break;
+          case "numc":
+            loFormatter = {
+              format: function (oValue) {
+                return this.oType.formatValue(oValue, "string");
+              },
+              oType: new sap.ui.model.odata.type.String({}, loCurrentKeyField.formatSettings)
+            };
+            break;
 
-        case "numeric":
-          var loFloatFormatOptions;
-          if (loCurrentKeyField.precision || loCurrentKeyField.scale) {
-            loFloatFormatOptions = {};
-            if (loCurrentKeyField.precision) {
-              loFloatFormatOptions["maxIntegerDigits"] = parseInt(loCurrentKeyField.precision, 10);
-            }
-            if (loCurrentKeyField.scale) {
-              loFloatFormatOptions["maxFractionDigits"] = parseInt(loCurrentKeyField.scale, 10);
+          case "numeric":
+            var loFloatFormatOptions;
+            if (loCurrentKeyField.precision || loCurrentKeyField.scale) {
+              loFloatFormatOptions = {};
+              if (loCurrentKeyField.precision) {
+                loFloatFormatOptions["maxIntegerDigits"] = parseInt(loCurrentKeyField.precision, 10);
+              }
+              if (loCurrentKeyField.scale) {
+                loFloatFormatOptions["maxFractionDigits"] = parseInt(loCurrentKeyField.scale, 10);
+              }
             }
-          }
-          loFormatter = sap.ui.core.format.NumberFormat.getFloatInstance(loFloatFormatOptions);
-          break;
+            loFormatter = sap.ui.core.format.NumberFormat.getFloatInstance(loFloatFormatOptions);
+            break;
 
-        case "date":
-          loFormatter = sap.ui.core.format.DateFormat.getDateInstance(jQuery.extend({}, loCurrentKeyField.formatSettings, {strictParsing: true}));
-          value1 = new Date(value1);
-          value2 = value2 !== "" ? new Date(value2) : null; // value2 can be "" string if the operation != BT.
-          break;
+          case "date":
+            loFormatter = sap.ui.core.format.DateFormat.getDateInstance(jQuery.extend({}, loCurrentKeyField.formatSettings, { strictParsing: true }));
+            value1 = new Date(value1);
+            value2 = value2 !== "" ? new Date(value2) : null; // value2 can be "" string if the operation != BT.
+            break;
 
-        case "time":
-          loFormatter = sap.ui.core.format.DateFormat.getTimeInstance(jQuery.extend({}, loCurrentKeyField.formatSettings, {strictParsing: true}));
-          value1 = new Date(value1);
-          value2 = value2 !== "" ? new Date(value2) : null;
-          break;
+          case "time":
+            loFormatter = sap.ui.core.format.DateFormat.getTimeInstance(jQuery.extend({}, loCurrentKeyField.formatSettings, { strictParsing: true }));
+            value1 = new Date(value1);
+            value2 = value2 !== "" ? new Date(value2) : null;
+            break;
 
-        case "datetime":
-          loFormatter = sap.ui.core.format.DateFormat.getDateTimeInstance(jQuery.extend({}, loCurrentKeyField.formatSettings, {strictParsing: true}));
-          value1 = new Date(value1);
-          value2 = value2 !== "" ? new Date(value2) : null;
-          break;
+          case "datetime":
+            loFormatter = sap.ui.core.format.DateFormat.getDateTimeInstance(jQuery.extend({}, loCurrentKeyField.formatSettings, { strictParsing: true }));
+            value1 = new Date(value1);
+            value2 = value2 !== "" ? new Date(value2) : null;
+            break;
 
-        case "boolean":
-          var ltBooleanValues = this._getBooleanValues();
-          value1 = ltBooleanValues[value1 ? 2 :  1];
-          value2 = ltBooleanValues[value2 ? 2 :  1];
-          break;
+          case "boolean":
+            var ltBooleanValues = this._getBooleanValues();
+            value1 = ltBooleanValues[value1 ? 2 : 1];
+            value2 = ltBooleanValues[value2 ? 2 : 1];
+            break;
 
-        case "stringdate":
-          if (sap.m.P13nConditionStringDateFormatter) {
-            loFormatter = new sap.m.P13nConditionStringDateFormatter(jQuery.extend({}, loCurrentKeyField.formatSettings, {strictParsing: true }));
-          }
+          case "stringdate":
+            if (sap.m.P13nConditionStringDateFormatter) {
+              loFormatter = new sap.m.P13nConditionStringDateFormatter(jQuery.extend({}, loCurrentKeyField.formatSettings, { strictParsing: true }));
+            }
 
-          break;
+            break;
 
-        default:
-          break;
+          default:
+            break;
         }
 
         if (loFormatter) {
@@ -3057,63 +3057,59 @@ sap.ui.define(
 
       if (value1 !== "") {
         switch (operation) {
-        case ValueHelpRangeOperation.Initial:
-          lTokenText = "=''";
-          break;
+          case ValueHelpRangeOperation.Initial:
+            lTokenText = "=''";
+            break;
 
-        case ValueHelpRangeOperation.EQ:
-          lTokenText = "=" + value1;
-          break;
+          case ValueHelpRangeOperation.EQ:
+            lTokenText = "=" + value1;
+            break;
 
-        case ValueHelpRangeOperation.GT:
-          lTokenText = ">" + value1;
-          break;
+          case ValueHelpRangeOperation.GT:
+            lTokenText = ">" + value1;
+            break;
 
-        case ValueHelpRangeOperation.GE:
-          lTokenText = ">=" + value1;
-          break;
+          case ValueHelpRangeOperation.GE:
+            lTokenText = ">=" + value1;
+            break;
 
-        case ValueHelpRangeOperation.LT:
-          lTokenText = "<" + value1;
-          break;
+          case ValueHelpRangeOperation.LT:
+            lTokenText = "<" + value1;
+            break;
 
-        case ValueHelpRangeOperation.LE:
-          lTokenText = "<=" + value1;
-          break;
+          case ValueHelpRangeOperation.LE:
+            lTokenText = "<=" + value1;
+            break;
 
-        case ValueHelpRangeOperation.Contains:
-          lTokenText = value1;
-          if (!lTokenText.startsWith("*")) {
-            lTokenText = "*" + lTokenText;
-          }
-          if (!lTokenText.endsWith("*")) {
-            lTokenText = lTokenText + "*";
-          }
-          break;
+          case ValueHelpRangeOperation.Contains:
+            if (!lTokenText.includes("*")) {
+              lTokenText = "*" + lTokenText + "*";
+            }
+            break;
 
-        case ValueHelpRangeOperation.StartsWith:
-          lTokenText = value1;
-          if (!lTokenText.endsWith("*")) {
-            lTokenText = lTokenText + "*";
-          }
-          break;
+          case ValueHelpRangeOperation.StartsWith:
+            lTokenText = value1;
+            if (!lTokenText.endsWith("*")) {
+              lTokenText = lTokenText + "*";
+            }
+            break;
 
-        case ValueHelpRangeOperation.EndsWith:
-          lTokenText = value1;
-          if (!lTokenText.startsWith("*")) {
-            lTokenText = "*" + lTokenText;
-          }
-          break;
+          case ValueHelpRangeOperation.EndsWith:
+            lTokenText = value1;
+            if (!lTokenText.startsWith("*")) {
+              lTokenText = "*" + lTokenText;
+            }
+            break;
 
-        case ValueHelpRangeOperation.BT:
-          if (value2 !== "") {
-            lTokenText = value1 + "..." + value2;
+          case ValueHelpRangeOperation.BT:
+            if (value2 !== "") {
+              lTokenText = value1 + "..." + value2;
+              break;
+            }
             break;
-          }
-          break;
 
-        default:
-          break;
+          default:
+            break;
         }
 
       }
@@ -3135,7 +3131,7 @@ sap.ui.define(
      *
      * @returns {string[]} ["", "No", "Yes"]
      */
-    ValueHelpDialog.prototype._getBooleanValues = function() {
+    ValueHelpDialog.prototype._getBooleanValues = function () {
       var loBooleanType = new sap.ui.model.odata.type.Boolean();
 
       var ltBooleanValues = null;