@sap/open.fe 1.94.0

package/packages/sap.fe.templates/src/sap/fe/templates/ListReport/ListReportController.controller.js

@@ -0,0 +1,6 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+sap.ui.define(["sap/fe/core/PageController","sap/fe/core/controllerextensions/SideEffects","sap/fe/core/controllerextensions/EditFlow","sap/fe/macros/field/FieldRuntime","sap/base/Log","sap/base/util/ObjectPath","sap/fe/navigation/SelectionVariant","sap/fe/core/CommonUtils","sap/ui/mdc/p13n/StateUtil","sap/fe/macros/table/Utils","sap/fe/macros/ResourceModel","sap/fe/core/controllerextensions/InternalRouting","sap/ui/Device","sap/fe/core/controllerextensions/IntentBasedNavigation","./overrides/IntentBasedNavigation","sap/fe/core/controllerextensions/InternalIntentBasedNavigation","sap/fe/macros/chart/ChartRuntime","sap/fe/templates/ListReport/ExtensionAPI","sap/fe/macros/filter/FilterUtils","sap/fe/macros/chart/ChartUtils","sap/fe/macros/DelegateUtil","sap/ui/core/mvc/OverrideExecution","sap/fe/core/controllerextensions/ViewState","./overrides/ViewState","sap/fe/templates/RootContainer/overrides/EditFlow","sap/fe/core/helpers/EditState","sap/ui/model/json/JSONModel","sap/fe/core/library","sap/fe/core/helpers/SemanticDateOperators","sap/fe/core/controllerextensions/Share","./overrides/Share","sap/fe/macros/CommonHelper","sap/fe/core/controllerextensions/KPIManagement"],function(P,S,E,F,L,O,a,C,b,T,R,I,D,c,d,e,f,g,h,j,l,m,V,n,o,p,J,q,r,s,t,u,K){"use strict";var v=q.TemplateContentView,w=q.InitialLoadMode;return P.extend("sap.fe.templates.ListReport.ListReportController",{metadata:{methods:{getExtensionAPI:{"public":true,"final":true},onPageReady:{"public":false,"final":false,overrideExecution:m.After},onViewNeedsRefresh:{"public":true,"final":false,overrideExecution:m.After},onPendingFilters:{"public":true,"final":false,overrideExecution:m.After}}},_routing:I.override({onAfterBinding:function(i,k){this.getView().getController()._onAfterBinding(i,k);}}),_intentBasedNavigation:e.override({getEntitySet:function(){return this.base.getCurrentEntitySet();}}),sideEffects:S,intentBasedNavigation:c.override(d),share:s.override(t),editFlow:E.override(o),viewState:V.override(n),kpiManagement:K,getExtensionAPI:function(){if(!this.extensionAPI){this.extensionAPI=new g(this);}return this.extensionAPI;},onInit:function(){P.prototype.onInit.apply(this);var i=this;var k=this._getTables();var x=this.getView().getBindingContext("internal");if(i._isMultiMode()){var M=i._getMultiModeControl();x.setProperty("tabs",{selected:M.getSelectedKey()||M.getItems()[0].getKey()});k.forEach(function(z){var U=function(){i._updateCounts();};T.addEventToBindingInfo(z,"dataRequested",U);});}x.setProperty("hasPendingFilters",true);x.setProperty("appliedFilters","");x.setProperty("uom",{});x.setProperty("scalefactor",{});x.setProperty("scalefactorNumber",{});x.setProperty("currency",{});if(this._hasMultiVisualizations()){var y=this._getDefaultPath();if(!D.system.desktop&&y===v.Hybrid){y=v.Chart;}x.setProperty("alpContentView",y);}this.filterBarConditions={};this.getAppComponent().getRouterProxy().waitForRouteMatchBeforeNavigation();this._updateMultiTableHiddenStatus();h.attachConditionHandling(this._getFilterBarControl());},onExit:function(){h.detachConditionHandling(this._getFilterBarControl());delete this._sEntitySet;delete this.filterBarConditions;delete this._oListReportControl;delete this._bMultiMode;this.extensionAPI&&this.extensionAPI.destroy();delete this.extensionAPI;},_onAfterBinding:function(){var i=this._getTables();var k=this;if(p.isEditStateDirty()){var x=this._getTableBinding();if(x){if(!this.sUpdateTimer){this.sUpdateTimer=setTimeout(function(){x.refresh();delete k.sUpdateTimer;},0);}var U=function(){k._updateTableActions(i);x.detachDataReceived(U);};x.attachDataReceived(U);}p.setEditStateProcessed();}if(!this.sUpdateTimer){this._updateTableActions(i);}this.pageReady.waitFor(this.getAppComponent().getAppStateHandler().applyAppState());},onAfterRendering:function(i){var k=this;this.getView().getModel("sap.fe.i18n").getResourceBundle().then(function(x){k.oResourceBundle=x;var y=k._getTables();var z=k.getView().getViewData().entitySet;var A=C.getTranslatedText("T_OP_TABLE_AND_CHART_NO_DATA_TEXT",k.oResourceBundle,undefined,z);y.forEach(function(G){G.setNoDataText(A);});if(k._hasMultiVisualizations()){var B=k.getChartControl();B.setNoDataText(A);}}).catch(function(x){L.error("Error while retrieving the resource bundle",x);});},onPageReady:function(i){var k=i.lastFocusedControl;var x=this.getView();if(k&&k.controlId&&k.focusInfo){var y=x.byId(k.controlId);if(y){y.applyFocusInfo(k.focusInfo);}}var z=this._getFilterBarControl();if(z&&!z.getShowMessages()){z.setShowMessages(true);z.setFocusOnFirstErroneousField();}},onViewNeedsRefresh:function(i){},onPendingFilters:function(){},getCurrentEntitySet:function(){if(!this._sEntitySet){var i=this._getCurrentTable();this._sEntitySet=i.data("targetCollectionPath").slice(1);}return this._sEntitySet;},_updateTableActions:function(i){var k=[];i.forEach(function(x){k=C.getIBNActions(x,k);T.getSemanticTargetsFromTable(this,x);var y=x.getBindingContext("internal"),A=JSON.parse(u.parseCustomData(l.getCustomData(x,"operationAvailableMap"))),z=x.getSelectedContexts();C.setActionEnablement(y,A,z);}.bind(this));C.updateDataFieldForIBNButtonsVisibility(k,this.getView());},_scrollTablesToRow:function(k){var x,y,z,A;if(this._getTables&&this._getTables().length>0){x=this._getTables();for(var i=0;i<x.length;i++){y=x[i];A=y.getRowBinding();if(A){var B;switch(y.data().tableType){case"GridTable":B=A.getContexts(0);break;case"ResponsiveTable":B=A.getCurrentContexts();break;default:}z=B.find(function(H){return H&&H.getPath().indexOf(k)!==-1;});}if(z){var G=z.iIndex;y.scrollToIndex(G);}}}},_getPageTitleInformation:function(){var i=this;return new Promise(function(k,x){var y={title:"",subtitle:"",intent:"",icon:""};y.title=i.getView().getContent()[0].data().ListReportTitle;y.subtitle=i.getView().getContent()[0].data().ListReportSubtitle;k(y);});},_getFilterBarControl:function(){return this.getView().byId(this._getFilterBarControlId());},_getSegmentedButton:function(i){return this.getView().byId(this._getSegmentedButtonId(i));},_getSegmentedButtonId:function(i){if(i==="Chart"){return this.getChartControl().data("segmentedButtonId");}else{return this._getCurrentTable().data("segmentedButtonId");}},_getFilterBarControlId:function(){return this.getView().getContent()[0].data("filterBarId");},_getChartControlId:function(){return this.getView().getContent()[0].data("singleChartId");},getChartControl:function(){return this.getView().byId(this._getChartControlId());},_getVisualFilterBarControl:function(){return this.getView().byId(this._getVisualFilterBarControlId());},_getVisualFilterBarControlId:function(){return this.getView().getContent()[0].data("visualFilterBarId");},_getMultiModeControl:function(){return this.getView().byId("fe::TabMultipleMode");},_getTableControlId:function(){return this.getView().getContent()[0].data("singleTableId");},_getCurrentTable:function(){if(!this._oListReportControl){var M=this._getMultiModeControl();if(M){this._oListReportControl=this.getView().byId(M.getSelectedKey()||M.getItems()[0].getKey());}else{this._oListReportControl=this.getView().byId(this._getTableControlId());}}return this._oListReportControl;},_getTableBinding:function(i){var k=i?this.getView().byId(i):this._getCurrentTable(),B=k&&k._getRowBinding();return B;},_getTables:function(){var i=this;if(this._isMultiMode()){var k=[];var x=this._getMultiModeControl();x.getItems().forEach(function(y){var z=i.getView().byId(y.getKey());if(z){k.push(z);}});return k;}return[this._getCurrentTable()];},_getDefaultPath:function(){var i=this.getView().getContent()[0].data("defaultPath");switch(i){case"primary":return v.Chart;case"secondary":return v.Table;case"both":default:return v.Hybrid;}},_isMultiMode:function(){if(!this._oListReportControl){this._bMultiMode=!!this._getMultiModeControl();}return this._bMultiMode;},_isMultiEntitySets:function(){return(this.getView().getContent()[0].data("isMultiEntitySets")==="true");},_hasMultiVisualizations:function(){return(this.getView().getContent()[0].data("hasMultiVisualizations")==="true");},_setShareModel:function(){var G=O.get("sap.ushell.Container.getUser");var i={bookmarkTitle:document.title,bookmarkCustomUrl:function(){var H=window.hasher.getHash();return H?"#"+H:window.location.href;},isShareInJamActive:!!G&&G().isJamActive()};var k=this.getOwnerComponent().getModel("_templPriv");k.setProperty("/listReport/share",i);},_updateMultiTableHiddenStatus:function(){var i=this._getCurrentTable();if(this._isMultiMode()&&i){var k=i.getId();var x=this._getTables();x.forEach(function(y){var z=y.getId();y.data("tableHidden",z!==k);});}},_updateMultiNotApplicableFields:function(i,k){var x={};var y={},z=this._getTables();z.forEach(function(A){var B=A.data("targetCollectionPath"),G=B.slice(1),H=A.getParent().getParent().getKey(),M=G+(A.data("enableAnalytics")==="true"?"Analytical":"Regular");if(!x[M]){x[M]=h.getNotApplicableFiltersForTable(k,A);}y[H]=x[M];});i.setProperty("tabs/ignoredFields",y);},_updateTableControl:function(){this._sEntitySet=undefined;this._oListReportControl=undefined;this._getCurrentTable();},_updateCounts:function(){this._updateMutliModeCounts();},_isCustomTab:function(){var M=this._getMultiModeControl();return M&&M.getSelectedKey().indexOf("::CustomTab::")>-1;},_updateMutliModeCounts:function(){var i=this;var B=[];var M=this._getMultiModeControl();if(M&&M.data("showCounts")==="true"&&!this._isCustomTab()){var x=this._getCurrentTable();var y=x.getId();var z=[];var A=M.getItems();A.forEach(function(k){var G=i.getView().byId(k.getKey());if(G&&(k.data("outdatedCounts")||G.getId()===y)){z.push({table:G,item:k});}});B=z.map(function(k){k.item.setCount("...");var G=k.table;var H=T.getFiltersInfoForSV(G,k.item.data("selectionVariant"));return T.getListBindingForCount(G,i.getView().getBindingContext(),{batchGroupId:G.getId()===y?G.data("batchGroupId"):"$auto",additionalFilters:H.filters});});Promise.all(B).then(function(G){for(var k in G){var H=z[k].item;H.setCount(T.getCountFormatted(G[k]));H.data("outdatedCounts",false);}}).catch(function(k){L.error("Error while retrieving the values for the icon tab bar",k);});}},_shouldAutoTriggerSearch:function(i){if(this.getView().getViewData().initialLoad===w.Auto&&(!i||i.getStandardVariantKey()===i.getCurrentVariantKey())){var k=this._getFilterBarControl(),x=k.getConditions();for(var y in x){if(!y.startsWith("$")&&Array.isArray(x[y])&&x[y].length){return true;}}}return false;},_updateTable:function(i){if(!i.isTableBound()||this.hasPendingChartChanges){i.rebindTable();this.hasPendingChartChanges=false;}},_updateChart:function(i){if(!i.isInnerChartBound()||this.hasPendingTableChanges){i.getControlDelegate().rebindChart(i,i.getBindingInfo("data"));this.hasPendingTableChanges=false;}},handlers:{onTabMultiModeChange:function(i){this._updateTableControl();this._updateMultiTableHiddenStatus();var k=this._getFilterBarControl();var x=this.getView().getBindingContext("internal");var y=this._getCurrentTable();var M=this._getMultiModeControl();x.setProperty("tabs/selected",M.getSelectedKey());if(k&&x.getProperty("hasPendingFilters")!==true){if(this._isCustomTab()){var z=k.getFilterConditions();this.onViewNeedsRefresh({filterConditions:z,currentTabId:M.getSelectedKey(),refreshCause:"tabChanged"});}else if(!y.getRowBinding()||y.data("outdatedRows")===true){y.rebindTable();y.data("outdatedRows",false);}}this.getExtensionAPI().updateAppState();},onFiltersChanged:function(i){var k=this._getFilterBarControl(),x=this.getView().getBindingContext("internal");this.onPendingFilters();x.setProperty("appliedFilters",k.getAssignedFiltersText().filtersText);x.setProperty("hasPendingFilters",true);if(i.getParameter("conditionsBased")){this.getExtensionAPI().updateAppState();}},onVariantSelected:function(i){var k=this,x=i.getSource();setTimeout(function(){if(k._shouldAutoTriggerSearch(x)){return k._getFilterBarControl().triggerSearch();}else{k.getExtensionAPI().updateAppState();}},0);},onVariantSaved:function(i){var k=this;setTimeout(function(){k.getExtensionAPI().updateAppState();},1000);},onSearch:function(i){var k=this;var x=this._getFilterBarControl();var y=this.getView().getBindingContext("internal");var M=this.getChartControl();y.setProperty("hasPendingFilters",false);if(this._isMultiMode()){var z=this._getTables(),A=this._getMultiModeControl();if(A&&A.data("showCounts")==="true"){var B=A.getItems();B.forEach(function(U){U.data("outdatedCounts",true);});}if(!this._isCustomTab()){var G=this._getCurrentTable().getId();this._updateMultiNotApplicableFields(y,x);z.forEach(function(U){U.data("outdatedRows",U.getId()!==G);});}else{var H=x.getFilterConditions();this.onViewNeedsRefresh({filterConditions:H,currentTabId:A.getSelectedKey(),refreshCause:"search"});}}if(M){M.getBindingContext("internal").setProperty("",{});var N=M.getBindingContext("pageInternal");var Q=N.getProperty(N.getPath()+"/alpContentView");if(Q===v.Chart){this.hasPendingChartChanges=true;}if(Q===v.Table){this.hasPendingTableChanges=true;}}b.retrieveExternalState(x).then(function(U){k.filterBarConditions=U.filter;}).catch(function(U){L.error("Error while retrieving the external state",U);});if(this.getView().getViewData().liveMode===false){this.getExtensionAPI().updateAppState();}},onChevronPressNavigateOutBound:function(i,k,x){var y=i.getAppComponent().getRoutingService().getOutbounds(),z=y[k];if(z&&z.semanticObject&&z.action){x=x&&x.isA&&x.isA("sap.ui.model.odata.v4.Context")?[x]:x;i._intentBasedNavigation.navigate(z.semanticObject,z.action,{navigationContexts:x});return Promise.resolve();}else{throw new Error("outbound target "+k+" not found in cross navigation definition of manifest");}},onChartSelectionChanged:function(i){var M=i.getSource(),k=this._getCurrentTable(),x=i.getParameter("dataContext"),y=this.getView().getBindingContext("internal");if(x&&x.data){f.fnUpdateChart(i);j.setChartFilters(M);}var z=y.getProperty(y.getPath()+"/alpContentView");if(z===v.Chart){this.hasPendingChartChanges=true;}else{k&&k.rebindTable();this.hasPendingChartChanges=false;}},onSegmentedButtonPressed:function(i){var k=i.mParameters.key?i.mParameters.key:null;var x=this.getView().getBindingContext("internal");x.setProperty("alpContentView",k);var y;var z=this.getChartControl();var A=this._getCurrentTable();var B={onAfterRendering:function(){var G=y.getItems();G.forEach(function(H){if(H.getKey()===k){H.focus();}});y.removeEventDelegate(B);}};y=k===v.Table?this._getSegmentedButton("Table"):this._getSegmentedButton("Chart");if(y!==i.getSource()){y.addEventDelegate(B);}switch(k){case v.Table:this._updateTable(A);break;case v.Chart:this._updateChart(z);break;case v.Hybrid:this._updateTable(A);this._updateChart(z);break;default:break;}this.getExtensionAPI().updateAppState();},onFiltersSegmentedButtonPressed:function(i){if(i.getParameter("key")==="Compact"){this._getFilterBarControl().setVisible(true);this.getView().byId(this.getView().getContent()[0].data("visualFilterBarId")).setVisible(false);}else{this._getFilterBarControl().setVisible(false);this.getView().byId(this.getView().getContent()[0].data("visualFilterBarId")).setVisible(true);}}},formatters:{setTabMessageStrip:function(i,k){var x="";if(Array.isArray(i)&&i.length>0&&k){var y=this._getFilterBarControl(),z=y.data("entityType"),M=this.getView().getModel().getMetaModel(),A=sap.ui.getCore().getLibraryResourceBundle("sap.fe.templates"),B=i.map(function(N){if(N==="$search"){var Q=sap.ui.getCore().getLibraryResourceBundle("sap.fe.macros");return Q?Q.getText("M_FILTERBAR_SEARCH"):"";}var U=M.getObject(z+N+"@com.sap.vocabularies.Common.v1.Label");return l.getLocalizedText(U,y);});if(A){var G="C_LR_MULTITABLES_"+(B.length===1?"SINGLE":"MULTI")+"_IGNORED_FILTER_"+(D.system.desktop?"LARGE":"SMALL"),H=l.getLocalizedText(k,y);x=A.getText(G,[B.join(", "),H]);}}return x;}}});});

