@sapui5/sap.fe.templates 1.98.0 → 1.101.0

package/src/sap/fe/templates/ListReport/overrides/ViewState.ts

@@ -0,0 +1,413 @@
+import Log from "sap/base/Log";
+import CommonUtils from "sap/fe/core/CommonUtils";
+import ViewState from "sap/fe/core/controllerextensions/ViewState";
+import KeepAliveHelper from "sap/fe/core/helpers/KeepAliveHelper";
+import ModelHelper, { InternalModelContext } from "sap/fe/core/helpers/ModelHelper";
+import CoreLibrary from "sap/fe/core/library";
+import * as PropertyFormatters from "sap/fe/core/templating/PropertyFormatters";
+import DelegateUtil from "sap/fe/macros/DelegateUtil";
+import FilterUtils from "sap/fe/macros/filter/FilterUtils";
+import NavLibrary from "sap/fe/navigation/library";
+import ListReportController from "sap/fe/templates/ListReport/ListReportController.controller";
+import { system } from "sap/ui/Device";
+import ControlVariantApplyAPI from "sap/ui/fl/apply/api/ControlVariantApplyAPI";
+import VariantManagement from "sap/ui/fl/variants/VariantManagement";
+import ConditionValidated from "sap/ui/mdc/enum/ConditionValidated";
+import StateUtil from "sap/ui/mdc/p13n/StateUtil";
+import JSONModel from "sap/ui/model/json/JSONModel";
+
+const NavType = NavLibrary.NavType,
+	VariantManagementType = CoreLibrary.VariantManagement,
+	TemplateContentView = CoreLibrary.TemplateContentView,
+	InitialLoadMode = CoreLibrary.InitialLoadMode;
+const FilterRestrictions = CommonUtils.FilterRestrictions,
+	CONDITION_PATH_TO_PROPERTY_PATH_REGEX = /\+|\*/g;
+
+const ViewStateOverride: any = {
+	_bSearchTriggered: false,
+	applyInitialStateOnly: function () {
+		return true;
+	},
+	onBeforeStateApplied: function (this: ViewState & typeof ViewStateOverride, aPromises: any) {
+		const oView = this.getView(),
+			oController = oView.getController() as ListReportController,
+			oFilterBar = oController._getFilterBarControl(),
+			aTables = oController._getControls("table");
+		if (oFilterBar) {
+			oFilterBar.setSuspendSelection(true);
+			aPromises.push((oFilterBar as any).waitForInitialization());
+		}
+		aTables.forEach(function (oTable: any) {
+			aPromises.push(oTable.initialized());
+		});
+
+		delete this._bSearchTriggered;
+	},
+	onAfterStateApplied: function (this: ViewState) {
+		const oController = this.getView().getController() as ListReportController;
+		const oFilterBar = oController._getFilterBarControl();
+		if (oFilterBar) {
+			oFilterBar.setSuspendSelection(false);
+		} else if (oController._isFilterBarHidden()) {
+			const oInternalModelContext = oController.getView().getBindingContext("internal") as InternalModelContext,
+				aControls = oController._getControls();
+			oInternalModelContext.setProperty("hasPendingFilters", false);
+			if (oController._isMultiMode()) {
+				oController._setCountsOutDated();
+				const sDisplayedControlId = oController._getCurrentControl().getId();
+				aControls.forEach(function (oControl: any) {
+					oControl.data("outdatedRows", oControl.getId() !== sDisplayedControlId);
+				});
+			}
+		}
+	},
+	adaptBindingRefreshControls: function (this: ViewState, aControls: any) {
+		const oView = this.getView(),
+			oController = oView.getController() as ListReportController,
+			aViewControls = oController._getControls(),
+			aControlsToRefresh = KeepAliveHelper.getControlsForRefresh(oView, aViewControls);
+
+		Array.prototype.push.apply(aControls, aControlsToRefresh);
+	},
+	adaptStateControls: function (this: ViewState & typeof ViewStateOverride, aStateControls: any) {
+		const oView = this.getView(),
+			oController = oView.getController() as ListReportController,
+			oViewData = oView.getViewData() as any,
+			bControlVM = oViewData.variantManagement === VariantManagementType.Control;
+
+		const oFilterBarVM = this._getFilterBarVM(oView);
+		if (oFilterBarVM) {
+			aStateControls.push(oFilterBarVM);
+		}
+		if (oController._isMultiMode()) {
+			aStateControls.push(oController._getMultiModeControl());
+		}
+		oController._getControls("table").forEach(function (oTable: any) {
+			const oQuickFilter = oTable.getQuickFilter();
+			if (oQuickFilter) {
+				aStateControls.push(oQuickFilter);
+			}
+			if (bControlVM) {
+				aStateControls.push(oTable.getVariant());
+			}
+			aStateControls.push(oTable);
+		});
+
+		if (oController._hasMultiVisualizations()) {
+			aStateControls.push(oController._getSegmentedButton(TemplateContentView.Chart));
+			aStateControls.push(oController._getSegmentedButton(TemplateContentView.Table));
+		}
+		const oFilterBar = oController._getFilterBarControl();
+		if (oFilterBar) {
+			aStateControls.push(oFilterBar);
+		}
+		aStateControls.push(oView.byId("fe::ListReport"));
+	},
+	retrieveAdditionalStates: function (this: ViewState & typeof ViewStateOverride, mAdditionalStates: any) {
+		const oView = this.getView(),
+			oController = oView.getController() as ListReportController,
+			bPendingFilter = (oView.getBindingContext("internal") as InternalModelContext).getProperty("hasPendingFilters");
+
+		mAdditionalStates.dataLoaded = !bPendingFilter || !!this._bSearchTriggered;
+		if (oController._hasMultiVisualizations()) {
+			const sAlpContentView = oView.getBindingContext("internal").getProperty("alpContentView");
+			mAdditionalStates.alpContentView = sAlpContentView;
+		}
+
+		delete this._bSearchTriggered;
+	},
+	applyAdditionalStates: function (this: ViewState & typeof ViewStateOverride, oAdditionalStates: any) {
+		const oView = this.getView(),
+			oController = oView.getController() as ListReportController,
+			oFilterBar = oController._getFilterBarControl();
+
+		if (oAdditionalStates) {
+			// explicit check for boolean values - 'undefined' should not alter the triggered search property
+			if (oAdditionalStates.dataLoaded === false && oFilterBar) {
+				// without this, the data is loaded on navigating back
+				(oFilterBar as any)._bSearchTriggered = false;
+			} else if (oAdditionalStates.dataLoaded === true) {
+				if (oFilterBar) {
+					oFilterBar.triggerSearch();
+				}
+				this._bSearchTriggered = true;
+			}
+			if (oController._hasMultiVisualizations()) {
+				const oInternalModelContext = oView.getBindingContext("internal") as InternalModelContext;
+				if (!system.desktop && oAdditionalStates.alpContentView == TemplateContentView.Hybrid) {
+					oAdditionalStates.alpContentView = TemplateContentView.Chart;
+				}
+				(oInternalModelContext.getModel() as JSONModel).setProperty(
+					oInternalModelContext.getPath() + "/alpContentView",
+					oAdditionalStates.alpContentView
+				);
+			}
+		}
+	},
+	applyNavigationParameters: function (this: ViewState & typeof ViewStateOverride, oNavigationParameter: any, aResults: any) {
+		const oView = this.getView();
+		const oController = oView.getController() as ListReportController;
+		const oAppComponent = oController.getAppComponent();
+		const oComponentData = oAppComponent.getComponentData();
+		const oStartupParameters = (oComponentData && oComponentData.startupParameters) || {};
+		const oVariantPromise = this.handleVariantIdPassedViaURLParams(oStartupParameters);
+		let bFilterVariantApplied: boolean;
+		aResults.push(
+			oVariantPromise
+				.then((aVariants: any[]) => {
+					if (aVariants && aVariants.length > 0) {
+						if (aVariants[0] === true || aVariants[1] === true) {
+							bFilterVariantApplied = true;
+						}
+					}
+					return this._applySelectionVariant(oView, oNavigationParameter, bFilterVariantApplied).then(() => {
+						const oDynamicPage = oView.byId("fe::ListReport");
+						let bPreventInitialSearch = false;
+						const oFilterBarVM = this._getFilterBarVM(oView);
+						const oFilterBarControl = oController._getFilterBarControl();
+						if (oFilterBarControl) {
+							if (
+								(oNavigationParameter.navigationType !== NavType.initial && oNavigationParameter.requiresStandardVariant) ||
+								(!oFilterBarVM && oView.getViewData().initialLoad === InitialLoadMode.Enabled) ||
+								oController._shouldAutoTriggerSearch(oFilterBarVM)
+							) {
+								oFilterBarControl.triggerSearch();
+							} else {
+								bPreventInitialSearch = this._preventInitialSearch(oFilterBarVM);
+							}
+							this._bSearchTriggered = !bPreventInitialSearch;
+							oDynamicPage.setHeaderExpanded(system.desktop || bPreventInitialSearch);
+						}
+					});
+				})
+				.catch(function () {
+					Log.error("Variant ID cannot be applied");
+				})
+		);
+	},
+
+	handleVariantIdPassedViaURLParams: function (this: ViewState & typeof ViewStateOverride, oUrlParams: any) {
+		const aPageVariantId = oUrlParams["sap-ui-fe-variant-id"],
+			aFilterBarVariantId = oUrlParams["sap-ui-fe-filterbar-variant-id"],
+			aTableVariantId = oUrlParams["sap-ui-fe-table-variant-id"];
+		let oVariant;
+		if (aPageVariantId || aFilterBarVariantId || aTableVariantId) {
+			oVariant = {
+				sPageVariantId: aPageVariantId && aPageVariantId[0],
+				sFilterBarVariantId: aFilterBarVariantId && aFilterBarVariantId[0],
+				sTableVariantId: aTableVariantId && aTableVariantId[0]
+			};
+		}
+		return this._handleControlVariantId(oVariant);
+	},
+
+	_handleControlVariantId: function (this: ViewState & typeof ViewStateOverride, oVariantIDs: any) {
+		let oVM: VariantManagement;
+		const oView = this.getView(),
+			aPromises: any[] = [];
+		const sVariantManagement = oView.getViewData().variantManagement;
+		if (oVariantIDs && oVariantIDs.sPageVariantId && sVariantManagement === "Page") {
+			oVM = oView.byId("fe::PageVariantManagement");
+			oVM.getVariants().forEach((oVariant: any) => {
+				if (oVariant.key === oVariantIDs.sPageVariantId) {
+					aPromises.push(this._applyControlVariant(oVM, oVariantIDs.sPageVariantId, true));
+				}
+			});
+		} else if (oVariantIDs && sVariantManagement === "Control") {
+			if (oVariantIDs.sFilterBarVariantId) {
+				oVM = oView.byId(oView.getContent()[0].data("filterBarVariantId"));
+				if (oVM) {
+					oVM.getVariants().forEach((oVariant: any) => {
+						if (oVariant.key === oVariantIDs.sFilterBarVariantId) {
+							aPromises.push(this._applyControlVariant(oVM, oVariantIDs.sFilterBarVariantId, true));
+						}
+					});
+				}
+			}
+			if (oVariantIDs.sTableVariantId) {
+				const oController = oView.getController(),
+					aTables = oController._getControls("table");
+				aTables.forEach((oTable: any) => {
+					const oTableVariant = oTable.getVariant();
+					if (oTable && oTableVariant) {
+						oTableVariant.getVariants().forEach((oVariant: any) => {
+							if (oVariant.key === oVariantIDs.sTableVariantId) {
+								aPromises.push(this._applyControlVariant(oTableVariant, oVariantIDs.sTableVariantId));
+							}
+						});
+					}
+				});
+			}
+		}
+		return Promise.all(aPromises);
+	},
+
+	_applyControlVariant: function (oVariant: any, sVariantID: any, bFilterVariantApplied: any) {
+		const sVariantReference = this._checkIfVariantIdIsAvailable(oVariant, sVariantID) ? sVariantID : oVariant.getStandardVariantKey();
+		const oVM = ControlVariantApplyAPI.activateVariant({
+			element: oVariant,
+			variantReference: sVariantReference
+		});
+		return oVM.then(function () {
+			return bFilterVariantApplied;
+		});
+	},
+	/************************************* private helper *****************************************/
+
+	_getFilterBarVM: function (oView: any) {
+		const oViewData = oView.getViewData();
+		switch (oViewData.variantManagement) {
+			case VariantManagementType.Page:
+				return oView.byId("fe::PageVariantManagement");
+			case VariantManagementType.Control:
+				return oView.byId(oView.getContent()[0].data("filterBarVariantId"));
+			case VariantManagementType.None:
+				return null;
+			default:
+				throw new Error("unhandled variant setting: " + oViewData.variantManagement);
+		}
+	},
+
+	_preventInitialSearch: function (oVariantManagement: any) {
+		if (!oVariantManagement) {
+			return true;
+		}
+		const aVariants = oVariantManagement.getVariants();
+		const oCurrentVariant = aVariants.find(function (oItem: any) {
+			return oItem.key === oVariantManagement.getCurrentVariantKey();
+		});
+		return !oCurrentVariant.executeOnSelect;
+	},
+
+	_applySelectionVariant: function (oView: any, oNavigationParameter: any, bFilterVariantApplied: any) {
+		const oFilterBar = oView.getController()._getFilterBarControl(),
+			oSelectionVariant = oNavigationParameter.selectionVariant,
+			oSelectionVariantDefaults = oNavigationParameter.selectionVariantDefaults;
+		if (!oFilterBar || !oSelectionVariant) {
+			return Promise.resolve();
+		}
+		let oConditions = {};
+		const oMetaModel = oView.getModel().getMetaModel();
+		const oViewData = oView.getViewData();
+		const sContextPath = oViewData.contextPath || "/" + oViewData.entitySet;
+		const aMandatoryFilterFields = CommonUtils.getMandatoryFilterFields(oMetaModel, sContextPath);
+		let oVariant;
+		const bRequiresStandardVariant = oNavigationParameter.requiresStandardVariant;
+
+		if (bFilterVariantApplied) {
+			oConditions = oFilterBar.getConditions();
+		}
+		CommonUtils.addDefaultDisplayCurrency(aMandatoryFilterFields, oSelectionVariant, oSelectionVariantDefaults);
+		CommonUtils.addSelectionVariantToConditions(oSelectionVariant, oConditions, oMetaModel, sContextPath);
+		switch (oViewData.variantManagement) {
+			case VariantManagementType.Page:
+				oVariant = oView.byId("fe::PageVariantManagement");
+				break;
+			case VariantManagementType.Control:
+				oVariant = oView.byId(oView.getContent()[0].data("filterBarVariantId"));
+				break;
+			case VariantManagementType.None:
+			default:
+				break;
+		}
+		return this._activateSelectionVariant(oFilterBar, oConditions, oVariant, bRequiresStandardVariant, bFilterVariantApplied);
+	},
+	_activateSelectionVariant: function (
+		oFilterBar: any,
+		oConditions: any,
+		oVariant: any,
+		bRequiresStandardVariant: any,
+		bFilterVariantApplied: any
+	) {
+		let oPromise;
+
+		if (oVariant && !bFilterVariantApplied) {
+			let oVariantKey = bRequiresStandardVariant ? oVariant.getStandardVariantKey() : oVariant.getDefaultVariantKey();
+			if (oVariantKey === null) {
+				oVariantKey = oVariant.getId();
+			}
+			oPromise = ControlVariantApplyAPI.activateVariant({
+				element: oVariant,
+				variantReference: oVariantKey
+			}).then(function () {
+				return bRequiresStandardVariant || oVariant.getDefaultVariantKey() === oVariant.getStandardVariantKey();
+			});
+		} else {
+			oPromise = Promise.resolve(true);
+		}
+		return oPromise.then((bClearFilterAndReplaceWithAppState: any) => {
+			if (bClearFilterAndReplaceWithAppState) {
+				return this._fnApplyConditions(oFilterBar, oConditions);
+			}
+		});
+	},
+	_fnApplyConditions: function (oFilterBar: any, oConditions: any) {
+		const mFilter: any = {},
+			aItems: any[] = [],
+			fnAdjustValueHelpCondition = function (oCondition: any) {
+				// in case the condition is meant for a field having a VH, the format required by MDC differs
+				oCondition.validated = ConditionValidated.Validated;
+				if (oCondition.operator === "Empty") {
+					oCondition.operator = "EQ";
+					oCondition.values = [""];
+				} else if (oCondition.operator === "NotEmpty") {
+					oCondition.operator = "NE";
+					oCondition.values = [""];
+				}
+				delete oCondition.isEmpty;
+			};
+		const fnGetPropertyInfo = function (oFilterControl: any, sEntityTypePath: any) {
+			const sEntitySetPath = ModelHelper.getEntitySetPath(sEntityTypePath),
+				oMetaModel = oFilterControl.getModel().getMetaModel(),
+				oFR = CommonUtils.getFilterRestrictionsByPath(sEntitySetPath, oMetaModel),
+				aNonFilterableProps = oFR[FilterRestrictions.NON_FILTERABLE_PROPERTIES],
+				mFilterFields = FilterUtils.getConvertedFilterFields(oFilterControl, sEntityTypePath),
+				aPropertyInfo: any[] = [];
+			Object.keys(mFilterFields).forEach(function (sFilterFieldKey: string) {
+				const oConvertedProperty = mFilterFields[sFilterFieldKey];
+				const sPropertyPath = oConvertedProperty.conditionPath.replace(CONDITION_PATH_TO_PROPERTY_PATH_REGEX, "");
+				if (aNonFilterableProps.indexOf(sPropertyPath) === -1) {
+					const sAnnotationPath = oConvertedProperty.annotationPath;
+					const oPropertyContext = oMetaModel.createBindingContext(sAnnotationPath);
+					aPropertyInfo.push({
+						path: oConvertedProperty.conditionPath,
+						hiddenFilter: oConvertedProperty.availability === "Hidden",
+						hasValueHelp: !sAnnotationPath
+							? false
+							: PropertyFormatters.hasValueHelp(oPropertyContext.getObject(), { context: oPropertyContext })
+					});
+					return;
+				}
+			});
+			return aPropertyInfo;
+		};
+		return oFilterBar.waitForInitialization().then(function () {
+			const sEntityTypePath = DelegateUtil.getCustomData(oFilterBar, "entityType");
+			const aPropertyInfo = fnGetPropertyInfo(oFilterBar, sEntityTypePath);
+			aPropertyInfo
+				.filter(function (oPropertyInfo: any) {
+					return oPropertyInfo.path !== "$editState" && oPropertyInfo.path !== "$search";
+				})
+				.forEach(function (oPropertyInfo: any) {
+					if (oPropertyInfo.path in oConditions) {
+						mFilter[oPropertyInfo.path] = oConditions[oPropertyInfo.path];
+						if (!oPropertyInfo.hiddenFilter) {
+							aItems.push({ name: oPropertyInfo.path });
+						}
+						if (oPropertyInfo.hasValueHelp) {
+							mFilter[oPropertyInfo.path].forEach(fnAdjustValueHelpCondition);
+						} else {
+							mFilter[oPropertyInfo.path].forEach(function (oCondition: any) {
+								oCondition.validated = ConditionValidated.NotValidated;
+							});
+						}
+					} else {
+						mFilter[oPropertyInfo.path] = [];
+					}
+				});
+			return StateUtil.applyExternalState(oFilterBar, { filter: mFilter, items: aItems });
+		});
+	}
+};
+
+export default ViewStateOverride;

