@sapui5/sap.fe.templates 1.99.0 → 1.101.1

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

@@ -1,98 +1,139 @@
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
-        (c) Copyright 2009-2021 SAP SE. All rights reserved
-    
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
  */
-sap.ui.define(
-	["sap/m/HBox", "sap/m/HBoxRenderer", "sap/ui/core/StashedControlSupport"],
-	function(HBox, HBoxRenderer, StashedControlSupport) {
-		"use strict";
-
-		var StashableHBox = HBox.extend("sap.fe.templates.ObjectPage.controls.StashableHBox", {
-			metadata: {
-				properties: {
-					/*
-					 * Title of the Header Facet. Not visible on the UI. Visible on the UI is the Title or Link control inside the items aggregation of the Header Facet.
-					 * Must always be in sync with the visible Title or Link control.
-					 */
-					title: {
-						type: "string"
-					}
-				},
-				designtime: "sap/fe/templates/ObjectPage/designtime/StashableHBox.designtime"
-			},
-			renderer: {
-				render: function(oRm, oControl) {
-					HBoxRenderer.render.apply(this, [oRm, oControl]);
-				}
-			}
-		});
-
-		/*
-		 * Set title of visible Title/Link control and own title property.
-		 */
-		StashableHBox.prototype.setTitle = function(sTitle) {
-			var oControl = this.getTitleControl();
-			if (oControl) {
-				oControl.setText(sTitle);
-			}
-			this.title = sTitle;
-
-			return this;
-		};
-
-		/*
-		 * Return the title property.
-		 */
-		StashableHBox.prototype.getTitle = function() {
-			return this.title;
-		};
-
-		/*
-		 * In case of UI changes, Title/Link text needs to be set to new value after Header Facet control and inner controls are rendered.
-		 * Else: title property needs to be initialized.
-		 */
-		StashableHBox.prototype.onAfterRendering = function() {
-			if (this.title) {
-				this.setTitle(this.title);
-			} else {
-				var oControl = this.getTitleControl();
-				if (oControl) {
-					this.title = oControl.getText();
-				}
-			}
-		};
-
-		/*
-		 * Retrieves Title/Link control from items aggregation.
-		 */
-		StashableHBox.prototype.getTitleControl = function() {
-			var aItems = [],
-				content,
-				i;
-			if (this.getItems && this.getItems()[0] && this.getItems()[0].getItems) {
-				aItems = this.getItems()[0].getItems();
-			} else if (this.getItems && this.getItems()[0] && this.getItems()[0].getMicroChartTitle) {
-				aItems = this.getItems()[0].getMicroChartTitle();
-			}
-			for (i = 0; i < aItems.length; i++) {
-				if (aItems[i].isA("sap.m.Title") || aItems[i].isA("sap.m.Link")) {
-					if (aItems[i].isA("sap.m.Title")) {
-						// If a title was found, check if there is a link in the content aggregation
-						content = aItems[i].getContent();
-						if (content && content.isA("sap.m.Link")) {
-							return content;
-						}
-					}
-					return aItems[i];
-				}
-			}
-			return null;
-		};
-
-		StashedControlSupport.mixInto(StashableHBox);
-
-		return StashableHBox;
-	},
-	/* bExport= */ true
-);
+sap.ui.define(["sap/fe/core/helpers/ClassSupport", "sap/m/HBox", "sap/ui/core/StashedControlSupport"], function (ClassSupport, HBox, StashedControlSupport) {
+  "use strict";
+
+  var _dec, _dec2, _dec3, _class, _class2, _descriptor, _descriptor2;
+
+  var property = ClassSupport.property;
+  var defineUI5Class = ClassSupport.defineUI5Class;
+
+  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 StashableHBox = (_dec = defineUI5Class("sap.fe.templates.ObjectPage.controls.StashableHBox", {
+    designtime: "sap/fe/templates/ObjectPage/designtime/StashableHBox.designtime"
+  }), _dec2 = property({
+    type: "string"
+  }), _dec3 = property({
+    type: "string"
+  }), _dec(_class = (_class2 = /*#__PURE__*/function (_HBox) {
+    _inheritsLoose(StashableHBox, _HBox);
+
+    function StashableHBox() {
+      var _this;
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _HBox.call.apply(_HBox, [this].concat(args)) || this;
+
+      _initializerDefineProperty(_this, "title", _descriptor, _assertThisInitialized(_this));
+
+      _initializerDefineProperty(_this, "fallbackTitle", _descriptor2, _assertThisInitialized(_this));
+
+      return _this;
+    }
+
+    var _proto = StashableHBox.prototype;
+
+    /*
+     * Set title of visible Title/Link control and own title property.
+     */
+    _proto.setTitle = function setTitle(sTitle) {
+      var oControl = this.getTitleControl();
+
+      if (oControl) {
+        oControl.setText(sTitle);
+      }
+
+      this.title = sTitle;
+      return this;
+    }
+    /*
+     * Return the title property.
+     */
+    ;
+
+    _proto.getTitle = function getTitle() {
+      return this.title || this.fallbackTitle;
+    }
+    /*
+     * In case of UI changes, Title/Link text needs to be set to new value after Header Facet control and inner controls are rendered.
+     * Else: title property needs to be initialized.
+     */
+    ;
+
+    _proto.onAfterRendering = function onAfterRendering() {
+      if (this.title) {
+        this.setTitle(this.title);
+      } else {
+        var oControl = this.getTitleControl();
+
+        if (oControl) {
+          this.title = oControl.getText();
+        }
+      }
+    }
+    /*
+     * Retrieves Title/Link control from items aggregation.
+     */
+    ;
+
+    _proto.getTitleControl = function getTitleControl() {
+      var aItems = [],
+          content,
+          i;
+
+      if (this.getItems && this.getItems()[0] && this.getItems()[0].getItems) {
+        aItems = this.getItems()[0].getItems();
+      } else if (this.getItems && this.getItems()[0] && this.getItems()[0].getMicroChartTitle) {
+        aItems = this.getItems()[0].getMicroChartTitle();
+      }
+
+      for (i = 0; i < aItems.length; i++) {
+        if (aItems[i].isA("sap.m.Title") || aItems[i].isA("sap.m.Link")) {
+          if (aItems[i].isA("sap.m.Title")) {
+            // If a title was found, check if there is a link in the content aggregation
+            content = aItems[i].getContent();
+
+            if (content && content.isA("sap.m.Link")) {
+              return content;
+            }
+          }
+
+          return aItems[i];
+        }
+      }
+
+      return null;
+    };
+
+    return StashableHBox;
+  }(HBox), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "title", [_dec2], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  }), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "fallbackTitle", [_dec3], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  })), _class2)) || _class);
+  StashedControlSupport.mixInto(StashableHBox);
+  return StashableHBox;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YXNoYWJsZUhCb3gudHMiXSwibmFtZXMiOlsiU3Rhc2hhYmxlSEJveCIsImRlZmluZVVJNUNsYXNzIiwiZGVzaWdudGltZSIsInByb3BlcnR5IiwidHlwZSIsInNldFRpdGxlIiwic1RpdGxlIiwib0NvbnRyb2wiLCJnZXRUaXRsZUNvbnRyb2wiLCJzZXRUZXh0IiwidGl0bGUiLCJnZXRUaXRsZSIsImZhbGxiYWNrVGl0bGUiLCJvbkFmdGVyUmVuZGVyaW5nIiwiZ2V0VGV4dCIsImFJdGVtcyIsImNvbnRlbnQiLCJpIiwiZ2V0SXRlbXMiLCJnZXRNaWNyb0NoYXJ0VGl0bGUiLCJsZW5ndGgiLCJpc0EiLCJnZXRDb250ZW50IiwiSEJveCIsIlN0YXNoZWRDb250cm9sU3VwcG9ydCIsIm1peEludG8iXSwibWFwcGluZ3MiOiI7QUFBQTtBQUNBO0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztNQUlNQSxhLFdBSExDLGNBQWMsQ0FBQyxvREFBRCxFQUF1RDtBQUNyRUMsSUFBQUEsVUFBVSxFQUFFO0FBRHlELEdBQXZELEMsVUFRYkMsUUFBUSxDQUFDO0FBQUVDLElBQUFBLElBQUksRUFBRTtBQUFSLEdBQUQsQyxVQUtSRCxRQUFRLENBQUM7QUFBRUMsSUFBQUEsSUFBSSxFQUFFO0FBQVIsR0FBRCxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFHVDtBQUNEO0FBQ0E7V0FDQ0MsUSxHQUFBLGtCQUFTQyxNQUFULEVBQXNCO0FBQ3JCLFVBQU1DLFFBQVEsR0FBRyxLQUFLQyxlQUFMLEVBQWpCOztBQUNBLFVBQUlELFFBQUosRUFBYztBQUNiQSxRQUFBQSxRQUFRLENBQUNFLE9BQVQsQ0FBaUJILE1BQWpCO0FBQ0E7O0FBQ0QsV0FBS0ksS0FBTCxHQUFhSixNQUFiO0FBRUEsYUFBTyxJQUFQO0FBQ0E7QUFFRDtBQUNEO0FBQ0E7OztXQUNDSyxRLEdBQUEsb0JBQVc7QUFDVixhQUFPLEtBQUtELEtBQUwsSUFBYyxLQUFLRSxhQUExQjtBQUNBO0FBRUQ7QUFDRDtBQUNBO0FBQ0E7OztXQUNDQyxnQixHQUFBLDRCQUFtQjtBQUNsQixVQUFJLEtBQUtILEtBQVQsRUFBZ0I7QUFDZixhQUFLTCxRQUFMLENBQWMsS0FBS0ssS0FBbkI7QUFDQSxPQUZELE1BRU87QUFDTixZQUFNSCxRQUFRLEdBQUcsS0FBS0MsZUFBTCxFQUFqQjs7QUFDQSxZQUFJRCxRQUFKLEVBQWM7QUFDYixlQUFLRyxLQUFMLEdBQWFILFFBQVEsQ0FBQ08sT0FBVCxFQUFiO0FBQ0E7QUFDRDtBQUNEO0FBRUQ7QUFDRDtBQUNBOzs7V0FDQ04sZSxHQUFBLDJCQUFrQjtBQUNqQixVQUFJTyxNQUFNLEdBQUcsRUFBYjtBQUFBLFVBQ0NDLE9BREQ7QUFBQSxVQUVDQyxDQUZEOztBQUdBLFVBQUksS0FBS0MsUUFBTCxJQUFpQixLQUFLQSxRQUFMLEdBQWdCLENBQWhCLENBQWpCLElBQXdDLEtBQUtBLFFBQUwsR0FBZ0IsQ0FBaEIsQ0FBRCxDQUE0QkEsUUFBdkUsRUFBaUY7QUFDaEZILFFBQUFBLE1BQU0sR0FBSSxLQUFLRyxRQUFMLEdBQWdCLENBQWhCLENBQUQsQ0FBNEJBLFFBQTVCLEVBQVQ7QUFDQSxPQUZELE1BRU8sSUFBSSxLQUFLQSxRQUFMLElBQWlCLEtBQUtBLFFBQUwsR0FBZ0IsQ0FBaEIsQ0FBakIsSUFBd0MsS0FBS0EsUUFBTCxHQUFnQixDQUFoQixDQUFELENBQTRCQyxrQkFBdkUsRUFBMkY7QUFDakdKLFFBQUFBLE1BQU0sR0FBSSxLQUFLRyxRQUFMLEdBQWdCLENBQWhCLENBQUQsQ0FBNEJDLGtCQUE1QixFQUFUO0FBQ0E7O0FBQ0QsV0FBS0YsQ0FBQyxHQUFHLENBQVQsRUFBWUEsQ0FBQyxHQUFHRixNQUFNLENBQUNLLE1BQXZCLEVBQStCSCxDQUFDLEVBQWhDLEVBQW9DO0FBQ25DLFlBQUlGLE1BQU0sQ0FBQ0UsQ0FBRCxDQUFOLENBQVVJLEdBQVYsQ0FBYyxhQUFkLEtBQWdDTixNQUFNLENBQUNFLENBQUQsQ0FBTixDQUFVSSxHQUFWLENBQWMsWUFBZCxDQUFwQyxFQUFpRTtBQUNoRSxjQUFJTixNQUFNLENBQUNFLENBQUQsQ0FBTixDQUFVSSxHQUFWLENBQWMsYUFBZCxDQUFKLEVBQWtDO0FBQ2pDO0FBQ0FMLFlBQUFBLE9BQU8sR0FBR0QsTUFBTSxDQUFDRSxDQUFELENBQU4sQ0FBVUssVUFBVixFQUFWOztBQUNBLGdCQUFJTixPQUFPLElBQUlBLE9BQU8sQ0FBQ0ssR0FBUixDQUFZLFlBQVosQ0FBZixFQUEwQztBQUN6QyxxQkFBT0wsT0FBUDtBQUNBO0FBQ0Q7O0FBQ0QsaUJBQU9ELE1BQU0sQ0FBQ0UsQ0FBRCxDQUFiO0FBQ0E7QUFDRDs7QUFDRCxhQUFPLElBQVA7QUFDQSxLOzs7SUF6RTBCTSxJOzs7Ozs7Ozs7OztBQTJFNUJDLEVBQUFBLHFCQUFxQixDQUFDQyxPQUF0QixDQUE4QnpCLGFBQTlCO1NBRWVBLGEiLCJzb3VyY2VSb290IjoiLiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGRlZmluZVVJNUNsYXNzLCBwcm9wZXJ0eSB9IGZyb20gXCJzYXAvZmUvY29yZS9oZWxwZXJzL0NsYXNzU3VwcG9ydFwiO1xuaW1wb3J0IEhCb3ggZnJvbSBcInNhcC9tL0hCb3hcIjtcbmltcG9ydCBTdGFzaGVkQ29udHJvbFN1cHBvcnQgZnJvbSBcInNhcC91aS9jb3JlL1N0YXNoZWRDb250cm9sU3VwcG9ydFwiO1xuQGRlZmluZVVJNUNsYXNzKFwic2FwLmZlLnRlbXBsYXRlcy5PYmplY3RQYWdlLmNvbnRyb2xzLlN0YXNoYWJsZUhCb3hcIiwge1xuXHRkZXNpZ250aW1lOiBcInNhcC9mZS90ZW1wbGF0ZXMvT2JqZWN0UGFnZS9kZXNpZ250aW1lL1N0YXNoYWJsZUhCb3guZGVzaWdudGltZVwiXG59KVxuY2xhc3MgU3Rhc2hhYmxlSEJveCBleHRlbmRzIEhCb3gge1xuXHQvKlxuXHQgKiBUaXRsZSBvZiB0aGUgSGVhZGVyIEZhY2V0LiBOb3QgdmlzaWJsZSBvbiB0aGUgVUkuIFZpc2libGUgb24gdGhlIFVJIGlzIHRoZSBUaXRsZSBvciBMaW5rIGNvbnRyb2wgaW5zaWRlIHRoZSBpdGVtcyBhZ2dyZWdhdGlvbiBvZiB0aGUgSGVhZGVyIEZhY2V0LlxuXHQgKiBNdXN0IGFsd2F5cyBiZSBpbiBzeW5jIHdpdGggdGhlIHZpc2libGUgVGl0bGUgb3IgTGluayBjb250cm9sLlxuXHQgKi9cblx0QHByb3BlcnR5KHsgdHlwZTogXCJzdHJpbmdcIiB9KVxuXHR0aXRsZSE6IHN0cmluZztcblx0Lypcblx0ICogRmFsbGJhY2sgdGl0bGUgdG8gYmUgZGlzcGxheWVkIGlmIG5vIHRpdGxlIGlzIGF2YWlsYWJsZSAob25seSBuZWVkZWQgZm9yIGRpc3BsYXlpbmcgc3Rhc2hlZCBoZWFkZXIgZmFjZXRzIGluIEZsZXggZGlhbG9nKVxuXHQgKi9cblx0QHByb3BlcnR5KHsgdHlwZTogXCJzdHJpbmdcIiB9KVxuXHRmYWxsYmFja1RpdGxlITogc3RyaW5nO1xuXG5cdC8qXG5cdCAqIFNldCB0aXRsZSBvZiB2aXNpYmxlIFRpdGxlL0xpbmsgY29udHJvbCBhbmQgb3duIHRpdGxlIHByb3BlcnR5LlxuXHQgKi9cblx0c2V0VGl0bGUoc1RpdGxlOiBhbnkpIHtcblx0XHRjb25zdCBvQ29udHJvbCA9IHRoaXMuZ2V0VGl0bGVDb250cm9sKCk7XG5cdFx0aWYgKG9Db250cm9sKSB7XG5cdFx0XHRvQ29udHJvbC5zZXRUZXh0KHNUaXRsZSk7XG5cdFx0fVxuXHRcdHRoaXMudGl0bGUgPSBzVGl0bGU7XG5cblx0XHRyZXR1cm4gdGhpcztcblx0fVxuXG5cdC8qXG5cdCAqIFJldHVybiB0aGUgdGl0bGUgcHJvcGVydHkuXG5cdCAqL1xuXHRnZXRUaXRsZSgpIHtcblx0XHRyZXR1cm4gdGhpcy50aXRsZSB8fCB0aGlzLmZhbGxiYWNrVGl0bGU7XG5cdH1cblxuXHQvKlxuXHQgKiBJbiBjYXNlIG9mIFVJIGNoYW5nZXMsIFRpdGxlL0xpbmsgdGV4dCBuZWVkcyB0byBiZSBzZXQgdG8gbmV3IHZhbHVlIGFmdGVyIEhlYWRlciBGYWNldCBjb250cm9sIGFuZCBpbm5lciBjb250cm9scyBhcmUgcmVuZGVyZWQuXG5cdCAqIEVsc2U6IHRpdGxlIHByb3BlcnR5IG5lZWRzIHRvIGJlIGluaXRpYWxpemVkLlxuXHQgKi9cblx0b25BZnRlclJlbmRlcmluZygpIHtcblx0XHRpZiAodGhpcy50aXRsZSkge1xuXHRcdFx0dGhpcy5zZXRUaXRsZSh0aGlzLnRpdGxlKTtcblx0XHR9IGVsc2Uge1xuXHRcdFx0Y29uc3Qgb0NvbnRyb2wgPSB0aGlzLmdldFRpdGxlQ29udHJvbCgpO1xuXHRcdFx0aWYgKG9Db250cm9sKSB7XG5cdFx0XHRcdHRoaXMudGl0bGUgPSBvQ29udHJvbC5nZXRUZXh0KCk7XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5cblx0Lypcblx0ICogUmV0cmlldmVzIFRpdGxlL0xpbmsgY29udHJvbCBmcm9tIGl0ZW1zIGFnZ3JlZ2F0aW9uLlxuXHQgKi9cblx0Z2V0VGl0bGVDb250cm9sKCkge1xuXHRcdGxldCBhSXRlbXMgPSBbXSxcblx0XHRcdGNvbnRlbnQsXG5cdFx0XHRpO1xuXHRcdGlmICh0aGlzLmdldEl0ZW1zICYmIHRoaXMuZ2V0SXRlbXMoKVswXSAmJiAodGhpcy5nZXRJdGVtcygpWzBdIGFzIGFueSkuZ2V0SXRlbXMpIHtcblx0XHRcdGFJdGVtcyA9ICh0aGlzLmdldEl0ZW1zKClbMF0gYXMgYW55KS5nZXRJdGVtcygpO1xuXHRcdH0gZWxzZSBpZiAodGhpcy5nZXRJdGVtcyAmJiB0aGlzLmdldEl0ZW1zKClbMF0gJiYgKHRoaXMuZ2V0SXRlbXMoKVswXSBhcyBhbnkpLmdldE1pY3JvQ2hhcnRUaXRsZSkge1xuXHRcdFx0YUl0ZW1zID0gKHRoaXMuZ2V0SXRlbXMoKVswXSBhcyBhbnkpLmdldE1pY3JvQ2hhcnRUaXRsZSgpO1xuXHRcdH1cblx0XHRmb3IgKGkgPSAwOyBpIDwgYUl0ZW1zLmxlbmd0aDsgaSsrKSB7XG5cdFx0XHRpZiAoYUl0ZW1zW2ldLmlzQShcInNhcC5tLlRpdGxlXCIpIHx8IGFJdGVtc1tpXS5pc0EoXCJzYXAubS5MaW5rXCIpKSB7XG5cdFx0XHRcdGlmIChhSXRlbXNbaV0uaXNBKFwic2FwLm0uVGl0bGVcIikpIHtcblx0XHRcdFx0XHQvLyBJZiBhIHRpdGxlIHdhcyBmb3VuZCwgY2hlY2sgaWYgdGhlcmUgaXMgYSBsaW5rIGluIHRoZSBjb250ZW50IGFnZ3JlZ2F0aW9uXG5cdFx0XHRcdFx0Y29udGVudCA9IGFJdGVtc1tpXS5nZXRDb250ZW50KCk7XG5cdFx0XHRcdFx0aWYgKGNvbnRlbnQgJiYgY29udGVudC5pc0EoXCJzYXAubS5MaW5rXCIpKSB7XG5cdFx0XHRcdFx0XHRyZXR1cm4gY29udGVudDtcblx0XHRcdFx0XHR9XG5cdFx0XHRcdH1cblx0XHRcdFx0cmV0dXJuIGFJdGVtc1tpXTtcblx0XHRcdH1cblx0XHR9XG5cdFx0cmV0dXJuIG51bGw7XG5cdH1cbn1cblN0YXNoZWRDb250cm9sU3VwcG9ydC5taXhJbnRvKFN0YXNoYWJsZUhCb3gpO1xuXG5leHBvcnQgZGVmYXVsdCBTdGFzaGFibGVIQm94O1xuIl19

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