package/packages/sap.fe.templates/src/sap/fe/templates/ListReport/manifest.json

@@ -0,0 +1,28 @@
+{
+	"_version": "1.14.0",
+	"sap.app": {
+		"id": "sap.fe.templates.ListReport",
+		"type": "component",
+		"applicationVersion": {
+			"version": "1.94.0"
+		},
+		"title": "List Report",
+		"tags": {
+			"keywords": ["List Report"]
+		},
+		"ach": "CA-UI5-FE",
+		"embeddedBy": "../",
+		"offline": false,
+		"resources": "resources.json"
+	},
+	"sap.ui5": {
+		"services": {
+			"templatedViewService": {
+				"settings": {
+					"converterType": "ListReport"
+				}
+			}
+		},
+		"handleValidation": true
+	}
+}

package/packages/sap.fe.templates/src/sap/fe/templates/ListReport/overrides/IntentBasedNavigation-dbg.js

@@ -0,0 +1,52 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+sap.ui.define(["sap/fe/core/CommonUtils"], function(CommonUtils) {
+	"use strict";
+	return {
+		adaptNavigationContext: function(oSelectionVariant, oTargetInfo) {
+			// Adding filter bar values to the navigation does not make sense if no context has been selected.
+			// Hence only consider filter bar values when SelectionVaraint is not empty
+			if (!oSelectionVariant.isEmpty()) {
+				var oView = this.getView(),
+					oViewData = oView.getViewData(),
+					oController = oView.getController(),
+					sRootPath = oViewData.fullContextPath + oViewData.entitySet;
+				var oFilterBarConditions = Object.assign({}, this.base.getView().getController().filterBarConditions);
+				var aParameters = [];
+
+				if (oViewData.contextPath) {
+					var oMetaModel = oView.getModel().getMetaModel(),
+						oParameterInfo = CommonUtils.getParameterInfo(oMetaModel, oViewData.contextPath),
+						oParamProperties = oParameterInfo.parameterProperties;
+					aParameters = (oParamProperties && Object.keys(oParamProperties)) || [];
+				}
+
+				oFilterBarConditions = oController._intentBasedNavigation.prepareFiltersForExternalNavigation(
+					oFilterBarConditions,
+					sRootPath,
+					aParameters
+				);
+				var oInternalModelContext = oView.getBindingContext("internal");
+				var mTabs = oInternalModelContext.getProperty("tabs");
+				// Do we need to exclude Fields (mutli tables mode)?
+				if (mTabs) {
+					var aIgnoredFieldsForTab = mTabs.ignoredFields[mTabs.selected];
+					if (Array.isArray(aIgnoredFieldsForTab) && aIgnoredFieldsForTab.length > 0) {
+						aIgnoredFieldsForTab.forEach(function(sProperty) {
+							delete oFilterBarConditions.filterConditions[sProperty];
+						});
+					}
+				}
+				// TODO: move this also into the intent based navigation controller extension
+				CommonUtils.addExternalStateFiltersToSelectionVariant(oSelectionVariant, oFilterBarConditions, oTargetInfo);
+				delete oTargetInfo.propertiesWithoutConflict;
+			}
+		},
+		getEntitySet: function() {
+			return this.base.getCurrentEntitySet();
+		}
+	};
+});