package/src/sap/fe/templates/ListReport/view/fragments/CollectionVisualization.fragment.xml

@@ -4,29 +4,37 @@
 	xmlns:core="sap.ui.core"
 	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
 >
-		<template:if test="{= ${converterContext>hasMultiVisualizations} }">
-			<template:then>
-				<m:VBox fitContainer="true" alignItems="Stretch" alignContent="Stretch" justifyContent="Start" renderType="Div">
-					<template:repeat list="{converterContext>views}" var="view">
-						<template:with path="view>primaryVisualization" var="presentationContext">
-							<template:repeat list="{presentationContext>visualizations}" var="visualizationDefinition">
+	<template:if test="{= ${converterContext>hasMultiVisualizations} }">
+		<template:then>
+			<m:VBox fitContainer="true" alignItems="Stretch" alignContent="Stretch" justifyContent="Start" renderType="Div">
+				<template:repeat list="{converterContext>views}" var="view">
+					<template:with path="view>primaryVisualization" var="presentationContext">
+						<template:repeat list="{presentationContext>visualizations}" var="visualizationDefinition">
+							<m:MessageStrip
+								text="{= '{parts:[{path:\'internal>controls/ignoredFields' + (${visualizationDefinition>collection}) + (${visualizationDefinition>type}) + '\'},{value: \'\'}, {value: \'' + (${visualizationDefinition>type} === 'Chart') + '\'}, {value: ' + (${visualizationDefinition>type} === 'Chart' ? JSON.stringify(${visualizationDefinition>applySupported}) : '\'\'') + '}], formatter: \'.formatters.setTabMessageStrip\'}'}"
+								type="Information"
+								showIcon="true"
+								showCloseButton="true"
+								class="sapUiSmallMargin"
+								visible="{= '{= (${internal>controls/ignoredFields' + (${visualizationDefinition>collection}) + (${visualizationDefinition>type}) + '} || []).length>0 &amp;&amp; ${pageInternal>alpContentView} !== \'Table\'}' }"
+							/>
+							<core:Fragment fragmentName="sap.fe.templates.controls.{visualizationDefinition>type}" type="XML" />
+						</template:repeat>
+					</template:with>
+					<template:with path="view>secondaryVisualization" var="presentationContext">
+						<template:repeat list="{presentationContext>visualizations}" var="visualizationDefinition">
+							<m:HBox height="100%" width="100%">
 								<core:Fragment fragmentName="sap.fe.templates.controls.{visualizationDefinition>type}" type="XML" />
