@sapui5/sap.fe.core 1.99.0 → 1.100.0

package/src/sap/fe/core/controls/FieldWrapper.ts

@@ -0,0 +1,115 @@
+import Control from "sap/ui/core/Control";
+
+export type FieldWrapperType = Control & {
+	getEditMode(): string;
+	getContentDisplay(): Control;
+	getContentEdit(): Control[];
+	getAriaLabelledBy(): Control[];
+	_setAriaLabelledBy(oControl: Control): void;
+};
+const FieldWrapper = Control.extend("sap.fe.core.controls.FieldWrapper", {
+	metadata: {
+		interfaces: ["sap.ui.core.IFormContent"],
+		properties: {
+			textAlign: {
+				type: "sap.ui.core.TextAlign"
+			},
+			width: {
+				type: "sap.ui.core.CSSSize",
+				defaultValue: null
+			},
+			formDoNotAdjustWidth: {
+				type: "boolean",
+				defaultValue: false
+			},
+			editMode: {
+				type: "string",
+				defaultValue: "Display"
+			},
+			required: {
+				type: "boolean",
+				defaultValue: false
+			}
+		},
+		associations: {
+			/**
+			 * Association to controls / IDs that label this control (see WAI-ARIA attribute aria-labelledby).
+			 */
+			ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" }
+		},
+		defaultAggregation: "contentDisplay",
+		aggregations: {
+			contentDisplay: { type: "sap.ui.core.Control", multiple: false },
+			contentEdit: { type: "sap.ui.core.Control", multiple: true }
+		}
+	},
+	enhanceAccessibilityState: function(oElement: any, mAriaProps: any) {
+		const oParent = this.getParent() as any;
+
+		if (oParent && oParent.enhanceAccessibilityState) {
+			// use FieldWrapper as control, but aria properties of rendered inner control.
+			oParent.enhanceAccessibilityState(this, mAriaProps);
+		}
+
+		return mAriaProps;
+	},
+	getAccessibilityInfo: function(this: FieldWrapperType) {
+		let oContent;
+		if (this.getEditMode() === "Display") {
+			oContent = this.getContentDisplay();
+		} else {
+			oContent = this.getContentEdit().length ? this.getContentEdit()[0] : null;
+		}
+		return oContent && oContent.getAccessibilityInfo ? oContent.getAccessibilityInfo() : {};
+	},
+
+	_setAriaLabelledBy: function(this: FieldWrapperType, oContent: any) {
+		if (oContent && oContent.addAriaLabelledBy) {
+			const aAriaLabelledBy = this.getAriaLabelledBy();
+
+			for (let i = 0; i < aAriaLabelledBy.length; i++) {
+				const sId = aAriaLabelledBy[i];
+				const aAriaLabelledBys = oContent.getAriaLabelledBy() || [];
+				if (aAriaLabelledBys.indexOf(sId) === -1) {
+					oContent.addAriaLabelledBy(sId);
+				}
+			}
+		}
+	},
+	onBeforeRendering: function(this: FieldWrapperType) {
+		// before calling the renderer of the FieldWrapper parent control may have set ariaLabelledBy
+		// we ensure it is passed to its inner controls
+		this._setAriaLabelledBy(this.getContentDisplay());
+		const aContentEdit = this.getContentEdit();
+		for (let i = 0; i < aContentEdit.length; i++) {
+			this._setAriaLabelledBy(aContentEdit[i]);
+		}
+	},
+	renderer: {
+		apiVersion: 2,
+		render: function(oRm: any, oControl: any) {
+			oRm.openStart("div", oControl);
+			oRm.style("text-align", oControl.getTextAlign());
+			if (oControl.getEditMode() === "Display") {
+				oRm.style("width", oControl.getWidth());
+				oRm.openEnd();
+				oRm.renderControl(oControl.getContentDisplay()); // render the child Control for display
+			} else {
+				const aContentEdit = oControl.getContentEdit();
+
+				// if (aContentEdit.length > 1) {
+				// 	oRm.class("sapUiMdcFieldBaseMoreFields");
+				// }
+				oRm.style("width", oControl.getWidth());
+				oRm.openEnd();
+				for (let i = 0; i < aContentEdit.length; i++) {
+					const oContent = aContentEdit[i]; // render the child Control  for edit
+					oRm.renderControl(oContent);
+				}
+			}
+			oRm.close("div"); // end of the complete Control
+		}
+	}
+});
+
+export default FieldWrapper;

package/src/sap/fe/core/controls/FilterBar.js