package/packages/sap.fe.templates/src/sap/fe/templates/ListReport/overrides/IntentBasedNavigation.js

@@ -0,0 +1,6 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+sap.ui.define(["sap/fe/core/CommonUtils"],function(C){"use strict";return{adaptNavigationContext:function(s,t){if(!s.isEmpty()){var v=this.getView(),V=v.getViewData(),c=v.getController(),r=V.fullContextPath+V.entitySet;var f=Object.assign({},this.base.getView().getController().filterBarConditions);var p=[];if(V.contextPath){var m=v.getModel().getMetaModel(),P=C.getParameterInfo(m,V.contextPath),o=P.parameterProperties;p=(o&&Object.keys(o))||[];}f=c._intentBasedNavigation.prepareFiltersForExternalNavigation(f,r,p);var i=v.getBindingContext("internal");var T=i.getProperty("tabs");if(T){var I=T.ignoredFields[T.selected];if(Array.isArray(I)&&I.length>0){I.forEach(function(a){delete f.filterConditions[a];});}}C.addExternalStateFiltersToSelectionVariant(s,f,t);delete t.propertiesWithoutConflict;}},getEntitySet:function(){return this.base.getCurrentEntitySet();}};});

package/packages/sap.fe.templates/src/sap/fe/templates/ListReport/overrides/Share-dbg.js