-							</template:repeat>
-						</template:with>
-						<template:with path="view>secondaryVisualization" var="presentationContext">
-							<template:repeat list="{presentationContext>visualizations}" var="visualizationDefinition">
-								<m:HBox height="100%" width="100%">
-									<core:Fragment fragmentName="sap.fe.templates.controls.{visualizationDefinition>type}" type="XML" />
-								</m:HBox>
-							</template:repeat>
-						</template:with>
-					</template:repeat>
-				</m:VBox>
-			</template:then>
-			<template:else>
-				<template:repeat list="{presentationContext>visualizations}" var="visualizationDefinition">
-					<core:Fragment fragmentName="sap.fe.templates.controls.{visualizationDefinition>type}" type="XML" />
+							</m:HBox>
+						</template:repeat>
+					</template:with>
 				</template:repeat>
-			</template:else>
-		</template:if>
+			</m:VBox>
+		</template:then>
+		<template:else>
+			<template:repeat list="{presentationContext>visualizations}" var="visualizationDefinition">
+				<core:Fragment fragmentName="sap.fe.templates.controls.{visualizationDefinition>type}" type="XML" />
+			</template:repeat>
+		</template:else>
+	</template:if>
 </core:FragmentDefinition>

package/src/sap/fe/templates/ListReport/view/fragments/MultipleMode.fragment.js

