Merge branch 'MC-4174-parallax-speed-value-does-not-work-as-documented' of github.com:magento-obsessive-owls/magento2-page-builder into cms-team-1-delivery

Author: anthoula

app/code/Magento/PageBuilder/view/adminhtml/web/js/content-type/row/preview.js

@@ -13,6 +13,7 @@ import ContentTypeConfigInterface from "../../content-type-config.d";
 import ConditionalRemoveOption from "../../content-type-menu/conditional-remove-option";
 import {OptionsInterface} from "../../content-type-menu/option.d";
 import ContentTypeInterface from "../../content-type.d";
+import DataStore from "../../data-store";
 import ContentTypeMountEventParamsInterface from "../content-type-mount-event-params.d";
 import ContentTypeReadyEventParamsInterface from "../content-type-ready-event-params.d";
 import ObservableUpdater from "../observable-updater";
@@ -35,7 +36,8 @@ export default class Preview extends PreviewCollection {
         // Destroy all instances of the plugin prior
         try {
             // store/apply correct style after destroying, as jarallax incorrectly overrides it with stale value
-            const style = this.element.getAttribute("style");
+            const style = this.element.getAttribute("data-jarallax-original-styles") ||
+                this.element.getAttribute("style");
             jarallax(this.element, "destroy");
             this.element.setAttribute("style", style);
         } catch (e) {
@@ -47,10 +49,10 @@ export default class Preview extends PreviewCollection {
                 jarallax(
                     this.element,
                     {
-                        imgPosition: this.data.main.style().backgroundPosition || "50% 50%",
-                        imgRepeat: this.data.main.style().backgroundRepeat === "0" ? "no-repeat" : "repeat",
-                        imgSize: this.data.main.style().backgroundSize || "cover",
-                        speed: this.data.main.attributes()["data-parallax-speed"] || 0.5,
+                        imgPosition: this.parent.dataStore.get("background_position") as string || "50% 50%",
+                        imgRepeat: this.parent.dataStore.get("background_repeat") as "repeat" | "no-repeat",
+                        imgSize: this.parent.dataStore.get("background_size") as string || "cover",
+                        speed: Number.parseFloat(this.parent.dataStore.get("parallax_speed") as string) || 0.5,
                     },
                 );
                 jarallax(this.element, "onResize");