@openui5/sap.ui.integration 1.98.0 → 1.101.0

package/src/sap/ui/integration/cards/actions/ShowCardAction.js

@@ -0,0 +1,106 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+sap.ui.define([
+	"./BaseAction",
+	"sap/m/Dialog",
+	"sap/ui/core/Core",
+	// jQuery Plugin "firstFocusableDomRef", "lastFocusableDomRef"
+	"sap/ui/dom/jquery/Focusable"
+], function (
+	BaseAction,
+	Dialog,
+	Core
+) {
+	"use strict";
+
+	var ShowCardAction = BaseAction.extend("sap.ui.integration.cards.actions.ShowCardAction", {
+		metadata: {
+			library: "sap.ui.integration"
+		}
+	});
+
+	/**
+	 * @override
+	 */
+	ShowCardAction.prototype.execute = function () {
+		var oParameters = this.getParameters() || {},
+			oParentCard = this.getCardInstance(),
+			oHost = oParentCard.getHostInstance(),
+			oChildCard;
+
+		if (oParameters._cardId) {
+			oChildCard = Core.byId(oParameters._cardId);
+		} else {
+			oChildCard = oParentCard._createChildCard(oParameters);
+		}
+
+		if (oHost && oHost.onShowCard) {
+			oHost.onShowCard(oChildCard, oParameters);
+			return;
+		}
+
+		this._openDialog(oChildCard, oParentCard);
+	};
+
+	/**
+	 * Opens the dialog
+	 *
+	 * @private
+	 * @param {sap.ui.integration.widgets.Card} oChildCard The child card.
+	 * @param {sap.ui.integration.widgets.Card} oParentCard The opener card.
+	 */
+	ShowCardAction.prototype._openDialog = function (oChildCard, oParentCard) {
+		var oDialog = new Dialog({
+				content: [
+					oChildCard
+				],
+				showHeader: false,
+				ariaLabelledBy: oChildCard.getId(),
+				escapeHandler: function (oPromise) {
+					oChildCard.hide();
+					oPromise.resolve();
+				}
+			});
+
+		oDialog.addStyleClass("sapUiIntCardDialog");
+
+		oParentCard.addDependent(oDialog);
+
+		oChildCard.startManifestProcessing();
+
+		oChildCard.attachManifestApplied(function () {
+			oDialog.open();
+		});
+
+		oChildCard.attachEvent("_ready", function () {
+			setTimeout(function () {
+				this._setFocus(oChildCard, oDialog);
+			}.bind(this), 0); // wait for loading animation to stop
+		}.bind(this));
+
+		oDialog.attachAfterClose(function () {
+			oDialog.destroy();
+		});
+	};
+
+	ShowCardAction.prototype._setFocus = function (oCard, oDialog) {
+		var oFilters = oCard.getAggregation("_filter"),
+			oContent = oCard.getAggregation("_content"),
+			oFooter = oCard.getAggregation("_footer"),
+			oFirstFocusable;
+
+		oFirstFocusable = oFilters && oFilters.$().firstFocusableDomRef()
+			|| oContent && oContent.$().firstFocusableDomRef()
+			|| oFooter && oFooter.$().firstFocusableDomRef();
+
+		if (oFirstFocusable) {
+			oDialog.setInitialFocus(oFirstFocusable.id);
+			oFirstFocusable.focus();
+		}
+	};
+
+	return ShowCardAction;
+});

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputChoiceSet.js

