@sapui5/sap.fe.core 1.100.0 → 1.102.0

package/src/sap/fe/core/controls/ConditionalWrapper.js

@@ -2,49 +2,81 @@
  * SAP UI development toolkit for HTML5 (SAPUI5)
  *      (c) Copyright 2009-2021 SAP SE. All rights reserved
  */
-sap.ui.define(["sap/ui/core/Control"], function (Control) {
+sap.ui.define(["sap/ui/core/Control", "sap/fe/core/helpers/ClassSupport"], function (Control, ClassSupport) {
   "use strict";
 
-  var ConditionalWrapper = Control.extend("sap.fe.core.controls.ConditionalWrapper", {
-    metadata: {
-      interfaces: ["sap.ui.core.IFormContent"],
-      properties: {
-        width: {
-          type: "sap.ui.core.CSSSize",
-          defaultValue: null
-        },
-        formDoNotAdjustWidth: {
-          type: "boolean",
-          defaultValue: false
-        },
-        condition: {
-          type: "boolean",
-          defaultValue: false
-        }
-      },
-      associations: {
-        /**
-         * Association to controls / IDs that label this control (see WAI-ARIA attribute aria-labelledby).
-         */
-        ariaLabelledBy: {
-          type: "sap.ui.core.Control",
-          multiple: true,
-          singularName: "ariaLabelledBy"
-        }
-      },
-      defaultAggregation: "contentTrue",
-      aggregations: {
-        contentTrue: {
-          type: "sap.ui.core.Control",
-          multiple: false
-        },
-        contentFalse: {
-          type: "sap.ui.core.Control",
-          multiple: false
-        }
+  var _dec, _dec2, _dec3, _dec4, _dec5, _dec6, _dec7, _dec8, _class, _class2, _descriptor, _descriptor2, _descriptor3, _descriptor4, _descriptor5, _descriptor6, _descriptor7;
+
+  var property = ClassSupport.property;
+  var implementInterface = ClassSupport.implementInterface;
+  var defineUI5Class = ClassSupport.defineUI5Class;
+  var association = ClassSupport.association;
+  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 ConditionalWrapper = (_dec = defineUI5Class("sap.fe.core.controls.ConditionalWrapper"), _dec2 = implementInterface("sap.ui.core.IFormContent"), _dec3 = property({
+    type: "sap.ui.core.CSSSize",
+    defaultValue: null
+  }), _dec4 = property({
+    type: "boolean",
+    defaultValue: false
+  }), _dec5 = property({
+    type: "boolean",
+    defaultValue: false
+  }), _dec6 = association({
+    type: "sap.ui.core.Control",
+    multiple: true,
+    singularName: "ariaLabelledBy"
+  }), _dec7 = aggregation({
+    type: "sap.ui.core.Control",
+    multiple: false,
+    isDefault: true
+  }), _dec8 = aggregation({
+    type: "sap.ui.core.Control",
+    multiple: false
+  }), _dec(_class = (_class2 = /*#__PURE__*/function (_Control) {
+    _inheritsLoose(ConditionalWrapper, _Control);
+
+    function ConditionalWrapper() {
+      var _this;
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
       }
-    },
-    enhanceAccessibilityState: function (oElement, mAriaProps) {
+
+      _this = _Control.call.apply(_Control, [this].concat(args)) || this;
+
+      _initializerDefineProperty(_this, "__implements__sap_ui_core_IFormContent", _descriptor, _assertThisInitialized(_this));
+
+      _initializerDefineProperty(_this, "width", _descriptor2, _assertThisInitialized(_this));
+
+      _initializerDefineProperty(_this, "formDoNotAdjustWidth", _descriptor3, _assertThisInitialized(_this));
+
+      _initializerDefineProperty(_this, "condition", _descriptor4, _assertThisInitialized(_this));
+
+      _initializerDefineProperty(_this, "ariaLabelledBy", _descriptor5, _assertThisInitialized(_this));
+
+      _initializerDefineProperty(_this, "contentTrue", _descriptor6, _assertThisInitialized(_this));
+
+      _initializerDefineProperty(_this, "contentFalse", _descriptor7, _assertThisInitialized(_this));
+
+      return _this;
+    }
+
+    var _proto = ConditionalWrapper.prototype;
+
+    _proto.enhanceAccessibilityState = function enhanceAccessibilityState(oElement, mAriaProps) {
       var oParent = this.getParent();
 
       if (oParent && oParent.enhanceAccessibilityState) {
@@ -52,10 +84,11 @@ sap.ui.define(["sap/ui/core/Control"], function (Control) {
       }
 
       return mAriaProps;
-    },
-    _setAriaLabelledBy: function (oContent) {
+    };
+
+    _proto._setAriaLabelledBy = function _setAriaLabelledBy(oContent) {
       if (oContent && oContent.addAriaLabelledBy) {
-        var aAriaLabelledBy = this.getAriaLabelledBy();
+        var aAriaLabelledBy = this.ariaLabelledBy;
 
         for (var i = 0; i < aAriaLabelledBy.length; i++) {
           var sId = aAriaLabelledBy[i];
@@ -66,32 +99,70 @@ sap.ui.define(["sap/ui/core/Control"], function (Control) {
           }
         }
       }
-    },
-    onBeforeRendering: function () {
+    };
+
+    _proto.onBeforeRendering = function onBeforeRendering() {
       // before calling the renderer of the ConditionalWrapper parent control may have set ariaLabelledBy
       // we ensure it is passed to its inner controls
-      this._setAriaLabelledBy(this.getContentTrue());
-
-      this._setAriaLabelledBy(this.getContentFalse());
-    },
-    renderer: {
-      apiVersion: 2,
-      render: function (oRm, oControl) {
-        oRm.openStart("div", oControl);
-        oRm.style("width", oControl.getWidth());
-        oRm.style("display", "inline-block");
-        oRm.openEnd();
-
-        if (oControl.getCondition()) {
-          oRm.renderControl(oControl.getContentTrue());
-        } else {
-          oRm.renderControl(oControl.getContentFalse());
-        }
+      this._setAriaLabelledBy(this.contentTrue);
 
-        oRm.close("div"); // end of the complete Control
+      this._setAriaLabelledBy(this.contentFalse);
+    };
+
+    ConditionalWrapper.render = function render(oRm, oControl) {
+      oRm.openStart("div", oControl);
+      oRm.style("width", oControl.width);
+      oRm.style("display", "inline-block");
+      oRm.openEnd();
+
+      if (oControl.condition) {
+        oRm.renderControl(oControl.contentTrue);
+      } else {
+        oRm.renderControl(oControl.contentFalse);
       }
+
+      oRm.close("div"); // end of the complete Control
+    };
+
+    return ConditionalWrapper;
+  }(Control), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "__implements__sap_ui_core_IFormContent", [_dec2], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: function () {
+      return true;
     }
-  });
+  }), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "width", [_dec3], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  }), _descriptor3 = _applyDecoratedDescriptor(_class2.prototype, "formDoNotAdjustWidth", [_dec4], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  }), _descriptor4 = _applyDecoratedDescriptor(_class2.prototype, "condition", [_dec5], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  }), _descriptor5 = _applyDecoratedDescriptor(_class2.prototype, "ariaLabelledBy", [_dec6], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  }), _descriptor6 = _applyDecoratedDescriptor(_class2.prototype, "contentTrue", [_dec7], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  }), _descriptor7 = _applyDecoratedDescriptor(_class2.prototype, "contentFalse", [_dec8], {
+    configurable: true,
+    enumerable: true,
+    writable: true,
+    initializer: null
+  })), _class2)) || _class);
   return ConditionalWrapper;
 }, false);
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmRpdGlvbmFsV3JhcHBlci50cyJdLCJuYW1lcyI6WyJDb25kaXRpb25hbFdyYXBwZXIiLCJDb250cm9sIiwiZXh0ZW5kIiwibWV0YWRhdGEiLCJpbnRlcmZhY2VzIiwicHJvcGVydGllcyIsIndpZHRoIiwidHlwZSIsImRlZmF1bHRWYWx1ZSIsImZvcm1Eb05vdEFkanVzdFdpZHRoIiwiY29uZGl0aW9uIiwiYXNzb2NpYXRpb25zIiwiYXJpYUxhYmVsbGVkQnkiLCJtdWx0aXBsZSIsInNpbmd1bGFyTmFtZSIsImRlZmF1bHRBZ2dyZWdhdGlvbiIsImFnZ3JlZ2F0aW9ucyIsImNvbnRlbnRUcnVlIiwiY29udGVudEZhbHNlIiwiZW5oYW5jZUFjY2Vzc2liaWxpdHlTdGF0ZSIsIm9FbGVtZW50IiwibUFyaWFQcm9wcyIsIm9QYXJlbnQiLCJnZXRQYXJlbnQiLCJfc2V0QXJpYUxhYmVsbGVkQnkiLCJvQ29udGVudCIsImFkZEFyaWFMYWJlbGxlZEJ5IiwiYUFyaWFMYWJlbGxlZEJ5IiwiZ2V0QXJpYUxhYmVsbGVkQnkiLCJpIiwibGVuZ3RoIiwic0lkIiwiYUFyaWFMYWJlbGxlZEJ5cyIsImluZGV4T2YiLCJvbkJlZm9yZVJlbmRlcmluZyIsImdldENvbnRlbnRUcnVlIiwiZ2V0Q29udGVudEZhbHNlIiwicmVuZGVyZXIiLCJhcGlWZXJzaW9uIiwicmVuZGVyIiwib1JtIiwib0NvbnRyb2wiLCJvcGVuU3RhcnQiLCJzdHlsZSIsImdldFdpZHRoIiwib3BlbkVuZCIsImdldENvbmRpdGlvbiIsInJlbmRlckNvbnRyb2wiLCJjbG9zZSJdLCJtYXBwaW5ncyI6IjtBQUFBO0FBQ0E7QUFDQTs7OztBQU1BLE1BQU1BLGtCQUFrQixHQUFHQyxPQUFPLENBQUNDLE1BQVIsQ0FBZSx5Q0FBZixFQUEwRDtBQUNwRkMsSUFBQUEsUUFBUSxFQUFFO0FBQ1RDLE1BQUFBLFVBQVUsRUFBRSxDQUFDLDBCQUFELENBREg7QUFFVEMsTUFBQUEsVUFBVSxFQUFFO0FBQ1hDLFFB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QUFDNUJOLFVBQUFBLEdBQUcsQ0FBQ08sYUFBSixDQUFrQk4sUUFBUSxDQUFDTixjQUFULEVBQWxCO0FBQ0EsU0FGRCxNQUVPO0FBQ05LLFVBQUFBLEdBQUcsQ0FBQ08sYUFBSixDQUFrQk4sUUFBUSxDQUFDTCxlQUFULEVBQWxCO0FBQ0E7O0FBQ0RJLFFBQUFBLEdBQUcsQ0FBQ1EsS0FBSixDQUFVLEtBQVYsRUFWeUMsQ0FVdkI7QUFDbEI7QUFiUTtBQXpEMEUsR0FBMUQsQ0FBM0I7U0EwRWVoRCxrQiIsInNvdXJjZVJvb3QiOiIuIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IENvbnRyb2wgZnJvbSBcInNhcC91aS9jb3JlL0NvbnRyb2xcIjtcblxudHlwZSBDb25kaXRpb25hbFdyYXBwZXJUeXBlID0gQ29udHJvbCAmIHtcblx0Z2V0Q29udGVudFRydWUoKTogQ29udHJvbDtcblx0Z2V0Q29udGVudEZhbHNlKCk6IENvbnRyb2w7XG5cdF9zZXRBcmlhTGFiZWxsZWRCeShvQ29udHJvbDogQ29udHJvbCk6IHZvaWQ7XG5cdGdldEFyaWFMYWJlbGxlZEJ5KCk6IENvbnRyb2xbXTtcbn07XG5jb25zdCBDb25kaXRpb25hbFdyYXBwZXIgPSBDb250cm9sLmV4dGVuZChcInNhcC5mZS5jb3JlLmNvbnRyb2xzLkNvbmRpdGlvbmFsV3JhcHBlclwiLCB7XG5cdG1ldGFkYXRhOiB7XG5cdFx0aW50ZXJmYWNlczogW1wic2FwLnVpLmNvcmUuSUZvcm1Db250ZW50XCJdLFxuXHRcdHByb3BlcnRpZXM6IHtcblx0XHRcdHdpZHRoOiB7XG5cdFx0XHRcdHR5cGU6IFwic2FwLnVpLmNvcmUuQ1NTU2l6ZVwiLFxuXHRcdFx0XHRkZWZhdWx0VmFsdWU6IG51bGxcblx0XHRcdH0sXG5cdFx0XHRmb3JtRG9Ob3RBZGp1c3RXaWR0aDoge1xuXHRcdFx0XHR0eXBlOiBcImJvb2xlYW5cIixcblx0XHRcdFx0ZGVmYXVsdFZhbHVlOiBmYWxzZVxuXHRcdFx0fSxcblx0XHRcdGNvbmRpdGlvbjoge1xuXHRcdFx0XHR0eXBlOiBcImJvb2xlYW5cIixcblx0XHRcdFx0ZGVmYXVsdFZhbHVlOiBmYWxzZVxuXHRcdFx0fVxuXHRcdH0sXG5cdFx0YXNzb2NpYXRpb25zOiB7XG5cdFx0XHQvKipcblx0XHRcdCAqIEFzc29jaWF0aW9uIHRvIGNvbnRyb2xzIC8gSURzIHRoYXQgbGFiZWwgdGhpcyBjb250cm9sIChzZWUgV0FJLUFSSUEgYXR0cmlidXRlIGFyaWEtbGFiZWxsZWRieSkuXG5cdFx0XHQgKi9cblx0XHRcdGFyaWFMYWJlbGxlZEJ5OiB7IHR5cGU6IFwic2FwLnVpLmNvcmUuQ29udHJvbFwiLCBtdWx0aXBsZTogdHJ1ZSwgc2luZ3VsYXJOYW1lOiBcImFyaWFMYWJlbGxlZEJ5XCIgfVxuXHRcdH0sXG5cdFx0ZGVmYXVsdEFnZ3JlZ2F0aW9uOiBcImNvbnRlbnRUcnVlXCIsXG5cdFx0YWdncmVnYXRpb25zOiB7XG5cdFx0XHRjb250ZW50VHJ1ZTogeyB0eXBlOiBcInNhcC51aS5jb3JlLkNvbnRyb2xcIiwgbXVsdGlwbGU6IGZhbHNlIH0sXG5cdFx0XHRjb250ZW50RmFsc2U6IHsgdHlwZTogXCJzYXAudWkuY29yZS5Db250cm9sXCIsIG11bHRpcGxlOiBmYWxzZSB9XG5cdFx0fVxuXHR9LFxuXHRlbmhhbmNlQWNjZXNzaWJpbGl0eVN0YXRlOiBmdW5jdGlvbihvRWxlbWVudDogYW55LCBtQXJpYVByb3BzOiBhbnkpIHtcblx0XHRjb25zdCBvUGFyZW50ID0gdGhpcy5nZXRQYXJlbnQoKSBhcyBhbnk7XG5cblx0XHRpZiAob1BhcmVudCAmJiBvUGFyZW50LmVuaGFuY2VBY2Nlc3NpYmlsaXR5U3RhdGUpIHtcblx0XHRcdG9QYXJlbnQuZW5oYW5jZUFjY2Vzc2liaWxpdHlTdGF0ZSh0aGlzLCBtQXJpYVByb3BzKTtcblx0XHR9XG5cblx0XHRyZXR1cm4gbUFyaWFQcm9wcztcblx0fSxcblx0X3NldEFyaWFMYWJlbGxlZEJ5OiBmdW5jdGlvbih0aGlzOiBDb25kaXRpb25hbFdyYXBwZXJUeXBlLCBvQ29udGVudDogYW55KSB7XG5cdFx0aWYgKG9Db250ZW50ICYmIG9Db250ZW50LmFkZEFyaWFMYWJlbGxlZEJ5KSB7XG5cdFx0XHRjb25zdCBhQXJpYUxhYmVsbGVkQnkgPSB0aGlzLmdldEFyaWFMYWJlbGxlZEJ5KCk7XG5cblx0XHRcdGZvciAobGV0IGkgPSAwOyBpIDwgYUFyaWFMYWJlbGxlZEJ5Lmxlbmd0aDsgaSsrKSB7XG5cdFx0XHRcdGNvbnN0IHNJZCA9IGFBcmlhTGFiZWxsZWRCeVtpXTtcblx0XHRcdFx0Y29uc3QgYUFyaWFMYWJlbGxlZEJ5cyA9IG9Db250ZW50LmdldEFyaWFMYWJlbGxlZEJ5KCkgfHwgW107XG5cdFx0XHRcdGlmIChhQXJpYUxhYmVsbGVkQnlzLmluZGV4T2Yoc0lkKSA9PT0gLTEpIHtcblx0XHRcdFx0XHRvQ29udGVudC5hZGRBcmlhTGFiZWxsZWRCeShzSWQpO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHR9LFxuXHRvbkJlZm9yZVJlbmRlcmluZzogZnVuY3Rpb24odGhpczogQ29uZGl0aW9uYWxXcmFwcGVyVHlwZSkge1xuXHRcdC8vIGJlZm9yZSBjYWxsaW5nIHRoZSByZW5kZXJlciBvZiB0aGUgQ29uZGl0aW9uYWxXcmFwcGVyIHBhcmVudCBjb250cm9sIG1heSBoYXZlIHNldCBhcmlhTGFiZWxsZWRCeVxuXHRcdC8vIHdlIGVuc3VyZSBpdCBpcyBwYXNzZWQgdG8gaXRzIGlubmVyIGNvbnRyb2xzXG5cdFx0dGhpcy5fc2V0QXJpYUxhYmVsbGVkQnkodGhpcy5nZXRDb250ZW50VHJ1ZSgpKTtcblx0XHR0aGlzLl9zZXRBcmlhTGFiZWxsZWRCeSh0aGlzLmdldENvbnRlbnRGYWxzZSgpKTtcblx0fSxcblx0cmVuZGVyZXI6IHtcblx0XHRhcGlWZXJzaW9uOiAyLFxuXHRcdHJlbmRlcjogZnVuY3Rpb24ob1JtOiBhbnksIG9Db250cm9sOiBhbnkpIHtcblx0XHRcdG9SbS5vcGVuU3RhcnQoXCJkaXZcIiwgb0NvbnRyb2wpO1xuXHRcdFx0b1JtLnN0eWxlKFwid2lkdGhcIiwgb0NvbnRyb2wuZ2V0V2lkdGgoKSk7XG5cdFx0XHRvUm0uc3R5bGUoXCJkaXNwbGF5XCIsIFwiaW5saW5lLWJsb2NrXCIpO1xuXHRcdFx0b1JtLm9wZW5FbmQoKTtcblx0XHRcdGlmIChvQ29udHJvbC5nZXRDb25kaXRpb24oKSkge1xuXHRcdFx0XHRvUm0ucmVuZGVyQ29udHJvbChvQ29udHJvbC5nZXRDb250ZW50VHJ1ZSgpKTtcblx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdG9SbS5yZW5kZXJDb250cm9sKG9Db250cm9sLmdldENvbnRlbnRGYWxzZSgpKTtcblx0XHRcdH1cblx0XHRcdG9SbS5jbG9zZShcImRpdlwiKTsgLy8gZW5kIG9mIHRoZSBjb21wbGV0ZSBDb250cm9sXG5cdFx0fVxuXHR9XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgQ29uZGl0aW9uYWxXcmFwcGVyO1xuIl19
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbmRpdGlvbmFsV3JhcHBlci50cyJdLCJuYW1lcyI6WyJDb25kaXRpb25hbFdyYXBwZXIiLCJkZWZpbmVVSTVDbGFzcyIsImltcGxlbWVudEludGVyZmFjZSIsInByb3BlcnR5IiwidHlwZSIsImRlZmF1bHRWYWx1ZSIsImFzc29jaWF0aW9uIiwibXVsdGlwbGUiLCJzaW5ndWxhck5hbWUiLCJhZ2dyZWdhdGlvbiIsImlzRGVmYXVsdCIsImVuaGFuY2VBY2Nlc3NpYmlsaXR5U3RhdGUiLCJvRWxlbWVudCIsIm1BcmlhUHJvcHMiLCJvUGFyZW50IiwiZ2V0UGFyZW50IiwiX3NldEFyaWFMYWJlbGxlZEJ5Iiwib0NvbnRlbnQiLCJhZGRBcmlhTGFiZWxsZWRCeSIsImFBcmlhTGFiZWxsZWRCeSIsImFyaWFMYWJlbGxlZEJ5IiwiaSIsImxlbmd0aCIsInNJZCIsImFBcmlhTGFiZWxsZWRCeXMiLCJnZXRBcmlhTGFiZWxsZWRCeSIsImluZGV4T2YiLCJvbkJlZm9yZVJlbmRlcmluZyIsImNvbnRlbnRUcnVlIiwiY29udGVudEZhbHNlIiwicmVuZGVyIiwib1JtIiwib0NvbnRyb2wiLCJvcGVuU3RhcnQiLCJzdHlsZSIsIndpZHRoIiwib3BlbkVuZCIsImNvbmRpdGlvbiIsInJlbmRlckNvbnRyb2wiLCJjbG9zZSIsIkNvbnRyb2wiXSwibWFwcGluZ3MiOiI7QUFBQTtBQUNBO0FBQ0E7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztNQUlNQSxrQixXQURMQyxjQUFjLENBQUMseUNBQUQsQyxVQUViQyxrQkFBa0IsQ0FBQywwQkFBRCxDLFVBR2xCQyxRQUFRLENBQUM7QUFBRUMsSUFBQUEsSUFBSSxFQUFFLHFCQUFSO0FBQStCQyxJQUFBQSxZQUFZLEVBQUU7QUFBN0MsR0FBRCxDLFVBR1JGLFFBQVEsQ0FBQztBQUFFQyxJQUFBQSxJQUFJLEVBQUUsU0FBUjtBQUFtQkMsSUFBQUEsWUFBWSxFQUFFO0FBQWpDLEdBQUQsQyxVQUdSRixRQUFRLENBQUM7QUFBRUMsSUFBQUEsSUFBSSxFQUFFLFNBQVI7QUFBbUJDLElBQUFBLFlBQVksRUFBRTtBQUFqQyxHQUFELEMsVUFNUkMsV0FBVyxDQUFDO0FBQUVGLElBQUFBLElBQUksRUFBRSxxQkFBUjtBQUErQkcsSUFBQUEsUUFBUSxFQUFFLElBQXpDO0FBQStDQyxJQUFBQSxZQUFZLEVBQUU7QUFBN0QsR0FBRCxDLFVBR1hDLFdBQVcsQ0FBQztBQUFFTCxJQUFBQSxJQUFJLEVBQUUscUJBQVI7QUFBK0JHLElBQUFBLFFBQVEsRUFBRSxLQUF6QztBQUFnREcsSUFBQUEsU0FBUyxFQUFFO0FBQTNELEdBQUQsQyxVQUdYRCxXQUFXLENBQUM7QUFBRUwsSUFBQUEsSUFBSSxFQUFFLHFCQUFSO0FBQStCRyxJQUFBQSxRQUFRLEVBQUU7QUFBekMsR0FBRCxDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O1dBR1pJLHlCLEdBQUEsbUNBQTBCQyxRQUExQixFQUF5Q0MsVUFBekMsRUFBMEQ7QUFDekQsVUFBTUMsT0FBTyxHQUFHLEtBQUtDLFNBQUwsRUFBaEI7O0FBRUEsVUFBSUQsT0FBTyxJQUFJQSxPQUFPLENBQUNILHlCQUF2QixFQUFrRDtBQUNqREcsUUFBQUEsT0FBTyxDQUFDSCx5QkFBUixDQUFrQyxJQUFsQyxFQUF3Q0UsVUFBeEM7QUFDQTs7QUFFRCxhQUFPQSxVQUFQO0FBQ0EsSzs7V0FDREcsa0IsR0FBQSw0QkFBbUJDLFFBQW5CLEVBQWtDO0FBQ2pDLFVBQUlBLFFBQVEsSUFBSUEsUUFBUSxDQUFDQyxpQkFBekIsRUFBNEM7QUFDM0MsWUFBTUMsZUFBZSxHQUFHLEtBQUtDLGNBQTdCOztBQUVBLGFBQUssSUFBSUMsQ0FBQyxHQUFHLENBQWIsRUFBZ0JBLENBQUMsR0FBR0YsZUFBZSxDQUFDRyxNQUFwQyxFQUE0Q0QsQ0FBQyxFQUE3QyxFQUFpRDtBQUNoRCxjQUFNRSxHQUFHLEdBQUdKLGVBQWUsQ0FBQ0UsQ0FBRCxDQUEzQjtBQUNBLGNBQU1HLGdCQUFnQixHQUFHUCxRQUFRLENBQUNRLGlCQUFULE1BQWdDLEVBQXpEOztBQUNBLGNBQUlELGdCQUFnQixDQUFDRSxPQUFqQixDQUF5QkgsR0FBekIsTUFBa0MsQ0FBQyxDQUF2QyxFQUEwQztBQUN6Q04sWUFBQUEsUUFBUSxDQUFDQyxpQkFBVCxDQUEyQkssR0FBM0I7QUFDQTtBQUNEO0FBQ0Q7QUFDRCxLOztXQUNESSxpQixHQUFBLDZCQUFvQjtBQUNuQjtBQUNBO0FBQ0EsV0FBS1gsa0JBQUwsQ0FBd0IsS0FBS1ksV0FBN0I7O0FBQ0EsV0FBS1osa0JBQUwsQ0FBd0IsS0FBS2EsWUFBN0I7QUFDQSxLOzt1QkFDTUMsTSxHQUFQLGdCQUFjQyxHQUFkLEVBQWtDQyxRQUFsQyxFQUFnRTtBQUMvREQsTUFBQUEsR0FBRyxDQUFDRSxTQUFKLENBQWMsS0FBZCxFQUFxQkQsUUFBckI7QUFDQUQsTUFBQUEsR0FBRyxDQUFDRyxLQUFKLENBQVUsT0FBVixFQUFtQkYsUUFBUSxDQUFDRyxLQUE1QjtBQUNBSixNQUFBQSxHQUFHLENBQUNHLEtBQUosQ0FBVSxTQUFWLEVBQXFCLGNBQXJCO0FBQ0FILE1BQUFBLEdBQUcsQ0FBQ0ssT0FBSjs7QUFDQSxVQUFJSixRQUFRLENBQUNLLFNBQWIsRUFBd0I7QUFDdkJOLFFBQUFBLEdBQUcsQ0FBQ08sYUFBSixDQUFrQk4sUUFBUSxDQUFDSixXQUEzQjtBQUNBLE9BRkQsTUFFTztBQUNORyxRQUFBQSxHQUFHLENBQUNPLGFBQUosQ0FBa0JOLFFBQVEsQ0FBQ0gsWUFBM0I7QUFDQTs7QUFDREUsTUFBQUEsR0FBRyxDQUFDUSxLQUFKLENBQVUsS0FBVixFQVYrRCxDQVU3QztBQUNsQixLOzs7SUFoRStCQyxPOzs7OzthQUVrQixJOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7U0FpRXBDeEMsa0IiLCJzb3VyY2VSb290IjoiLiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBDb250cm9sIGZyb20gXCJzYXAvdWkvY29yZS9Db250cm9sXCI7XG5pbXBvcnQgeyBhZ2dyZWdhdGlvbiwgYXNzb2NpYXRpb24sIGRlZmluZVVJNUNsYXNzLCBpbXBsZW1lbnRJbnRlcmZhY2UsIHByb3BlcnR5IH0gZnJvbSBcInNhcC9mZS9jb3JlL2hlbHBlcnMvQ2xhc3NTdXBwb3J0XCI7XG5pbXBvcnQgeyBDU1NTaXplLCBJRm9ybUNvbnRlbnQgfSBmcm9tIFwic2FwL3VpL2NvcmUvbGlicmFyeVwiO1xuaW1wb3J0IFJlbmRlck1hbmFnZXIgZnJvbSBcInNhcC91aS9jb3JlL1JlbmRlck1hbmFnZXJcIjtcblxuQGRlZmluZVVJNUNsYXNzKFwic2FwLmZlLmNvcmUuY29udHJvbHMuQ29uZGl0aW9uYWxXcmFwcGVyXCIpXG5jbGFzcyBDb25kaXRpb25hbFdyYXBwZXIgZXh0ZW5kcyBDb250cm9sIGltcGxlbWVudHMgSUZvcm1Db250ZW50IHtcblx0QGltcGxlbWVudEludGVyZmFjZShcInNhcC51aS5jb3JlLklGb3JtQ29udGVudFwiKVxuXHRfX2ltcGxlbWVudHNfX3NhcF91aV9jb3JlX0lGb3JtQ29udGVudDogYm9vbGVhbiA9IHRydWU7XG5cblx0QHByb3BlcnR5KHsgdHlwZTogXCJzYXAudWkuY29yZS5DU1NTaXplXCIsIGRlZmF1bHRWYWx1ZTogbnVsbCB9KVxuXHR3aWR0aCE6IENTU1NpemU7XG5cblx0QHByb3BlcnR5KHsgdHlwZTogXCJib29sZWFuXCIsIGRlZmF1bHRWYWx1ZTogZmFsc2UgfSlcblx0Zm9ybURvTm90QWRqdXN0V2lkdGghOiBib29sZWFuO1xuXG5cdEBwcm9wZXJ0eSh7IHR5cGU6IFwiYm9vbGVhblwiLCBkZWZhdWx0VmFsdWU6IGZhbHNlIH0pXG5cdGNvbmRpdGlvbiE6IGJvb2xlYW47XG5cblx0LyoqXG5cdCAqIEFzc29jaWF0aW9uIHRvIGNvbnRyb2xzIC8gSURzIHRoYXQgbGFiZWwgdGhpcyBjb250cm9sIChzZWUgV0FJLUFSSUEgYXR0cmlidXRlIGFyaWEtbGFiZWxsZWRieSkuXG5cdCAqL1xuXHRAYXNzb2NpYXRpb24oeyB0eXBlOiBcInNhcC51aS5jb3JlLkNvbnRyb2xcIiwgbXVsdGlwbGU6IHRydWUsIHNpbmd1bGFyTmFtZTogXCJhcmlhTGFiZWxsZWRCeVwiIH0pXG5cdGFyaWFMYWJlbGxlZEJ5ITogQ29udHJvbFtdO1xuXG5cdEBhZ2dyZWdhdGlvbih7IHR5cGU6IFwic2FwLnVpLmNvcmUuQ29udHJvbFwiLCBtdWx0aXBsZTogZmFsc2UsIGlzRGVmYXVsdDogdHJ1ZSB9KVxuXHRjb250ZW50VHJ1ZSE6IENvbnRyb2w7XG5cblx0QGFnZ3JlZ2F0aW9uKHsgdHlwZTogXCJzYXAudWkuY29yZS5Db250cm9sXCIsIG11bHRpcGxlOiBmYWxzZSB9KVxuXHRjb250ZW50RmFsc2UhOiBDb250cm9sO1xuXG5cdGVuaGFuY2VBY2Nlc3NpYmlsaXR5U3RhdGUob0VsZW1lbnQ6IGFueSwgbUFyaWFQcm9wczogYW55KSB7XG5cdFx0Y29uc3Qgb1BhcmVudCA9IHRoaXMuZ2V0UGFyZW50KCkgYXMgYW55O1xuXG5cdFx0aWYgKG9QYXJlbnQgJiYgb1BhcmVudC5lbmhhbmNlQWNjZXNzaWJpbGl0eVN0YXRlKSB7XG5cdFx0XHRvUGFyZW50LmVuaGFuY2VBY2Nlc3NpYmlsaXR5U3RhdGUodGhpcywgbUFyaWFQcm9wcyk7XG5cdFx0fVxuXG5cdFx0cmV0dXJuIG1BcmlhUHJvcHM7XG5cdH1cblx0X3NldEFyaWFMYWJlbGxlZEJ5KG9Db250ZW50OiBhbnkpIHtcblx0XHRpZiAob0NvbnRlbnQgJiYgb0NvbnRlbnQuYWRkQXJpYUxhYmVsbGVkQnkpIHtcblx0XHRcdGNvbnN0IGFBcmlhTGFiZWxsZWRCeSA9IHRoaXMuYXJpYUxhYmVsbGVkQnk7XG5cblx0XHRcdGZvciAobGV0IGkgPSAwOyBpIDwgYUFyaWFMYWJlbGxlZEJ5Lmxlbmd0aDsgaSsrKSB7XG5cdFx0XHRcdGNvbnN0IHNJZCA9IGFBcmlhTGFiZWxsZWRCeVtpXTtcblx0XHRcdFx0Y29uc3QgYUFyaWFMYWJlbGxlZEJ5cyA9IG9Db250ZW50LmdldEFyaWFMYWJlbGxlZEJ5KCkgfHwgW107XG5cdFx0XHRcdGlmIChhQXJpYUxhYmVsbGVkQnlzLmluZGV4T2Yoc0lkKSA9PT0gLTEpIHtcblx0XHRcdFx0XHRvQ29udGVudC5hZGRBcmlhTGFiZWxsZWRCeShzSWQpO1xuXHRcdFx0XHR9XG5cdFx0XHR9XG5cdFx0fVxuXHR9XG5cdG9uQmVmb3JlUmVuZGVyaW5nKCkge1xuXHRcdC8vIGJlZm9yZSBjYWxsaW5nIHRoZSByZW5kZXJlciBvZiB0aGUgQ29uZGl0aW9uYWxXcmFwcGVyIHBhcmVudCBjb250cm9sIG1heSBoYXZlIHNldCBhcmlhTGFiZWxsZWRCeVxuXHRcdC8vIHdlIGVuc3VyZSBpdCBpcyBwYXNzZWQgdG8gaXRzIGlubmVyIGNvbnRyb2xzXG5cdFx0dGhpcy5fc2V0QXJpYUxhYmVsbGVkQnkodGhpcy5jb250ZW50VHJ1ZSk7XG5cdFx0dGhpcy5fc2V0QXJpYUxhYmVsbGVkQnkodGhpcy5jb250ZW50RmFsc2UpO1xuXHR9XG5cdHN0YXRpYyByZW5kZXIob1JtOiBSZW5kZXJNYW5hZ2VyLCBvQ29udHJvbDogQ29uZGl0aW9uYWxXcmFwcGVyKSB7XG5cdFx0b1JtLm9wZW5TdGFydChcImRpdlwiLCBvQ29udHJvbCk7XG5cdFx0b1JtLnN0eWxlKFwid2lkdGhcIiwgb0NvbnRyb2wud2lkdGgpO1xuXHRcdG9SbS5zdHlsZShcImRpc3BsYXlcIiwgXCJpbmxpbmUtYmxvY2tcIik7XG5cdFx0b1JtLm9wZW5FbmQoKTtcblx0XHRpZiAob0NvbnRyb2wuY29uZGl0aW9uKSB7XG5cdFx0XHRvUm0ucmVuZGVyQ29udHJvbChvQ29udHJvbC5jb250ZW50VHJ1ZSk7XG5cdFx0fSBlbHNlIHtcblx0XHRcdG9SbS5yZW5kZXJDb250cm9sKG9Db250cm9sLmNvbnRlbnRGYWxzZSk7XG5cdFx0fVxuXHRcdG9SbS5jbG9zZShcImRpdlwiKTsgLy8gZW5kIG9mIHRoZSBjb21wbGV0ZSBDb250cm9sXG5cdH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29uZGl0aW9uYWxXcmFwcGVyO1xuIl19