@@ -0,0 +1,84 @@
+import { defineUI5Class, property } from "sap/fe/core/helpers/ClassSupport";
+import HBox from "sap/m/HBox";
+import StashedControlSupport from "sap/ui/core/StashedControlSupport";
+@defineUI5Class("sap.fe.templates.ObjectPage.controls.StashableHBox", {
+	designtime: "sap/fe/templates/ObjectPage/designtime/StashableHBox.designtime"
+})
+class StashableHBox extends HBox {
+	/*
+	 * Title of the Header Facet. Not visible on the UI. Visible on the UI is the Title or Link control inside the items aggregation of the Header Facet.
+	 * Must always be in sync with the visible Title or Link control.
+	 */
+	@property({ type: "string" })
+	title!: string;
+	/*
+	 * Fallback title to be displayed if no title is available (only needed for displaying stashed header facets in Flex dialog)
+	 */
+	@property({ type: "string" })
+	fallbackTitle!: string;
+
+	/*
+	 * Set title of visible Title/Link control and own title property.
+	 */
+	setTitle(sTitle: any) {
+		const oControl = this.getTitleControl();
+		if (oControl) {
+			oControl.setText(sTitle);
+		}
+		this.title = sTitle;
+
+		return this;
+	}
+
+	/*
+	 * Return the title property.
+	 */
+	getTitle() {
+		return this.title || this.fallbackTitle;
+	}
+
+	/*
+	 * In case of UI changes, Title/Link text needs to be set to new value after Header Facet control and inner controls are rendered.
+	 * Else: title property needs to be initialized.
+	 */
+	onAfterRendering() {
+		if (this.title) {
+			this.setTitle(this.title);
+		} else {
+			const oControl = this.getTitleControl();
+			if (oControl) {
+				this.title = oControl.getText();
+			}
+		}
+	}
+
+	/*
+	 * Retrieves Title/Link control from items aggregation.
+	 */
+	getTitleControl() {
+		let aItems = [],
+			content,
+			i;
+		if (this.getItems && this.getItems()[0] && (this.getItems()[0] as any).getItems) {
+			aItems = (this.getItems()[0] as any).getItems();
+		} else if (this.getItems && this.getItems()[0] && (this.getItems()[0] as any).getMicroChartTitle) {
+			aItems = (this.getItems()[0] as any).getMicroChartTitle();
+		}
+		for (i = 0; i < aItems.length; i++) {
+			if (aItems[i].isA("sap.m.Title") || aItems[i].isA("sap.m.Link")) {
+				if (aItems[i].isA("sap.m.Title")) {
+					// If a title was found, check if there is a link in the content aggregation
+					content = aItems[i].getContent();
+					if (content && content.isA("sap.m.Link")) {
+						return content;
+					}
+				}
+				return aItems[i];
+			}
+		}
+		return null;
+	}
+}
+StashedControlSupport.mixInto(StashableHBox);
+
+export default StashableHBox;

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

