@sapui5/sap.fe.templates 1.94.0 → 1.96.3

package/src/sap/fe/templates/ObjectPage/ObjectPageController.controller.js

@@ -1,12 +1,11 @@
 /*!
  * SAPUI5
- * (c) Copyright 2009-2021 SAP SE. All rights reserved.
+ * (c) Copyright 2009-2022 SAP SE. All rights reserved.
  */
 sap.ui.define(
 	[
 		"sap/fe/core/PageController",
 		"sap/fe/core/controllerextensions/InternalRouting",
-		"./overrides/Routing",
 		"./overrides/InternalRouting",
 		"sap/fe/core/controllerextensions/SideEffects",
 		"sap/fe/core/controllerextensions/EditFlow",
@@ -38,12 +37,15 @@ sap.ui.define(
 		"./overrides/Share",
 		"sap/fe/macros/DelegateUtil",
 		"sap/fe/macros/CommonHelper",
-		"sap/ui/model/json/JSONModel"
+		"sap/fe/templates/TableScroller",
+		"sap/ui/model/json/JSONModel",
+		"sap/fe/core/controllerextensions/Paginator",
+		"./overrides/Paginator",
+		"sap/fe/core/controllerextensions/Placeholder"
 	],
 	function(
 		PageController,
 		InternalRouting,
-		RoutingOverride,
 		InternalRoutingOverride,
 		SideEffects,
 		EditFlow,
@@ -75,7 +77,11 @@ sap.ui.define(
 		ShareOverrides,
 		DelegateUtil,
 		CommonHelper,
-		JSONModel
+		TableScroller,
+		JSONModel,
+		Paginator,
+		PaginatorOverride,
+		Placeholder
 	) {
 		"use strict";
 
@@ -93,21 +99,22 @@ sap.ui.define(
 					}
 				}
 			},
+			placeholder: Placeholder,
 			sideEffects: SideEffects,
 			editFlow: EditFlow,
 			share: Share.override(ShareOverrides),
 			_editFlow: InternalEditFlow.override(EditFlowOverrides),
 			_routing: InternalRouting.override(InternalRoutingOverride),
+			paginator: Paginator.override(PaginatorOverride),
 			messageHandler: MessageHandler.override(MessageHandlerOverride),
 			intentBasedNavigation: IntentBasedNavigation.override(IntentBasedNavigationOverride),
 			_intentBasedNavigation: InternalIntentBasedNavigation.override({
 				getNavigationMode: function() {
 					var bIsStickyEditMode =
 						this._oView.getController().getStickyEditMode && this._oView.getController().getStickyEditMode();
-					return bIsStickyEditMode ? "explace" : "inplace";
+					return bIsStickyEditMode ? "explace" : undefined;
 				}
 			}),
-			routing: Routing.override(RoutingOverride),
 			viewState: ViewState.override(ViewStateOverrides),
 			pageReady: PageReady.override({
 				isContextExpected: function() {
@@ -161,11 +168,22 @@ sap.ui.define(
 				}
 				this.extensionAPI && this.extensionAPI.destroy();
 				delete this.extensionAPI;
+
+				var oMessageButton = this.getView().byId("fe::FooterBar::MessageButton"),
+					oMessagePopover = oMessageButton ? oMessageButton.oMessagePopover : null;
+				if (oMessagePopover && oMessagePopover.isOpen()) {
+					oMessagePopover.close();
+				}
 			},
 
 			_getTableBinding: function(oTable) {
 				return oTable && oTable.getRowBinding();
 			},
+
+			onBeforeRendering: function() {
+				PageController.prototype.onBeforeRendering.apply(this);
+			},
+
 			onAfterRendering: function(oEvent) {
 				var that = this;
 				this.getView()
@@ -187,7 +205,9 @@ sap.ui.define(
 					oObjectPage = this.byId("fe::ObjectPage"),
 					oBinding = mParameters.listBinding,
 					oInternalModelContext = that.getView().getBindingContext("internal"),
-					aBatchGroups = oInternalModelContext.getProperty("batchGroups");
+					aBatchGroups = oInternalModelContext.getProperty("batchGroups"),
+					iViewLevel = this.getView().getViewData().viewLevel;
+
 				aBatchGroups.push("$auto");
 				if (mParameters.bDraftNavigation !== true) {
 					this._closeSideContent();
@@ -240,10 +260,9 @@ sap.ui.define(
 				});
 
 				//Set the Binding for Paginators using ListBinding ID
-				var oPaginator = that.byId("fe::Paginator");
-				if (oBinding && oPaginator) {
+				if (oBinding && iViewLevel > 1) {
 					if (oBinding.isA("sap.ui.model.odata.v4.ODataListBinding")) {
-						oPaginator.setListBinding(oBinding);
+						this.paginator.initialize(oBinding, oContext);
 					} else {
 						//if the binding type is not ODataListBinding because of a deeplink navigation or a refresh of the page
 						// we need to create it
@@ -257,13 +276,12 @@ sap.ui.define(
 						oBinding.getContexts(0);
 						oBinding.attachEvent("change", function _setListBindingAsync() {
 							if (oBinding.getContexts().length > 0) {
-								oPaginator.setListBinding(oBinding);
+								that.paginator.initialize(oBinding, oContext);
 								oBinding.detachEvent("change", _setListBindingAsync);
 							}
 						});
 					}
 				}
-
 				if (oObjectPage.getEnableLazyLoading()) {
 					var aSections = oObjectPage.getSections(),
 						bUseIconTabBar = oObjectPage.getUseIconTabBar(),
@@ -277,11 +295,21 @@ sap.ui.define(
 							// In IconTabBar mode keep the second section bound if there is an editable header and we are switching to display mode
 							if (iSkip < 1 || (bUseIconTabBar && (iSection > 1 || (iSection === 1 && !bEditableHeader && !bIsInEditMode)))) {
 								var oSubSection = aSubSections[iSubSection];
-								oSubSection.setBindingContext(null);
+								if (oSubSection.data().isVisibilityDynamic !== "true") {
+									oSubSection.setBindingContext(null);
+								}
 							}
 						}
 					}
 				}
+
+				if (this.placeholder.isPlaceholderEnabled() && mParameters.showPlaceholder) {
+					var oView = this.getView();
+					var oNavContainer = oView.getParent().oContainer.getParent();
+					if (oNavContainer) {
+						oNavContainer.showPlaceholder({});
+					}
+				}
 			},
 
 			_getFirstClickableElement: function(oObjectPage) {
@@ -289,7 +317,7 @@ sap.ui.define(
 				var aActions = oObjectPage.getHeaderTitle() && oObjectPage.getHeaderTitle().getActions();
 				if (aActions && aActions.length) {
 					oFirstClickableElement = aActions.find(function(oAction) {
-						return oAction.getVisible();
+						return oAction.getVisible() && oAction.getEnabled();
 					});
 				}
 				return oFirstClickableElement;
@@ -328,37 +356,28 @@ sap.ui.define(
 				return undefined;
 			},
 
-			initialTab: {
-				value: true
+			_updateFocusInEditMode: function(aSubSections) {
+				var oObjectPage = this.byId("fe::ObjectPage");
+
+				var oMandatoryField = this._getFirstEmptyMandatoryFieldFromSubSection(aSubSections);
+				var oFieldToFocus;
+				if (oMandatoryField) {
+					oFieldToFocus = oMandatoryField.content.getContentEdit()[0];
+				} else {
+					oFieldToFocus = oObjectPage._getFirstEditableInput() || this._getFirstClickableElement(oObjectPage);
+				}
+
+				if (oFieldToFocus) {
+					setTimeout(function() {
+						// We set the focus in a timeeout, otherwise the focus sometimes goes to the TabBar
+						oFieldToFocus.focus();
+					}, 0);
+				}
 			},
 
 			_handleSubSectionEnteredViewPort: function(oEvent) {
 				var oSubSection = oEvent.getParameter("subSection");
-				var oInternalModelContext = this.getView().getBindingContext("internal");
 				oSubSection.setBindingContext(undefined);
-				var oObjectPage = this.byId("fe::ObjectPage");
-				if (oObjectPage.getModel("ui").getProperty("/editMode") !== "Display") {
-					if (
-						this.getView().getViewData().sectionLayout === "Tabs" &&
-						this.initialTab.value === false &&
-						oInternalModelContext.getProperty("errorNavigationSectionFlag") === false
-					) {
-						var oFieldToFocus = this._getFirstEmptyMandatoryFieldFromSubSection([oSubSection]);
-						if (oFieldToFocus) {
-							oFieldToFocus.content.getContentEdit()[0].focus();
-						} else {
-							var oFirstEditableInput = oObjectPage._getFirstEditableInput();
-							if (oFirstEditableInput) {
-								oFirstEditableInput.focus();
-							} else {
-								var oFirstClickableElement = this._getFirstClickableElement(oObjectPage);
-								if (oFirstClickableElement) {
-									oFirstClickableElement.focus();
-								}
-							}
-						}
-					}
-				}
 			},
 
 			_onBackNavigationInDraft: function(oContext) {
@@ -384,14 +403,6 @@ sap.ui.define(
 				// binding with ownRequest
 				oBindingContext = oObjectPage.getBindingContext();
 
-				//Show popup while navigating back from object page in case of draft
-				if (oBindingContext) {
-					var bIsStickyMode = ModelHelper.isStickySessionSupported(oBindingContext.getModel().getMetaModel());
-					if (!bIsStickyMode) {
-						var oAppComponent = CommonUtils.getAppComponent(this.getView());
-						oAppComponent.getShellServices().setBackNavigation(that._onBackNavigationInDraft.bind(that, oBindingContext));
-					}
-				}
 				var aIBNActions = [];
 				oObjectPage.getSections().forEach(function(oSection) {
 					oSection.getSubSections().forEach(function(oSubSection) {
@@ -416,7 +427,6 @@ sap.ui.define(
 						}
 					}
 					// Workaround ends here!!
-					TableUtils.getSemanticTargetsFromTable(that, oTable);
 
 					// Update 'enabled' property of DataFieldForAction buttons on table toolbar
 					// The same is also performed on Table selectionChange event
@@ -545,83 +555,61 @@ sap.ui.define(
 			},
 			onPageReady: function(mParameters) {
 				// Apply app state only after the page is ready with the first section selected
-				function getVisibleSections(oObjectPage) {
-					var aVisibleSections;
-					var aSections = oObjectPage.getSections();
-					if (aSections && aSections.length) {
-						aVisibleSections = aSections.filter(function(oSection) {
-							return oSection.getVisible() === true;
-						});
+				var that = this;
+				var oView = this.getView();
+				var oInternalModelContext = oView.getBindingContext("internal");
+				var oBindingContext = oView.getBindingContext();
+				//Show popup while navigating back from object page in case of draft
+				if (oBindingContext) {
+					var bIsStickyMode = ModelHelper.isStickySessionSupported(oBindingContext.getModel().getMetaModel());
+					if (!bIsStickyMode) {
+						var oAppComponent = CommonUtils.getAppComponent(oView);
+						oAppComponent.getShellServices().setBackNavigation(that._onBackNavigationInDraft.bind(that, oBindingContext));
 					}
-					return aVisibleSections;
 				}
-				var oInternalModelContext = this.getView().getBindingContext("internal");
-
 				this.getAppComponent()
 					.getAppStateHandler()
 					.applyAppState();
-				var oLastFocusedControl = mParameters.lastFocusedControl;
-				if (oLastFocusedControl && oLastFocusedControl.controlId && oLastFocusedControl.focusInfo) {
-					var oView = this.getView();
-					var oFocusControl = oView.byId(oLastFocusedControl.controlId);
-					if (oFocusControl) {
-						oFocusControl.applyFocusInfo(oLastFocusedControl.focusInfo);
-						return;
-					}
-				}
-				var oObjectPage = this.byId("fe::ObjectPage");
-				// set the focus to the first action button, or to the first editable input if in editable mode
-				var isInDisplayMode = oObjectPage.getModel("ui").getProperty("/editMode") === "Display";
-				var oFirstClickableElement;
-				var aVisibleSections = getVisibleSections(oObjectPage);
 
-				if (isInDisplayMode) {
-					//Focus on the first visible section if page OP is in Display Mode
-					oObjectPage.setSelectedSection(aVisibleSections[0].getId());
-					oFirstClickableElement = this._getFirstClickableElement(oObjectPage);
-					if (oFirstClickableElement) {
-						oFirstClickableElement.focus();
-					}
-				} else {
-					//Focus on first mandatory empty field
+				if (mParameters.forceFocus) {
+					var oObjectPage = this.byId("fe::ObjectPage");
+					// set the focus to the first action button, or to the first editable input if in editable mode
+					var isInDisplayMode = oObjectPage.getModel("ui").getProperty("/editMode") === "Display";
+					var aVisibleSections = oObjectPage.getSections().filter(function(oSection) {
+						return oSection.getVisible() === true;
+					});
+					// Select the first visible section
 					oObjectPage.setSelectedSection(aVisibleSections[0].getId());
-					if (
-						this.getView().getViewData().sectionLayout === "Page" ||
-						(this.getView().getViewData().sectionLayout === "Tabs" && this.initialTab.value === true)
-					) {
-						var oFieldToFocus;
-						var aSubSections = [];
-						for (var section = 0; section < aVisibleSections.length; section++) {
-							aSubSections = aVisibleSections[section].getSubSections();
-							oFieldToFocus = this._getFirstEmptyMandatoryFieldFromSubSection(aSubSections);
-							if (oFieldToFocus) {
-								oFieldToFocus.content.getContentEdit()[0].focus();
-								break;
-							}
-						}
 
-						//this.initialTab.value = false;
-					}
-					if (!oFieldToFocus) {
-						var oFirstEditableInput = oObjectPage._getFirstEditableInput();
-						if (oFirstEditableInput) {
-							oFirstEditableInput.focus();
+					if (isInDisplayMode) {
+						var oFirstClickableElement = this._getFirstClickableElement(oObjectPage);
+						if (oFirstClickableElement) {
+							oFirstClickableElement.focus();
+						}
+					} else {
+						var aVisibleSubSections;
+						if (oView.getViewData().sectionLayout === "Tabs") {
+							// In a tabbed layout, only the subsections of the selected section are visible on the screen
+							aVisibleSubSections = aVisibleSections[0].getSubSections();
 						} else {
-							oFirstClickableElement = this._getFirstClickableElement(oObjectPage);
-							if (oFirstClickableElement) {
-								oFirstClickableElement.focus();
-							}
+							// In a paged layout, all subsections of the visible sections are visible on the screen
+							aVisibleSubSections = aVisibleSections
+								.map(function(oSection) {
+									return oSection.getSubSections();
+								})
+								.flat();
 						}
+						this._updateFocusInEditMode(aVisibleSubSections);
 					}
-					this.initialTab.value = false;
 				}
+
 				oInternalModelContext.setProperty("errorNavigationSectionFlag", false);
 				this._checkDataPointTitleForExternalNavigation();
 			},
 			/**
-			 * Get sticky edit mode.
+			 * Get the status of edit mode for sticky session.
 			 *
-			 * @returns {boolean} Sticky edit mode status
+			 * @returns {boolean} The status of edit mode for sticky session
 			 *
 			 *
 			 */
@@ -636,6 +624,11 @@ sap.ui.define(
 				}
 				return bIsStickyEditMode;
 			},
+
+			_getObjectPageLayoutControl: function() {
+				return this.byId("fe::ObjectPage");
+			},
+
 			_getPageTitleInformation: function() {
 				var oObjectPage = this.byId("fe::ObjectPage");
 				var oObjectPageSubtitle = oObjectPage.getCustomData().find(function(oCustomData) {
@@ -774,18 +767,19 @@ sap.ui.define(
 						);
 					}
 				});
-				return Promise.all(aWaitCreateDocuments).then(function(aBindings) {
-					var mParameters = {
-						bExecuteSideEffectsOnError: bExecuteSideEffectsOnError,
-						bindings: aBindings
-					};
-					return that.editFlow
-						.saveDocument(oContext, mParameters)
-						.catch(that._showMessagePopover.bind(that))
-						.finally(function() {
+				return Promise.all(aWaitCreateDocuments)
+					.then(function(aBindings) {
+						var mParameters = {
+							bExecuteSideEffectsOnError: bExecuteSideEffectsOnError,
+							bindings: aBindings
+						};
+						return that.editFlow.saveDocument(oContext, mParameters).catch(that._showMessagePopover.bind(that));
+					})
+					.finally(function() {
+						if (BusyLocker.isLocked(oModel)) {
 							BusyLocker.unlock(oModel);
-						});
-				});
+						}
+					});
 			},
 
 			_cancelDocument: function(oContext, mParameters) {
@@ -909,90 +903,7 @@ sap.ui.define(
 			},
 
 			/**
-			 * Get the Row that has the corresponding binding context
-			 *
-			 * @function
-			 * @name sap.fe.templates.ObjectPage.ObjectPageController.controller#_getTableRow
-			 * @param {object} oTableRowBindingContexts 'contexts of the table rows'
-			 * @param {string} sRowPath 'sPath of the table row'
-			 * @returns {object} row satisfying the criterias passed in parameter
-			 */
-
-			_getTableRow: function(oTableRowBindingContexts, sRowPath) {
-				if (
-					oTableRowBindingContexts.filter(function(item) {
-						return item !== undefined;
-					}).length > 0
-				) {
-					var oTableRow = oTableRowBindingContexts.find(function(item) {
-						return item.getPath().indexOf(sRowPath) !== -1;
-					});
-					return oTableRow;
-				} else {
-					return undefined;
-				}
-			},
-
-			/**
-			 * Scroll the table to the Row that has the corresponding sPath
-			 *
-			 * @function
-			 * @name sap.fe.templates.ObjectPage.ObjectPageController.controller#_scrollTableToRow
-			 * @param {object} oTable 'table to be scrolled'
-			 * @param {string} sRowPath 'sPath of the table row'
-			 *
-			 */
-
-			_scrollTableToRow: function(oTable, sRowPath) {
-				var oTableRowBinding = oTable.getRowBinding();
-				var that = this;
-				var pWait = new Promise(function(resolve, reject) {
-					if (oTableRowBinding) {
-						var oTableRowBindingContexts;
-						switch (oTable.data().tableType) {
-							case "GridTable":
-								oTableRowBindingContexts = oTableRowBinding.getContexts(0);
-								break;
-							case "ResponsiveTable":
-								oTableRowBindingContexts = oTableRowBinding.getCurrentContexts();
-								break;
-							default:
-						}
-						//wait for the bindingContexts to be ready when a view enters/goes out of FCL fullscreen :
-						if (
-							oTableRowBindingContexts.filter(function(item) {
-								return item === undefined;
-							}).length > 0 ||
-							oTableRowBindingContexts.length === 0
-						) {
-							oTableRowBinding.attachChange(function getTableRowCallBack(oEvent) {
-								var oTableRowBindingContexts = that._getTableRow(oEvent.getSource().getCurrentContexts(), sRowPath);
-								if (oTableRowBindingContexts) {
-									oTableRowBinding.detachChange(getTableRowCallBack);
-									resolve(oTableRowBindingContexts);
-								}
-							});
-						} else {
-							resolve(that._getTableRow(oTableRowBindingContexts, sRowPath));
-						}
-					} else {
-						reject();
-					}
-				});
-				pWait
-					.then(function(oTableRow) {
-						if (oTableRow) {
-							var iPos = oTableRow.iIndex;
-							oTable.scrollToIndex(iPos);
-						}
-					})
-					.catch(function() {
-						Log.warning("Could not find any matched row");
-					});
-			},
-
-			/**
-			 * Scroll the Tables to the Row with the sPath
+			 * Scroll the tables to the row with the sPath
 			 *
 			 * @function
 			 * @name sap.fe.templates.ObjectPage.ObjectPageController.controller#_scrollTablesToRow
@@ -1004,7 +915,7 @@ sap.ui.define(
 				if (this._findTables && this._findTables().length > 0) {
 					var aTables = this._findTables();
 					for (var i = 0; i < aTables.length; i++) {
-						this._scrollTableToRow(aTables[i], sRowPath);
+						TableScroller.scrollTableToRow(aTables[i], sRowPath);
 					}
 				}
 			},
@@ -1123,7 +1034,7 @@ sap.ui.define(
 						var oTitleHierarchyCache = oRootViewController.getTitleHierarchyCache();
 						var pWaitForTitleHiearchyInfo;
 						var sParameterPath = oMetaModel.getMetaPath(sPath);
-						var bResultContext = oMetaModel.getProperty(sParameterPath + "/@com.sap.vocabularies.Common.v1.ResultContext");
+						var bResultContext = oMetaModel.getObject(sParameterPath + "/@com.sap.vocabularies.Common.v1.ResultContext");
 						if (bResultContext) {
 							// We dont need to create a breadcrumb for Parameter path
 							iSkipParameterized = 1;
@@ -1351,7 +1262,8 @@ sap.ui.define(
 							.getModel()
 							.getMetaModel()
 							.getMetaPath(oDataPointOrChartBindingContext.getPath()),
-						aNavigationData = oController._getChartContextData(oDataPointOrChartBindingContext, sCollectionPath);
+						aNavigationData = oController._getChartContextData(oDataPointOrChartBindingContext, sCollectionPath),
+						additionalNavigationParameters;
 
 					aNavigationData = aNavigationData.map(function(oNavigationData) {
 						return {
@@ -1359,45 +1271,56 @@ sap.ui.define(
 							metaPath: sMetaPath + (sCollectionPath ? "/" + sCollectionPath : "")
 						};
 					});
+					if (oTargetInfo && oTargetInfo.parameters) {
+						var oParams =
+							oTargetInfo.parameters && oController._intentBasedNavigation.getOutboundParams(oTargetInfo.parameters);
+						if (Object.keys(oParams).length > 0) {
+							additionalNavigationParameters = oParams;
+						}
+					}
 					if (oTargetInfo && oTargetInfo.semanticObject && oTargetInfo.action) {
 						oController._intentBasedNavigation.navigate(oTargetInfo.semanticObject, oTargetInfo.action, {
 							navigationContexts: aNavigationData,
-							semanticObjectMapping: aSemanticObjectMapping
+							semanticObjectMapping: aSemanticObjectMapping,
+							additionalNavigationParameters: additionalNavigationParameters
 						});
 					}
 				},
 				/**
-				 * Triggers an outbound navigation on Chevron Press.
+				 * Triggers an outbound navigation when a user chooses the chevron.
 				 *
-				 * @param oController
+				 * @param {object} oController
 				 * @param {string} sOutboundTarget Name of the outbound target (needs to be defined in the manifest)
-				 * @param {sap.ui.model.odata.v4.Context} oContext That contain the data for the target app
+				 * @param {sap.ui.model.odata.v4.Context} oContext The context that contains the data for the target app
+				 * @param {string} sCreatePath Create path when the chevron is created.
 				 * @returns {Promise} Promise which is resolved once the navigation is triggered (??? maybe only once finished?)
+				 * @ui5-restricted
+				 * @final
 				 */
-				onChevronPressNavigateOutBound: function(oController, sOutboundTarget, oContext) {
-					var oOutbounds = oController
-							.getAppComponent()
-							.getRoutingService()
-							.getOutbounds(),
-						oDisplayOutbound = oOutbounds[sOutboundTarget];
-					if (oDisplayOutbound && oDisplayOutbound.semanticObject && oDisplayOutbound.action) {
-						oContext = oContext && oContext.isA && oContext.isA("sap.ui.model.odata.v4.Context") ? [oContext] : oContext;
-						oController._intentBasedNavigation.navigate(oDisplayOutbound.semanticObject, oDisplayOutbound.action, {
-							navigationContexts: oContext
-						});
-
-						//TODO: check why returning a promise is required
-						// If there is no reason for the promise then this function can be removed
-						// and instead intentBasedNavigation.navigate can be directly used.
-						return Promise.resolve();
-					} else {
-						throw new Error("outbound target " + sOutboundTarget + " not found in cross navigation definition of manifest");
-					}
+				onChevronPressNavigateOutBound: function(oController, sOutboundTarget, oContext, sCreatePath) {
+					return oController._intentBasedNavigation.onChevronPressNavigateOutBound(
+						oController,
+						sOutboundTarget,
+						oContext,
+						sCreatePath
+					);
 				},
+
 				onNavigateChange: function(oEvent) {
 					//will be called always when we click on a section tab
 					this.getExtensionAPI().updateAppState();
 					this.bSectionNavigated = true;
+
+					var oInternalModelContext = this.getView().getBindingContext("internal");
+					var oObjectPage = this.byId("fe::ObjectPage");
+					if (
+						oObjectPage.getModel("ui").getProperty("/editMode") !== "Display" &&
+						this.getView().getViewData().sectionLayout === "Tabs" &&
+						oInternalModelContext.getProperty("errorNavigationSectionFlag") === false
+					) {
+						var oSubSection = oEvent.getParameter("subSection");
+						this._updateFocusInEditMode([oSubSection]);
+					}
 				},
 				onVariantSelected: function(oEvent) {
 					this.getExtensionAPI().updateAppState();

package/src/sap/fe/templates/ObjectPage/controls/StashableHBox.js

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2009-2021 SAP SE. All rights reserved.
+ * (c) Copyright 2009-2022 SAP SE. All rights reserved.
  */
 sap.ui.define(
 	["sap/m/HBox", "sap/m/HBoxRenderer", "sap/ui/core/StashedControlSupport"],

package/src/sap/fe/templates/ObjectPage/controls/StashableVBox.js

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2009-2021 SAP SE. All rights reserved.
+ * (c) Copyright 2009-2022 SAP SE. All rights reserved.
  */
 sap.ui.define(
 	["sap/m/VBox", "sap/m/VBoxRenderer", "sap/ui/core/StashedControlSupport"],

package/src/sap/fe/templates/ObjectPage/controls/SubSectionBlock.js

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2009-2021 SAP SE. All rights reserved.
+ * (c) Copyright 2009-2022 SAP SE. All rights reserved.
  */
 
 sap.ui.define(["sap/uxap/BlockBase"], function(BlockBase) {
@@ -9,7 +9,7 @@ sap.ui.define(["sap/uxap/BlockBase"], function(BlockBase) {
 	var SubSectionBlock = BlockBase.extend("sap.fe.templates.ObjectPage.controls.SubSectionBlock", {
 		metadata: {
 			properties: {
-				"columnLayout": { type: "sap.uxap.BlockBaseColumnLayout", group: "Behavior", defaultValue: 4 }
+				columnLayout: { type: "sap.uxap.BlockBaseColumnLayout", group: "Behavior", defaultValue: 4 }
 			},
 			aggregations: {
 				content: {

package/src/sap/fe/templates/ObjectPage/designtime/FlexBox.designtime.js

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2009-2021 SAP SE. All rights reserved.
+ * (c) Copyright 2009-2022 SAP SE. All rights reserved.
  */
 // Provides the Design Time Metadata for the sap.m.FlexBox control
 sap.ui.define([], function() {

package/src/sap/fe/templates/ObjectPage/designtime/StashableHBox.designtime.js

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2009-2021 SAP SE. All rights reserved.
+ * (c) Copyright 2009-2022 SAP SE. All rights reserved.
  */
 
 // Provides the Design Time Metadata for the sap.fe.templates.ObjectPage.controls.StashableHBox control

package/src/sap/fe/templates/ObjectPage/designtime/StashableVBox.designtime.js

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2009-2021 SAP SE. All rights reserved.
+ * (c) Copyright 2009-2022 SAP SE. All rights reserved.
  */
 
 // Provides the Design Time Metadata for the sap.fe.templates.ObjectPage.controls.StashableVBox control

package/src/sap/fe/templates/ObjectPage/flexibility/StashableHBox.flexibility.js

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2009-2021 SAP SE. All rights reserved.
+ * (c) Copyright 2009-2022 SAP SE. All rights reserved.
  */
 
 sap.ui.define(["sap/ui/fl/changeHandler/BaseRename"], function(BaseRename) {

package/src/sap/fe/templates/ObjectPage/flexibility/StashableVBox.flexibility.js

@@ -1,6 +1,6 @@
 /*!
  * SAPUI5
- * (c) Copyright 2009-2021 SAP SE. All rights reserved.
+ * (c) Copyright 2009-2022 SAP SE. All rights reserved.
  */
 
 sap.ui.define([], function() {