package/src/sap/fe/core/controls/ConditionalWrapper.ts

@@ -1,41 +1,35 @@
 import Control from "sap/ui/core/Control";
+import { aggregation, association, defineUI5Class, implementInterface, property } from "sap/fe/core/helpers/ClassSupport";
+import { CSSSize, IFormContent } from "sap/ui/core/library";
+import RenderManager from "sap/ui/core/RenderManager";
 
-type ConditionalWrapperType = Control & {
-	getContentTrue(): Control;
-	getContentFalse(): Control;
-	_setAriaLabelledBy(oControl: Control): void;
-	getAriaLabelledBy(): Control[];
-};
-const ConditionalWrapper = Control.extend("sap.fe.core.controls.ConditionalWrapper", {
-	metadata: {
-		interfaces: ["sap.ui.core.IFormContent"],
-		properties: {
-			width: {
-				type: "sap.ui.core.CSSSize",
-				defaultValue: null
-			},
-			formDoNotAdjustWidth: {
-				type: "boolean",
-				defaultValue: false
-			},
-			condition: {
-				type: "boolean",
-				defaultValue: false
-			}
-		},
-		associations: {
-			/**
-			 * Association to controls / IDs that label this control (see WAI-ARIA attribute aria-labelledby).
-			 */
-			ariaLabelledBy: { type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" }
-		},
-		defaultAggregation: "contentTrue",
-		aggregations: {
-			contentTrue: { type: "sap.ui.core.Control", multiple: false },
-			contentFalse: { type: "sap.ui.core.Control", multiple: false }
-		}
-	},
-	enhanceAccessibilityState: function(oElement: any, mAriaProps: any) {
+@defineUI5Class("sap.fe.core.controls.ConditionalWrapper")
+class ConditionalWrapper extends Control implements IFormContent {
+	@implementInterface("sap.ui.core.IFormContent")
+	__implements__sap_ui_core_IFormContent: boolean = true;
+
+	@property({ type: "sap.ui.core.CSSSize", defaultValue: null })
+	width!: CSSSize;
+
+	@property({ type: "boolean", defaultValue: false })
+	formDoNotAdjustWidth!: boolean;
+
+	@property({ type: "boolean", defaultValue: false })
+	condition!: boolean;
+
+	/**
+	 * Association to controls / IDs that label this control (see WAI-ARIA attribute aria-labelledby).
+	 */
+	@association({ type: "sap.ui.core.Control", multiple: true, singularName: "ariaLabelledBy" })
+	ariaLabelledBy!: Control[];
+
+	@aggregation({ type: "sap.ui.core.Control", multiple: false, isDefault: true })
+	contentTrue!: Control;
+
+	@aggregation({ type: "sap.ui.core.Control", multiple: false })
+	contentFalse!: Control;
+
+	enhanceAccessibilityState(oElement: any, mAriaProps: any) {
 		const oParent = this.getParent() as any;
 
 		if (oParent && oParent.enhanceAccessibilityState) {
@@ -43,10 +37,10 @@ const ConditionalWrapper = Control.extend("sap.fe.core.controls.ConditionalWrapp
 		}
 
 		return mAriaProps;
-	},
-	_setAriaLabelledBy: function(this: ConditionalWrapperType, oContent: any) {
+	}
+	_setAriaLabelledBy(oContent: any) {
 		if (oContent && oContent.addAriaLabelledBy) {
-			const aAriaLabelledBy = this.getAriaLabelledBy();
+			const aAriaLabelledBy = this.ariaLabelledBy;
 
 			for (let i = 0; i < aAriaLabelledBy.length; i++) {
 				const sId = aAriaLabelledBy[i];
@@ -56,28 +50,25 @@ const ConditionalWrapper = Control.extend("sap.fe.core.controls.ConditionalWrapp
 				}
 			}
 		}
-	},
-	onBeforeRendering: function(this: ConditionalWrapperType) {
+	}
+	onBeforeRendering() {
 		// before calling the renderer of the ConditionalWrapper parent control may have set ariaLabelledBy
 		// we ensure it is passed to its inner controls
-		this._setAriaLabelledBy(this.getContentTrue());
-		this._setAriaLabelledBy(this.getContentFalse());
-	},
-	renderer: {
-		apiVersion: 2,
-		render: function(oRm: any, oControl: any) {
-			oRm.openStart("div", oControl);
-			oRm.style("width", oControl.getWidth());
-			oRm.style("display", "inline-block");
-			oRm.openEnd();
-			if (oControl.getCondition()) {
-				oRm.renderControl(oControl.getContentTrue());
-			} else {
-				oRm.renderControl(oControl.getContentFalse());
-			}
-			oRm.close("div"); // end of the complete Control
+		this._setAriaLabelledBy(this.contentTrue);
+		this._setAriaLabelledBy(this.contentFalse);
+	}
+	static render(oRm: RenderManager, oControl: ConditionalWrapper) {
+		oRm.openStart("div", oControl);
+		oRm.style("width", oControl.width);
+		oRm.style("display", "inline-block");
+		oRm.openEnd();
+		if (oControl.condition) {
+			oRm.renderControl(oControl.contentTrue);
+		} else {
+			oRm.renderControl(oControl.contentFalse);
 		}
+		oRm.close("div"); // end of the complete Control
 	}
-});
+}
 
 export default ConditionalWrapper;