@@ -0,0 +1,72 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
+ */
+sap.ui.define(["sap/fe/core/buildingBlocks/BuildingBlock", "sap/fe/core/buildingBlocks/BuildingBlockRuntime"], function (BuildingBlock, BuildingBlockRuntime) {
+  "use strict";
+
+  var _dec, _dec2, _class, _class2, _descriptor, _templateObject;
+
+  var _exports = {};
+  var xml = BuildingBlockRuntime.xml;
+  var xmlAttribute = BuildingBlock.xmlAttribute;
+  var defineBuildingBlock = BuildingBlock.defineBuildingBlock;
+  var BuildingBlockBase = BuildingBlock.BuildingBlockBase;
+
+  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+  function _initializerDefineProperty(target, property, descriptor, context) { if (!descriptor) return; Object.defineProperty(target, property, { enumerable: descriptor.enumerable, configurable: descriptor.configurable, writable: descriptor.writable, value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 }); }
+
+  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+  function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
+
+  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+  function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { var desc = {}; Object.keys(descriptor).forEach(function (key) { desc[key] = descriptor[key]; }); desc.enumerable = !!desc.enumerable; desc.configurable = !!desc.configurable; if ('value' in desc || desc.initializer) { desc.writable = true; } desc = decorators.slice().reverse().reduce(function (desc, decorator) { return decorator(target, property, desc) || desc; }, desc); if (context && desc.initializer !== void 0) { desc.value = desc.initializer ? desc.initializer.call(context) : void 0; desc.initializer = undefined; } if (desc.initializer === void 0) { Object.defineProperty(target, property, desc); desc = null; } return desc; }
+
+  function _initializerWarningHelper(descriptor, context) { throw new Error('Decorating class property failed. Please ensure that ' + 'proposal-class-properties is enabled and runs after the decorators transform.'); }
+
+  var MultipleMode = (_dec = defineBuildingBlock({
+    name: "MultipleMode",
+    namespace: "sap.fe.templates.ListReport.view.fragments",
+    isOpen: true
+  }), _dec2 = xmlAttribute({
+    type: "sap.ui.model.Context"
+  }), _dec(_class = (_class2 = /*#__PURE__*/function (_BuildingBlockBase) {
+    _inheritsLoose(MultipleMode, _BuildingBlockBase);
+
+    function MultipleMode() {
+      var _this;
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _BuildingBlockBase.call.apply(_BuildingBlockBase, [this].concat(args)) || this;
+
+      _initializerDefineProperty(_this, "converterContext", _descriptor, _assertThisInitialized(_this));
+
+      return _this;
+    }
+
+    _exports = MultipleMode;
+    var _proto = MultipleMode.prototype;
+
+    _proto.getTemplate = function getTemplate() {
+      return xml(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t<IconTabBar\n\t\t\t\txmlns=\"sap.m\"\n\n\t\t\t\txmlns:customData=\"http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1\"\n\t\t\t\texpandable=\"false\"\n\t\t\t\theaderMode=\"Inline\"\n\t\t\t\tid=\"", "\"\n\t\t\t\tselect=\".handlers.onTabMultiModeChange\"\n\t\t\t\tstretchContentHeight=\"true\"\n\t\t\t\tcustomData:showCounts=\"", "\"\n\t\t\t>\n\t\t\t\t<items>\n\t\t\t\t", "\n\t\t\t\t</items>\n\t\t\t</IconTabBar>"])), this.converterContext.iconTabBarId, this.converterContext.showTabCounts, this.converterContext.views.map(function (view, viewIdx) {
+        return "<template:with path=\"converterContext>views/".concat(viewIdx, "/\" var=\"view\"\n\t\t\t\t\t\t\t\t\txmlns:core=\"sap.ui.core\"\n\t\t\t\t\t\t\t\t\txmlns:template=\"http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1\">\n\t\t\t\t\t\t\t<template:with path=\"view>presentation\" var=\"presentationContext\">\n\t\t\t\t\t\t\t<IconTabFilter\n\t\t\t\t\t\t\t\ttext=\"").concat(view.title, "\"\n\t\t\t\t\t\t\t\tkey=\"{= ${view>tableControlId} || ${view>customTabId} || ${view>chartControlId}}\"\n\t\t\t\t\t\t\t\tcustomData:selectionVariant=\"{view>selectionVariantPath}\"\n\t\t\t\t\t\t\t\tvisible=\"{view>visible}\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<content>\n\t\t\t\t\t\t\t\t\t<template:if test=\"{= ${view>type} === 'Custom'}\">\n\t\t\t\t\t\t\t\t\t\t<template:then>\n\t\t\t\t\t\t\t\t\t\t\t<core:Fragment fragmentName=\"sap.fe.templates.ListReport.view.fragments.CustomView\" type=\"XML\" />\n\t\t\t\t\t\t\t\t\t\t</template:then>\n\t\t\t\t\t\t\t\t\t\t<template:else>\n\t\t\t\t\t\t\t\t\t\t\t<MessageStrip\n\t\t\t\t\t\t\t\t\t\t        text=\"{= '{= (${internal>tabs/ignoredFieldsTitle/' + (${view>tableControlId} || ${view>chartControlId}) + '} ) }' }\"\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"Information\"\n\t\t\t\t\t\t\t\t\t\t\t\tshowIcon=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\tshowCloseButton=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"sapUiSmallMargin\"\n\t\t\t\t\t\t\t\t\t\t\t\tvisible=\"{= '{= (${internal>tabs/ignoredFields/' +(${view>tableControlId} || ${view>chartControlId}) + '} || []).length>0 }' }\"\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t</MessageStrip>\n\t\t\t\t\t\t\t\t\t\t\t<core:Fragment fragmentName=\"sap.fe.templates.ListReport.view.fragments.CollectionVisualization\" type=\"XML\" />\n\t\t\t\t\t\t\t\t\t\t</template:else>\n\t\t\t\t\t\t\t\t\t</template:if>\n\t\t\t\t\t\t\t\t</content>\n\t\t\t\t\t\t\t</IconTabFilter>\n\t\t\t\t\t\t</template:with></template:with>");
+      }).join(""));
+    };
+
+    return MultipleMode;
+  }(BuildingBlockBase), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "converterContext", [_dec2], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  })), _class2)) || _class);
+  _exports = MultipleMode;
+  return _exports;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk11bHRpcGxlTW9kZS5mcmFnbWVudC50cyJdLCJuYW1lcyI6WyJNdWx0aXBsZU1vZGUiLCJkZWZpbmVCdWlsZGluZ0Jsb2NrIiwibmFtZSIsIm5hbWVzcGFjZSIsImlzT3BlbiIsInhtbEF0dHJpYnV0ZSIsInR5cGUiLCJnZXRUZW1wbGF0ZSIsInhtbCIsImNvbnZlcnRlckNvbnRleHQiLCJpY29uVGFiQmFySWQiLCJzaG93VGFiQ291bnRzIiwidmlld3MiLCJtYXAiLCJ2aWV3Iiwidmlld0lkeCIsInRpdGxlIiwiam9pbiIsIkJ1aWxkaW5nQmxvY2tCYXNlIl0sIm1hcHBpbmdzIjoiO0FBQUE7QUFDQTtBQUNBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztNQUdxQkEsWSxXQURwQkMsbUJBQW1CLENBQUM7QUFBRUMsSUFBQUEsSUFBSSxFQUFFLGNBQVI7QUFBd0JDLElBQUFBLFNBQVMsRUFBRSw0Q0FBbkM7QUFBaUZDLElBQUFBLE1BQU0sRUFBRTtBQUF6RixHQUFELEMsVUFFbEJDLFlBQVksQ0FBQztBQUFFQyxJQUFBQSxJQUFJLEVBQUU7QUFBUixHQUFELEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O1dBR2JDLFcsR0FBQSx1QkFBYztBQUNiLGFBQU9DLEdBQVAsc2ZBT1EsS0FBS0MsZ0JBQUwsQ0FBc0JDLFlBUDlCLEVBVTJCLEtBQUtELGdCQUFMLENBQXNCRSxhQVZqRCxFQWFJLEtBQUtGLGdCQUFMLENBQXNCRyxLQUF0QixDQUNBQyxHQURBLENBQ0ksVUFBQ0MsSUFBRCxFQUFPQyxPQUFQLEVBQW1CO0FBQ3ZCLHNFQUFzREEsT0FBdEQsOFRBS1VELElBQUksQ0FBQ0UsS0FMZjtBQStCQSxPQWpDQSxFQWtDQUMsSUFsQ0EsQ0FrQ0ssRUFsQ0wsQ0FiSjtBQWtEQSxLOzs7SUF2RHdDQyxpQiIsInNvdXJjZVJvb3QiOiIuIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnVpbGRpbmdCbG9ja0Jhc2UsIGRlZmluZUJ1aWxkaW5nQmxvY2ssIHhtbEF0dHJpYnV0ZSB9IGZyb20gXCJzYXAvZmUvY29yZS9idWlsZGluZ0Jsb2Nrcy9CdWlsZGluZ0Jsb2NrXCI7XG5pbXBvcnQgeyB4bWwgfSBmcm9tIFwic2FwL2ZlL2NvcmUvYnVpbGRpbmdCbG9ja3MvQnVpbGRpbmdCbG9ja1J1bnRpbWVcIjtcbmltcG9ydCB7IExpc3RSZXBvcnREZWZpbml0aW9uIH0gZnJvbSBcInNhcC9mZS9jb3JlL2NvbnZlcnRlcnMvdGVtcGxhdGVzL0xpc3RSZXBvcnRDb252ZXJ0ZXJcIjtcblxuQGRlZmluZUJ1aWxkaW5nQmxvY2soeyBuYW1lOiBcIk11bHRpcGxlTW9kZVwiLCBuYW1lc3BhY2U6IFwic2FwLmZlLnRlbXBsYXRlcy5MaXN0UmVwb3J0LnZpZXcuZnJhZ21lbnRzXCIsIGlzT3BlbjogdHJ1ZSB9KVxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgTXVsdGlwbGVNb2RlIGV4dGVuZHMgQnVpbGRpbmdCbG9ja0Jhc2Uge1xuXHRAeG1sQXR0cmlidXRlKHsgdHlwZTogXCJzYXAudWkubW9kZWwuQ29udGV4dFwiIH0pXG5cdGNvbnZlcnRlckNvbnRleHQhOiBMaXN0UmVwb3J0RGVmaW5pdGlvbjtcblxuXHRnZXRUZW1wbGF0ZSgpIHtcblx0XHRyZXR1cm4geG1sYFxuXHRcdFx0PEljb25UYWJCYXJcblx0XHRcdFx0eG1sbnM9XCJzYXAubVwiXG5cblx0XHRcdFx0eG1sbnM6Y3VzdG9tRGF0YT1cImh0dHA6Ly9zY2hlbWFzLnNhcC5jb20vc2FwdWk1L2V4dGVuc2lvbi9zYXAudWkuY29yZS5DdXN0b21EYXRhLzFcIlxuXHRcdFx0XHRleHBhbmRhYmxlPVwiZmFsc2VcIlxuXHRcdFx0XHRoZWFkZXJNb2RlPVwiSW5saW5lXCJcblx0XHRcdFx0aWQ9XCIke3RoaXMuY29udmVydGVyQ29udGV4dC5pY29uVGFiQmFySWR9XCJcblx0XHRcdFx0c2VsZWN0PVwiLmhhbmRsZXJzLm9uVGFiTXVsdGlNb2RlQ2hhbmdlXCJcblx0XHRcdFx0c3RyZXRjaENvbnRlbnRIZWlnaHQ9XCJ0cnVlXCJcblx0XHRcdFx0Y3VzdG9tRGF0YTpzaG93Q291bnRzPVwiJHt0aGlzLmNvbnZlcnRlckNvbnRleHQuc2hvd1RhYkNvdW50c31cIlxuXHRcdFx0PlxuXHRcdFx0XHQ8aXRlbXM+XG5cdFx0XHRcdCR7dGhpcy5jb252ZXJ0ZXJDb250ZXh0LnZpZXdzXG5cdFx0XHRcdFx0Lm1hcCgodmlldywgdmlld0lkeCkgPT4ge1xuXHRcdFx0XHRcdFx0cmV0dXJuIGA8dGVtcGxhdGU6d2l0aCBwYXRoPVwiY29udmVydGVyQ29udGV4dD52aWV3cy8ke3ZpZXdJZHh9L1wiIHZhcj1cInZpZXdcIlxuXHRcdFx0XHRcdFx0XHRcdFx0eG1sbnM6Y29yZT1cInNhcC51aS5jb3JlXCJcblx0XHRcdFx0XHRcdFx0XHRcdHhtbG5zOnRlbXBsYXRlPVwiaHR0cDovL3NjaGVtYXMuc2FwLmNvbS9zYXB1aTUvZXh0ZW5zaW9uL3NhcC51aS5jb3JlLnRlbXBsYXRlLzFcIj5cblx0XHRcdFx0XHRcdFx0PHRlbXBsYXRlOndpdGggcGF0aD1cInZpZXc+cHJlc2VudGF0aW9uXCIgdmFyPVwicHJlc2VudGF0aW9uQ29udGV4dFwiPlxuXHRcdFx0XHRcdFx0XHQ8SWNvblRhYkZpbHRlclxuXHRcdFx0XHRcdFx0XHRcdHRleHQ9XCIke3ZpZXcudGl0bGV9XCJcblx0XHRcdFx0XHRcdFx0XHRrZXk9XCJ7PSBcXCR7dmlldz50YWJsZUNvbnRyb2xJZH0gfHwgXFwke3ZpZXc+Y3VzdG9tVGFiSWR9IHx8IFxcJHt2aWV3PmNoYXJ0Q29udHJvbElkfX1cIlxuXHRcdFx0XHRcdFx0XHRcdGN1c3RvbURhdGE6c2VsZWN0aW9uVmFyaWFudD1cInt2aWV3PnNlbGVjdGlvblZhcmlhbnRQYXRofVwiXG5cdFx0XHRcdFx0XHRcdFx0dmlzaWJsZT1cInt2aWV3PnZpc2libGV9XCJcblx0XHRcdFx0XHRcdFx0PlxuXHRcdFx0XHRcdFx0XHRcdDxjb250ZW50PlxuXHRcdFx0XHRcdFx0XHRcdFx0PHRlbXBsYXRlOmlmIHRlc3Q9XCJ7PSBcXCR7dmlldz50eXBlfSA9PT0gJ0N1c3RvbSd9XCI+XG5cdFx0XHRcdFx0XHRcdFx0XHRcdDx0ZW1wbGF0ZTp0aGVuPlxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdDxjb3JlOkZyYWdtZW50IGZyYWdtZW50TmFtZT1cInNhcC5mZS50ZW1wbGF0ZXMuTGlzdFJlcG9ydC52aWV3LmZyYWdtZW50cy5DdXN0b21WaWV3XCIgdHlwZT1cIlhNTFwiIC8+XG5cdFx0XHRcdFx0XHRcdFx0XHRcdDwvdGVtcGxhdGU6dGhlbj5cblx0XHRcdFx0XHRcdFx0XHRcdFx0PHRlbXBsYXRlOmVsc2U+XG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0PE1lc3NhZ2VTdHJpcFxuXHRcdFx0XHRcdFx0XHRcdFx0XHQgICAgICAgIHRleHQ9XCJ7PSAnez0gKFxcJHtpbnRlcm5hbD50YWJzL2lnbm9yZWRGaWVsZHNUaXRsZS8nICsgKFxcJHt2aWV3PnRhYmxlQ29udHJvbElkfSB8fCBcXCR7dmlldz5jaGFydENvbnRyb2xJZH0pICsgJ30gKSB9JyB9XCJcblx0XHRcdFx0XHRcdFx0XHRcdFx0XHRcdHR5cGU9XCJJbmZvcm1hdGlvblwiXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRzaG93SWNvbj1cInRydWVcIlxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0c2hvd0Nsb3NlQnV0dG9uPVwidHJ1ZVwiXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0XHRjbGFzcz1cInNhcFVpU21hbGxNYXJnaW5cIlxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdFx0dmlzaWJsZT1cIns9ICd7PSAoXFwke2ludGVybmFsPnRhYnMvaWdub3JlZEZpZWxkcy8nICsoXFwke3ZpZXc+dGFibGVDb250cm9sSWR9IHx8IFxcJHt2aWV3PmNoYXJ0Q29udHJvbElkfSkgKyAnfSB8fCBbXSkubGVuZ3RoPjAgfScgfVwiXG5cdFx0XHRcdFx0XHRcdFx0XHRcdFx0PlxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdDwvTWVzc2FnZVN0cmlwPlxuXHRcdFx0XHRcdFx0XHRcdFx0XHRcdDxjb3JlOkZyYWdtZW50IGZyYWdtZW50TmFtZT1cInNhcC5mZS50ZW1wbGF0ZXMuTGlzdFJlcG9ydC52aWV3LmZyYWdtZW50cy5Db2xsZWN0aW9uVmlzdWFsaXphdGlvblwiIHR5cGU9XCJYTUxcIiAvPlxuXHRcdFx0XHRcdFx0XHRcdFx0XHQ8L3RlbXBsYXRlOmVsc2U+XG5cdFx0XHRcdFx0XHRcdFx0XHQ8L3RlbXBsYXRlOmlmPlxuXHRcdFx0XHRcdFx0XHRcdDwvY29udGVudD5cblx0XHRcdFx0XHRcdFx0PC9JY29uVGFiRmlsdGVyPlxuXHRcdFx0XHRcdFx0PC90ZW1wbGF0ZTp3aXRoPjwvdGVtcGxhdGU6d2l0aD5gO1xuXHRcdFx0XHRcdH0pXG5cdFx0XHRcdFx0LmpvaW4oXCJcIil9XG5cdFx0XHRcdDwvaXRlbXM+XG5cdFx0XHQ8L0ljb25UYWJCYXI+YDtcblx0fVxufVxuIl19