@@ -1,162 +1,165 @@
 /*!
  * 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",
-		"sap/ui/mdc/filterbar/FilterBarBaseRenderer",
-		"sap/ui/mdc/filterbar/aligned/FilterItemLayout",
-		"sap/fe/core/controls/filterbar/VisualFilterContainer",
-		"sap/fe/core/controls/filterbar/FilterContainer"
-	],
-	function(MdcFilterBar, FilterBarBaseRenderer, FilterItemLayout, VisualFilterContainer, FilterContainer) {
-		"use strict";
-		var FilterBar = MdcFilterBar.extend("sap.fe.core.controls.FilterBar", {
-			metadata: {
-				properties: {
-					initialLayout: {
-						type: "string",
-						defaultValue: "compact"
-					}
-				},
-				associations: {
-					/**
-					 * Control which allows for switching between visual and normal filter layouts
-					 */
-					toggleControl: {
-						type: "sap.m.SegmentedButton",
-						multiple: false
-					}
-				}
-			},
-			renderer: FilterBarBaseRenderer
-		});
-
-		FilterBar.prototype.setToggleControl = function(vToggle) {
-			if (typeof vToggle === "string") {
-				this._oSegmentedButton = sap.ui.getCore().byId(vToggle);
-			} else {
-				this._oSegmentedButton = vToggle;
-			}
-
-			if (this.getToggleControl() && this._oSegmentedButton) {
-				this._oSegmentedButton.detachEvent("select", this._toggleLayout.bind(this));
-			}
-			if (this._oSegmentedButton) {
-				this._oSegmentedButton.attachEvent("select", this._toggleLayout.bind(this));
-			}
-			this.setAssociation("toggleControl", vToggle, true);
-		};
-
-		FilterBar.prototype._toggleLayout = function() {
-			// Since primary layout is always compact
-			// hence set the secondary layout as visual filter only for the first time only
-			if (!this._oSecondaryFilterBarLayout) {
-				this._oSecondaryFilterBarLayout = new VisualFilterContainer();
-			}
-
-			// do not show Adapt Filters Button for visual layout
-			if (this._oSecondaryFilterBarLayout.isA("sap.fe.core.controls.filterbar.VisualFilterContainer")) {
-				this.setShowAdaptFiltersButton(false);
-			} else {
-				this.setShowAdaptFiltersButton(true);
-			}
-
-			// get all filter fields and button of the current layout
-			var oCurrentFilterBarLayout = this._oFilterBarLayout;
-			var oFilterItems = this.getFilterItems();
-			var aFilterFields = oCurrentFilterBarLayout.getAllFilterFields();
-			var aSortedFilterFields = this.getSortedFilterFields(oFilterItems, aFilterFields);
-			var aButtons = oCurrentFilterBarLayout.getAllButtons();
-			var aVisualFilterFields =
-				oCurrentFilterBarLayout.getAllVisualFilterFields && oCurrentFilterBarLayout.getAllVisualFilterFields();
-			if (this._oSecondaryFilterBarLayout.isA("sap.fe.core.controls.filterbar.VisualFilterContainer")) {
-				this._oSecondaryFilterBarLayout.setAllFilterFields(aSortedFilterFields, aVisualFilterFields);
-			}
-			// use secondary filter bar layout as new layout
-			this._oFilterBarLayout = this._oSecondaryFilterBarLayout;
-
-			// insert all filter fields from current layout to new layout
-			var that = this;
-			aFilterFields.forEach(function(oFilterField, iIndex) {
-				oCurrentFilterBarLayout.removeFilterField(oFilterField);
-				that._oFilterBarLayout.insertFilterField(oFilterField, iIndex);
-			});
-			// insert all buttons from the current layout to the new layout
-			aButtons.forEach(function(oButton) {
-				oCurrentFilterBarLayout.removeButton(oButton);
-				that._oFilterBarLayout.addButton(oButton);
-			});
-
-			// set the current filter bar layout to the secondary one
-			this._oSecondaryFilterBarLayout = oCurrentFilterBarLayout;
-
-			// update the layout aggregation of the filter bar and rerender the same.
-			this.setAggregation("layout", that._oFilterBarLayout, true);
-			this._oFilterBarLayout.rerender();
-		};
-
-		FilterBar.prototype.getSortedFilterFields = function(aFilterItems, aFilterFields) {
-			var aFilterIds = [];
-			aFilterItems.forEach(function(oFilterItem) {
-				aFilterIds.push(oFilterItem.getId());
-			});
-			aFilterFields.sort(function(aFirstItem, aSecondItem) {
-				var sFirstItemVFId, sSecondItemVFId;
-				aFirstItem.getContent().forEach(function(oInnerControl) {
-					if (oInnerControl.isA("sap.ui.mdc.FilterField")) {
-						sFirstItemVFId = oInnerControl.getId();
-					}
-				});
-				aSecondItem.getContent().forEach(function(oInnerControl) {
-					if (oInnerControl.isA("sap.ui.mdc.FilterField")) {
-						sSecondItemVFId = oInnerControl.getId();
-					}
-				});
-				return aFilterIds.indexOf(sFirstItemVFId) - aFilterIds.indexOf(sSecondItemVFId);
-			});
-			return aFilterFields;
-		};
-
-		FilterBar.prototype._createInnerLayout = function() {
-			this._oFilterBarLayout = new FilterContainer();
-			this._cLayoutItem = FilterItemLayout;
-			this._oFilterBarLayout.getInner().addStyleClass("sapUiMdcFilterBarBaseAFLayout");
-			this._addButtons();
-
-			// TODO: Check with MDC if there is a better way to load visual filter on the basis of control property
-			// _createInnerLayout is called on Init by the filter bar base.
-			// This mean that we do not have access to the control properties yet
-			// and hence we cannot decide on the basis of control properties whether initial layout should be compact or visual
-			// As a result we have to do this workaround to always load the compact layout by default
-			// And toogle the same in case the initialLayout was supposed to be visual filters.
-			var oInnerLayout = this._oFilterBarLayout.getInner(),
-				that = this;
-			var oFilterContainerInnerLayoutEventDelegate = {
-				onBeforeRendering: function() {
-					if (that.getInitialLayout() === "visual") {
-						that._toggleLayout();
-					}
-					oInnerLayout.removeEventDelegate(oFilterContainerInnerLayoutEventDelegate);
-				}
-			};
-			oInnerLayout.addEventDelegate(oFilterContainerInnerLayoutEventDelegate);
-
-			this.setAggregation("layout", this._oFilterBarLayout, true);
-		};
-
-		FilterBar.prototype.exit = function() {
-			MdcFilterBar.prototype.exit.apply(this, arguments);
-			// Sometimes upon external navigation this._SegmentedButton is already destroyed
-			// so check if it exists and then only remove stuff
-			if (this._oSegmentedButton) {
-				this._oSegmentedButton.detachEvent("select", this._toggleLayout);
-				delete this._oSegmentedButton;
-			}
-		};
-
-		return FilterBar;
-	}
-);
+sap.ui.define(["sap/ui/mdc/FilterBar", "sap/ui/mdc/filterbar/aligned/FilterItemLayout", "sap/fe/core/controls/filterbar/VisualFilterContainer", "sap/fe/core/controls/filterbar/FilterContainer"], function (MdcFilterBar, FilterItemLayout, VisualFilterContainer, FilterContainer) {
+  "use strict";
+
+  var FilterBar = MdcFilterBar.extend("sap.fe.core.controls.FilterBar", {
+    metadata: {
+      properties: {
+        initialLayout: {
+          type: "string",
+          defaultValue: "compact"
+        }
+      },
+      associations: {
+        /**
+         * Control which allows for switching between visual and normal filter layouts
+         */
+        toggleControl: {
+          type: "sap.m.SegmentedButton",
+          multiple: false
+        }
+      }
+    },
+    renderer: {
+      apiVersion: 2
+    }
+  });
+
+  FilterBar.prototype.setToggleControl = function (vToggle) {
+    if (typeof vToggle === "string") {
+      this._oSegmentedButton = sap.ui.getCore().byId(vToggle);
+    } else {
+      this._oSegmentedButton = vToggle;
+    }
+
+    if (this.getToggleControl() && this._oSegmentedButton) {
+      this._oSegmentedButton.detachEvent("select", this._toggleLayout.bind(this));
+    }
+
+    if (this._oSegmentedButton) {
+      this._oSegmentedButton.attachEvent("select", this._toggleLayout.bind(this));
+    }
+
+    this.setAssociation("toggleControl", vToggle, true);
+  };
+
+  FilterBar.prototype._toggleLayout = function () {
+    var _this = this;
+
+    // Since primary layout is always compact
+    // hence set the secondary layout as visual filter only for the first time only
+    if (!this._oSecondaryFilterBarLayout) {
+      this._oSecondaryFilterBarLayout = new VisualFilterContainer();
+    } // do not show Adapt Filters Button for visual layout
+
+
+    if (this._oSecondaryFilterBarLayout.isA("sap.fe.core.controls.filterbar.VisualFilterContainer")) {
+      this.setShowAdaptFiltersButton(false);
+    } else {
+      this.setShowAdaptFiltersButton(true);
+    } // get all filter fields and button of the current layout
+
+
+    var oCurrentFilterBarLayout = this._oFilterBarLayout;
+    var oFilterItems = this.getFilterItems();
+    var aFilterFields = oCurrentFilterBarLayout.getAllFilterFields();
+    var aSortedFilterFields = this.getSortedFilterFields(oFilterItems, aFilterFields);
+    var aButtons = oCurrentFilterBarLayout.getAllButtons();
+    var aVisualFilterFields = oCurrentFilterBarLayout.getAllVisualFilterFields && oCurrentFilterBarLayout.getAllVisualFilterFields();
+
+    if (this._oSecondaryFilterBarLayout.isA("sap.fe.core.controls.filterbar.VisualFilterContainer")) {
+      this._oSecondaryFilterBarLayout.setAllFilterFields(aSortedFilterFields, aVisualFilterFields);
+    } // use secondary filter bar layout as new layout
+
+
+    this._oFilterBarLayout = this._oSecondaryFilterBarLayout; // insert all filter fields from current layout to new layout
+
+    aFilterFields.forEach(function (oFilterField, iIndex) {
+      oCurrentFilterBarLayout.removeFilterField(oFilterField);
+
+      _this._oFilterBarLayout.insertFilterField(oFilterField, iIndex);
+    }); // insert all buttons from the current layout to the new layout
+
+    aButtons.forEach(function (oButton) {
+      oCurrentFilterBarLayout.removeButton(oButton);
+
+      _this._oFilterBarLayout.addButton(oButton);
+    }); // set the current filter bar layout to the secondary one
+
+    this._oSecondaryFilterBarLayout = oCurrentFilterBarLayout; // update the layout aggregation of the filter bar and rerender the same.
+
+    this.setAggregation("layout", this._oFilterBarLayout, true);
+
+    this._oFilterBarLayout.rerender();
+  };
+
+  FilterBar.prototype.getSortedFilterFields = function (aFilterItems, aFilterFields) {
+    var aFilterIds = [];
+    aFilterItems.forEach(function (oFilterItem) {
+      aFilterIds.push(oFilterItem.getId());
+    });
+    aFilterFields.sort(function (aFirstItem, aSecondItem) {
+      var sFirstItemVFId, sSecondItemVFId;
+      aFirstItem.getContent().forEach(function (oInnerControl) {
+        if (oInnerControl.isA("sap.ui.mdc.FilterField")) {
+          sFirstItemVFId = oInnerControl.getId();
+        }
+      });
+      aSecondItem.getContent().forEach(function (oInnerControl) {
+        if (oInnerControl.isA("sap.ui.mdc.FilterField")) {
+          sSecondItemVFId = oInnerControl.getId();
+        }
+      });
+      return aFilterIds.indexOf(sFirstItemVFId) - aFilterIds.indexOf(sSecondItemVFId);
+    });
+    return aFilterFields;
+  };
+
+  FilterBar.prototype._createInnerLayout = function () {
+    var _this2 = this;
+
+    this._oFilterBarLayout = new FilterContainer();
+    this._cLayoutItem = FilterItemLayout;
+
+    this._oFilterBarLayout.getInner().addStyleClass("sapUiMdcFilterBarBaseAFLayout");
+
+    this._addButtons(); // TODO: Check with MDC if there is a better way to load visual filter on the basis of control property
+    // _createInnerLayout is called on Init by the filter bar base.
+    // This mean that we do not have access to the control properties yet
+    // and hence we cannot decide on the basis of control properties whether initial layout should be compact or visual
+    // As a result we have to do this workaround to always load the compact layout by default
+    // And toogle the same in case the initialLayout was supposed to be visual filters.
+
+
+    var oInnerLayout = this._oFilterBarLayout.getInner();
+
+    var oFilterContainerInnerLayoutEventDelegate = {
+      onBeforeRendering: function () {
+        if (_this2.getInitialLayout() === "visual") {
+          _this2._toggleLayout();
+        }
+
+        oInnerLayout.removeEventDelegate(oFilterContainerInnerLayoutEventDelegate);
+      }
+    };
+    oInnerLayout.addEventDelegate(oFilterContainerInnerLayoutEventDelegate);
+    this.setAggregation("layout", this._oFilterBarLayout, true);
+  };
+
+  FilterBar.prototype.exit = function () {
+    MdcFilterBar.prototype.exit.apply(this, []); // Sometimes upon external navigation this._SegmentedButton is already destroyed
+    // so check if it exists and then only remove stuff
+
+    if (this._oSegmentedButton) {
+      this._oSegmentedButton.detachEvent("select", this._toggleLayout);
+
+      delete this._oSegmentedButton;
+    }
+  };
+
+  return FilterBar;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpbHRlckJhci50cyJdLCJuYW1lcyI6WyJGaWx0ZXJCYXIiLCJNZGNGaWx0ZXJCYXIiLCJleHRlbmQiLCJtZXRhZGF0YSIsInByb3BlcnRpZXMiLCJpbml0aWFsTGF5b3V0IiwidHlwZSIsImRlZmF1bHRWYWx1ZSIsImFzc29jaWF0aW9ucyIsInRvZ2dsZUNvbnRyb2wiLCJtdWx0aXBsZSIsInJlbmRlcmVyIiwiYXBpVmVyc2lvbiIsInByb3RvdHlwZSIsInNldFRvZ2dsZUNvbnRyb2wiLCJ2VG9nZ2xlIiwiX29TZWdtZW50ZWRCdXR0b24iLCJzYXAiLCJ1aSIsImdldENvcmUiLCJieUlkIiwiZ2V0VG9nZ2xlQ29udHJvbCIsImRldGFjaEV2ZW50IiwiX3RvZ2dsZUxheW91dCIsImJpbmQiLCJhdHRhY2hFdmVudCIsInNldEFzc29jaWF0aW9uIiwiX29TZWNvbmRhcnlGaWx0ZXJCYXJMYXlvdXQiLCJWaXN1YWxGaWx0ZXJDb250YWluZXIiLCJpc0EiLCJzZXRTaG93QWRhcHRGaWx0ZXJzQnV0dG9uIiwib0N1cnJlbnRGaWx0ZXJCYXJMYXlvdXQiLCJfb0ZpbHRlckJhckxheW91dCIsIm9GaWx0ZXJJdGVtcyIsImdldEZpbHRlckl0ZW1zIiwiYUZpbHRlckZpZWxkcyIsImdldEFsbEZpbHRlckZpZWxkcyIsImFTb3J0ZWRGaWx0ZXJGaWVsZHMiLCJnZXRTb3J0ZWRGaWx0ZXJGaWVsZHMiLCJhQnV0dG9ucyIsImdldEFsbEJ1dHRvbnMiLCJhVmlzdWFsRmlsdGVyRmllbGRzIiwiZ2V0QWxsVmlzdWFsRmlsdGVyRmllbGRzIiwic2V0QWxsRmlsdGVyRmllbGRzIiwiZm9yRWFjaCIsIm9GaWx0ZXJGaWVsZCIsImlJbmRleCIsInJlbW92ZUZpbHRlckZpZWxkIiwiaW5zZXJ0RmlsdGVyRmllbGQiLCJvQnV0dG9uIiwicmVtb3ZlQnV0dG9uIiwiYWRkQnV0dG9uIiwic2V0QWdncmVnYXRpb24iLCJyZXJlbmRlciIsImFGaWx0ZXJJdGVtcyIsImFGaWx0ZXJJZHMiLCJvRmlsdGVySXRlbSIsInB1c2giLCJnZXRJZCIsInNvcnQiLCJhRmlyc3RJdGVtIiwiYVNlY29uZEl0ZW0iLCJzRmlyc3RJdGVtVkZJZCIsInNTZWNvbmRJdGVtVkZJZCIsImdldENvbnRlbnQiLCJvSW5uZXJDb250cm9sIiwiaW5kZXhPZiIsIl9jcmVhdGVJbm5lckxheW91dCIsIkZpbHRlckNvbnRhaW5lciIsIl9jTGF5b3V0SXRlbSIsIkZpbHRlckl0ZW1MYXlvdXQiLCJnZXRJbm5lciIsImFkZFN0eWxlQ2xhc3MiLCJfYWRkQnV0dG9ucyIsIm9Jbm5lckxheW91dCIsIm9GaWx0ZXJDb250YWluZXJJbm5lckxheW91dEV2ZW50RGVsZWdhdGUiLCJvbkJlZm9yZVJlbmRlcmluZyIsImdldEluaXRpYWxMYXlvdXQiLCJyZW1vdmVFdmVudERlbGVnYXRlIiwiYWRkRXZlbnREZWxlZ2F0ZSIsImV4aXQiLCJhcHBseSJdLCJtYXBwaW5ncyI6IjtBQUFBO0FBQ0E7QUFDQTs7OztBQUVBLE1BQU1BLFNBQVMsR0FBR0MsWUFBWSxDQUFDQyxNQUFiLENBQW9CLGdDQUFwQixFQUFzRDtBQUN2RUMsSUFBQUEsUUFBUSxFQUFFO0FBQ1RDLE1BQUFBLFVBQVUsRUFBRTtBQUNYQyxRQUFBQSxhQUFhLEVBQUU7QUFDZEMsVUFBQUEsSUFBSSxFQUFFLFFBRFE7QUFFZEMsVUFBQUEsWUFBWSxFQUFFO0FBRkE7QUFESixPQURIO0FBT1RDLE1BQUFBLFlBQVksRUFBRTtBQUNiO0FBQ0g7QUFDQTtBQUNHQyxRQUFBQSxhQUFhLEVBQUU7QUFDZEgsVUFBQUEsSUFBSSxFQUFFLHVCQURRO0FBRWRJLFVBQUFBLFFBQVEsRUFBRTtBQUZJO0FBSkY7QUFQTCxLQUQ2RDtBQWtCdkVDLElBQUFBLFFBQVEsRUFBRTtBQUNUQyxNQUFBQSxVQUFVLEVBQUU7QUFESDtBQWxCNkQsR0FBdEQsQ0FBbEI7O0FBc0JBWixFQUFBQSxTQUFTLENBQUNhLFNBQVYsQ0FBb0JDLGdCQUFwQixHQUF1QyxVQUFTQyxPQUFULEVBQXVCO0FBQzdELFFB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c0NvbnRlbnQiOlsiaW1wb3J0IE1kY0ZpbHRlckJhciBmcm9tIFwic2FwL3VpL21kYy9GaWx0ZXJCYXJcIjtcbmltcG9ydCBGaWx0ZXJJdGVtTGF5b3V0IGZyb20gXCJzYXAvdWkvbWRjL2ZpbHRlcmJhci9hbGlnbmVkL0ZpbHRlckl0ZW1MYXlvdXRcIjtcbmltcG9ydCBWaXN1YWxGaWx0ZXJDb250YWluZXIgZnJvbSBcInNhcC9mZS9jb3JlL2NvbnRyb2xzL2ZpbHRlcmJhci9WaXN1YWxGaWx0ZXJDb250YWluZXJcIjtcbmltcG9ydCBGaWx0ZXJDb250YWluZXIgZnJvbSBcInNhcC9mZS9jb3JlL2NvbnRyb2xzL2ZpbHRlcmJhci9GaWx0ZXJDb250YWluZXJcIjtcbmNvbnN0IEZpbHRlckJhciA9IE1kY0ZpbHRlckJhci5leHRlbmQoXCJzYXAuZmUuY29yZS5jb250cm9scy5GaWx0ZXJCYXJcIiwge1xuXHRtZXRhZGF0YToge1xuXHRcdHByb3BlcnRpZXM6IHtcblx0XHRcdGluaXRpYWxMYXlvdXQ6IHtcblx0XHRcdFx0dHlwZTogXCJzdHJpbmdcIixcblx0XHRcdFx0ZGVmYXVsdFZhbHVlOiBcImNvbXBhY3RcIlxuXHRcdFx0fVxuXHRcdH0sXG5cdFx0YXNzb2NpYXRpb25zOiB7XG5cdFx0XHQvKipcblx0XHRcdCAqIENvbnRyb2wgd2hpY2ggYWxsb3dzIGZvciBzd2l0Y2hpbmcgYmV0d2VlbiB2aXN1YWwgYW5kIG5vcm1hbCBmaWx0ZXIgbGF5b3V0c1xuXHRcdFx0ICovXG5cdFx0XHR0b2dnbGVDb250cm9sOiB7XG5cdFx0XHRcdHR5cGU6IFwic2FwLm0uU2VnbWVudGVkQnV0dG9uXCIsXG5cdFx0XHRcdG11bHRpcGxlOiBmYWxzZVxuXHRcdFx0fVxuXHRcdH1cblx0fSxcblx0cmVuZGVyZXI6IHtcblx0XHRhcGlWZXJzaW9uOiAyXG5cdH1cbn0pO1xuRmlsdGVyQmFyLnByb3RvdHlwZS5zZXRUb2dnbGVDb250cm9sID0gZnVuY3Rpb24odlRvZ2dsZTogYW55KSB7XG5cdGlmICh0eXBlb2YgdlRvZ2dsZSA9PT0gXCJzdHJpbmdcIikge1xuXHRcdHRoaXMuX29TZWdtZW50ZWRCdXR0b24gPSBzYXAudWkuZ2V0Q29yZSgpLmJ5SWQodlRvZ2dsZSk7XG5cdH0gZWxzZSB7XG5cdFx0dGhpcy5fb1NlZ21lbnRlZEJ1dHRvbiA9IHZUb2dnbGU7XG5cdH1cblxuXHRpZiAodGhpcy5nZXRUb2dnbGVDb250cm9sKCkgJiYgdGhpcy5fb1NlZ21lbnRlZEJ1dHRvbikge1xuXHRcdHRoaXMuX29TZWdtZW50ZWRCdXR0b24uZGV0YWNoRXZlbnQoXCJzZWxlY3RcIiwgdGhpcy5fdG9nZ2xlTGF5b3V0LmJpbmQodGhpcykpO1xuXHR9XG5cdGlmICh0aGlzLl9vU2VnbWVudGVkQnV0dG9uKSB7XG5cdFx0dGhpcy5fb1NlZ21lbnRlZEJ1dHRvbi5hdHRhY2hFdmVudChcInNlbGVjdFwiLCB0aGlzLl90b2dnbGVMYXlvdXQuYmluZCh0aGlzKSk7XG5cdH1cblx0dGhpcy5zZXRBc3NvY2lhdGlvbihcInRvZ2dsZUNvbnRyb2xcIiwgdlRvZ2dsZSwgdHJ1ZSk7XG59O1xuRmlsdGVyQmFyLnByb3RvdHlwZS5fdG9nZ2xlTGF5b3V0ID0gZnVuY3Rpb24oKSB7XG5cdC8vIFNpbmNlIHByaW1hcnkgbGF5b3V0IGlzIGFsd2F5cyBjb21wYWN0XG5cdC8vIGhlbmNlIHNldCB0aGUgc2Vjb25kYXJ5IGxheW91dCBhcyB2aXN1YWwgZmlsdGVyIG9ubHkgZm9yIHRoZSBmaXJzdCB0aW1lIG9ubHlcblx0aWYgKCF0aGlzLl9vU2Vjb25kYXJ5RmlsdGVyQmFyTGF5b3V0KSB7XG5cdFx0dGhpcy5fb1NlY29uZGFyeUZpbHRlckJhckxheW91dCA9IG5ldyBWaXN1YWxGaWx0ZXJDb250YWluZXIoKTtcblx0fVxuXG5cdC8vIGRvIG5vdCBzaG93IEFkYXB0IEZpbHRlcnMgQnV0dG9uIGZvciB2aXN1YWwgbGF5b3V0XG5cdGlmICh0aGlzLl9vU2Vjb25kYXJ5RmlsdGVyQmFyTGF5b3V0LmlzQShcInNhcC5mZS5jb3JlLmNvbnRyb2xzLmZpbHRlcmJhci5WaXN1YWxGaWx0ZXJDb250YWluZXJcIikpIHtcblx0XHR0aGlzLnNldFNob3dBZGFwdEZpbHRlcnNCdXR0b24oZmFsc2UpO1xuXHR9IGVsc2Uge1xuXHRcdHRoaXMuc2V0U2hvd0FkYXB0RmlsdGVyc0J1dHRvbih0cnVlKTtcblx0fVxuXG5cdC8vIGdldCBhbGwgZmlsdGVyIGZpZWxkcyBhbmQgYnV0dG9uIG9mIHRoZSBjdXJyZW50IGxheW91dFxuXHRjb25zdCBvQ3VycmVudEZpbHRlckJhckxheW91dCA9IHRoaXMuX29GaWx0ZXJCYXJMYXlvdXQ7XG5cdGNvbnN0IG9GaWx0ZXJJdGVtcyA9IHRoaXMuZ2V0RmlsdGVySXRlbXMoKTtcblx0Y29uc3QgYUZpbHRlckZpZWxkcyA9IG9DdXJyZW50RmlsdGVyQmFyTGF5b3V0LmdldEFsbEZpbHRlckZpZWxkcygpO1xuXHRjb25zdCBhU29ydGVkRmlsdGVyRmllbGRzID0gdGhpcy5nZXRTb3J0ZWRGaWx0ZXJGaWVsZHMob0ZpbHRlckl0ZW1zLCBhRmlsdGVyRmllbGRzKTtcblx0Y29uc3QgYUJ1dHRvbnMgPSBvQ3VycmVudEZpbHRlckJhckxheW91dC5nZXRBbGxCdXR0b25zKCk7XG5cdGNvbnN0IGFWaXN1YWxGaWx0ZXJGaWVsZHMgPSBvQ3VycmVudEZpbHRlckJhckxheW91dC5nZXRBbGxWaXN1YWxGaWx0ZXJGaWVsZHMgJiYgb0N1cnJlbnRGaWx0ZXJCYXJMYXlvdXQuZ2V0QWxsVmlzdWFsRmlsdGVyRmllbGRzKCk7XG5cdGlmICh0aGlzLl9vU2Vjb25kYXJ5RmlsdGVyQmFyTGF5b3V0LmlzQShcInNhcC5mZS5jb3JlLmNvbnRyb2xzLmZpbHRlcmJhci5WaXN1YWxGaWx0ZXJDb250YWluZXJcIikpIHtcblx0XHR0aGlzLl9vU2Vjb25kYXJ5RmlsdGVyQmFyTGF5b3V0LnNldEFsbEZpbHRlckZpZWxkcyhhU29ydGVkRmlsdGVyRmllbGRzLCBhVmlzdWFsRmlsdGVyRmllbGRzKTtcblx0fVxuXHQvLyB1c2Ugc2Vjb25kYXJ5IGZpbHRlciBiYXIgbGF5b3V0IGFzIG5ldyBsYXlvdXRcblx0dGhpcy5fb0ZpbHRlckJhckxheW91dCA9IHRoaXMuX29TZWNvbmRhcnlGaWx0ZXJCYXJMYXlvdXQ7XG5cblx0Ly8gaW5zZXJ0IGFsbCBmaWx0ZXIgZmllbGRzIGZyb20gY3VycmVudCBsYXlvdXQgdG8gbmV3IGxheW91dFxuXHRhRmlsdGVyRmllbGRzLmZvckVhY2goKG9GaWx0ZXJGaWVsZDogYW55LCBpSW5kZXg6IGFueSkgPT4ge1xuXHRcdG9DdXJyZW50RmlsdGVyQmFyTGF5b3V0LnJlbW92ZUZpbHRlckZpZWxkKG9GaWx0ZXJGaWVsZCk7XG5cdFx0dGhpcy5fb0ZpbHRlckJhckxheW91dC5pbnNlcnRGaWx0ZXJGaWVsZChvRmlsdGVyRmllbGQsIGlJbmRleCk7XG5cdH0pO1xuXHQvLyBpbnNlcnQgYWxsIGJ1dHRvbnMgZnJvbSB0aGUgY3VycmVudCBsYXlvdXQgdG8gdGhlIG5ldyBsYXlvdXRcblx0YUJ1dHRvbnMuZm9yRWFjaCgob0J1dHRvbjogYW55KSA9PiB7XG5cdFx0b0N1cnJlbnRGaWx0ZXJCYXJMYXlvdXQucmVtb3ZlQnV0dG9uKG9CdXR0b24pO1xuXHRcdHRoaXMuX29GaWx0ZXJCYXJMYXlvdXQuYWRkQnV0dG9uKG9CdXR0b24pO1xuXHR9KTtcblxuXHQvLyBzZXQgdGhlIGN1cnJlbnQgZmlsdGVyIGJhciBsYXlvdXQgdG8gdGhlIHNlY29uZGFyeSBvbmVcblx0dGhpcy5fb1NlY29uZGFyeUZpbHRlckJhckxheW91dCA9IG9DdXJyZW50RmlsdGVyQmFyTGF5b3V0O1xuXG5cdC8vIHVwZGF0ZSB0aGUgbGF5b3V0IGFnZ3JlZ2F0aW9uIG9mIHRoZSBmaWx0ZXIgYmFyIGFuZCByZXJlbmRlciB0aGUgc2FtZS5cblx0dGhpcy5zZXRBZ2dyZWdhdGlvbihcImxheW91dFwiLCB0aGlzLl9vRmlsdGVyQmFyTGF5b3V0LCB0cnVlKTtcblx0dGhpcy5fb0ZpbHRlckJhckxheW91dC5yZXJlbmRlcigpO1xufTtcbkZpbHRlckJhci5wcm90b3R5cGUuZ2V0U29ydGVkRmlsdGVyRmllbGRzID0gZnVuY3Rpb24oYUZpbHRlckl0ZW1zOiBhbnksIGFGaWx0ZXJGaWVsZHM6IGFueSkge1xuXHRjb25zdCBhRmlsdGVySWRzOiBhbnlbXSA9IFtdO1xuXHRhRmlsdGVySXRlbXMuZm9yRWFjaChmdW5jdGlvbihvRmlsdGVySXRlbTogYW55KSB7XG5cdFx0YUZpbHRlcklkcy5wdXNoKG9GaWx0ZXJJdGVtLmdldElkKCkpO1xuXHR9KTtcblx0YUZpbHRlckZpZWxkcy5zb3J0KGZ1bmN0aW9uKGFGaXJzdEl0ZW06IGFueSwgYVNlY29uZEl0ZW06IGFueSkge1xuXHRcdGxldCBzRmlyc3RJdGVtVkZJZCwgc1NlY29uZEl0ZW1WRklkO1xuXHRcdGFGaXJzdEl0ZW0uZ2V0Q29udGVudCgpLmZvckVhY2goZnVuY3Rpb24ob0lubmVyQ29udHJvbDogYW55KSB7XG5cdFx0XHRpZiAob0lubmVyQ29udHJvbC5pc0EoXCJzYXAudWkubWRjLkZpbHRlckZpZWxkXCIpKSB7XG5cdFx0XHRcdHNGaXJzdEl0ZW1WRklkID0gb0lubmVyQ29udHJvbC5nZXRJZCgpO1xuXHRcdFx0fVxuXHRcdH0pO1xuXHRcdGFTZWNvbmRJdGVtLmdldENvbnRlbnQoKS5mb3JFYWNoKGZ1bmN0aW9uKG9Jbm5lckNvbnRyb2w6IGFueSkge1xuXHRcdFx0aWYgKG9Jbm5lckNvbnRyb2wuaXNBKFwic2FwLnVpLm1kYy5GaWx0ZXJGaWVsZFwiKSkge1xuXHRcdFx0XHRzU2Vjb25kSXRlbVZGSWQgPSBvSW5uZXJDb250cm9sLmdldElkKCk7XG5cdFx0XHR9XG5cdFx0fSk7XG5cdFx0cmV0dXJuIGFGaWx0ZXJJZHMuaW5kZXhPZihzRmlyc3RJdGVtVkZJZCkgLSBhRmlsdGVySWRzLmluZGV4T2Yoc1NlY29uZEl0ZW1WRklkKTtcblx0fSk7XG5cdHJldHVybiBhRmlsdGVyRmllbGRzO1xufTtcbkZpbHRlckJhci5wcm90b3R5cGUuX2NyZWF0ZUlubmVyTGF5b3V0ID0gZnVuY3Rpb24oKSB7XG5cdHRoaXMuX29GaWx0ZXJCYXJMYXlvdXQgPSBuZXcgRmlsdGVyQ29udGFpbmVyKCk7XG5cdHRoaXMuX2NMYXlvdXRJdGVtID0gRmlsdGVySXRlbUxheW91dDtcblx0dGhpcy5fb0ZpbHRlckJhckxheW91dC5nZXRJbm5lcigpLmFkZFN0eWxlQ2xhc3MoXCJzYXBVaU1kY0ZpbHRlckJhckJhc2VBRkxheW91dFwiKTtcblx0dGhpcy5fYWRkQnV0dG9ucygpO1xuXG5cdC8vIFRPRE86IENoZWNrIHdpdGggTURDIGlmIHRoZXJlIGlzIGEgYmV0dGVyIHdheSB0byBsb2FkIHZpc3VhbCBmaWx0ZXIgb24gdGhlIGJhc2lzIG9mIGNvbnRyb2wgcHJvcGVydHlcblx0Ly8gX2NyZWF0ZUlubmVyTGF5b3V0IGlzIGNhbGxlZCBvbiBJbml0IGJ5IHRoZSBmaWx0ZXIgYmFyIGJhc2UuXG5cdC8vIFRoaXMgbWVhbiB0aGF0IHdlIGRvIG5vdCBoYXZlIGFjY2VzcyB0byB0aGUgY29udHJvbCBwcm9wZXJ0aWVzIHlldFxuXHQvLyBhbmQgaGVuY2Ugd2UgY2Fubm90IGRlY2lkZSBvbiB0aGUgYmFzaXMgb2YgY29udHJvbCBwcm9wZXJ0aWVzIHdoZXRoZXIgaW5pdGlhbCBsYXlvdXQgc2hvdWxkIGJlIGNvbXBhY3Qgb3IgdmlzdWFsXG5cdC8vIEFzIGEgcmVzdWx0IHdlIGhhdmUgdG8gZG8gdGhpcyB3b3JrYXJvdW5kIHRvIGFsd2F5cyBsb2FkIHRoZSBjb21wYWN0IGxheW91dCBieSBkZWZhdWx0XG5cdC8vIEFuZCB0b29nbGUgdGhlIHNhbWUgaW4gY2FzZSB0aGUgaW5pdGlhbExheW91dCB3YXMgc3VwcG9zZWQgdG8gYmUgdmlzdWFsIGZpbHRlcnMuXG5cdGNvbnN0IG9Jbm5lckxheW91dCA9IHRoaXMuX29GaWx0ZXJCYXJMYXlvdXQuZ2V0SW5uZXIoKTtcblx0Y29uc3Qgb0ZpbHRlckNvbnRhaW5lcklubmVyTGF5b3V0RXZlbnREZWxlZ2F0ZSA9IHtcblx0XHRvbkJlZm9yZVJlbmRlcmluZzogKCkgPT4ge1xuXHRcdFx0aWYgKHRoaXMuZ2V0SW5pdGlhbExheW91dCgpID09PSBcInZpc3VhbFwiKSB7XG5cdFx0XHRcdHRoaXMuX3RvZ2dsZUxheW91dCgpO1xuXHRcdFx0fVxuXHRcdFx0b0lubmVyTGF5b3V0LnJlbW92ZUV2ZW50RGVsZWdhdGUob0ZpbHRlckNvbnRhaW5lcklubmVyTGF5b3V0RXZlbnREZWxlZ2F0ZSk7XG5cdFx0fVxuXHR9O1xuXHRvSW5uZXJMYXlvdXQuYWRkRXZlbnREZWxlZ2F0ZShvRmlsdGVyQ29udGFpbmVySW5uZXJMYXlvdXRFdmVudERlbGVnYXRlKTtcblxuXHR0aGlzLnNldEFnZ3JlZ2F0aW9uKFwibGF5b3V0XCIsIHRoaXMuX29GaWx0ZXJCYXJMYXlvdXQsIHRydWUpO1xufTtcbkZpbHRlckJhci5wcm90b3R5cGUuZXhpdCA9IGZ1bmN0aW9uKCkge1xuXHQoTWRjRmlsdGVyQmFyLnByb3RvdHlwZSBhcyBhbnkpLmV4aXQuYXBwbHkodGhpcywgW10pO1xuXHQvLyBTb21ldGltZXMgdXBvbiBleHRlcm5hbCBuYXZpZ2F0aW9uIHRoaXMuX1NlZ21lbnRlZEJ1dHRvbiBpcyBhbHJlYWR5IGRlc3Ryb3llZFxuXHQvLyBzbyBjaGVjayBpZiBpdCBleGlzdHMgYW5kIHRoZW4gb25seSByZW1vdmUgc3R1ZmZcblx0aWYgKHRoaXMuX29TZWdtZW50ZWRCdXR0b24pIHtcblx0XHR0aGlzLl9vU2VnbWVudGVkQnV0dG9uLmRldGFjaEV2ZW50KFwic2VsZWN0XCIsIHRoaXMuX3RvZ2dsZUxheW91dCk7XG5cdFx0ZGVsZXRlIHRoaXMuX29TZWdtZW50ZWRCdXR0b247XG5cdH1cbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZpbHRlckJhcjtcbiJdfQ==

package/src/sap/fe/core/controls/FilterBar.ts

@@ -0,0 +1,143 @@
+import MdcFilterBar from "sap/ui/mdc/FilterBar";
+import FilterItemLayout from "sap/ui/mdc/filterbar/aligned/FilterItemLayout";
+import VisualFilterContainer from "sap/fe/core/controls/filterbar/VisualFilterContainer";
+import FilterContainer from "sap/fe/core/controls/filterbar/FilterContainer";
+const FilterBar = MdcFilterBar.extend("sap.fe.core.controls.FilterBar", {
+	metadata: {
+		properties: {
+			initialLayout: {
+				type: "string",
+				defaultValue: "compact"
+			}
+		},
+		associations: {
+			/**
+			 * Control which allows for switching between visual and normal filter layouts
+			 */
+			toggleControl: {
+				type: "sap.m.SegmentedButton",
+				multiple: false
+			}
+		}
+	},
+	renderer: {
+		apiVersion: 2
+	}
+});
+FilterBar.prototype.setToggleControl = function(vToggle: any) {
+	if (typeof vToggle === "string") {
+		this._oSegmentedButton = sap.ui.getCore().byId(vToggle);
+	} else {
+		this._oSegmentedButton = vToggle;
+	}
+
+	if (this.getToggleControl() && this._oSegmentedButton) {
+		this._oSegmentedButton.detachEvent("select", this._toggleLayout.bind(this));
+	}
+	if (this._oSegmentedButton) {
+		this._oSegmentedButton.attachEvent("select", this._toggleLayout.bind(this));
+	}
+	this.setAssociation("toggleControl", vToggle, true);
+};
+FilterBar.prototype._toggleLayout = function() {
+	// Since primary layout is always compact
+	// hence set the secondary layout as visual filter only for the first time only
+	if (!this._oSecondaryFilterBarLayout) {
+		this._oSecondaryFilterBarLayout = new VisualFilterContainer();
+	}
+
+	// do not show Adapt Filters Button for visual layout
+	if (this._oSecondaryFilterBarLayout.isA("sap.fe.core.controls.filterbar.VisualFilterContainer")) {
+		this.setShowAdaptFiltersButton(false);
+	} else {
+		this.setShowAdaptFiltersButton(true);
+	}
+
+	// get all filter fields and button of the current layout
+	const oCurrentFilterBarLayout = this._oFilterBarLayout;
+	const oFilterItems = this.getFilterItems();
+	const aFilterFields = oCurrentFilterBarLayout.getAllFilterFields();
+	const aSortedFilterFields = this.getSortedFilterFields(oFilterItems, aFilterFields);
+	const aButtons = oCurrentFilterBarLayout.getAllButtons();
+	const aVisualFilterFields = oCurrentFilterBarLayout.getAllVisualFilterFields && oCurrentFilterBarLayout.getAllVisualFilterFields();
+	if (this._oSecondaryFilterBarLayout.isA("sap.fe.core.controls.filterbar.VisualFilterContainer")) {
+		this._oSecondaryFilterBarLayout.setAllFilterFields(aSortedFilterFields, aVisualFilterFields);
+	}
+	// use secondary filter bar layout as new layout
+	this._oFilterBarLayout = this._oSecondaryFilterBarLayout;
+
+	// insert all filter fields from current layout to new layout
+	aFilterFields.forEach((oFilterField: any, iIndex: any) => {
+		oCurrentFilterBarLayout.removeFilterField(oFilterField);
+		this._oFilterBarLayout.insertFilterField(oFilterField, iIndex);
+	});
+	// insert all buttons from the current layout to the new layout
+	aButtons.forEach((oButton: any) => {
+		oCurrentFilterBarLayout.removeButton(oButton);
+		this._oFilterBarLayout.addButton(oButton);
+	});
+
+	// set the current filter bar layout to the secondary one
+	this._oSecondaryFilterBarLayout = oCurrentFilterBarLayout;
+
+	// update the layout aggregation of the filter bar and rerender the same.
+	this.setAggregation("layout", this._oFilterBarLayout, true);
+	this._oFilterBarLayout.rerender();
+};
+FilterBar.prototype.getSortedFilterFields = function(aFilterItems: any, aFilterFields: any) {
+	const aFilterIds: any[] = [];
+	aFilterItems.forEach(function(oFilterItem: any) {
+		aFilterIds.push(oFilterItem.getId());
+	});
+	aFilterFields.sort(function(aFirstItem: any, aSecondItem: any) {
+		let sFirstItemVFId, sSecondItemVFId;
+		aFirstItem.getContent().forEach(function(oInnerControl: any) {
+			if (oInnerControl.isA("sap.ui.mdc.FilterField")) {
+				sFirstItemVFId = oInnerControl.getId();
+			}
+		});
+		aSecondItem.getContent().forEach(function(oInnerControl: any) {
+			if (oInnerControl.isA("sap.ui.mdc.FilterField")) {
+				sSecondItemVFId = oInnerControl.getId();
+			}
+		});
+		return aFilterIds.indexOf(sFirstItemVFId) - aFilterIds.indexOf(sSecondItemVFId);
+	});
+	return aFilterFields;
+};
+FilterBar.prototype._createInnerLayout = function() {
+	this._oFilterBarLayout = new FilterContainer();
+	this._cLayoutItem = FilterItemLayout;
+	this._oFilterBarLayout.getInner().addStyleClass("sapUiMdcFilterBarBaseAFLayout");
+	this._addButtons();
+
+	// TODO: Check with MDC if there is a better way to load visual filter on the basis of control property
+	// _createInnerLayout is called on Init by the filter bar base.
+	// This mean that we do not have access to the control properties yet
+	// and hence we cannot decide on the basis of control properties whether initial layout should be compact or visual
+	// As a result we have to do this workaround to always load the compact layout by default
+	// And toogle the same in case the initialLayout was supposed to be visual filters.
+	const oInnerLayout = this._oFilterBarLayout.getInner();
+	const oFilterContainerInnerLayoutEventDelegate = {
+		onBeforeRendering: () => {
+			if (this.getInitialLayout() === "visual") {
+				this._toggleLayout();
+			}
+			oInnerLayout.removeEventDelegate(oFilterContainerInnerLayoutEventDelegate);
+		}
+	};
+	oInnerLayout.addEventDelegate(oFilterContainerInnerLayoutEventDelegate);
+
+	this.setAggregation("layout", this._oFilterBarLayout, true);
+};
+FilterBar.prototype.exit = function() {
+	(MdcFilterBar.prototype as any).exit.apply(this, []);
+	// Sometimes upon external navigation this._SegmentedButton is already destroyed
+	// so check if it exists and then only remove stuff
+	if (this._oSegmentedButton) {
+		this._oSegmentedButton.detachEvent("select", this._toggleLayout);
+		delete this._oSegmentedButton;
+	}
+};
+
+export default FilterBar;