@@ -1,27 +1,30 @@
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
-        (c) Copyright 2009-2021 SAP SE. All rights reserved
-    
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
  */
-sap.ui.define(
-	["sap/m/VBox", "sap/m/VBoxRenderer", "sap/ui/core/StashedControlSupport"],
-	function(VBox, VBoxRenderer, StashedControlSupport) {
-		"use strict";
+sap.ui.define(["sap/fe/core/helpers/ClassSupport", "sap/m/VBox", "sap/ui/core/StashedControlSupport"], function (ClassSupport, VBox, StashedControlSupport) {
+  "use strict";
 
-		var StashableVBox = VBox.extend("sap.fe.templates.ObjectPage.controls.StashableVBox", {
-			metadata: {
-				designtime: "sap/fe/templates/ObjectPage/designtime/StashableVBox.designtime"
-			},
-			renderer: {
-				render: function(oRm, oControl) {
-					VBoxRenderer.render.apply(this, [oRm, oControl]);
-				}
-			}
-		});
+  var _dec, _class;
 
-		StashedControlSupport.mixInto(StashableVBox);
+  var defineUI5Class = ClassSupport.defineUI5Class;
 
-		return StashableVBox;
-	},
-	/* bExport= */ true
-);
+  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); }
+
+  var StashableVBox = (_dec = defineUI5Class("sap.fe.templates.ObjectPage.controls.StashableVBox", {
+    designtime: "sap/fe/templates/ObjectPage/designtime/StashableVBox.designtime"
+  }), _dec(_class = /*#__PURE__*/function (_VBox) {
+    _inheritsLoose(StashableVBox, _VBox);
+
+    function StashableVBox() {
+      return _VBox.apply(this, arguments) || this;
+    }
+
+    return StashableVBox;
+  }(VBox)) || _class);
+  StashedControlSupport.mixInto(StashableVBox);
+  return StashableVBox;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN0YXNoYWJsZVZCb3gudHMiXSwibmFtZXMiOlsiU3Rhc2hhYmxlVkJveCIsImRlZmluZVVJNUNsYXNzIiwiZGVzaWdudGltZSIsIlZCb3giLCJTdGFzaGVkQ29udHJvbFN1cHBvcnQiLCJtaXhJbnRvIl0sIm1hcHBpbmdzIjoiO0FBQUE7QUFDQTtBQUNBOzs7Ozs7Ozs7Ozs7TUFJTUEsYSxXQUhMQyxjQUFjLENBQUMsb0RBQUQsRUFBdUQ7QUFDckVDLElBQUFBLFVBQVUsRUFBRTtBQUR5RCxHQUF2RCxDOzs7Ozs7OztJQUdhQyxJO0FBQzVCQyxFQUFBQSxxQkFBcUIsQ0FBQ0MsT0FBdEIsQ0FBOEJMLGFBQTlCO1NBRWVBLGEiLCJzb3VyY2VSb290IjoiLiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGRlZmluZVVJNUNsYXNzIH0gZnJvbSBcInNhcC9mZS9jb3JlL2hlbHBlcnMvQ2xhc3NTdXBwb3J0XCI7XG5pbXBvcnQgVkJveCBmcm9tIFwic2FwL20vVkJveFwiO1xuaW1wb3J0IFN0YXNoZWRDb250cm9sU3VwcG9ydCBmcm9tIFwic2FwL3VpL2NvcmUvU3Rhc2hlZENvbnRyb2xTdXBwb3J0XCI7XG5AZGVmaW5lVUk1Q2xhc3MoXCJzYXAuZmUudGVtcGxhdGVzLk9iamVjdFBhZ2UuY29udHJvbHMuU3Rhc2hhYmxlVkJveFwiLCB7XG5cdGRlc2lnbnRpbWU6IFwic2FwL2ZlL3RlbXBsYXRlcy9PYmplY3RQYWdlL2Rlc2lnbnRpbWUvU3Rhc2hhYmxlVkJveC5kZXNpZ250aW1lXCJcbn0pXG5jbGFzcyBTdGFzaGFibGVWQm94IGV4dGVuZHMgVkJveCB7fVxuU3Rhc2hlZENvbnRyb2xTdXBwb3J0Lm1peEludG8oU3Rhc2hhYmxlVkJveCk7XG5cbmV4cG9ydCBkZWZhdWx0IFN0YXNoYWJsZVZCb3g7XG4iXX0=

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