package/src/sap/fe/templates/ListReport/view/fragments/MultipleMode.fragment.ts

@@ -0,0 +1,62 @@
+import { BuildingBlockBase, defineBuildingBlock, xmlAttribute } from "sap/fe/core/buildingBlocks/BuildingBlock";
+import { xml } from "sap/fe/core/buildingBlocks/BuildingBlockRuntime";
+import { ListReportDefinition } from "sap/fe/core/converters/templates/ListReportConverter";
+
+@defineBuildingBlock({ name: "MultipleMode", namespace: "sap.fe.templates.ListReport.view.fragments", isOpen: true })
+export default class MultipleMode extends BuildingBlockBase {
+	@xmlAttribute({ type: "sap.ui.model.Context" })
+	converterContext!: ListReportDefinition;
+
+	getTemplate() {
+		return xml`
+			<IconTabBar
+				xmlns="sap.m"
+
+				xmlns:customData="http://schemas.sap.com/sapui5/extension/sap.ui.core.CustomData/1"
+				expandable="false"
+				headerMode="Inline"
+				id="${this.converterContext.iconTabBarId}"
+				select=".handlers.onTabMultiModeChange"
+				stretchContentHeight="true"
+				customData:showCounts="${this.converterContext.showTabCounts}"
+			>
+				<items>
+				${this.converterContext.views
+					.map((view, viewIdx) => {
+						return `<template:with path="converterContext>views/${viewIdx}/" var="view"
+									xmlns:core="sap.ui.core"
+									xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1">
+							<template:with path="view>presentation" var="presentationContext">
+							<IconTabFilter
+								text="${view.title}"
+								key="{= \${view>tableControlId} || \${view>customTabId} || \${view>chartControlId}}"
+								customData:selectionVariant="{view>selectionVariantPath}"
+								visible="{view>visible}"
+							>
+								<content>
+									<template:if test="{= \${view>type} === 'Custom'}">
+										<template:then>
+											<core:Fragment fragmentName="sap.fe.templates.ListReport.view.fragments.CustomView" type="XML" />
+										</template:then>
+										<template:else>
+											<MessageStrip
+										        text="{= '{= (\${internal>tabs/ignoredFieldsTitle/' + (\${view>tableControlId} || \${view>chartControlId}) + '} ) }' }"
+												type="Information"
+												showIcon="true"
+												showCloseButton="true"
+												class="sapUiSmallMargin"
+												visible="{= '{= (\${internal>tabs/ignoredFields/' +(\${view>tableControlId} || \${view>chartControlId}) + '} || []).length>0 }' }"
+											>
+											</MessageStrip>
+											<core:Fragment fragmentName="sap.fe.templates.ListReport.view.fragments.CollectionVisualization" type="XML" />
+										</template:else>
+									</template:if>
+								</content>
+							</IconTabFilter>
+						</template:with></template:with>`;
+					})
+					.join("")}
+				</items>
+			</IconTabBar>`;
+	}
+}