@@ -3,7 +3,10 @@
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
-sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (AdaptiveCards) {
+sap.ui.define([
+	"sap/ui/integration/thirdparty/adaptivecards",
+	"sap/ui/integration/cards/adaptivecards/overwrites/inputsGeneralOverwrites"
+], function (AdaptiveCards, InputsOverwrites) {
 	"use strict";
 
 	function UI5ChoiceSet (){
@@ -17,7 +20,7 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 	 * <code>ui5-select</code>, or container with <code>ui5-radio-button</code>, or <code>ui5-checkbox</code> web components.
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @private
 	 * @since 1.74
@@ -25,6 +28,16 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 
 	UI5ChoiceSet.prototype = Object.create(AdaptiveCards.ChoiceSetInput.prototype);
 
+
+	UI5ChoiceSet.prototype.overrideInternalRender = function () {
+		var oInput = AdaptiveCards.TextInput.prototype.overrideInternalRender.call(this, arguments);
+
+		InputsOverwrites.overwriteLabel(this);
+		InputsOverwrites.overwriteRequired(this);
+
+		return oInput;
+	};
+
 	UI5ChoiceSet.prototype.internalRender = function () {
 		if (!this.isMultiSelect) {
 			if (this.isCompact) {
@@ -53,6 +66,7 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 			var oRbContainer = document.createElement("div");
 			oRbContainer.classList.add("sapFCardAdaptiveContentChoiceSetWrapper");
 			oRbContainer.id = this.id;
+			oRbContainer.setAttribute("role", "radiogroup");
 			oRbContainer.addEventListener("change", function () {
 				this.valueChanged();
 			}.bind(this));
@@ -78,6 +92,7 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 		var defaultValues = this.defaultValue ? this.defaultValue.split(",") : null;
 		var oCbContainer = document.createElement("div");
 		oCbContainer.classList.add("sapFCardAdaptiveContentChoiceSetWrapper");
+		oCbContainer.setAttribute("role", "group");
 		oCbContainer.id = this.id;
 		oCbContainer.addEventListener("change", function () { this.valueChanged(); }.bind(this));
 		this._toggleInputs = [];
@@ -144,5 +159,32 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 		}
 	});
 
+	UI5ChoiceSet.prototype.updateInputControlAriaLabelledBy = function () {
+		var sAttribute = (!this.isMultiSelect && this.isCompact) ? "accessible-name-ref" : "aria-labelledby";
+		InputsOverwrites.overwriteAriaLabelling(this, sAttribute);
+	};
+
+	UI5ChoiceSet.prototype.showValidationErrorMessage = function () {
+		if (!this._toggleInputs || !this._toggleInputs.length) {
+			return;
+		}
+
+		this._toggleInputs.forEach(function(oToggleInput){
+			oToggleInput.valueState = "Error";
+		});
+	};
+
+	UI5ChoiceSet.prototype.resetValidationFailureCue = function () {
+		AdaptiveCards.TextInput.prototype.resetValidationFailureCue.call(this, arguments);
+
+		if (!this._toggleInputs || !this._toggleInputs.length) {
+			return;
+		}
+
+		this._toggleInputs.forEach(function (oToggleInput) {
+			oToggleInput.valueState = "None";
+		});
+	};
+
 	return UI5ChoiceSet;
 });

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputDate.js

@@ -3,7 +3,10 @@
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
-sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (AdaptiveCards) {
+sap.ui.define([
+	"sap/ui/integration/thirdparty/adaptivecards",
+	"sap/ui/integration/cards/adaptivecards/overwrites/inputsGeneralOverwrites"
+], function (AdaptiveCards, InputsOverwrites) {
 	"use strict";
 	function UI5InputDate() {
 		AdaptiveCards.DateInput.apply(this, arguments);
@@ -16,12 +19,23 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 	 * <code>ui5-datepicker</code> web component.
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @private
 	 * @since 1.74
 	 */
 	UI5InputDate.prototype = Object.create(AdaptiveCards.DateInput.prototype);
+
+
+	UI5InputDate.prototype.overrideInternalRender = function () {
+		var oInput = AdaptiveCards.TextInput.prototype.overrideInternalRender.call(this, arguments);
+
+		InputsOverwrites.overwriteLabel(this);
+		InputsOverwrites.overwriteRequired(this);
+
+		return oInput;
+	};
+
 	UI5InputDate.prototype.internalRender = function () {
 		this._dateInputElement = document.createElement("ui5-date-picker");
 
@@ -32,12 +46,33 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 		this._dateInputElement.minDate = this.min || "";
 		this._dateInputElement.maxDate = this.max || "";
 
-		this._dateInputElement.addEventListener("change", function () {
+		InputsOverwrites.createValueStateElement(this, this._dateInputElement);
+
+		this._dateInputElement.addEventListener("input", function () {
 			this.valueChanged();
 		}.bind(this));
 
 		return this._dateInputElement;
 
 	};
+
+	UI5InputDate.prototype.updateInputControlAriaLabelledBy = function () {
+		InputsOverwrites.overwriteAriaLabelling(this, "accessible-name-ref");
+	};
+
+	UI5InputDate.prototype.showValidationErrorMessage = function () {
+		if (this.renderedInputControlElement) {
+			this.renderedInputControlElement.valueState = "Error";
+		}
+	};
+
+	UI5InputDate.prototype.resetValidationFailureCue = function () {
+		AdaptiveCards.TextInput.prototype.resetValidationFailureCue.call(this, arguments);
+
+		if (this.renderedInputControlElement) {
+			this.renderedInputControlElement.valueState = "None";
+		}
+	};
+
 	return UI5InputDate;
 });

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputNumber.js

@@ -3,7 +3,10 @@
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
-sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (AdaptiveCards) {
+sap.ui.define([
+	"sap/ui/integration/thirdparty/adaptivecards",
+	"sap/ui/integration/cards/adaptivecards/overwrites/inputsGeneralOverwrites"
+], function (AdaptiveCards, InputsOverwrites) {
 	"use strict";
 	function UI5InputNumber() {
 		AdaptiveCards.NumberInput.apply(this, arguments);
@@ -16,12 +19,22 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 	 * <code>ui5-step-input</code> web component.
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @private
 	 * @since 1.74
 	 */
 	UI5InputNumber.prototype = Object.create(AdaptiveCards.NumberInput.prototype);
+
+	UI5InputNumber.prototype.overrideInternalRender = function () {
+		var oInput = AdaptiveCards.TextInput.prototype.overrideInternalRender.call(this, arguments);
+
+		InputsOverwrites.overwriteLabel(this);
+		InputsOverwrites.overwriteRequired(this);
+
+		return oInput;
+	};
+
 	UI5InputNumber.prototype.internalRender = function () {
 		this._numberInputElement = document.createElement("ui5-step-input");
 
@@ -32,7 +45,9 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 		this._numberInputElement.max = this.max;
 		this._numberInputElement.style.width = "13.125rem"; // the default width of the ui5-input web component
 
-		this._numberInputElement.addEventListener("change", function (oEvent) {
+		InputsOverwrites.createValueStateElement(this, this._numberInputElement);
+
+		this._numberInputElement.addEventListener("input", function (oEvent) {
 			this.valueChanged();
 		}.bind(this));
 
@@ -46,5 +61,23 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 		}
 	});
 
+	UI5InputNumber.prototype.updateInputControlAriaLabelledBy = function () {
+		InputsOverwrites.overwriteAriaLabelling(this, "accessible-name-ref");
+	};
+
+	UI5InputNumber.prototype.showValidationErrorMessage = function () {
+		if (this.renderedInputControlElement) {
+			this.renderedInputControlElement.valueState = "Error";
+		}
+	};
+
+	UI5InputNumber.prototype.resetValidationFailureCue = function () {
+		AdaptiveCards.TextInput.prototype.resetValidationFailureCue.call(this, arguments);
+
+		if (this.renderedInputControlElement) {
+			this.renderedInputControlElement.valueState = "None";
+		}
+	};
+
 	return UI5InputNumber;
 });

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputText.js

@@ -3,7 +3,10 @@
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
-sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (AdaptiveCards) {
+sap.ui.define([
+	"sap/ui/integration/thirdparty/adaptivecards",
+	"sap/ui/integration/cards/adaptivecards/overwrites/inputsGeneralOverwrites"
+	], function (AdaptiveCards, InputsOverwrites) {
 	"use strict";
 	function UI5InputText() {
 		AdaptiveCards.TextInput.apply(this, arguments);
@@ -16,12 +19,22 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 	 * <code>ui5-input</code> or <code>ui5-textarea<code> UI5 web component.
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @private
 	 * @since 1.74
 	 */
 	UI5InputText.prototype = Object.create(AdaptiveCards.TextInput.prototype);
+
+	UI5InputText.prototype.overrideInternalRender = function () {
+		var oInput = AdaptiveCards.TextInput.prototype.overrideInternalRender.call(this, arguments);
+
+		InputsOverwrites.overwriteLabel(this);
+		InputsOverwrites.overwriteRequired(this);
+
+		return oInput;
+	};
+
 	UI5InputText.prototype.internalRender = function () {
 		//when this.isMultiline is true, we have to render an ui5-textarea instead of ui5-input
 		if (this.isMultiline) {
@@ -31,7 +44,9 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 			oTextArea.value = this.defaultValue || "";
 			oTextArea.maxlength = this.maxLength || null;
 
-			oTextArea.addEventListener("change", function () {
+			InputsOverwrites.createValueStateElement(this, oTextArea);
+
+			oTextArea.addEventListener("input", function () {
 				this.valueChanged();
 			}.bind(this));
 			return oTextArea;
@@ -54,10 +69,32 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 		oInput.placeholder = this.placeholder || "";
 		oInput.value = this.defaultValue || "";
 		oInput.maxlength = this.maxLength || null;
-		oInput.addEventListener("change", function () {
+
+		InputsOverwrites.createValueStateElement(this, oInput);
+
+		oInput.addEventListener("input", function () {
 			this.valueChanged();
 		}.bind(this));
 		return oInput;
 	};
+
+	UI5InputText.prototype.updateInputControlAriaLabelledBy = function () {
+		InputsOverwrites.overwriteAriaLabelling(this, "accessible-name-ref");
+	};
+
+	UI5InputText.prototype.showValidationErrorMessage = function () {
+		if (this.renderedInputControlElement) {
+			this.renderedInputControlElement.valueState = "Error";
+		}
+	};
+
+	UI5InputText.prototype.resetValidationFailureCue = function () {
+		AdaptiveCards.TextInput.prototype.resetValidationFailureCue.call(this, arguments);
+
+		if (this.renderedInputControlElement) {
+			this.renderedInputControlElement.valueState = "None";
+		}
+	};
+
 	return UI5InputText;
 });

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputTime.js

@@ -5,11 +5,13 @@
  */
 sap.ui.define([
 	"sap/ui/integration/thirdparty/adaptivecards",
-	"sap/ui/core/format/DateFormat"
+	"sap/ui/core/format/DateFormat",
+	"sap/ui/integration/cards/adaptivecards/overwrites/inputsGeneralOverwrites"
 ],
 	function (
 		AdaptiveCards,
-		DateFormat
+		DateFormat,
+		InputsOverwrites
 	) {
 		"use strict";
 
@@ -17,16 +19,20 @@ sap.ui.define([
 			AdaptiveCards.TimeInput.apply(this, arguments);
 		}
 
-		// Value state map
-		var ValueState = {
-			None: "None",
-			Error: "Error"
-		};
-
 		var sTimePattern = "HH:mm";
 
 		UI5InputTime.prototype = Object.create(AdaptiveCards.TimeInput.prototype);
 
+
+		UI5InputTime.prototype.overrideInternalRender = function () {
+			var oInput = AdaptiveCards.TextInput.prototype.overrideInternalRender.call(this, arguments);
+
+			InputsOverwrites.overwriteLabel(this);
+			InputsOverwrites.overwriteRequired(this);
+
+			return oInput;
+		};
+
 		UI5InputTime.prototype.internalRender = function () {
 			var sWCElement = "ui5-time-picker";
 			this._timeInputElement = document.createElement(sWCElement);
@@ -34,128 +40,33 @@ sap.ui.define([
 			this._timeInputElement.value = this.defaultValue || "";
 			this._timeInputElement.formatPattern = sTimePattern;
 
-			// Initial check
-			this._handleMinMaxProps();
-			this._validateInput(this.value);
-
-			this._timeInputElement.addEventListener("change", function (oEvent) {
-				this._validateInput(oEvent.target.value);
+			InputsOverwrites.createValueStateElement(this, this._timeInputElement);
 
+			this._timeInputElement.addEventListener("input", function (oEvent) {
 				this.valueChanged();
 			}.bind(this));
 
 			return this._timeInputElement;
 		};
 
-		/**
-		 * Validate if the input value is between min and max ranges.
-		 * @param {string} sValue The input value to check.
-		 * @private
-		 */
-		UI5InputTime.prototype._validateInputRange = function (sValue) {
-			var aValue,
-				iValueHour,
-				iValueMinute;
-
-			// return if there don't have min and max values
-			if (!this._isMinValid && !this._isMaxValid) {
-				this._setValueState(ValueState.None);
-				return;
-			}
-
-			aValue = sValue.split(":");
-			iValueHour = aValue[0];
-			iValueMinute = aValue[1];
-
-			if (this._isMinValid && iValueHour < this._iMinHour || (iValueHour === this._iMinHour && iValueMinute < this._iMinMinute)) {
-				this._setValueState(ValueState.Error);
-				return;
-			}
-
-			if (this._isMaxValid && iValueHour > this._iMaxHour || (iValueHour === this._iMaxHour && iValueMinute > this._iMaxMinute)) {
-				this._setValueState(ValueState.Error);
-				return;
-			}
-
-			// remove value state when all checks are passed
-			this._setValueState(ValueState.None);
+		UI5InputTime.prototype.updateInputControlAriaLabelledBy = function () {
+			// when support for accessible-name-ref is implemented for ui5-time-picker, aria-labelledby should be changed
+			InputsOverwrites.overwriteAriaLabelling(this, "aria-labelledby");
 		};
 
-		/**
-		 * Validate if the input is valid value.
-		 * @param {string} sValue The input value to check.
-		 * @private
-		 */
-		UI5InputTime.prototype._validateInput = function (sValue) {
-			if (sValue === "") {
-				this._setValueState(ValueState.None);
-				return;
+		UI5InputTime.prototype.showValidationErrorMessage = function () {
+			if (this.renderedInputControlElement) {
+				this.renderedInputControlElement.valueState = "Error";
 			}
-
-			this._isValidTime(sValue) ? this._validateInputRange(sValue) : this._setValueState(ValueState.Error);
 		};
 
-		/**
-		 * Validate min and max values
-		 * @private
-		 */
-		UI5InputTime.prototype._handleMinMaxProps = function () {
-			this._isMinValid = this.min && this._isValidTime(this.min);
-			this._isMaxValid = this.max && this._isValidTime(this.max);
-
-			if (this._isMinValid) {
-				this._aMinValue = this.min.split(":");
-				this._iMinHour = Number(this._aMinValue[0]);
-				this._iMinMinute = Number(this._aMinValue[1]);
-			}
-
-			if (this._isMaxValid) {
-				this._aMaxValue = this.max.split(":");
-				this._iMaxHour = Number(this._aMaxValue[0]);
-				this._iMaxMinute = Number(this._aMaxValue[1]);
-			}
-
-			if (!this._isMinValid || !this._isMaxValid) {
-				return;
-			}
+		UI5InputTime.prototype.resetValidationFailureCue = function () {
+			AdaptiveCards.TextInput.prototype.resetValidationFailureCue.call(this, arguments);
 
-			if (this._iMinHour > this._iMaxHour || (this._iMinHour === this._iMaxHour && this._iMinMinute > this._iMaxMinute || this._iMinMinute === this._iMaxMinute)) {
-				this._setValueState(ValueState.Error);
-			} else {
-				this._setValueState(ValueState.None);
+			if (this.renderedInputControlElement) {
+				this.renderedInputControlElement.valueState = "None";
 			}
 		};
 
-		/**
-		 * Sets value state type
-		 * @param {string} sType Value state type
-		 * @private
-		 */
-		UI5InputTime.prototype._setValueState = function (sType) {
-			this._timeInputElement.valueState = sType;
-		};
-
-		/**
-		 * Sets value state message
-		 * @param {string} sMessage Value state message
-		 * @private
-		 */
-		UI5InputTime.prototype._setValueStateMessage = function (sMessage) {
-			// The web components doesn't support it yet
-			// There is feature request, so it should be available soon
-			this._timeInputElement.valueStateMessage = sMessage;
-		};
-
-		/**
-		 * Checks if the given time value is valid
-		 * @param {string} sValue Value to mecheckssage
-		 * @private
-		 */
-		UI5InputTime.prototype._isValidTime = function (sValue) {
-			var oTimeInstance = DateFormat.getTimeInstance({pattern: sTimePattern});
-
-			return sValue && oTimeInstance.parse(sValue);
-		};
-
 		return UI5InputTime;
 	});

package/src/sap/ui/integration/cards/adaptivecards/elements/UI5InputToggle.js

@@ -3,7 +3,10 @@
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
-sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (AdaptiveCards) {
+sap.ui.define([
+	"sap/ui/integration/thirdparty/adaptivecards",
+	"sap/ui/integration/cards/adaptivecards/overwrites/inputsGeneralOverwrites"
+], function (AdaptiveCards, InputsOverwrites) {
 	"use strict";
 	function UI5InputToggle() {
 		AdaptiveCards.ToggleInput.apply(this, arguments);
@@ -16,12 +19,22 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 	 * <code>ui5-checkbox</code> web component.
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @private
 	 * @since 1.74
 	 */
 	UI5InputToggle.prototype = Object.create(AdaptiveCards.ToggleInput.prototype);
+
+	UI5InputToggle.prototype.overrideInternalRender = function () {
+		var oInput = AdaptiveCards.TextInput.prototype.overrideInternalRender.call(this, arguments);
+
+		InputsOverwrites.overwriteLabel(this);
+		InputsOverwrites.overwriteRequired(this);
+
+		return oInput;
+	};
+
 	UI5InputToggle.prototype.internalRender = function () {
 
 		this._checkboxInputElement = document.createElement("ui5-checkbox");
@@ -42,5 +55,26 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 
 		return this._checkboxInputElement;
 	};
+
+	UI5InputToggle.prototype.updateInputControlAriaLabelledBy = function () {
+		// support for accessible-name-ref is available from 1.1.0, after updating
+		// aria-labelledby should be changed to accessible-name-ref
+		InputsOverwrites.overwriteAriaLabelling(this, "aria-labelledby");
+	};
+
+	UI5InputToggle.prototype.showValidationErrorMessage = function () {
+		if (this._checkboxInputElement) {
+			this._checkboxInputElement.valueState = "Error";
+		}
+	};
+
+	UI5InputToggle.prototype.resetValidationFailureCue = function () {
+		AdaptiveCards.TextInput.prototype.resetValidationFailureCue.call(this, arguments);
+
+		if (this._checkboxInputElement) {
+			this._checkboxInputElement.valueState = "None";
+		}
+	};
+
 	return UI5InputToggle;
 });

package/src/sap/ui/integration/cards/adaptivecards/overwrites/ActionRender.js

@@ -19,6 +19,12 @@ sap.ui.define(["sap/ui/integration/thirdparty/adaptivecards"], function (Adaptiv
 		buttonElement.style.display = "flex";
 		buttonElement.style.alignItems = "center";
 		buttonElement.style.justifyContent = "center";
+		var style = this.style;
+		if (style === "positive") {
+			buttonElement.setAttribute("design", "Positive");
+		} else if (style === "destructive") {
+			buttonElement.setAttribute("design", "Negative");
+		}
 		var hasTitle = this.title;
 		var titleElement = document.createElement("div");
 		titleElement.style.overflow = "hidden";