@@ -0,0 +1,124 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+sap.ui.define(
+	["sap/fe/core/helpers/SemanticDateOperators", "sap/ui/core/routing/HashChanger", "sap/fe/core/CommonUtils", "sap/base/Log"],
+	function(SemanticDateOperators, HashChanger, CommonUtils, Log) {
+		"use strict";
+
+		/**
+		 * Get count url URL for the entity bound to the LR table(s).
+		 * @param {object} oController The Controller instance
+		 * @returns {string} The service URL with /$count
+		 */
+		function getCountUrl(oController) {
+			var sTableId = oController
+				.getView()
+				.getContent()[0]
+				.data().singleTableId;
+			if (!sTableId) {
+				// if single table id is not there then get the selected table id from multiple tabs
+				sTableId = oController
+					.getView()
+					.byId("fe::TabMultipleMode")
+					.getSelectedKey();
+			}
+			var oTable = oController.getView().byId(sTableId);
+			if (!oTable) {
+				return "";
+			}
+			var oBinding = oTable.getRowBinding() || oTable.getBinding("items");
+			var sDownloadUrl = (oBinding && oBinding.getDownloadUrl()) || "";
+			var aSplitUrl = sDownloadUrl.split("?");
+			var baseUrl = aSplitUrl[0] + "/$count?";
+			// getDownloadUrl() returns url with $select, $expand which is not supported when /$count is used to get the record count. only $apply, $search, $filter is supported
+			// ?$count=true returns count in a format which is not supported by FLP yet.
+			// currently supported format for v4 is ../count.. only (where tile preview will still not work)
+			var aSupportedParams = [];
+			if (aSplitUrl.length > 1) {
+				var urlParams = aSplitUrl[1];
+				urlParams.split("&").forEach(function(urlParam) {
+					var aUrlParamParts = urlParam.split("=");
+					switch (aUrlParamParts[0]) {
+						case "$apply":
+						case "$search":
+						case "$filter":
+							aSupportedParams.push(urlParam);
+					}
+				});
+			}
+			return baseUrl + aSupportedParams.join("&");
+		}
+
+		function getShareUrl() {
+			var sShareUrl;
+			var sHash = HashChanger.getInstance().getHash();
+			var sBasePath = HashChanger.getInstance().hrefForAppSpecificHash ? HashChanger.getInstance().hrefForAppSpecificHash("") : "";
+			sShareUrl = sHash ? sBasePath + sHash : window.location.hash;
+			return sShareUrl;
+		}
+
+		function getSaveAsTileServiceUrl(oController) {
+			var oFilterBar = oController.getView().byId(
+				oController
+					.getView()
+					.getContent()[0]
+					.data("filterBarId")
+			);
+			var oConditions = oFilterBar.getFilterConditions();
+			var bsaveAsTileServiceUrlAllowed = SemanticDateOperators.hasSemanticDateOperations(oConditions);
+			if (bsaveAsTileServiceUrlAllowed) {
+				return getCountUrl(oController);
+			} else {
+				return "";
+			}
+		}
+
+		function getJamUrl() {
+			var sJamUrl;
+			var sHash = HashChanger.getInstance().getHash();
+			var sBasePath = HashChanger.getInstance().hrefForAppSpecificHash ? HashChanger.getInstance().hrefForAppSpecificHash("") : "";
+			sJamUrl = sHash ? sBasePath + sHash : window.location.hash;
+			// in case we are in cFLP scenario, the application is running
+			// inside an iframe, and there for we need to get the cFLP URL
+			// and not 'document.URL' that represents the iframe URL
+			if (sap.ushell && sap.ushell.Container && sap.ushell.Container.runningInIframe && sap.ushell.Container.runningInIframe()) {
+				sap.ushell.Container.getFLPUrl(true)
+					.then(function(sUrl) {
+						return sUrl.substr(0, sUrl.indexOf("#")) + sJamUrl;
+					})
+					.catch(function(sError) {
+						Log.error("Could not retrieve cFLP URL for the sharing dialog (dialog will not be opened)", sError);
+					});
+			} else {
+				return window.location.origin + window.location.pathname + sJamUrl;
+			}
+		}
+
+		return {
+			adaptShareMetadata: function(oShareMetadata) {
+				var that = this;
+				return Promise.resolve(getJamUrl()).then(function(sJamUrl) {
+					var oAppComponent = CommonUtils.getAppComponent(that.base.getView());
+					var oMetadata = oAppComponent.getMetadata();
+					var oUIManifest = oMetadata.getManifestEntry("sap.ui");
+					var sIcon = (oUIManifest && oUIManifest.icons && oUIManifest.icons.icon) || "";
+					var oAppManifest = oMetadata.getManifestEntry("sap.app");
+					var sTitle = (oAppManifest && oAppManifest.title) || "";
+					// TODO: check if there is any semantic date used before adding serviceURL as BLI:FIORITECHP1-18023
+					oShareMetadata.tile = {
+						icon: sIcon,
+						title: sTitle,
+						queryUrl: getSaveAsTileServiceUrl(that.base)
+					};
+					oShareMetadata.title = document.title;
+					oShareMetadata.url = getShareUrl();
+					oShareMetadata.jam.url = sJamUrl;
+					return oShareMetadata;
+				});
+			}
+		};
+	}
+);

