@openui5/sap.ui.integration 1.93.3 → 1.96.2

package/src/sap/ui/integration/designtime/editor/CardPreview.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.designtime.editor.CardPreview
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.93.3
+	 * @version 1.96.2
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
@@ -61,6 +61,9 @@ sap.ui.define([
 			if (isDark()) {
 				oRm.addClass("sapUiIntegrationDTPreviewDark");
 			}
+			if (oControl.getSettings().preview.position && (oControl.getSettings().preview.position === "top" || oControl.getSettings().preview.position === "bottom")) {
+				oRm.addClass("sapUiIntegrationDTPreviewMarginForAlignTopAndBottom");
+			}
 			oRm.writeClasses();
 			oRm.openEnd();
 			oRm.openStart("div");
@@ -122,6 +125,24 @@ sap.ui.define([
 		Control.prototype.destroy.apply(this, arguments);
 	};
 
+	CardPreview.prototype.onAfterRendering = function () {
+		var oPreview = this._getCardPreview(),
+		    sModes = this._getModes();
+		if (sModes.indexOf("Live") > -1 && oPreview.getDomRef().getElementsByClassName("sapVizFrame")) {
+			window.setTimeout(function() {
+				try {
+					var vizFrameId = oPreview.getDomRef().getElementsByClassName("sapVizFrame")[0].id;
+					var oVizFrame = Core.byId(vizFrameId);
+					if (oVizFrame.getVizProperties() && oVizFrame.getVizProperties().legendGroup.layout.position === "bottom" && oVizFrame.getVizProperties().legendGroup.layout.alignment === "center") {
+						oPreview.getDomRef().getElementsByClassName("v-m-legend")[0].transform.baseVal[0].matrix.e = 110;
+					}
+				} catch (error) {
+					//do nothing
+				}
+			}, 500);
+		}
+	};
+
 	/**
 	 * returns the a preview based on the current settings
 	 */

package/src/sap/ui/integration/designtime/editor/css/CardPreview.css

@@ -11,6 +11,10 @@
 	border-radius: 2px;
 }
 
+.sapUiIntegrationDTPreviewMarginForAlignTopAndBottom {
+	margin-left: calc(50% - 135px);
+}
+
 .sapUiIntegrationDTPreview>.before {
 	position: absolute;
 	min-width: calc(190px + 5rem);