PB-95: Video background for Row

Author: eug123

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

@@ -5,12 +5,12 @@
 
 import "jarallax";
 import "jarallaxVideo";
-import "vimeoWrapper";
 import $ from "jquery";
 import ko from "knockout";
 import events from "Magento_PageBuilder/js/events";
 import ResizeObserver from "Magento_PageBuilder/js/resource/resize-observer/ResizeObserver";
 import _ from "underscore";
+import "vimeoWrapper";
 import ContentTypeConfigInterface from "../../content-type-config.types";
 import ConditionalRemoveOption from "../../content-type-menu/conditional-remove-option";
 import HideShowOption from "../../content-type-menu/hide-show-option";
@@ -93,7 +93,7 @@ export default class Preview extends PreviewCollection {
                         videoLoop: (this.contentType.dataStore.get("video_loop") as string) === "true",
                         speed: !isNaN(parallaxSpeed) ? parallaxSpeed : 0.5,
                         videoPlayOnlyVisible: (this.contentType.dataStore.get("video_play_only_visible") as string) === "true",
-                        videoLazyLoading: (this.contentType.dataStore.get("video_lazy_load") as string) === "true"
+                        videoLazyLoading: (this.contentType.dataStore.get("video_lazy_load") as string) === "true",
                     },
                 );
             });

app/code/Magento/PageBuilder/view/adminhtml/web/js/mass-converter/background-type.js

@@ -17,7 +17,7 @@ export default class Src implements ConverterInterface {
     public fromDom(value: string): string | object {
         const fileRegExp = new RegExp("^(webm:|mp4:|ogv:)");
         if (fileRegExp.test(value)) {
-            return value.substr(fileRegExp.exec(value)[0].length)
+            return value.substr(fileRegExp.exec(value)[0].length);
         }
 
         return value;

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

@@ -3,8 +3,8 @@
  * See COPYING.txt for license details.
  */
 
-import ConverterInterface from "../converter-interface";
 import {DataObject} from "../../data-store";
+import ConverterInterface from "../converter-interface";
 
 export default class OverlayColor implements ConverterInterface {
     /**

app/code/Magento/PageBuilder/view/adminhtml/web/ts/js/content-type/video/converter/attribute/src.ts

@@ -3,9 +3,9 @@
  * See COPYING.txt for license details.
  */
 
-import ConverterInterface from "../converter-interface";
 import {DataObject} from "../../data-store";
 import {get} from "../../utils/object";
+import ConverterInterface from "../converter-interface";
 
 export default class VideoOverlayColor implements ConverterInterface {
     /**

app/code/Magento/PageBuilder/view/adminhtml/web/ts/js/converter/attribute/video-overlay-color.ts

@@ -28,10 +28,10 @@ export default class BackgroundType implements ConverterInterface {
     public toDom(data: ConverterDataInterface, config: ConverterConfigInterface): ConverterDataInterface {
         const backgroundType = get<string>(data, config.attribute_name);
 
-        if (backgroundType === 'video') {
+        if (backgroundType === "video") {
             set(data, config.desktop_image_variable, []);
             set(data, config.mobile_image_variable, []);
-        } else if (backgroundType === 'image') {
+        } else if (backgroundType === "image") {
             set(data, config.video_source_variable, null);
             set(data, config.video_fallback_image_variable, []);
             set(data, config.video_overlay_color_variable, "");