package/packages/sap.fe.templates/src/sap/fe/templates/ListReport/overrides/Share.js

@@ -0,0 +1,6 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+sap.ui.define(["sap/fe/core/helpers/SemanticDateOperators","sap/ui/core/routing/HashChanger","sap/fe/core/CommonUtils","sap/base/Log"],function(S,H,C,L){"use strict";function g(o){var t=o.getView().getContent()[0].data().singleTableId;if(!t){t=o.getView().byId("fe::TabMultipleMode").getSelectedKey();}var T=o.getView().byId(t);if(!T){return"";}var B=T.getRowBinding()||T.getBinding("items");var d=(B&&B.getDownloadUrl())||"";var s=d.split("?");var e=s[0]+"/$count?";var f=[];if(s.length>1){var u=s[1];u.split("&").forEach(function(h){var U=h.split("=");switch(U[0]){case"$apply":case"$search":case"$filter":f.push(h);}});}return e+f.join("&");}function a(){var s;var h=H.getInstance().getHash();var B=H.getInstance().hrefForAppSpecificHash?H.getInstance().hrefForAppSpecificHash(""):"";s=h?B+h:window.location.hash;return s;}function b(o){var f=o.getView().byId(o.getView().getContent()[0].data("filterBarId"));var d=f.getFilterConditions();var e=S.hasSemanticDateOperations(d);if(e){return g(o);}else{return"";}}function c(){var j;var h=H.getInstance().getHash();var B=H.getInstance().hrefForAppSpecificHash?H.getInstance().hrefForAppSpecificHash(""):"";j=h?B+h:window.location.hash;if(sap.ushell&&sap.ushell.Container&&sap.ushell.Container.runningInIframe&&sap.ushell.Container.runningInIframe()){sap.ushell.Container.getFLPUrl(true).then(function(u){return u.substr(0,u.indexOf("#"))+j;}).catch(function(e){L.error("Could not retrieve cFLP URL for the sharing dialog (dialog will not be opened)",e);});}else{return window.location.origin+window.location.pathname+j;}}return{adaptShareMetadata:function(s){var t=this;return Promise.resolve(c()).then(function(j){var A=C.getAppComponent(t.base.getView());var m=A.getMetadata();var u=m.getManifestEntry("sap.ui");var i=(u&&u.icons&&u.icons.icon)||"";var o=m.getManifestEntry("sap.app");var T=(o&&o.title)||"";s.tile={icon:i,title:T,queryUrl:b(t.base)};s.title=document.title;s.url=a();s.jam.url=j;return s;});}};});