@@ -0,0 +1,10 @@
+import { defineUI5Class } from "sap/fe/core/helpers/ClassSupport";
+import VBox from "sap/m/VBox";
+import StashedControlSupport from "sap/ui/core/StashedControlSupport";
+@defineUI5Class("sap.fe.templates.ObjectPage.controls.StashableVBox", {
+	designtime: "sap/fe/templates/ObjectPage/designtime/StashableVBox.designtime"
+})
+class StashableVBox extends VBox {}
+StashedControlSupport.mixInto(StashableVBox);
+
+export default StashableVBox;

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

@@ -1,57 +1,102 @@
 /*!
  * SAP UI development toolkit for HTML5 (SAPUI5)
-        (c) Copyright 2009-2021 SAP SE. All rights reserved
-    
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
  */
+sap.ui.define(["sap/fe/core/helpers/ClassSupport", "sap/uxap/BlockBase", "sap/uxap/library"], function (ClassSupport, BlockBase, uxapLib) {
+  "use strict";
 
-sap.ui.define(["sap/uxap/BlockBase"], function(BlockBase) {
-	"use strict";
-
-	var SubSectionBlock = BlockBase.extend("sap.fe.templates.ObjectPage.controls.SubSectionBlock", {
-		metadata: {
-			properties: {
-				columnLayout: { type: "sap.uxap.BlockBaseColumnLayout", group: "Behavior", defaultValue: 4 }
-			},
-			aggregations: {
-				content: {
-					type: "sap.ui.core.Control",
-					multiple: false
-				}
-			}
-		}
-	});
-
-	SubSectionBlock.prototype.init = function() {
-		BlockBase.prototype.init.apply(this, arguments);
-		this._bConnected = true;
-	};
-
-	SubSectionBlock.prototype._applyFormAdjustment = function() {
-		var sFormAdjustment = this.getFormAdjustment(),
-			oView = this._getSelectedViewContent(),
-			oParent = this._oParentObjectPageSubSection,
-			oFormAdjustmentFields;
-
-		if (sFormAdjustment !== sap.uxap.BlockBaseFormAdjustment.None && oView && oParent) {
-			oFormAdjustmentFields = this._computeFormAdjustmentFields(sFormAdjustment, oParent._oLayoutConfig);
-
-			this._adjustForm(oView, oFormAdjustmentFields);
-		}
-	};
-
-	SubSectionBlock.prototype.setMode = function(sMode) {
-		this.setProperty("mode", sMode);
-		// OPTIONAL: this.internalModel.setProperty("/mode", sMode);
-	};
-
-	/// View is already connected to the UI5 model tree, hence no extra logic required here
-	SubSectionBlock.prototype.connectToModels = function() {};
-
-	/// SubSectionBlock use aggregation instead of a view, i.e. return that as the view content
-	SubSectionBlock.prototype._getSelectedViewContent = function() {
-		var oContent = this.getAggregation("content");
-		return oContent;
-	};
-
-	return SubSectionBlock;
-});
+  var _dec, _dec2, _dec3, _class, _class2, _descriptor, _descriptor2;
+
+  var property = ClassSupport.property;
+  var defineUI5Class = ClassSupport.defineUI5Class;
+  var aggregation = ClassSupport.aggregation;
+
+  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 BlockBaseFormAdjustment = uxapLib.BlockBaseFormAdjustment;
+  var SubSectionBlock = (_dec = defineUI5Class("sap.fe.templates.ObjectPage.controls.SubSectionBlock"), _dec2 = property({
+    type: "sap.uxap.BlockBaseColumnLayout",
+    group: "Behavior",
+    defaultValue: 4
+  }), _dec3 = aggregation({
+    type: "sap.ui.core.Control",
+    multiple: false
+  }), _dec(_class = (_class2 = /*#__PURE__*/function (_BlockBase) {
+    _inheritsLoose(SubSectionBlock, _BlockBase);
+
+    function SubSectionBlock() {
+      var _this;
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _BlockBase.call.apply(_BlockBase, [this].concat(args)) || this;
+
+      _initializerDefineProperty(_this, "columnLayout", _descriptor, _assertThisInitialized(_this));
+
+      _initializerDefineProperty(_this, "content", _descriptor2, _assertThisInitialized(_this));
+
+      return _this;
+    }
+
+    var _proto = SubSectionBlock.prototype;
+
+    _proto.init = function init() {
+      _BlockBase.prototype.init.call(this);
+
+      this._bConnected = true;
+    };
+
+    _proto._applyFormAdjustment = function _applyFormAdjustment() {
+      var sFormAdjustment = this.getFormAdjustment(),
+          oView = this._getSelectedViewContent(),
+          oParent = this._oParentObjectPageSubSection;
+
+      var oFormAdjustmentFields;
+
+      if (sFormAdjustment !== BlockBaseFormAdjustment.None && oView && oParent) {
+        oFormAdjustmentFields = this._computeFormAdjustmentFields(sFormAdjustment, oParent._oLayoutConfig);
+
+        this._adjustForm(oView, oFormAdjustmentFields);
+      }
+    };
+
+    _proto.setMode = function setMode(sMode) {
+      this.setProperty("mode", sMode); // OPTIONAL: this.internalModel.setProperty("/mode", sMode);
+    };
+
+    _proto.connectToModels = function connectToModels() {// View is already connected to the UI5 model tree, hence no extra logic required here
+    } /// SubSectionBlock use aggregation instead of a view, i.e. return that as the view content
+    ;
+
+    _proto._getSelectedViewContent = function _getSelectedViewContent() {
+      var oContent = this.getAggregation("content");
+      return oContent;
+    };
+
+    return SubSectionBlock;
+  }(BlockBase), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "columnLayout", [_dec2], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  }), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "content", [_dec3], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  })), _class2)) || _class);
+  return SubSectionBlock;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YlNlY3Rpb25CbG9jay50cyJdLCJuYW1lcyI6WyJCbG9ja0Jhc2VGb3JtQWRqdXN0bWVudCIsInV4YXBMaWIiLCJTdWJTZWN0aW9uQmxvY2siLCJkZWZpbmVVSTVDbGFzcyIsInByb3BlcnR5IiwidHlwZSIsImdyb3VwIiwiZGVmYXVsdFZhbHVlIiwiYWdncmVnYXRpb24iLCJtdWx0aXBsZSIsImluaXQiLCJfYkNvbm5lY3RlZCIsIl9hcHBseUZvcm1BZGp1c3RtZW50Iiwic0Zvcm1BZGp1c3RtZW50IiwiZ2V0Rm9ybUFkanVzdG1lbnQiLCJvVmlldyIsIl9nZXRTZWxlY3RlZFZpZXdDb250ZW50Iiwib1BhcmVudCIsIl9vUGFyZW50T2JqZWN0UGFnZVN1YlNlY3Rpb24iLCJvRm9ybUFkanVzdG1lbnRGaWVsZHMiLCJOb25lIiwiX2NvbXB1dGVGb3JtQWRqdXN0bWVudEZpZWxkcyIsIl9vTGF5b3V0Q29uZmlnIiwiX2FkanVzdEZvcm0iLCJzZXRNb2RlIiwic01vZGUiLCJzZXRQcm9wZXJ0eSIsImNvbm5lY3RUb01vZGVscyIsIm9Db250ZW50IiwiZ2V0QWdncmVnYXRpb24iLCJCbG9ja0Jhc2UiXSwibWFwcGluZ3MiOiI7QUFBQTtBQUNBO0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFFQSxNQUFNQSx1QkFBdUIsR0FBR0MsT0FBTyxDQUFDRCx1QkFBeEM7TUFFTUUsZSxXQURMQyxjQUFjLENBQUMsc0RBQUQsQyxVQUViQyxRQUFRLENBQUM7QUFBRUMsSUFBQUEsSUFBSSxFQUFFLGdDQUFSO0FBQTBDQyxJQUFBQSxLQUFLLEVBQUUsVUFBakQ7QUFBNkRDLElBQUFBLFlBQVksRUFBRTtBQUEzRSxHQUFELEMsVUFHUkMsV0FBVyxDQUFDO0FBQUVILElBQUFBLElBQUksRUFBRSxxQkFBUjtBQUErQkksSUFBQUEsUUFBUSxFQUFFO0FBQXpDLEdBQUQsQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O1dBR1pDLEksR0FBQSxnQkFBTztBQUNOLDJCQUFNQSxJQUFOOztBQUNDLFVBQUQsQ0FBY0MsV0FBZCxHQUE0QixJQUE1QjtBQUNBLEs7O1dBQ0RDLG9CLEdBQUEsZ0NBQXVCO0FBQ3RCLFVBQU1DLGVBQWUsR0FBRyxLQUFLQyxpQkFBTCxFQUF4QjtBQUFBLFVBQ0NDLEtBQUssR0FBRyxLQUFLQyx1QkFBTCxFQURUO0FBQUEsVUFFQ0MsT0FBTyxHQUFHLEtBQUtDLDRCQUZoQjs7QUFHQSxVQUFJQyxxQkFBSjs7QUFFQSxVQUFJTixlQUFlLEtBQUtiLHVCQUF1QixDQUFDb0IsSUFBNUMsSUFBb0RMLEtBQXBELElBQTZERSxPQUFqRSxFQUEwRTtBQUN6RUUsUUFBQUEscUJBQXFCLEdBQUcsS0FBS0UsNEJBQUwsQ0FBa0NSLGVBQWxDLEVBQW1ESSxPQUFPLENBQUNLLGNBQTNELENBQXhCOztBQUVBLGFBQUtDLFdBQUwsQ0FBaUJSLEtBQWpCLEVBQXdCSSxxQkFBeEI7QUFDQTtBQUNELEs7O1dBQ0RLLE8sR0FBQSxpQkFBUUMsS0FBUixFQUFvQjtBQUNuQixXQUFLQyxXQUFMLENBQWlCLE1BQWpCLEVBQXlCRCxLQUF6QixFQURtQixDQUVuQjtBQUNBLEs7O1dBRURFLGUsR0FBQSwyQkFBa0IsQ0FDakI7QUFDQSxLLENBQ0Q7OztXQUNBWCx1QixHQUFBLG1DQUEwQjtBQUN6QixVQUFNWSxRQUFRLEdBQUcsS0FBS0MsY0FBTCxDQUFvQixTQUFwQixDQUFqQjtBQUNBLGFBQU9ELFFBQVA7QUFDQSxLOzs7SUFuQzRCRSxTOzs7Ozs7Ozs7OztTQTJDZjVCLGUiLCJzb3VyY2VSb290IjoiLiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGFnZ3JlZ2F0aW9uLCBkZWZpbmVVSTVDbGFzcywgcHJvcGVydHkgfSBmcm9tIFwic2FwL2ZlL2NvcmUvaGVscGVycy9DbGFzc1N1cHBvcnRcIjtcbmltcG9ydCBDb250cm9sIGZyb20gXCJzYXAvdWkvY29yZS9Db250cm9sXCI7XG5pbXBvcnQgQmxvY2tCYXNlIGZyb20gXCJzYXAvdXhhcC9CbG9ja0Jhc2VcIjtcbmltcG9ydCB1eGFwTGliLCB7IEJsb2NrQmFzZUNvbHVtbkxheW91dCB9IGZyb20gXCJzYXAvdXhhcC9saWJyYXJ5XCI7XG5jb25zdCBCbG9ja0Jhc2VGb3JtQWRqdXN0bWVudCA9IHV4YXBMaWIuQmxvY2tCYXNlRm9ybUFkanVzdG1lbnQ7XG5AZGVmaW5lVUk1Q2xhc3MoXCJzYXAuZmUudGVtcGxhdGVzLk9iamVjdFBhZ2UuY29udHJvbHMuU3ViU2VjdGlvbkJsb2NrXCIpXG5jbGFzcyBTdWJTZWN0aW9uQmxvY2sgZXh0ZW5kcyBCbG9ja0Jhc2Uge1xuXHRAcHJvcGVydHkoeyB0eXBlOiBcInNhcC51eGFwLkJsb2NrQmFzZUNvbHVtbkxheW91dFwiLCBncm91cDogXCJCZWhhdmlvclwiLCBkZWZhdWx0VmFsdWU6IDQgfSlcblx0Y29sdW1uTGF5b3V0ITogQmxvY2tCYXNlQ29sdW1uTGF5b3V0O1xuXG5cdEBhZ2dyZWdhdGlvbih7IHR5cGU6IFwic2FwLnVpLmNvcmUuQ29udHJvbFwiLCBtdWx0aXBsZTogZmFsc2UgfSlcblx0Y29udGVudCE6IENvbnRyb2w7XG5cdHByaXZhdGUgX29QYXJlbnRPYmplY3RQYWdlU3ViU2VjdGlvbiE6IGFueTtcblx0aW5pdCgpIHtcblx0XHRzdXBlci5pbml0KCk7XG5cdFx0KHRoaXMgYXMgYW55KS5fYkNvbm5lY3RlZCA9IHRydWU7XG5cdH1cblx0X2FwcGx5Rm9ybUFkanVzdG1lbnQoKSB7XG5cdFx0Y29uc3Qgc0Zvcm1BZGp1c3RtZW50ID0gdGhpcy5nZXRGb3JtQWRqdXN0bWVudCgpLFxuXHRcdFx0b1ZpZXcgPSB0aGlzLl9nZXRTZWxlY3RlZFZpZXdDb250ZW50KCksXG5cdFx0XHRvUGFyZW50ID0gdGhpcy5fb1BhcmVudE9iamVjdFBhZ2VTdWJTZWN0aW9uO1xuXHRcdGxldCBvRm9ybUFkanVzdG1lbnRGaWVsZHM7XG5cblx0XHRpZiAoc0Zvcm1BZGp1c3RtZW50ICE9PSBCbG9ja0Jhc2VGb3JtQWRqdXN0bWVudC5Ob25lICYmIG9WaWV3ICYmIG9QYXJlbnQpIHtcblx0XHRcdG9Gb3JtQWRqdXN0bWVudEZpZWxkcyA9IHRoaXMuX2NvbXB1dGVGb3JtQWRqdXN0bWVudEZpZWxkcyhzRm9ybUFkanVzdG1lbnQsIG9QYXJlbnQuX29MYXlvdXRDb25maWcpO1xuXG5cdFx0XHR0aGlzLl9hZGp1c3RGb3JtKG9WaWV3LCBvRm9ybUFkanVzdG1lbnRGaWVsZHMpO1xuXHRcdH1cblx0fVxuXHRzZXRNb2RlKHNNb2RlOiBhbnkpIHtcblx0XHR0aGlzLnNldFByb3BlcnR5KFwibW9kZVwiLCBzTW9kZSk7XG5cdFx0Ly8gT1BUSU9OQUw6IHRoaXMuaW50ZXJuYWxNb2RlbC5zZXRQcm9wZXJ0eShcIi9tb2RlXCIsIHNNb2RlKTtcblx0fVxuXG5cdGNvbm5lY3RUb01vZGVscygpIHtcblx0XHQvLyBWaWV3IGlzIGFscmVhZHkgY29ubmVjdGVkIHRvIHRoZSBVSTUgbW9kZWwgdHJlZSwgaGVuY2Ugbm8gZXh0cmEgbG9naWMgcmVxdWlyZWQgaGVyZVxuXHR9XG5cdC8vLyBTdWJTZWN0aW9uQmxvY2sgdXNlIGFnZ3JlZ2F0aW9uIGluc3RlYWQgb2YgYSB2aWV3LCBpLmUuIHJldHVybiB0aGF0IGFzIHRoZSB2aWV3IGNvbnRlbnRcblx0X2dldFNlbGVjdGVkVmlld0NvbnRlbnQoKSB7XG5cdFx0Y29uc3Qgb0NvbnRlbnQgPSB0aGlzLmdldEFnZ3JlZ2F0aW9uKFwiY29udGVudFwiKTtcblx0XHRyZXR1cm4gb0NvbnRlbnQ7XG5cdH1cbn1cblxuaW50ZXJmYWNlIFN1YlNlY3Rpb25CbG9jayB7XG5cdF9hZGp1c3RGb3JtKHZpZXc6IGFueSwgZm9ybUZpZWxkczogYW55KTogdm9pZDtcblx0X2NvbXB1dGVGb3JtQWRqdXN0bWVudEZpZWxkcyhzRm9ybUFkanVzdG1lbnQ6IGFueSwgX29MYXlvdXRDb25maWc6IGFueSk6IGFueTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3ViU2VjdGlvbkJsb2NrO1xuIl19

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

