@sap/open.fe 1.99.0 → 1.100.0

package/packages/sap.fe.core/src/sap/fe/core/controls/filterbar/FilterContainer-dbg.js

@@ -1,119 +1,129 @@
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
-        (c) Copyright 2009-2021 SAP SE. All rights reserved
-    
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
  */
-
-// Provides control sap.fe.core.filterbar.FilterContainer.
-sap.ui.define(["sap/ui/mdc/filterbar/aligned/FilterContainer"], function(MdcFilterContainer) {
-	"use strict";
-	/**
-	 * Constructor for a new FE filter container
-	 * @param {string} [sId] ID for the new control, generated automatically if no ID is given
-	 * @extends sap.ui.mdc.filterbar.aligned.FilterContainer
-	 * @class
-	 * @private
-	 * @alias sap.fe.core.controls.filterbar.FilterContainer
-	 */
-	var FilterContainer = MdcFilterContainer.extend("sap.fe.core.controls.filterbar.FilterContainer");
-
-	FilterContainer.prototype.init = function() {
-		this.aAllFilterFields = [];
-		this.aAllVisualFilters = {};
-		MdcFilterContainer.prototype.init.apply(this, arguments);
-	};
-
-	FilterContainer.prototype.exit = function() {
-		// destroy layout
-		var that = this;
-		MdcFilterContainer.prototype.exit.apply(this, arguments);
-		// destroy all filter fields which are not in the layout
-		this.aAllFilterFields.forEach(function(oFilterField) {
-			oFilterField.destroy();
-		});
-		Object.keys(this.aAllVisualFilters).forEach(function(sKey) {
-			that.aAllVisualFilters[sKey].destroy();
-		});
-	};
-
-	FilterContainer.prototype.insertFilterField = function(oControl) {
-		var oFilterItemLayoutEventDelegate = {
-			onBeforeRendering: function() {
-				// For compact filters the item layout needs to render both label and filter field.
-				// hence use the original getContent of the FilterItemLayout
-				if (oControl._fnGetContentCopy) {
-					oControl.getContent = oControl._fnGetContentCopy;
-				}
-				oControl.removeEventDelegate(oFilterItemLayoutEventDelegate);
-			}
-		};
-		oControl.addEventDelegate(oFilterItemLayoutEventDelegate);
-
-		// In this layout there is no need to render visual filter
-		// hence find the filter field from the layout and remove it's content aggregation
-		var that = this;
-		oControl.getContent().forEach(function(oInnerControl) {
-			var oContent = oInnerControl.getContent && oInnerControl.getContent();
-			if (oInnerControl.isA("sap.ui.mdc.FilterField") && oContent && oContent.isA("sap.fe.core.controls.filterbar.VisualFilter")) {
-				// store the visual filter for later use.
-				var oVFId = oInnerControl.getId();
-				that.aAllVisualFilters[oVFId] = oContent;
-				// remove the content aggregation to render internal content of the field
-				oInnerControl.setContent(null);
-			}
-		});
-
-		// store filter fields to refer to when switching between layout
-		this.aAllFilterFields.push(oControl);
-
-		MdcFilterContainer.prototype.insertFilterField.apply(this, arguments);
-	};
-
-	FilterContainer.prototype.removeFilterField = function(oControl) {
-		var oFilterFieldIndex = this.aAllFilterFields.findIndex(function(oFilterField) {
-			return oFilterField.getId() === oControl.getId();
-		});
-
-		var that = this;
-		// Setting VF content for Fillterfield before removing
-		oControl.getContent().forEach(function(oInnerControl) {
-			if (oInnerControl.isA("sap.ui.mdc.FilterField") && !oInnerControl.getContent()) {
-				var oVFId = oInnerControl.getId();
-				if (that.aAllVisualFilters[oVFId]) {
-					oInnerControl.setContent(that.aAllVisualFilters[oVFId]);
-				}
-			}
-		});
-
-		this.aAllFilterFields.splice(oFilterFieldIndex, 1);
-
-		MdcFilterContainer.prototype.removeFilterField.apply(this, arguments);
-	};
-
-	FilterContainer.prototype.removeAllFilterFields = function() {
-		this.aAllFilterFields = [];
-		this.aAllVisualFilters = {};
-		this.oLayout.removeAllContent();
-	};
-	FilterContainer.prototype.getAllButtons = function() {
-		return this.oLayout.getEndContent();
-	};
-
-	FilterContainer.prototype.removeButton = function(oControl) {
-		this.oLayout.removeEndContent(oControl);
-	};
-
-	FilterContainer.prototype.getAllFilterFields = function() {
-		return this.aAllFilterFields.slice();
-	};
-
-	FilterContainer.prototype.getAllVisualFilterFields = function() {
-		return this.aAllVisualFilters;
-	};
-
-	FilterContainer.prototype.setAllFilterFields = function(aFilterFields) {
-		this.aAllFilterFields = aFilterFields;
-	};
-
-	return FilterContainer;
-});
+sap.ui.define(["sap/ui/mdc/filterbar/aligned/FilterContainer"], function (MdcFilterContainer) {
+  "use strict";
+
+  /**
+   * Constructor for a new FE filter container
+   *
+   * @param {string} [sId] ID for the new control, generated automatically if no ID is given
+   * @extends sap.ui.mdc.filterbar.aligned.FilterContainer
+   * @class
+   * @private
+   * @alias sap.fe.core.controls.filterbar.FilterContainer
+   */
+  var FilterContainer = MdcFilterContainer.extend("sap.fe.core.controls.filterbar.FilterContainer");
+
+  FilterContainer.prototype.init = function () {
+    this.aAllFilterFields = [];
+    this.aAllVisualFilters = {};
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    MdcFilterContainer.prototype.init.apply(this, args);
+  };
+
+  FilterContainer.prototype.exit = function () {
+    var _this = this;
+
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    // destroy layout
+    MdcFilterContainer.prototype.exit.apply(this, args); // destroy all filter fields which are not in the layout
+
+    this.aAllFilterFields.forEach(function (oFilterField) {
+      oFilterField.destroy();
+    });
+    Object.keys(this.aAllVisualFilters).forEach(function (sKey) {
+      _this.aAllVisualFilters[sKey].destroy();
+    });
+  };
+
+  FilterContainer.prototype.insertFilterField = function (oControl, iIndex) {
+    var _this2 = this;
+
+    var oFilterItemLayoutEventDelegate = {
+      onBeforeRendering: function () {
+        // For compact filters the item layout needs to render both label and filter field.
+        // hence use the original getContent of the FilterItemLayout
+        if (oControl._fnGetContentCopy) {
+          oControl.getContent = oControl._fnGetContentCopy;
+        }
+
+        oControl.removeEventDelegate(oFilterItemLayoutEventDelegate);
+      }
+    };
+    oControl.addEventDelegate(oFilterItemLayoutEventDelegate); // In this layout there is no need to render visual filter
+    // hence find the filter field from the layout and remove it's content aggregation
+
+    oControl.getContent().forEach(function (oInnerControl) {
+      var oContent = oInnerControl.getContent && oInnerControl.getContent();
+
+      if (oInnerControl.isA("sap.ui.mdc.FilterField") && oContent && oContent.isA("sap.fe.core.controls.filterbar.VisualFilter")) {
+        // store the visual filter for later use.
+        var oVFId = oInnerControl.getId();
+        _this2.aAllVisualFilters[oVFId] = oContent; // remove the content aggregation to render internal content of the field
+
+        oInnerControl.setContent(null);
+      }
+    }); // store filter fields to refer to when switching between layout
+
+    this.aAllFilterFields.push(oControl);
+    MdcFilterContainer.prototype.insertFilterField.apply(this, [oControl, iIndex]);
+  };
+
+  FilterContainer.prototype.removeFilterField = function (oControl) {
+    var _this3 = this;
+
+    var oFilterFieldIndex = this.aAllFilterFields.findIndex(function (oFilterField) {
+      return oFilterField.getId() === oControl.getId();
+    }); // Setting VF content for Fillterfield before removing
+
+    oControl.getContent().forEach(function (oInnerControl) {
+      if (oInnerControl.isA("sap.ui.mdc.FilterField") && !oInnerControl.getContent()) {
+        var oVFId = oInnerControl.getId();
+
+        if (_this3.aAllVisualFilters[oVFId]) {
+          oInnerControl.setContent(_this3.aAllVisualFilters[oVFId]);
+        }
+      }
+    });
+    this.aAllFilterFields.splice(oFilterFieldIndex, 1);
+    MdcFilterContainer.prototype.removeFilterField.apply(this, [oControl]);
+  };
+
+  FilterContainer.prototype.removeAllFilterFields = function () {
+    this.aAllFilterFields = [];
+    this.aAllVisualFilters = {};
+    this.oLayout.removeAllContent();
+  };
+
+  FilterContainer.prototype.getAllButtons = function () {
+    return this.oLayout.getEndContent();
+  };
+
+  FilterContainer.prototype.removeButton = function (oControl) {
+    this.oLayout.removeEndContent(oControl);
+  };
+
+  FilterContainer.prototype.getAllFilterFields = function () {
+    return this.aAllFilterFields.slice();
+  };
+
+  FilterContainer.prototype.getAllVisualFilterFields = function () {
+    return this.aAllVisualFilters;
+  };
+
+  FilterContainer.prototype.setAllFilterFields = function (aFilterFields) {
+    this.aAllFilterFields = aFilterFields;
+  };
+
+  return FilterContainer;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbHRlckNvbnRhaW5lci50cyJdLCJuYW1lcyI6WyJGaWx0ZXJDb250YWluZXIiLCJNZGNGaWx0ZXJDb250YWluZXIiLCJleHRlbmQiLCJwcm90b3R5cGUiLCJpbml0IiwiYUFsbEZpbHRlckZpZWxkcyIsImFBbGxWaXN1YWxGaWx0ZXJzIiwiYXJncyIsImFwcGx5IiwiZXhpdCIsImZvckVhY2giLCJvRmlsdGVyRmllbGQiLCJkZXN0cm95IiwiT2JqZWN0Iiwia2V5cyIsInNLZXkiLCJpbnNlcnRGaWx0ZXJGaWVsZCIsIm9Db250cm9sIiwiaUluZGV4Iiwib0ZpbHRlckl0ZW1MYXlvdXRFdmVudERlbGVnYXRlIiwib25CZWZvcmVSZW5kZXJpbmciLCJfZm5HZXRDb250ZW50Q29weSIsImdldENvbnRlbnQiLCJyZW1vdmVFdmVudERlbGVnYXRlIiwiYWRkRXZlbnREZWxlZ2F0ZSIsIm9Jbm5lckNvbnRyb2wiLCJvQ29udGVudCIsImlzQSIsIm9WRklkIiwiZ2V0SWQiLCJzZXRDb250ZW50IiwicHVzaCIsInJlbW92ZUZpbHRlckZpZWxkIiwib0ZpbHRlckZpZWxkSW5kZXgiLCJmaW5kSW5kZXgiLCJzcGxpY2UiLCJyZW1vdmVBbGxGaWx0ZXJGaWVsZHMiLCJvTGF5b3V0IiwicmVtb3ZlQWxsQ29udGVudCIsImdldEFsbEJ1dHRvbnMiLCJnZXRFbmRDb250ZW50IiwicmVtb3ZlQnV0dG9uIiwicmVtb3ZlRW5kQ29udGVudCIsImdldEFsbEZpbHRlckZpZWxkcyIsInNsaWNlIiwiZ2V0QWxsVmlzdWFsRmlsdGVyRmllbGRzIiwic2V0QWxsRmlsdGVyRmllbGRzIiwiYUZpbHRlckZpZWxkcyJdLCJtYXBwaW5ncyI6IjtBQUFBO0FBQ0E7QUFDQTs7OztBQURBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBLE1BQU1BLGVBQWUsR0FBR0Msa0JBQWtCLENBQUNDLE1BQW5CLENBQTBCLGdEQUExQixDQUF4Qjs7QUFDQUYsRUFBQUEs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QjtBQUNoRSxTQUFLb0IsT0FBTCxDQUFhSyxnQkFBYixDQUE4QnpCLFFBQTlCO0FBQ0EsR0FGRDs7QUFHQWpCLEVBQUFBLGVBQWUsQ0FBQ0csU0FBaEIsQ0FBMEJ3QyxrQkFBMUIsR0FBK0MsWUFBVztBQUN6RCxXQUFPLEtBQUt0QyxnQkFBTCxDQUFzQnVDLEtBQXRCLEVBQVA7QUFDQSxHQUZEOztBQUdBNUMsRUFBQUEsZUFBZSxDQUFDRyxTQUFoQixDQUEwQjBDLHdCQUExQixHQUFxRCxZQUFXO0FBQy9ELFdBQU8sS0FBS3ZDLGlCQUFaO0FBQ0EsR0FGRDs7QUFHQU4sRUFBQUEsZUFBZSxDQUFDRyxTQUFoQixDQUEwQjJDLGtCQUExQixHQUErQyxVQUFTQyxhQUFULEVBQTZCO0FBQzNFLFNBQUsxQyxnQkFBTCxHQUF3QjBDLGFBQXhCO0FBQ0EsR0FGRDs7U0FJZS9DLGUiLCJzb3VyY2VSb290IjoiLiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBNZGNGaWx0ZXJDb250YWluZXIgZnJvbSBcInNhcC91aS9tZGMvZmlsdGVyYmFyL2FsaWduZWQvRmlsdGVyQ29udGFpbmVyXCI7XG4vKipcbiAqIENvbnN0cnVjdG9yIGZvciBhIG5ldyBGRSBmaWx0ZXIgY29udGFpbmVyXG4gKlxuICogQHBhcmFtIHtzdHJpbmd9IFtzSWRdIElEIGZvciB0aGUgbmV3IGNvbnRyb2wsIGdlbmVyYXRlZCBhdXRvbWF0aWNhbGx5IGlmIG5vIElEIGlzIGdpdmVuXG4gKiBAZXh0ZW5kcyBzYXAudWkubWRjLmZpbHRlcmJhci5hbGlnbmVkLkZpbHRlckNvbnRhaW5lclxuICogQGNsYXNzXG4gKiBAcHJpdmF0ZVxuICogQGFsaWFzIHNhcC5mZS5jb3JlLmNvbnRyb2xzLmZpbHRlcmJhci5GaWx0ZXJDb250YWluZXJcbiAqL1xuY29uc3QgRmlsdGVyQ29udGFpbmVyID0gTWRjRmlsdGVyQ29udGFpbmVyLmV4dGVuZChcInNhcC5mZS5jb3JlLmNvbnRyb2xzLmZpbHRlcmJhci5GaWx0ZXJDb250YWluZXJcIik7XG5GaWx0ZXJDb250YWluZXIucHJvdG90eXBlLmluaXQgPSBmdW5jdGlvbiguLi5hcmdzOiBhbnlbXSkge1xuXHR0aGlzLmFBbGxGaWx0ZXJGaWVsZHMgPSBbXTtcblx0dGhpcy5hQWxsVmlzdWFsRmlsdGVycyA9IHt9O1xuXHRNZGNGaWx0ZXJDb250YWluZXIucHJvdG90eXBlLmluaXQuYXBwbHkodGhpcywgYXJncyk7XG59O1xuRmlsdGVyQ29udGFpbmVyLnByb3RvdHlwZS5leGl0ID0gZnVuY3Rpb24oLi4uYXJnczogYW55W10pIHtcblx0Ly8gZGVzdHJveSBsYXlvdXRcblx0TWRjRmlsdGVyQ29udGFpbmVyLnByb3RvdHlwZS5leGl0LmFwcGx5KHRoaXMsIGFyZ3MpO1xuXHQvLyBkZXN0cm95IGFsbCBmaWx0ZXIgZmllbGRzIHdoaWNoIGFyZSBub3QgaW4gdGhlIGxheW91dFxuXHR0aGlzLmFBbGxGaWx0ZXJGaWVsZHMuZm9yRWFjaChmdW5jdGlvbihvRmlsdGVyRmllbGQ6IGFueSkge1xuXHRcdG9GaWx0ZXJGaWVsZC5kZXN0cm95KCk7XG5cdH0pO1xuXHRPYmplY3Qua2V5cyh0aGlzLmFBbGxWaXN1YWxGaWx0ZXJzKS5mb3JFYWNoKChzS2V5OiBzdHJpbmcpID0+IHtcblx0XHR0aGlzLmFBbGxWaXN1YWxGaWx0ZXJzW3NLZXldLmRlc3Ryb3koKTtcblx0fSk7XG59O1xuRmlsdGVyQ29udGFpbmVyLnByb3RvdHlwZS5pbnNlcnRGaWx0ZXJGaWVsZCA9IGZ1bmN0aW9uKG9Db250cm9sOiBhbnksIGlJbmRleDogbnVtYmVyKSB7XG5cdGNvbnN0IG9GaWx0ZXJJdGVtTGF5b3V0RXZlbnREZWxlZ2F0ZSA9IHtcblx0XHRvbkJlZm9yZVJlbmRlcmluZzogZnVuY3Rpb24oKSB7XG5cdFx0XHQvLyBGb3IgY29tcGFjdCBmaWx0ZXJzIHRoZSBpdGVtIGxheW91dCBuZWVkcyB0byByZW5kZXIgYm90aCBsYWJlbCBhbmQgZmlsdGVyIGZpZWxkLlxuXHRcdFx0Ly8gaGVuY2UgdXNlIHRoZSBvcmlnaW5hbCBnZXRDb250ZW50IG9mIHRoZSBGaWx0ZXJJdGVtTGF5b3V0XG5cdFx0XHRpZiAob0NvbnRyb2wuX2ZuR2V0Q29udGVudENvcHkpIHtcblx0XHRcdFx0b0NvbnRyb2wuZ2V0Q29udGVudCA9IG9Db250cm9sLl9mbkdldENvbnRlbnRDb3B5O1xuXHRcdFx0fVxuXHRcdFx0b0NvbnRyb2wucmVtb3ZlRXZlbnREZWxlZ2F0ZShvRmlsdGVySXRlbUxheW91dEV2ZW50RGVsZWdhdGUpO1xuXHRcdH1cblx0fTtcblx0b0NvbnRyb2wuYWRkRXZlbnREZWxlZ2F0ZShvRmlsdGVySXRlbUxheW91dEV2ZW50RGVsZWdhdGUpO1xuXG5cdC8vIEluIHRoaXMgbGF5b3V0IHRoZXJlIGlzIG5vIG5lZWQgdG8gcmVuZGVyIHZpc3VhbCBmaWx0ZXJcblx0Ly8gaGVuY2UgZmluZCB0aGUgZmlsdGVyIGZpZWxkIGZyb20gdGhlIGxheW91dCBhbmQgcmVtb3ZlIGl0J3MgY29udGVudCBhZ2dyZWdhdGlvblxuXHRvQ29udHJvbC5nZXRDb250ZW50KCkuZm9yRWFjaCgob0lubmVyQ29udHJvbDogYW55KSA9PiB7XG5cdFx0Y29uc3Qgb0NvbnRlbnQgPSBvSW5uZXJDb250cm9sLmdldENvbnRlbnQgJiYgb0lubmVyQ29udHJvbC5nZXRDb250ZW50KCk7XG5cdFx0aWYgKG9Jbm5lckNvbnRyb2wuaXNBKFwic2FwLnVpLm1kYy5GaWx0ZXJGaWVsZFwiKSAmJiBvQ29udGVudCAmJiBvQ29udGVudC5pc0EoXCJzYXAuZmUuY29yZS5jb250cm9scy5maWx0ZXJiYXIuVmlzdWFsRmlsdGVyXCIpKSB7XG5cdFx0XHQvLyBzdG9yZSB0aGUgdmlzdWFsIGZpbHRlciBmb3IgbGF0ZXIgdXNlLlxuXHRcdFx0Y29uc3Qgb1ZGSWQgPSBvSW5uZXJDb250cm9sLmdldElkKCk7XG5cdFx0XHR0aGlzLmFBbGxWaXN1YWxGaWx0ZXJzW29WRklkXSA9IG9Db250ZW50O1xuXHRcdFx0Ly8gcmVtb3ZlIHRoZSBjb250ZW50IGFnZ3JlZ2F0aW9uIHRvIHJlbmRlciBpbnRlcm5hbCBjb250ZW50IG9mIHRoZSBmaWVsZFxuXHRcdFx0b0lubmVyQ29udHJvbC5zZXRDb250ZW50KG51bGwpO1xuXHRcdH1cblx0fSk7XG5cblx0Ly8gc3RvcmUgZmlsdGVyIGZpZWxkcyB0byByZWZlciB0byB3aGVuIHN3aXRjaGluZyBiZXR3ZWVuIGxheW91dFxuXHR0aGlzLmFBbGxGaWx0ZXJGaWVsZHMucHVzaChvQ29udHJvbCk7XG5cdE1kY0ZpbHRlckNvbnRhaW5lci5wcm90b3R5cGUuaW5zZXJ0RmlsdGVyRmllbGQuYXBwbHkodGhpcywgW29Db250cm9sLCBpSW5kZXhdKTtcbn07XG5GaWx0ZXJDb250YWluZXIucHJvdG90eXBlLnJlbW92ZUZpbHRlckZpZWxkID0gZnVuY3Rpb24ob0NvbnRyb2w6IGFueSkge1xuXHRjb25zdCBvRmlsdGVyRmllbGRJbmRleCA9IHRoaXMuYUFsbEZpbHRlckZpZWxkcy5maW5kSW5kZXgoZnVuY3Rpb24ob0ZpbHRlckZpZWxkOiBhbnkpIHtcblx0XHRyZXR1cm4gb0ZpbHRlckZpZWxkLmdldElkKCkgPT09IG9Db250cm9sLmdldElkKCk7XG5cdH0pO1xuXG5cdC8vIFNldHRpbmcgVkYgY29udGVudCBmb3IgRmlsbHRlcmZpZWxkIGJlZm9yZSByZW1vdmluZ1xuXHRvQ29udHJvbC5nZXRDb250ZW50KCkuZm9yRWFjaCgob0lubmVyQ29udHJvbDogYW55KSA9PiB7XG5cdFx0aWYgKG9Jbm5lckNvbnRyb2wuaXNBKFwic2FwLnVpLm1kYy5GaWx0ZXJGaWVsZFwiKSAmJiAhb0lubmVyQ29udHJvbC5nZXRDb250ZW50KCkpIHtcblx0XHRcdGNvbnN0IG9WRklkID0gb0lubmVyQ29udHJvbC5nZXRJZCgpO1xuXHRcdFx0aWYgKHRoaXMuYUFsbFZpc3VhbEZpbHRlcnNbb1ZGSWRdKSB7XG5cdFx0XHRcdG9Jbm5lckNvbnRyb2wuc2V0Q29udGVudCh0aGlzLmFBbGxWaXN1YWxGaWx0ZXJzW29WRklkXSk7XG5cdFx0XHR9XG5cdFx0fVxuXHR9KTtcblxuXHR0aGlzLmFBbGxGaWx0ZXJGaWVsZHMuc3BsaWNlKG9GaWx0ZXJGaWVsZEluZGV4LCAxKTtcblxuXHRNZGNGaWx0ZXJDb250YWluZXIucHJvdG90eXBlLnJlbW92ZUZpbHRlckZpZWxkLmFwcGx5KHRoaXMsIFtvQ29udHJvbF0pO1xufTtcbkZpbHRlckNvbnRhaW5lci5wcm90b3R5cGUucmVtb3ZlQWxsRmlsdGVyRmllbGRzID0gZnVuY3Rpb24oKSB7XG5cdHRoaXMuYUFsbEZpbHRlckZpZWxkcyA9IFtdO1xuXHR0aGlzLmFBbGxWaXN1YWxGaWx0ZXJzID0ge307XG5cdHRoaXMub0xheW91dC5yZW1vdmVBbGxDb250ZW50KCk7XG59O1xuRmlsdGVyQ29udGFpbmVyLnByb3RvdHlwZS5nZXRBbGxCdXR0b25zID0gZnVuY3Rpb24oKSB7XG5cdHJldHVybiB0aGlzLm9MYXlvdXQuZ2V0RW5kQ29udGVudCgpO1xufTtcbkZpbHRlckNvbnRhaW5lci5wcm90b3R5cGUucmVtb3ZlQnV0dG9uID0gZnVuY3Rpb24ob0NvbnRyb2w6IGFueSkge1xuXHR0aGlzLm9MYXlvdXQucmVtb3ZlRW5kQ29udGVudChvQ29udHJvbCk7XG59O1xuRmlsdGVyQ29udGFpbmVyLnByb3RvdHlwZS5nZXRBbGxGaWx0ZXJGaWVsZHMgPSBmdW5jdGlvbigpIHtcblx0cmV0dXJuIHRoaXMuYUFsbEZpbHRlckZpZWxkcy5zbGljZSgpO1xufTtcbkZpbHRlckNvbnRhaW5lci5wcm90b3R5cGUuZ2V0QWxsVmlzdWFsRmlsdGVyRmllbGRzID0gZnVuY3Rpb24oKSB7XG5cdHJldHVybiB0aGlzLmFBbGxWaXN1YWxGaWx0ZXJzO1xufTtcbkZpbHRlckNvbnRhaW5lci5wcm90b3R5cGUuc2V0QWxsRmlsdGVyRmllbGRzID0gZnVuY3Rpb24oYUZpbHRlckZpZWxkczogYW55KSB7XG5cdHRoaXMuYUFsbEZpbHRlckZpZWxkcyA9IGFGaWx0ZXJGaWVsZHM7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGaWx0ZXJDb250YWluZXI7XG4iXX0=

package/packages/sap.fe.core/src/sap/fe/core/controls/filterbar/FilterContainer.js

@@ -1,6 +1,5 @@
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
-        (c) Copyright 2009-2021 SAP SE. All rights reserved
-    
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
  */
-sap.ui.define(["sap/ui/mdc/filterbar/aligned/FilterContainer"],function(M){"use strict";var F=M.extend("sap.fe.core.controls.filterbar.FilterContainer");F.prototype.init=function(){this.aAllFilterFields=[];this.aAllVisualFilters={};M.prototype.init.apply(this,arguments);};F.prototype.exit=function(){var t=this;M.prototype.exit.apply(this,arguments);this.aAllFilterFields.forEach(function(f){f.destroy();});Object.keys(this.aAllVisualFilters).forEach(function(k){t.aAllVisualFilters[k].destroy();});};F.prototype.insertFilterField=function(c){var f={onBeforeRendering:function(){if(c._fnGetContentCopy){c.getContent=c._fnGetContentCopy;}c.removeEventDelegate(f);}};c.addEventDelegate(f);var t=this;c.getContent().forEach(function(i){var C=i.getContent&&i.getContent();if(i.isA("sap.ui.mdc.FilterField")&&C&&C.isA("sap.fe.core.controls.filterbar.VisualFilter")){var v=i.getId();t.aAllVisualFilters[v]=C;i.setContent(null);}});this.aAllFilterFields.push(c);M.prototype.insertFilterField.apply(this,arguments);};F.prototype.removeFilterField=function(c){var f=this.aAllFilterFields.findIndex(function(o){return o.getId()===c.getId();});var t=this;c.getContent().forEach(function(i){if(i.isA("sap.ui.mdc.FilterField")&&!i.getContent()){var v=i.getId();if(t.aAllVisualFilters[v]){i.setContent(t.aAllVisualFilters[v]);}}});this.aAllFilterFields.splice(f,1);M.prototype.removeFilterField.apply(this,arguments);};F.prototype.removeAllFilterFields=function(){this.aAllFilterFields=[];this.aAllVisualFilters={};this.oLayout.removeAllContent();};F.prototype.getAllButtons=function(){return this.oLayout.getEndContent();};F.prototype.removeButton=function(c){this.oLayout.removeEndContent(c);};F.prototype.getAllFilterFields=function(){return this.aAllFilterFields.slice();};F.prototype.getAllVisualFilterFields=function(){return this.aAllVisualFilters;};F.prototype.setAllFilterFields=function(f){this.aAllFilterFields=f;};return F;});
+sap.ui.define(["sap/ui/mdc/filterbar/aligned/FilterContainer"],function(M){"use strict";var F=M.extend("sap.fe.core.controls.filterbar.FilterContainer");F.prototype.init=function(){this.aAllFilterFields=[];this.aAllVisualFilters={};for(var _=arguments.length,a=new Array(_),b=0;b<_;b++){a[b]=arguments[b];}M.prototype.init.apply(this,a);};F.prototype.exit=function(){var _=this;for(var a=arguments.length,b=new Array(a),c=0;c<a;c++){b[c]=arguments[c];}M.prototype.exit.apply(this,b);this.aAllFilterFields.forEach(function(f){f.destroy();});Object.keys(this.aAllVisualFilters).forEach(function(k){_.aAllVisualFilters[k].destroy();});};F.prototype.insertFilterField=function(c,i){var _=this;var f={onBeforeRendering:function(){if(c._fnGetContentCopy){c.getContent=c._fnGetContentCopy;}c.removeEventDelegate(f);}};c.addEventDelegate(f);c.getContent().forEach(function(I){var C=I.getContent&&I.getContent();if(I.isA("sap.ui.mdc.FilterField")&&C&&C.isA("sap.fe.core.controls.filterbar.VisualFilter")){var v=I.getId();_.aAllVisualFilters[v]=C;I.setContent(null);}});this.aAllFilterFields.push(c);M.prototype.insertFilterField.apply(this,[c,i]);};F.prototype.removeFilterField=function(c){var _=this;var f=this.aAllFilterFields.findIndex(function(o){return o.getId()===c.getId();});c.getContent().forEach(function(i){if(i.isA("sap.ui.mdc.FilterField")&&!i.getContent()){var v=i.getId();if(_.aAllVisualFilters[v]){i.setContent(_.aAllVisualFilters[v]);}}});this.aAllFilterFields.splice(f,1);M.prototype.removeFilterField.apply(this,[c]);};F.prototype.removeAllFilterFields=function(){this.aAllFilterFields=[];this.aAllVisualFilters={};this.oLayout.removeAllContent();};F.prototype.getAllButtons=function(){return this.oLayout.getEndContent();};F.prototype.removeButton=function(c){this.oLayout.removeEndContent(c);};F.prototype.getAllFilterFields=function(){return this.aAllFilterFields.slice();};F.prototype.getAllVisualFilterFields=function(){return this.aAllVisualFilters;};F.prototype.setAllFilterFields=function(f){this.aAllFilterFields=f;};return F;},false);

package/packages/sap.fe.core/src/sap/fe/core/controls/filterbar/FilterContainer.ts

@@ -0,0 +1,98 @@
+import MdcFilterContainer from "sap/ui/mdc/filterbar/aligned/FilterContainer";
+/**
+ * Constructor for a new FE filter container
+ *
+ * @param {string} [sId] ID for the new control, generated automatically if no ID is given
+ * @extends sap.ui.mdc.filterbar.aligned.FilterContainer
+ * @class
+ * @private
+ * @alias sap.fe.core.controls.filterbar.FilterContainer
+ */
+const FilterContainer = MdcFilterContainer.extend("sap.fe.core.controls.filterbar.FilterContainer");
+FilterContainer.prototype.init = function(...args: any[]) {
+	this.aAllFilterFields = [];
+	this.aAllVisualFilters = {};
+	MdcFilterContainer.prototype.init.apply(this, args);
+};
+FilterContainer.prototype.exit = function(...args: any[]) {
+	// destroy layout
+	MdcFilterContainer.prototype.exit.apply(this, args);
+	// destroy all filter fields which are not in the layout
+	this.aAllFilterFields.forEach(function(oFilterField: any) {
+		oFilterField.destroy();
+	});
+	Object.keys(this.aAllVisualFilters).forEach((sKey: string) => {
+		this.aAllVisualFilters[sKey].destroy();
+	});
+};
+FilterContainer.prototype.insertFilterField = function(oControl: any, iIndex: number) {
+	const oFilterItemLayoutEventDelegate = {
+		onBeforeRendering: function() {
+			// For compact filters the item layout needs to render both label and filter field.
+			// hence use the original getContent of the FilterItemLayout
+			if (oControl._fnGetContentCopy) {
+				oControl.getContent = oControl._fnGetContentCopy;
+			}
+			oControl.removeEventDelegate(oFilterItemLayoutEventDelegate);
+		}
+	};
+	oControl.addEventDelegate(oFilterItemLayoutEventDelegate);
+
+	// In this layout there is no need to render visual filter
+	// hence find the filter field from the layout and remove it's content aggregation
+	oControl.getContent().forEach((oInnerControl: any) => {
+		const oContent = oInnerControl.getContent && oInnerControl.getContent();
+		if (oInnerControl.isA("sap.ui.mdc.FilterField") && oContent && oContent.isA("sap.fe.core.controls.filterbar.VisualFilter")) {
+			// store the visual filter for later use.
+			const oVFId = oInnerControl.getId();
+			this.aAllVisualFilters[oVFId] = oContent;
+			// remove the content aggregation to render internal content of the field
+			oInnerControl.setContent(null);
+		}
+	});
+
+	// store filter fields to refer to when switching between layout
+	this.aAllFilterFields.push(oControl);
+	MdcFilterContainer.prototype.insertFilterField.apply(this, [oControl, iIndex]);
+};
+FilterContainer.prototype.removeFilterField = function(oControl: any) {
+	const oFilterFieldIndex = this.aAllFilterFields.findIndex(function(oFilterField: any) {
+		return oFilterField.getId() === oControl.getId();
+	});
+
+	// Setting VF content for Fillterfield before removing
+	oControl.getContent().forEach((oInnerControl: any) => {
+		if (oInnerControl.isA("sap.ui.mdc.FilterField") && !oInnerControl.getContent()) {
+			const oVFId = oInnerControl.getId();
+			if (this.aAllVisualFilters[oVFId]) {
+				oInnerControl.setContent(this.aAllVisualFilters[oVFId]);
+			}
+		}
+	});
+
+	this.aAllFilterFields.splice(oFilterFieldIndex, 1);
+
+	MdcFilterContainer.prototype.removeFilterField.apply(this, [oControl]);
+};
+FilterContainer.prototype.removeAllFilterFields = function() {
+	this.aAllFilterFields = [];
+	this.aAllVisualFilters = {};
+	this.oLayout.removeAllContent();
+};
+FilterContainer.prototype.getAllButtons = function() {
+	return this.oLayout.getEndContent();
+};
+FilterContainer.prototype.removeButton = function(oControl: any) {
+	this.oLayout.removeEndContent(oControl);
+};
+FilterContainer.prototype.getAllFilterFields = function() {
+	return this.aAllFilterFields.slice();
+};
+FilterContainer.prototype.getAllVisualFilterFields = function() {
+	return this.aAllVisualFilters;
+};
+FilterContainer.prototype.setAllFilterFields = function(aFilterFields: any) {
+	this.aAllFilterFields = aFilterFields;
+};
+
+export default FilterContainer;