package/packages/sap.fe.templates/src/sap/fe/templates/ListReport/overrides/ViewState-dbg.js

@@ -0,0 +1,264 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+sap.ui.define(
+	[
+		"sap/fe/core/library",
+		"sap/fe/navigation/library",
+		"sap/fe/core/CommonUtils",
+		"sap/ui/fl/apply/api/ControlVariantApplyAPI",
+		"sap/ui/mdc/p13n/StateUtil",
+		"sap/ui/Device",
+		"sap/ui/mdc/enum/ConditionValidated"
+	],
+	function(CoreLibrary, NavLibrary, CommonUtils, ControlVariantApplyAPI, StateUtil, Device, ConditionValidated) {
+		"use strict";
+
+		var NavType = NavLibrary.NavType,
+			VariantManagement = CoreLibrary.VariantManagement,
+			TemplateContentView = CoreLibrary.TemplateContentView,
+			InitialLoadMode = CoreLibrary.InitialLoadMode;
+
+		return {
+			applyInitialStateOnly: function() {
+				return true;
+			},
+			onBeforeStateApplied: function(aPromises) {
+				var oView = this.getView(),
+					oController = oView.getController(),
+					oFilterBar = oController._getFilterBarControl(),
+					aTables = oController._getTables();
+
+				oFilterBar.setSuspendSelection(true);
+				aTables.forEach(function(oTable) {
+					aPromises.push(oTable.initialized());
+				});
+				aPromises.push(oFilterBar.initialized());
+
+				delete this._bSearchTriggered;
+			},
+			onAfterStateApplied: function() {
+				var oView = this.getView(),
+					oController = oView.getController();
+				oController._getFilterBarControl().setSuspendSelection(false);
+			},
+			adaptStateControls: function(aStateControls) {
+				var oView = this.getView(),
+					oController = oView.getController(),
+					oViewData = oView.getViewData(),
+					bControlVM = oViewData.variantManagement === VariantManagement.Control;
+
+				if (oController._isMultiMode()) {
+					aStateControls.push(oController._getMultiModeControl());
+				}
+
+				var oFilterBarVM = this._getFilterBarVM(oView);
+				if (oFilterBarVM) {
+					aStateControls.push(oFilterBarVM);
+				}
+				oController._getTables().forEach(function(oTable) {
+					var oQuickFilter = oTable.getQuickFilter();
+					if (oQuickFilter) {
+						aStateControls.push(oQuickFilter);
+					}
+					if (bControlVM) {
+						aStateControls.push(oTable.getVariant());
+					}
+				});
+
+				if (oController._hasMultiVisualizations()) {
+					aStateControls.push(oController._getSegmentedButton(TemplateContentView.Chart));
+					aStateControls.push(oController._getSegmentedButton(TemplateContentView.Table));
+				}
+				aStateControls.push(oController._getFilterBarControl());
+				aStateControls.push(oView.byId("fe::ListReport"));
+			},
+			retrieveAdditionalStates: function(mAdditionalStates) {
+				var oView = this.getView(),
+					oController = oView.getController(),
+					bPendingFilter = oView.getBindingContext("internal").getProperty("hasPendingFilters");
+
+				mAdditionalStates.dataLoaded = !bPendingFilter || !!this._bSearchTriggered;
+				if (oController._hasMultiVisualizations()) {
+					var sAlpContentView = oView.getBindingContext("internal").getProperty("alpContentView");
+					mAdditionalStates.alpContentView = sAlpContentView;
+				}
+
+				delete this._bSearchTriggered;
+			},
+			applyAdditionalStates: function(oAdditionalStates) {
+				var oView = this.getView(),
+					oController = oView.getController(),
+					oFilterBar = oController._getFilterBarControl();
+
+				if (oAdditionalStates) {
+					// explicit check for boolean values - 'undefined' should not alter the triggered search property
+					if (oAdditionalStates.dataLoaded === false) {
+						oFilterBar._bSearchTriggered = false;
+					} else if (oAdditionalStates.dataLoaded === true) {
+						oController._getFilterBarControl().triggerSearch();
+						this._bSearchTriggered = true;
+					}
+					if (oController._hasMultiVisualizations()) {
+						var oInternalModelContext = oView.getBindingContext("internal");
+						if (!Device.system.desktop && oAdditionalStates.alpContentView == TemplateContentView.Hybrid) {
+							oAdditionalStates.alpContentView = TemplateContentView.Chart;
+						}
+						oInternalModelContext
+							.getModel()
+							.setProperty(oInternalModelContext.getPath() + "/alpContentView", oAdditionalStates.alpContentView);
+					}
+				}
+			},
+			applyNavigationParameters: function(oNavigationParameter, aResults) {
+				var oView = this.getView(),
+					that = this;
+				var oRes = this._applySelectionVariant(oView, oNavigationParameter).then(function() {
+					var oController = oView.getController();
+					var oDynamicPage = oView.byId("fe::ListReport");
+					var bPreventInitialSearch = false;
+					var oFilterBarVM = that._getFilterBarVM(oView);
+					var oFilterBarControl = oController._getFilterBarControl();
+					if (
+						oNavigationParameter.navigationType !== NavType.initial ||
+						(!oFilterBarVM && oView.getViewData().initialLoad === InitialLoadMode.Enabled) ||
+						oController._shouldAutoTriggerSearch(oFilterBarVM)
+					) {
+						oFilterBarControl.triggerSearch();
+					} else {
+						bPreventInitialSearch = that._preventInitialSearch(oFilterBarVM);
+					}
+					that._bSearchTriggered = !bPreventInitialSearch;
+					oDynamicPage.setHeaderExpanded(Device.system.desktop || bPreventInitialSearch);
+				});
+				aResults.push(oRes);
+			},
+
+			/************************************* private helper *****************************************/
+
+			_getFilterBarVM: function(oView) {
+				var oViewData = oView.getViewData();
+				switch (oViewData.variantManagement) {
+					case VariantManagement.Page:
+						return oView.byId("fe::PageVariantManagement");
+					case VariantManagement.Control:
+						return oView.byId(oView.getContent()[0].data("filterBarVariantId"));
+					case VariantManagement.None:
+						return null;
+					default:
+						throw new Error("unhandled variant setting: " + oViewData.variantManagement);
+				}
+			},
+
+			_preventInitialSearch: function(oVariantManagement) {
+				if (!oVariantManagement) {
+					return true;
+				}
+				var aVariants = oVariantManagement.getVariants();
+				var oCurrentVariant = aVariants.find(function(oItem) {
+					return oItem.key === oVariantManagement.getCurrentVariantKey();
+				});
+				return !oCurrentVariant.executeOnSelect;
+			},
+
+			_applySelectionVariant: function(oView, oNavigationParameter) {
+				var oSelectionVariant = oNavigationParameter.selectionVariant,
+					oSelectionVariantDefaults = oNavigationParameter.selectionVariantDefaults;
+				if (!oSelectionVariant) {
+					return Promise.resolve();
+				}
+
+				var oConditions = {},
+					oMetaModel = oView.getModel().getMetaModel(),
+					oViewData = oView.getViewData(),
+					sContextPath = oViewData.contextPath || "/" + oViewData.entitySet,
+					oFilterBar = oView.byId(oView.getContent()[0].data("filterBarId")),
+					aMandatoryFilterFields = CommonUtils.getMandatoryFilterFields(oMetaModel, sContextPath),
+					oVariant,
+					bRequiresStandardVariant = oNavigationParameter.requiresStandardVariant;
+
+				CommonUtils.addDefaultDisplayCurrency(aMandatoryFilterFields, oSelectionVariant, oSelectionVariantDefaults);
+				CommonUtils.addSelectionVariantToConditions(oSelectionVariant, oConditions, oMetaModel, sContextPath);
+				switch (oViewData.variantManagement) {
+					case VariantManagement.Page:
+						oVariant = oView.byId("fe::PageVariantManagement");
+						break;
+					case VariantManagement.Control:
+						oVariant = oView.byId(oView.getContent()[0].data("filterBarVariantId"));
+						break;
+					case VariantManagement.None:
+					default:
+						break;
+				}
+				return this._activateSelectionVariant(oFilterBar, oConditions, oVariant, bRequiresStandardVariant);
+			},
+			_activateSelectionVariant: function(oFilterBar, oConditions, oVariant, bRequiresStandardVariant) {
+				var that = this,
+					oPromise;
+
+				if (oVariant) {
+					var 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(function(bClearFilterAndReplaceWithAppState) {
+					if (bClearFilterAndReplaceWithAppState) {
+						return that._fnClearFilterAndReplaceWithAppState(oFilterBar, oConditions);
+					}
+				});
+			},
+			_fnApplyConditions: function(oFilterBar, oConditions) {
+				var mFilter = {},
+					aItems = [],
+					fnAdjustValueHelpCondition = function(oCondition) {
+						// 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;
+					};
+				return oFilterBar.initialized().then(function() {
+					oFilterBar
+						.getPropertyInfoSet()
+						.filter(function(oPropertyInfo) {
+							return oPropertyInfo.path !== "$editState" && oPropertyInfo.path !== "$search";
+						})
+						.forEach(function(oPropertyInfo) {
+							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] = [];
+							}
+						});
+					return StateUtil.applyExternalState(oFilterBar, { filter: mFilter, items: aItems });
+				});
+			},
+			_fnClearFilterAndReplaceWithAppState: function(oFilterBar, oConditions) {
+				return this._fnApplyConditions(oFilterBar, {}).then(this._fnApplyConditions.bind(this, oFilterBar, oConditions));
+			}
+		};
+	}
+);

