@sap/open.fe 1.98.0 → 1.99.0

package/packages/sap.fe.macros/src/sap/fe/macros/Form.metadata-dbg.js

@@ -33,15 +33,15 @@ sap.ui.define(
 		var resolveBindingString = BindingExpression.resolveBindingString;
 		/**
 		 * @classdesc
-		 * Building block for creating a Form based on the provided OData V4 metadata.
+		 * Building block for creating a Form based on the metadata provided by OData V4.
 		 *
 		 *
 		 * Usage example:
 		 * <pre>
 		 * &lt;macro:Form
 		 *  id="SomeID"
-		 *  entitySet="{entitySet>}"
-		 *  facet="{facet>}"
+		 *  contextPath="{contextPath>}"
+		 *  metaPath="{metaPath>}"
 		 *  formTitle="someTitle"
 		 *  useFormContainerLabels="true"
 		 *  partOfPreview="true"
@@ -55,7 +55,7 @@ sap.ui.define(
 		 * @private
 		 * @experimental
 		 */
-		var Form = MacroMetadata.extend("sap.fe.macros.Form", {
+		return MacroMetadata.extend("sap.fe.macros.Form", {
 			/**
 			 * Name of the macro control.
 			 */
@@ -63,7 +63,9 @@ sap.ui.define(
 			/**
 			 * Namespace of the macro control
 			 */
-			namespace: "sap.fe.macros",
+			namespace: "sap.fe.macros.internal",
+			publicNamespace: "sap.fe.macros",
+			publicName: "Form",
 			/**
 			 * Fragment source of the macro (optional) - if not set, fragment is generated from namespace and name
 			 */
@@ -86,41 +88,37 @@ sap.ui.define(
 				 */
 				properties: {
 					/**
-					 * mandatory context to the EntitySet // ~ contextPath
+					 * mandatory context to the contextPath
 					 */
-					entitySet: {
+					contextPath: {
 						type: "sap.ui.model.Context",
+						$kind: ["EntitySet", "NavigationProperty", "EntityType"],
 						required: true,
-						$kind: ["NavigationProperty", "EntitySet"]
-					},
-					_editable: {
-						type: "boolean",
-						computed: true
+						isPublic: true
 					},
+
 					/**
-					 * Metadata path to the facet // ~ metaPath
+					 * Metadata path to the metaPath
 					 */
-					facet: {
+					metaPath: {
 						type: "sap.ui.model.Context",
-						$Type: ["com.sap.vocabularies.UI.v1.CollectionFacet", "com.sap.vocabularies.UI.v1.ReferenceFacet"]
-					},
-					/**
-					 * Source of the facet
-					 */
-					facetSource: {
-						type: "string"
+						$Type: ["com.sap.vocabularies.UI.v1.CollectionFacet", "com.sap.vocabularies.UI.v1.ReferenceFacet"],
+						isPublic: true
 					},
 					/**
 					 * ID of the form
 					 */
 					id: {
-						type: "string"
+						type: "string",
+						isPublic: true
 					},
 					/**
 					 * Title of the form
 					 */
-					formTitle: {
-						type: "string"
+					title: {
+						type: "string",
+						isPublic: true
+						// Not used but interesting for local usage
 					},
 					/**
 					 * Control the layout for the QuickViewPage.
@@ -131,30 +129,29 @@ sap.ui.define(
 						allowedValues: ["ColumnLayout", "ResponsiveGridLayout"]
 					},
 					/**
-					 * Control the CSS Margin Classes.
-					 */
-					"class": {
-						type: "string",
-						defaultValue: ""
-					},
-					/**
-					 * Control whether the form is in displayMOde or not.
+					 * Control whether the form is in displayMode or not.
 					 */
 					displayMode: {
 						type: "boolean"
 					},
+					_editable: {
+						type: "boolean",
+						computed: true
+					},
 					/**
 					 * 	If set to false, the Form is not rendered.
 					 */
 					isVisible: {
 						type: "string",
 						defaultValue: "true"
+						// Useful for our dynamic thing but also depends on the metadata -> make sure this is taken into account
 					},
 					/**
 					 * Control the rendering of the form container labels
 					 */
 					useFormContainerLabels: {
-						type: "string"
+						type: "boolean"
+						// Independent from the form title, can be a bit confusing in standalone usage at is not showing anything by default
 					},
 					/**
 					 * Toggle Preview: Part of Preview / Preview via 'Show More' Button
@@ -162,12 +159,14 @@ sap.ui.define(
 					partOfPreview: {
 						type: "boolean",
 						defaultValue: true
+						// Useful in our case, not so much for users
 					},
 					/**
 					 * The manifest defined form containers to be shown in the action area of the table
 					 */
 					formContainers: {
 						type: "sap.ui.model.Context"
+						// Computed from the outside by the converter
 					}
 				},
 				events: {
@@ -176,26 +175,33 @@ sap.ui.define(
 					 */
 					onChange: {
 						type: "function"
+						// Just proxied down to the Field may need to see if needed or not
 					}
 				}
 			},
-			create: function(oProps, oControlConfiguration, mSettings) {
-				if (oProps.facet && oProps.entitySet && (oProps.formContainers === undefined || oProps.formContainers === null)) {
-					var aFormContainers;
-					// TODO: Standalone usage of form macro
-					var oMetaModel = oProps.entitySet.getModel();
+			create: function(oProps, oControlConfiguration, mSettings, oAggregations, isPublic) {
+				if (oProps.metaPath && oProps.contextPath && (oProps.formContainers === undefined || oProps.formContainers === null)) {
+					var oMetaModel = oProps.contextPath.getModel();
 					// the curious case of entity set for quick view forms
-					if (oProps.facet.getPath().indexOf("@com.sap.vocabularies.UI.v1.QuickViewFacets") > -1) {
-						var oContextObjectPath = MetaModelConverter.getInvolvedDataModelObjects(oProps.facet, oProps.entitySet);
-						var oConverterContext = this.getConverterContext(oContextObjectPath, oProps.entitySet, mSettings);
-						var oFacetDefinition = oContextObjectPath.targetObject;
-						/*
-						 * To get quickview links working as they create macro forms
-						 */
-						// TODO have a generic function for getting form containers from facet - collection or reference
-						aFormContainers = [FormConverter.getFormContainer(oFacetDefinition, oConverterContext)];
-						oProps.formContainers = new TemplateModel(aFormContainers, oMetaModel).createBindingContext("/");
-					}
+					// if (oProps.facet.getPath().indexOf("@com.sap.vocabularies.UI.v1.QuickViewFacets") > -1) {
+					var oContextObjectPath = MetaModelConverter.getInvolvedDataModelObjects(oProps.metaPath, oProps.contextPath);
+					var oConverterContext = this.getConverterContext(oContextObjectPath, oProps.contextPath, mSettings);
+					var oFacetDefinition = oContextObjectPath.targetObject;
+					/*
+					 * To get quickview links working as they create macro forms
+					 */
+					var oFormDefinition = FormConverter.createFormDefinition(oFacetDefinition, oProps.isVisible, oConverterContext);
+					oProps.formContainers = new TemplateModel(oFormDefinition.formContainers, oMetaModel).createBindingContext("/");
+					oProps.useFormContainerLabels = oFormDefinition.useFormContainerLabels.toString();
+
+					// }
+				}
+				if (!isPublic) {
+					oProps._apiId = oProps.id + "::Form";
+					oProps._contentId = oProps.id;
+				} else {
+					oProps._apiId = oProps.id;
+					oProps._contentId = oProps.id + "-content";
 				}
 				// if displayMode === true -> _editable = false
 				// if displayMode === false -> _editable = true
@@ -211,7 +217,5 @@ sap.ui.define(
 				return oProps;
 			}
 		});
-
-		return Form;
 	}
 );

package/packages/sap.fe.macros/src/sap/fe/macros/Form.metadata.js

@@ -3,4 +3,4 @@
         (c) Copyright 2009-2021 SAP SE. All rights reserved
     
  */
-sap.ui.define(["./MacroMetadata","sap/fe/core/converters/ConverterContext","sap/fe/core/converters/controls/Common/Form","sap/fe/core/TemplateModel","sap/ui/model/odata/v4/AnnotationHelper","sap/fe/core/converters/MetaModelConverter","sap/fe/core/helpers/BindingExpression","sap/fe/core/converters/helpers/BindingHelper"],function(M,C,F,T,A,a,B,b){"use strict";var c=B.compileBinding;var i=B.ifElse;var e=B.equal;var r=B.resolveBindingString;var d=M.extend("sap.fe.macros.Form",{name:"Form",namespace:"sap.fe.macros",fragment:"sap.fe.macros.Form",metadata:{stereotype:"xmlmacro",designtime:"sap/fe/macros/Form.designtime",properties:{entitySet:{type:"sap.ui.model.Context",required:true,$kind:["NavigationProperty","EntitySet"]},_editable:{type:"boolean",computed:true},facet:{type:"sap.ui.model.Context",$Type:["com.sap.vocabularies.UI.v1.CollectionFacet","com.sap.vocabularies.UI.v1.ReferenceFacet"]},facetSource:{type:"string"},id:{type:"string"},formTitle:{type:"string"},layoutMode:{type:"string",defaultValue:"ColumnLayout",allowedValues:["ColumnLayout","ResponsiveGridLayout"]},"class":{type:"string",defaultValue:""},displayMode:{type:"boolean"},isVisible:{type:"string",defaultValue:"true"},useFormContainerLabels:{type:"string"},partOfPreview:{type:"boolean",defaultValue:true},formContainers:{type:"sap.ui.model.Context"}},events:{onChange:{type:"function"}}},create:function(p,o,s){if(p.facet&&p.entitySet&&(p.formContainers===undefined||p.formContainers===null)){var f;var m=p.entitySet.getModel();if(p.facet.getPath().indexOf("@com.sap.vocabularies.UI.v1.QuickViewFacets")>-1){var g=a.getInvolvedDataModelObjects(p.facet,p.entitySet);var h=this.getConverterContext(g,p.entitySet,s);var j=g.targetObject;f=[F.getFormContainer(j,h)];p.formContainers=new T(f,m).createBindingContext("/");}}if(p.displayMode!==undefined){p._editable=c(i(e(r(p.displayMode,"boolean"),false),true,false));}else{p._editable=c(b.UI.IsEditable);}return p;}});return d;});
+sap.ui.define(["./MacroMetadata","sap/fe/core/converters/ConverterContext","sap/fe/core/converters/controls/Common/Form","sap/fe/core/TemplateModel","sap/ui/model/odata/v4/AnnotationHelper","sap/fe/core/converters/MetaModelConverter","sap/fe/core/helpers/BindingExpression","sap/fe/core/converters/helpers/BindingHelper"],function(M,C,F,T,A,a,B,b){"use strict";var c=B.compileBinding;var i=B.ifElse;var e=B.equal;var r=B.resolveBindingString;return M.extend("sap.fe.macros.Form",{name:"Form",namespace:"sap.fe.macros.internal",publicNamespace:"sap.fe.macros",publicName:"Form",fragment:"sap.fe.macros.Form",metadata:{stereotype:"xmlmacro",designtime:"sap/fe/macros/Form.designtime",properties:{contextPath:{type:"sap.ui.model.Context",$kind:["EntitySet","NavigationProperty","EntityType"],required:true,isPublic:true},metaPath:{type:"sap.ui.model.Context",$Type:["com.sap.vocabularies.UI.v1.CollectionFacet","com.sap.vocabularies.UI.v1.ReferenceFacet"],isPublic:true},id:{type:"string",isPublic:true},title:{type:"string",isPublic:true},layoutMode:{type:"string",defaultValue:"ColumnLayout",allowedValues:["ColumnLayout","ResponsiveGridLayout"]},displayMode:{type:"boolean"},_editable:{type:"boolean",computed:true},isVisible:{type:"string",defaultValue:"true"},useFormContainerLabels:{type:"boolean"},partOfPreview:{type:"boolean",defaultValue:true},formContainers:{type:"sap.ui.model.Context"}},events:{onChange:{type:"function"}}},create:function(p,o,s,d,f){if(p.metaPath&&p.contextPath&&(p.formContainers===undefined||p.formContainers===null)){var m=p.contextPath.getModel();var g=a.getInvolvedDataModelObjects(p.metaPath,p.contextPath);var h=this.getConverterContext(g,p.contextPath,s);var j=g.targetObject;var k=F.createFormDefinition(j,p.isVisible,h);p.formContainers=new T(k.formContainers,m).createBindingContext("/");p.useFormContainerLabels=k.useFormContainerLabels.toString();}if(!f){p._apiId=p.id+"::Form";p._contentId=p.id;}else{p._apiId=p.id;p._contentId=p.id+"-content";}if(p.displayMode!==undefined){p._editable=c(i(e(r(p.displayMode,"boolean"),false),true,false));}else{p._editable=c(b.UI.IsEditable);}return p;}});});

package/packages/sap.fe.macros/src/sap/fe/macros/FormAPI-dbg.js

@@ -0,0 +1,83 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
+ */
+sap.ui.define(["sap/fe/core/helpers/ClassSupport", "./MacroAPI"], function (ClassSupport, MacroAPI) {
+  "use strict";
+
+  var _dec, _dec2, _class, _class2, _descriptor;
+
+  var Property = ClassSupport.Property;
+  var APIClass = ClassSupport.APIClass;
+
+  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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+  function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+  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.'); }
+
+  /**
+   * Building block for creating a Form based on the metadata provided by OData V4.
+   * <br>
+   * Usually, a ReferenceFacet or CollectionFacet is expected
+   *
+   *
+   * Usage example:
+   * <pre>
+   * &lt;macro:Form id="MyForm" metaPath="@com.sap.vocabularies.UI.v1.Facets/0" /&gt;
+   * </pre>
+   *
+   * @alias sap.fe.macros.Form
+   * @public
+   */
+  var FormAPI = (_dec = APIClass("sap.fe.macros.FormAPI"), _dec2 = Property({
+    type: "string"
+  }), _dec(_class = (_class2 = /*#__PURE__*/function (_MacroAPI) {
+    _inherits(FormAPI, _MacroAPI);
+
+    var _super = _createSuper(FormAPI);
+
+    function FormAPI() {
+      var _this;
+
+      _classCallCheck(this, FormAPI);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      _this = _super.call.apply(_super, [this].concat(args));
+
+      _initializerDefineProperty(_assertThisInitialized(_this), "id", _descriptor, _assertThisInitialized(_this));
+
+      return _this;
+    }
+
+    return FormAPI;
+  }(MacroAPI), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "id", [_dec2], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  })), _class2)) || _class);
+  return FormAPI;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1BUEkudHMiXSwibmFtZXMiOlsiRm9ybUFQSSIsIkFQSUNsYXNzIiwiUHJvcGVydHkiLCJ0eXBlIiwiTWFjcm9BUEkiXSwibWFwcGluZ3MiOiI7QUFBQTtBQUNBO0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7TUFFTUEsTyxXQURMQyxRQUFRLENBQUMsdUJBQUQsQyxVQU9QQyxRQUFRLENBQUM7QUFBRUMsSUFBQUEsSUFBSSxFQUFFO0FBQVIsR0FBRCxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBTllDLFE7Ozs7OztTQVVQSixPIiwic291cmNlUm9vdCI6Ii4iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBUElDbGFzcywgUHJvcGVydHkgfSBmcm9tIFwic2FwL2ZlL2NvcmUvaGVscGVycy9DbGFzc1N1cHBvcnRcIjtcbmltcG9ydCBNYWNyb0FQSSBmcm9tIFwiLi9NYWNyb0FQSVwiO1xuXG4vKipcbiAqIEJ1aWxkaW5nIGJsb2NrIGZvciBjcmVhdGluZyBhIEZvcm0gYmFzZWQgb24gdGhlIG1ldGFkYXRhIHByb3ZpZGVkIGJ5IE9EYXRhIFY0LlxuICogPGJyPlxuICogVXN1YWxseSwgYSBSZWZlcmVuY2VGYWNldCBvciBDb2xsZWN0aW9uRmFjZXQgaXMgZXhwZWN0ZWRcbiAqXG4gKlxuICogVXNhZ2UgZXhhbXBsZTpcbiAqIDxwcmU+XG4gKiAmbHQ7bWFjcm86Rm9ybSBpZD1cIk15Rm9ybVwiIG1ldGFQYXRoPVwiQGNvbS5zYXAudm9jYWJ1bGFyaWVzLlVJLnYxLkZhY2V0cy8wXCIgLyZndDtcbiAqIDwvcHJlPlxuICpcbiAqIEBhbGlhcyBzYXAuZmUubWFjcm9zLkZvcm1cbiAqIEBwdWJsaWNcbiAqL1xuQEFQSUNsYXNzKFwic2FwLmZlLm1hY3Jvcy5Gb3JtQVBJXCIpXG5jbGFzcyBGb3JtQVBJIGV4dGVuZHMgTWFjcm9BUEkge1xuXHQvKipcblx0ICogVGhlIGlkZW50aWZpZXIgb2YgdGhlIGZvcm0gY29udHJvbC5cblx0ICpcblx0ICogQHB1YmxpY1xuXHQgKi9cblx0QFByb3BlcnR5KHsgdHlwZTogXCJzdHJpbmdcIiB9KVxuXHRpZCE6IHN0cmluZztcbn1cblxuZXhwb3J0IGRlZmF1bHQgRm9ybUFQSTtcbiJdfQ==

package/packages/sap.fe.macros/src/sap/fe/macros/FormAPI.js

@@ -0,0 +1,5 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
+ */
+sap.ui.define(["sap/fe/core/helpers/ClassSupport","./MacroAPI"],function(C,M){"use strict";var _,a,b,c,d;var P=C.Property;var A=C.APIClass;function f(t,p,e,o){if(!e)return;Object.defineProperty(t,p,{enumerable:e.enumerable,configurable:e.configurable,writable:e.writable,value:e.initializer?e.initializer.call(o):void 0});}function g(e,o){if(!(e instanceof o)){throw new TypeError("Cannot call a class as a function");}}function h(e,o){if(typeof o!=="function"&&o!==null){throw new TypeError("Super expression must either be null or a function");}e.prototype=Object.create(o&&o.prototype,{constructor:{value:e,writable:true,configurable:true}});if(o)i(e,o);}function i(o,p){i=Object.setPrototypeOf||function i(o,p){o.__proto__=p;return o;};return i(o,p);}function j(D){var e=m();return function p(){var S=n(D),o;if(e){var N=n(this).constructor;o=Reflect.construct(S,arguments,N);}else{o=S.apply(this,arguments);}return k(this,o);};}function k(e,o){if(o&&(typeof o==="object"||typeof o==="function")){return o;}else if(o!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return l(e);}function l(e){if(e===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return e;}function m(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function n(o){n=Object.setPrototypeOf?Object.getPrototypeOf:function n(o){return o.__proto__||Object.getPrototypeOf(o);};return n(o);}function q(o,e,v){if(e in o){Object.defineProperty(o,e,{value:v,enumerable:true,configurable:true,writable:true});}else{o[e]=v;}return o;}function r(t,p,e,o,u){var v={};Object.keys(o).forEach(function(w){v[w]=o[w];});v.enumerable=!!v.enumerable;v.configurable=!!v.configurable;if('value'in v||v.initializer){v.writable=true;}v=e.slice().reverse().reduce(function(v,w){return w(t,p,v)||v;},v);if(u&&v.initializer!==void 0){v.value=v.initializer?v.initializer.call(u):void 0;v.initializer=undefined;}if(v.initializer===void 0){Object.defineProperty(t,p,v);v=null;}return v;}function s(e,o){throw new Error('Decorating class property failed. Please ensure that '+'proposal-class-properties is enabled and runs after the decorators transform.');}var F=(_=A("sap.fe.macros.FormAPI"),a=P({type:"string"}),_(b=(c=function(e){h(F,e);var o=j(F);function F(){var p;g(this,F);for(var t=arguments.length,u=new Array(t),v=0;v<t;v++){u[v]=arguments[v];}p=o.call.apply(o,[this].concat(u));f(l(p),"id",d,l(p));return p;}return F;}(M),(d=r(c.prototype,"id",[a],{configurable:true,enumerable:true,writable:true,initializer:null})),c))||b);return F;},false);

package/packages/sap.fe.macros/src/sap/fe/macros/FormAPI.ts

@@ -0,0 +1,29 @@
+import { APIClass, Property } from "sap/fe/core/helpers/ClassSupport";
+import MacroAPI from "./MacroAPI";
+
+/**
+ * Building block for creating a Form based on the metadata provided by OData V4.
+ * <br>
+ * Usually, a ReferenceFacet or CollectionFacet is expected
+ *
+ *
+ * Usage example:
+ * <pre>
+ * &lt;macro:Form id="MyForm" metaPath="@com.sap.vocabularies.UI.v1.Facets/0" /&gt;
+ * </pre>
+ *
+ * @alias sap.fe.macros.Form
+ * @public
+ */
+@APIClass("sap.fe.macros.FormAPI")
+class FormAPI extends MacroAPI {
+	/**
+	 * The identifier of the form control.
+	 *
+	 * @public
+	 */
+	@Property({ type: "string" })
+	id!: string;
+}
+
+export default FormAPI;

package/packages/sap.fe.macros/src/sap/fe/macros/FormContainer.fragment.xml

@@ -23,7 +23,7 @@
 	}"
 >
 	<f:FormContainer
-		core:require="{FormContainerRuntime: 'sap/fe/macros/formcontainer/FormContainerRuntime'}"
+		core:require="{FormContainerRuntime: 'sap/fe/macros/FormContainerAPI'}"
 		unittest:id="formC"
 		dt:designtime="{this>designtimeSettings}"
 		id="{= ${this>id} || undefined}"
@@ -33,6 +33,9 @@
 		macrodata:navigationPath="{this>navigationPath}"
 		macrodata:etName="{entitySet>./@sapui.name}"
 	>
+		<f:dependents>
+			<macro:FormContainerAPI formContainerId="{this>id}" showDetails="{internal>showDetails}" />
+		</f:dependents>
 
 		<template:if test="{actions>}">
 			<template:then>
@@ -113,14 +116,10 @@
 												<f:FormElement
 													id="{= ${this>id} ? ID.generate([${this>id}, 'SemanticFormElement', ${annotationDataField>}]) : '' }"
 													label="{annotationDataField>@@FIELD.computeLabelText}"
-													visible="{= (${dataField>isPartOfPreview}) ? true : '{internal>showDetails}'}"
+													visible="{= (${dataField>isPartOfPreview}) ? true : '{= ${internal>showDetails} === true}'}"
 												>
 													<f:fields>
-														<control:FieldWrapper
-															editMode="{ui>/editMode}"
-															emptyIndicatorTrigger="true"
-															required="{= FIELD.getRequiredForDataField(${annotationDataField>Value/$Path@@FIELD.fieldControl}, '{ui>/editMode}' , ${annotationDataField>@@FIELD.fieldControl})}"
-														>
+														<control:FieldWrapper editMode="{ui>/editMode}" emptyIndicatorTrigger="true" required="{this>requiredExpression}">
 															<control:contentDisplay>
 																<Text text="{=FormTemplating.getLabelForConnectedFields(${annotationDataField>Target@@DataField.getDataFieldObjectPath})}" />
 															</control:contentDisplay>
@@ -143,7 +142,7 @@
 												<f:FormElement
 													id="{= ${this>id} ? ID.generate([${this>id}, 'FormElement', ${annotationDataField>}]) : undefined }"
 													label="{annotationDataField>@@FIELD.computeLabelText}"
-													visible="{= (${dataField>isPartOfPreview}) ? ${annotationDataField>@@COMMON.getHiddenPathExpression} : '{internal>showDetails}'}"
+													visible="{= (${dataField>isPartOfPreview}) ? ${annotationDataField>@@COMMON.getHiddenPathExpression} : '{= ${internal>showDetails} === true}'}"
 												>
 													<f:fields>
 														<internalMacro:CollectionField
@@ -151,7 +150,9 @@
 															vhIdPrefix="{= ${this>id} ? ID.generate([${this>id}, 'FieldValueHelp']) : '' }"
 															contextPath="{entitySet>}"
 															metaPath="{annotationDataField>}"
-														/>
+														>
+															<internalMacro:formatOptions showEmptyIndicator="true" />
+														</internalMacro:CollectionField>
 													</f:fields>
 												</f:FormElement>
 											</template:elseif>
@@ -159,7 +160,7 @@
 												<f:FormElement
 													id="{= ${this>id} ? ID.generate([${this>id}, 'FormElement', ${annotationDataField>}]) : undefined }"
 													label="{annotationDataField>@@FIELD.computeLabelText}"
-													visible="{= (${dataField>isPartOfPreview}) ? FieldTemplating.getVisibleExpression(${annotationDataField>@@UI.getDataModelObjectPath}) : '{internal>showDetails}'}"
+													visible="{= (${dataField>isPartOfPreview}) ? FieldTemplating.getVisibleExpression(${annotationDataField>@@UI.getDataModelObjectPath}) : '{= ${internal>showDetails} === true}'}"
 												>
 													<f:fields>
 														<internalMacro:Field

package/packages/sap.fe.macros/src/sap/fe/macros/FormContainer.metadata-dbg.js

@@ -30,7 +30,7 @@ sap.ui.define(["./MacroMetadata"], function(MacroMetadata) {
 	 * @private
 	 * @experimental
 	 */
-	var FormContainer = MacroMetadata.extend("sap.fe.macros.FormContainer", {
+	return MacroMetadata.extend("sap.fe.macros.FormContainer", {
 		/**
 		 * Name of the macro control.
 		 */
@@ -72,7 +72,7 @@ sap.ui.define(["./MacroMetadata"], function(MacroMetadata) {
 				entitySet: {
 					type: "sap.ui.model.Context",
 					required: true,
-					$kind: ["EntitySet", "NavigationProperty"]
+					$kind: ["EntitySet", "NavigationProperty", "EntityType"]
 				},
 				/**
 				 * Metadata path to the dataFieldCollection
@@ -127,6 +127,4 @@ sap.ui.define(["./MacroMetadata"], function(MacroMetadata) {
 			}
 		}
 	});
-
-	return FormContainer;
 });

package/packages/sap.fe.macros/src/sap/fe/macros/FormContainer.metadata.js

@@ -3,4 +3,4 @@
         (c) Copyright 2009-2021 SAP SE. All rights reserved
     
  */
-sap.ui.define(["./MacroMetadata"],function(M){"use strict";var F=M.extend("sap.fe.macros.FormContainer",{name:"FormContainer",namespace:"sap.fe.macros",fragment:"sap.fe.macros.FormContainer",metadata:{stereotype:"xmlmacro",designtime:"sap/fe/macros/FormContainer.designtime",properties:{id:{type:"string"},entitySet:{type:"sap.ui.model.Context",required:true,$kind:["EntitySet","NavigationProperty"]},dataFieldCollection:{type:"sap.ui.model.Context"},displayMode:{type:"boolean"},title:{type:"string"},navigationPath:{type:"string"},visible:{type:"string"},designtimeSettings:{type:"string",defaultValue:"sap/fe/macros/FormContainer.designtime"},actions:{type:"sap.ui.model.Context"}},events:{onChange:{type:"function"}}}});return F;});
+sap.ui.define(["./MacroMetadata"],function(M){"use strict";return M.extend("sap.fe.macros.FormContainer",{name:"FormContainer",namespace:"sap.fe.macros",fragment:"sap.fe.macros.FormContainer",metadata:{stereotype:"xmlmacro",designtime:"sap/fe/macros/FormContainer.designtime",properties:{id:{type:"string"},entitySet:{type:"sap.ui.model.Context",required:true,$kind:["EntitySet","NavigationProperty","EntityType"]},dataFieldCollection:{type:"sap.ui.model.Context"},displayMode:{type:"boolean"},title:{type:"string"},navigationPath:{type:"string"},visible:{type:"string"},designtimeSettings:{type:"string",defaultValue:"sap/fe/macros/FormContainer.designtime"},actions:{type:"sap.ui.model.Context"}},events:{onChange:{type:"function"}}}});});

package/packages/sap.fe.macros/src/sap/fe/macros/FormContainerAPI-dbg.js

@@ -0,0 +1,99 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
+ */
+sap.ui.define(["sap/fe/core/helpers/ClassSupport", "./MacroAPI"], function (ClassSupport, MacroAPI) {
+  "use strict";
+
+  var _dec, _dec2, _dec3, _class, _class2, _descriptor, _descriptor2;
+
+  var Property = ClassSupport.Property;
+  var EventHandler = ClassSupport.EventHandler;
+  var APIClass = ClassSupport.APIClass;
+
+  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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+  function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+  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.'); }
+
+  /**
+   * @alias sap.fe.macros.FormContainerAPI
+   * @private
+   */
+  var FormContainerAPI = (_dec = APIClass("sap.fe.macros.FormContainerAPI", true), _dec2 = Property({
+    type: "string"
+  }), _dec3 = Property({
+    type: "boolean"
+  }), _dec(_class = (_class2 = /*#__PURE__*/function (_MacroAPI) {
+    _inherits(FormContainerAPI, _MacroAPI);
+
+    var _super = _createSuper(FormContainerAPI);
+
+    /**
+     * The identifier of the form container control.
+     *
+     * @public
+     */
+    function FormContainerAPI(props) {
+      var _this;
+
+      _classCallCheck(this, FormContainerAPI);
+
+      _this = _super.call(this, props);
+
+      _initializerDefineProperty(_assertThisInitialized(_this), "formContainerId", _descriptor, _assertThisInitialized(_this));
+
+      _initializerDefineProperty(_assertThisInitialized(_this), "showDetails", _descriptor2, _assertThisInitialized(_this));
+
+      _this.setParentBindingContext("internal", "controls/".concat(_this.formContainerId));
+
+      return _this;
+    }
+
+    _createClass(FormContainerAPI, [{
+      key: "toggleDetails",
+      value: function toggleDetails() {
+        this.showDetails = !this.showDetails;
+      }
+    }]);
+
+    return FormContainerAPI;
+  }(MacroAPI), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "formContainerId", [_dec2], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  }), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "showDetails", [_dec3], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: function () {
+      return false;
+    }
+  }), _applyDecoratedDescriptor(_class2.prototype, "toggleDetails", [EventHandler], Object.getOwnPropertyDescriptor(_class2.prototype, "toggleDetails"), _class2.prototype)), _class2)) || _class);
+  return FormContainerAPI;
+}, false);
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1Db250YWluZXJBUEkudHMiXSwibmFtZXMiOlsiRm9ybUNvbnRhaW5lckFQSSIsIkFQSUNsYXNzIiwiUHJvcGVydHkiLCJ0eXBlIiwicHJvcHMiLCJzZXRQYXJlbnRCaW5kaW5nQ29udGV4dCIsImZvcm1Db250YWluZXJJZCIsInNob3dEZXRhaWxzIiwiTWFjcm9BUEkiLCJFdmVudEhhbmRsZXIiXSwibWFwcGluZ3MiOiI7QUFBQTtBQUNBO0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7TUFFTUEsZ0IsV0FETEMsUUFBUSxDQUFDLGdDQUFELEVBQW1DLElBQW5DLEMsVUFPUEMsUUFBUSxDQUFDO0FBQUVDLElBQUFBLElBQUksRUFBRTtBQUFSLEdBQUQsQyxVQUdSRCxRQUFRLENBQUM7QUFBRUMsSUFBQUEsSUFBSSxFQUFFO0FBQVIsR0FBRCxDOzs7OztBQVJUO0FBQ0Q7QUFDQTtBQUNBO0FBQ0E7QUFPQyw4QkFBWUMsS0FBWixFQUF5QjtBQUFBOztBQUFBOztBQUN4QixnQ0FBTUEsS0FBTjs7QUFEd0I7O0FBQUE7O0FBRXhCLFlBQUtDLHVCQUFMLENBQTZCLFVBQTdCLHFCQUFxRCxNQUFLQyxlQUExRDs7QUFGd0I7QUFHeEI7Ozs7YUFFRCx5QkFDZ0I7QUFDZixhQUFLQyxXQUFMLEdBQW1CLENBQUMsS0FBS0EsV0FBekI7QUFDQTs7OztJQXBCNkJDLFE7Ozs7Ozs7Ozs7YUFVaEIsSzs7cUVBT2JDLFk7U0FNYVQsZ0IiLCJzb3VyY2VSb290IjoiLiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFQSUNsYXNzLCBFdmVudEhhbmRsZXIsIFByb3BlcnR5IH0gZnJvbSBcInNhcC9mZS9jb3JlL2hlbHBlcnMvQ2xhc3NTdXBwb3J0XCI7XG5pbXBvcnQgTWFjcm9BUEkgZnJvbSBcIi4vTWFjcm9BUElcIjtcblxuLyoqXG4gKiBAYWxpYXMgc2FwLmZlLm1hY3Jvcy5Gb3JtQ29udGFpbmVyQVBJXG4gKiBAcHJpdmF0ZVxuICovXG5AQVBJQ2xhc3MoXCJzYXAuZmUubWFjcm9zLkZvcm1Db250YWluZXJBUElcIiwgdHJ1ZSlcbmNsYXNzIEZvcm1Db250YWluZXJBUEkgZXh0ZW5kcyBNYWNyb0FQSSB7XG5cdC8qKlxuXHQgKiBUaGUgaWRlbnRpZmllciBvZiB0aGUgZm9ybSBjb250YWluZXIgY29udHJvbC5cblx0ICpcblx0ICogQHB1YmxpY1xuXHQgKi9cblx0QFByb3BlcnR5KHsgdHlwZTogXCJzdHJpbmdcIiB9KVxuXHRmb3JtQ29udGFpbmVySWQhOiBzdHJpbmc7XG5cblx0QFByb3BlcnR5KHsgdHlwZTogXCJib29sZWFuXCIgfSlcblx0c2hvd0RldGFpbHMgPSBmYWxzZTtcblxuXHRjb25zdHJ1Y3Rvcihwcm9wcz86IGFueSkge1xuXHRcdHN1cGVyKHByb3BzKTtcblx0XHR0aGlzLnNldFBhcmVudEJpbmRpbmdDb250ZXh0KFwiaW50ZXJuYWxcIiwgYGNvbnRyb2xzLyR7dGhpcy5mb3JtQ29udGFpbmVySWR9YCk7XG5cdH1cblxuXHRARXZlbnRIYW5kbGVyXG5cdHRvZ2dsZURldGFpbHMoKSB7XG5cdFx0dGhpcy5zaG93RGV0YWlscyA9ICF0aGlzLnNob3dEZXRhaWxzO1xuXHR9XG59XG5cbmV4cG9ydCBkZWZhdWx0IEZvcm1Db250YWluZXJBUEk7XG4iXX0=

package/packages/sap.fe.macros/src/sap/fe/macros/FormContainerAPI.js

@@ -0,0 +1,5 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+ *      (c) Copyright 2009-2021 SAP SE. All rights reserved
+ */
+sap.ui.define(["sap/fe/core/helpers/ClassSupport","./MacroAPI"],function(C,M){"use strict";var _,a,b,c,d,f,g;var P=C.Property;var E=C.EventHandler;var A=C.APIClass;function h(e,p,i,o){if(!i)return;Object.defineProperty(e,p,{enumerable:i.enumerable,configurable:i.configurable,writable:i.writable,value:i.initializer?i.initializer.call(o):void 0});}function j(i,e){if(!(i instanceof e)){throw new TypeError("Cannot call a class as a function");}}function k(e,p){for(var i=0;i<p.length;i++){var o=p[i];o.enumerable=o.enumerable||false;o.configurable=true;if("value"in o)o.writable=true;Object.defineProperty(e,o.key,o);}}function l(e,p,i){if(p)k(e.prototype,p);if(i)k(e,i);return e;}function m(e,i){if(typeof i!=="function"&&i!==null){throw new TypeError("Super expression must either be null or a function");}e.prototype=Object.create(i&&i.prototype,{constructor:{value:e,writable:true,configurable:true}});if(i)n(e,i);}function n(o,p){n=Object.setPrototypeOf||function n(o,p){o.__proto__=p;return o;};return n(o,p);}function q(D){var e=t();return function o(){var S=u(D),i;if(e){var N=u(this).constructor;i=Reflect.construct(S,arguments,N);}else{i=S.apply(this,arguments);}return r(this,i);};}function r(e,i){if(i&&(typeof i==="object"||typeof i==="function")){return i;}else if(i!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return s(e);}function s(e){if(e===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return e;}function t(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function u(o){u=Object.setPrototypeOf?Object.getPrototypeOf:function u(o){return o.__proto__||Object.getPrototypeOf(o);};return u(o);}function v(o,e,i){if(e in o){Object.defineProperty(o,e,{value:i,enumerable:true,configurable:true,writable:true});}else{o[e]=i;}return o;}function w(e,p,i,o,y){var z={};Object.keys(o).forEach(function(B){z[B]=o[B];});z.enumerable=!!z.enumerable;z.configurable=!!z.configurable;if('value'in z||z.initializer){z.writable=true;}z=i.slice().reverse().reduce(function(z,B){return B(e,p,z)||z;},z);if(y&&z.initializer!==void 0){z.value=z.initializer?z.initializer.call(y):void 0;z.initializer=undefined;}if(z.initializer===void 0){Object.defineProperty(e,p,z);z=null;}return z;}function x(e,i){throw new Error('Decorating class property failed. Please ensure that '+'proposal-class-properties is enabled and runs after the decorators transform.');}var F=(_=A("sap.fe.macros.FormContainerAPI",true),a=P({type:"string"}),b=P({type:"boolean"}),_(c=(d=function(e){m(F,e);var i=q(F);function F(p){var o;j(this,F);o=i.call(this,p);h(s(o),"formContainerId",f,s(o));h(s(o),"showDetails",g,s(o));o.setParentBindingContext("internal","controls/".concat(o.formContainerId));return o;}l(F,[{key:"toggleDetails",value:function o(){this.showDetails=!this.showDetails;}}]);return F;}(M),(f=w(d.prototype,"formContainerId",[a],{configurable:true,enumerable:true,writable:true,initializer:null}),g=w(d.prototype,"showDetails",[b],{configurable:true,enumerable:true,writable:true,initializer:function(){return false;}}),w(d.prototype,"toggleDetails",[E],Object.getOwnPropertyDescriptor(d.prototype,"toggleDetails"),d.prototype)),d))||c);return F;},false);

package/packages/sap.fe.macros/src/sap/fe/macros/FormContainerAPI.ts

@@ -0,0 +1,32 @@
+import { APIClass, EventHandler, Property } from "sap/fe/core/helpers/ClassSupport";
+import MacroAPI from "./MacroAPI";
+
+/**
+ * @alias sap.fe.macros.FormContainerAPI
+ * @private
+ */
+@APIClass("sap.fe.macros.FormContainerAPI", true)
+class FormContainerAPI extends MacroAPI {
+	/**
+	 * The identifier of the form container control.
+	 *
+	 * @public
+	 */
+	@Property({ type: "string" })
+	formContainerId!: string;
+
+	@Property({ type: "boolean" })
+	showDetails = false;
+
+	constructor(props?: any) {
+		super(props);
+		this.setParentBindingContext("internal", `controls/${this.formContainerId}`);
+	}
+
+	@EventHandler
+	toggleDetails() {
+		this.showDetails = !this.showDetails;
+	}
+}
+
+export default FormContainerAPI;