@@ -0,0 +1,50 @@
+import { aggregation, defineUI5Class, property } from "sap/fe/core/helpers/ClassSupport";
+import Control from "sap/ui/core/Control";
+import BlockBase from "sap/uxap/BlockBase";
+import uxapLib, { BlockBaseColumnLayout } from "sap/uxap/library";
+const BlockBaseFormAdjustment = uxapLib.BlockBaseFormAdjustment;
+@defineUI5Class("sap.fe.templates.ObjectPage.controls.SubSectionBlock")
+class SubSectionBlock extends BlockBase {
+	@property({ type: "sap.uxap.BlockBaseColumnLayout", group: "Behavior", defaultValue: 4 })
+	columnLayout!: BlockBaseColumnLayout;
+
+	@aggregation({ type: "sap.ui.core.Control", multiple: false })
+	content!: Control;
+	private _oParentObjectPageSubSection!: any;
+	init() {
+		super.init();
+		(this as any)._bConnected = true;
+	}
+	_applyFormAdjustment() {
+		const sFormAdjustment = this.getFormAdjustment(),
+			oView = this._getSelectedViewContent(),
+			oParent = this._oParentObjectPageSubSection;
+		let oFormAdjustmentFields;
+
+		if (sFormAdjustment !== BlockBaseFormAdjustment.None && oView && oParent) {
+			oFormAdjustmentFields = this._computeFormAdjustmentFields(sFormAdjustment, oParent._oLayoutConfig);
+
+			this._adjustForm(oView, oFormAdjustmentFields);
+		}
+	}
+	setMode(sMode: any) {
+		this.setProperty("mode", sMode);
+		// OPTIONAL: this.internalModel.setProperty("/mode", sMode);
+	}
+
+	connectToModels() {
+		// View is already connected to the UI5 model tree, hence no extra logic required here
+	}
+	/// SubSectionBlock use aggregation instead of a view, i.e. return that as the view content
+	_getSelectedViewContent() {
+		const oContent = this.getAggregation("content");
+		return oContent;
+	}
+}
+
+interface SubSectionBlock {
+	_adjustForm(view: any, formFields: any): void;
+	_computeFormAdjustmentFields(sFormAdjustment: any, _oLayoutConfig: any): any;
+}
+
+export default SubSectionBlock;