package/packages/sap.fe.templates/src/sap/fe/templates/ListReport/overrides/ViewState.js

@@ -0,0 +1,6 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+        (c) Copyright 2009-2021 SAP SE. All rights reserved
+    
+ */
+sap.ui.define(["sap/fe/core/library","sap/fe/navigation/library","sap/fe/core/CommonUtils","sap/ui/fl/apply/api/ControlVariantApplyAPI","sap/ui/mdc/p13n/StateUtil","sap/ui/Device","sap/ui/mdc/enum/ConditionValidated"],function(C,N,a,b,S,D,c){"use strict";var d=N.NavType,V=C.VariantManagement,T=C.TemplateContentView,I=C.InitialLoadMode;return{applyInitialStateOnly:function(){return true;},onBeforeStateApplied:function(p){var v=this.getView(),o=v.getController(),f=o._getFilterBarControl(),t=o._getTables();f.setSuspendSelection(true);t.forEach(function(e){p.push(e.initialized());});p.push(f.initialized());delete this._bSearchTriggered;},onAfterStateApplied:function(){var v=this.getView(),o=v.getController();o._getFilterBarControl().setSuspendSelection(false);},adaptStateControls:function(s){var v=this.getView(),o=v.getController(),e=v.getViewData(),f=e.variantManagement===V.Control;if(o._isMultiMode()){s.push(o._getMultiModeControl());}var F=this._getFilterBarVM(v);if(F){s.push(F);}o._getTables().forEach(function(t){var q=t.getQuickFilter();if(q){s.push(q);}if(f){s.push(t.getVariant());}});if(o._hasMultiVisualizations()){s.push(o._getSegmentedButton(T.Chart));s.push(o._getSegmentedButton(T.Table));}s.push(o._getFilterBarControl());s.push(v.byId("fe::ListReport"));},retrieveAdditionalStates:function(A){var v=this.getView(),o=v.getController(),p=v.getBindingContext("internal").getProperty("hasPendingFilters");A.dataLoaded=!p||!!this._bSearchTriggered;if(o._hasMultiVisualizations()){var s=v.getBindingContext("internal").getProperty("alpContentView");A.alpContentView=s;}delete this._bSearchTriggered;},applyAdditionalStates:function(A){var v=this.getView(),o=v.getController(),f=o._getFilterBarControl();if(A){if(A.dataLoaded===false){f._bSearchTriggered=false;}else if(A.dataLoaded===true){o._getFilterBarControl().triggerSearch();this._bSearchTriggered=true;}if(o._hasMultiVisualizations()){var i=v.getBindingContext("internal");if(!D.system.desktop&&A.alpContentView==T.Hybrid){A.alpContentView=T.Chart;}i.getModel().setProperty(i.getPath()+"/alpContentView",A.alpContentView);}}},applyNavigationParameters:function(n,r){var v=this.getView(),t=this;var R=this._applySelectionVariant(v,n).then(function(){var o=v.getController();var e=v.byId("fe::ListReport");var p=false;var f=t._getFilterBarVM(v);var F=o._getFilterBarControl();if(n.navigationType!==d.initial||(!f&&v.getViewData().initialLoad===I.Enabled)||o._shouldAutoTriggerSearch(f)){F.triggerSearch();}else{p=t._preventInitialSearch(f);}t._bSearchTriggered=!p;e.setHeaderExpanded(D.system.desktop||p);});r.push(R);},_getFilterBarVM:function(v){var o=v.getViewData();switch(o.variantManagement){case V.Page:return v.byId("fe::PageVariantManagement");case V.Control:return v.byId(v.getContent()[0].data("filterBarVariantId"));case V.None:return null;default:throw new Error("unhandled variant setting: "+o.variantManagement);}},_preventInitialSearch:function(v){if(!v){return true;}var e=v.getVariants();var o=e.find(function(i){return i.key===v.getCurrentVariantKey();});return!o.executeOnSelect;},_applySelectionVariant:function(v,n){var s=n.selectionVariant,o=n.selectionVariantDefaults;if(!s){return Promise.resolve();}var e={},m=v.getModel().getMetaModel(),f=v.getViewData(),g=f.contextPath||"/"+f.entitySet,F=v.byId(v.getContent()[0].data("filterBarId")),M=a.getMandatoryFilterFields(m,g),h,r=n.requiresStandardVariant;a.addDefaultDisplayCurrency(M,s,o);a.addSelectionVariantToConditions(s,e,m,g);switch(f.variantManagement){case V.Page:h=v.byId("fe::PageVariantManagement");break;case V.Control:h=v.byId(v.getContent()[0].data("filterBarVariantId"));break;case V.None:default:break;}return this._activateSelectionVariant(F,e,h,r);},_activateSelectionVariant:function(f,o,v,r){var t=this,p;if(v){var e=r?v.getStandardVariantKey():v.getDefaultVariantKey();if(e===null){e=v.getId();}p=b.activateVariant({element:v,variantReference:e}).then(function(){return r||v.getDefaultVariantKey()===v.getStandardVariantKey();});}else{p=Promise.resolve(true);}return p.then(function(g){if(g){return t._fnClearFilterAndReplaceWithAppState(f,o);}});},_fnApplyConditions:function(f,o){var F={},i=[],A=function(e){e.validated=c.Validated;if(e.operator==="Empty"){e.operator="EQ";e.values=[""];}else if(e.operator==="NotEmpty"){e.operator="NE";e.values=[""];}delete e.isEmpty;};return f.initialized().then(function(){f.getPropertyInfoSet().filter(function(p){return p.path!=="$editState"&&p.path!=="$search";}).forEach(function(p){if(p.path in o){F[p.path]=o[p.path];if(!p.hiddenFilter){i.push({name:p.path});}if(p.hasValueHelp){F[p.path].forEach(A);}}else{F[p.path]=[];}});return S.applyExternalState(f,{filter:F,items:i});});},_fnClearFilterAndReplaceWithAppState:function(f,o){return this._fnApplyConditions(f,{}).then(this._fnApplyConditions.bind(this,f,o));}};});

package/packages/sap.fe.templates/src/sap/fe/templates/ListReport/resources.json

@@ -0,0 +1,79 @@
+{
+	"_version": "1.1.0",
+	"resources": [
+		{
+			"name": "Component-dbg.js",
+			"size": 937,
+			"isDebug": true
+		},
+		{
+			"name": "Component.js",
+			"size": 402
+		},
+		{
+			"name": "ExtensionAPI-dbg.js",
+			"size": 3418,
+			"isDebug": true
+		},
+		{
+			"name": "ExtensionAPI.js",
+			"size": 790
+		},
+		{
+			"name": "ListReport.view.xml",
+			"size": 10310
+		},
+		{
+			"name": "ListReportController-dbg.controller.js",
+			"size": 33870,
+			"isDebug": true
+		},
+		{
+			"name": "ListReportController.controller.js",
+			"size": 15919
+		},
+		{
+			"name": "manifest.json",
+			"size": 490
+		},
+		{
+			"name": "overrides/IntentBasedNavigation-dbg.js",
+			"size": 2140,
+			"isDebug": true
+		},
+		{
+			"name": "overrides/IntentBasedNavigation.js",
+			"size": 995
+		},
+		{
+			"name": "overrides/Share-dbg.js",
+			"size": 4656,
+			"isDebug": true
+		},
+		{
+			"name": "overrides/Share.js",
+			"size": 2089
+		},
+		{
+			"name": "overrides/ViewState-dbg.js",
+			"size": 9945,
+			"isDebug": true
+		},
+		{
+			"name": "overrides/ViewState.js",
+			"size": 4956
+		},
+		{
+			"name": "view/fragments/CollectionVisualization.fragment.xml",
+			"size": 1566
+		},
+		{
+			"name": "view/fragments/CustomView.fragment.xml",
+			"size": 333
+		},
+		{
+			"name": "view/fragments/MultipleMode.fragment.xml",
+			"size": 1891
+		}
+	]
+}

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

@@ -0,0 +1,32 @@
+<core:FragmentDefinition
+	xmlns="sap.fe.templates.controls"
+	xmlns:m="sap.m"
+	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">
+								<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" />
+				</template:repeat>
+			</template:else>
+		</template:if>
+</core:FragmentDefinition>