@inappstory/slide-api 0.1.6 → 0.1.8

package/dist/index.cjs

@@ -1151,6 +1151,12 @@ class EsModuleSdkApi {
     enableVerticalSwipeGesture() {
         this.sdkBinding.enableVerticalSwipeGesture();
     }
+    disableHorizontalSwipeGesture() {
+        this.sdkBinding.disableHorizontalSwipeGesture();
+    }
+    enableHorizontalSwipeGesture() {
+        this.sdkBinding.enableHorizontalSwipeGesture();
+    }
     disableBackpress() { }
     enableBackpress() { }
     closeCard(reason) {
@@ -2034,37 +2040,25 @@ const waitForImageHtmlElementLoad = async (nodeRef) => {
             // this is already in HTML markup
             // nodeRef.decoding = "sync";
             if (nodeRef.decode != null) {
-                // requestAnimationFrame(() =>
-                requestAnimationFrame(() => {
-                    nodeRef.decode().then(() => {
-                        // @ts-ignore
-                        // _log("img loaded 1", true);
-                        resolve(nodeRef);
-                        nodeRef.removeEventListener("load", onLoad);
-                    }, reason => reject(reason));
-                });
-                // );
+                nodeRef.decode().then(() => resolve(nodeRef), reason => reject(reason));
             }
             else {
                 requestAnimationFrame(() => requestAnimationFrame(() => {
-                    // @ts-ignore
-                    // _log("img loaded 1", true);
                     resolve(nodeRef);
-                    nodeRef.removeEventListener("load", onLoad);
                 }));
             }
+            nodeRef.removeEventListener("load", onLoad);
         };
         nodeRef.addEventListener("load", onLoad);
-        // if (nodeRef.complete && 0 !== nodeRef.naturalHeight) {
-        //     requestAnimationFrame(() => {
-        //         requestAnimationFrame(() => {
-        //             // @ts-ignore
-        //             _log("img loaded 2", true)
-        //             resolve(nodeRef);
-        //         });
-        //     });
-        // }
         nodeRef.addEventListener("error", err => reject(err));
+        if (nodeRef.complete && 0 !== nodeRef.naturalHeight) {
+            if (nodeRef.decode != null) {
+                nodeRef.decode().then(() => resolve(nodeRef), reason => reject(reason));
+            }
+            else {
+                requestAnimationFrame(() => requestAnimationFrame(() => resolve(nodeRef)));
+            }
+        }
     });
 };
 // export const waitForImageHtmlElementLoad = async (nodeRef: HTMLImageElement): Promise<HTMLImageElement> => {
@@ -2251,10 +2245,17 @@ class Video {
             }
         }
         this._isVOD = Boolean(this._vodData != null && this._VideoPlayer != null);
-        if (this._isVOD) {
-            this.mediaElementsLoadingPromises.push(this._initVOD(this._vodData));
-        }
+        if (this._isVOD) ;
         else {
+            if (this._vodData != null && Array.isArray(this._vodData.formats)) {
+                this._vodData.formats.forEach(format => {
+                    const videoSource = window.document.createElement("source");
+                    videoSource.type = format.mimeType;
+                    videoSource.src = format.url;
+                    videoSource.dataset.remoteSrc = format.url;
+                    this._video.appendChild(videoSource);
+                });
+            }
             this.mediaElementsLoadingPromises.push(waitForVideoHtmlElementLoad(this._video));
         }
         // console.log({mediaElementsLoadingPromises: this.mediaElementsLoadingPromises})
@@ -2354,7 +2355,7 @@ class Video {
                             this._vodPlayerInstance = player;
                             // This runs if the asynchronous load is successful.
                             // @ts-ignore
-                            _log("vod loaded 1", true);
+                            // _log("vod loaded 1", true);
                             resolve(this._video);
                         })
                             .catch(reason => {
@@ -3874,7 +3875,7 @@ let SlideApi$1 = class SlideApi {
     async _onAllMediaLoaded(slide) {
         return new Promise((resolve, reject) => {
             const promises = slide.layers.flatMap(layer => layer.elements.flatMap(element => element.mediaElementsLoadingPromises));
-            console.log({ promises });
+            // console.log({ promises });
             let checkerTimerId = undefined;
             let timeOutFired = false;
             if (promises.length > 0) {
@@ -17113,6 +17114,7 @@ class WidgetProducts extends WidgetBase {
             this.isOpen = true;
             // prevent next slide navigation gesture
             this.isClickCapturedByWidget = true;
+            this.sdkApi.disableHorizontalSwipeGesture();
             this.sdkApi.disableVerticalSwipeGesture();
             this.sdkApi.disableBackpress();
             this._statEventWidgetOpen(this.currentModels);
@@ -17132,6 +17134,7 @@ class WidgetProducts extends WidgetBase {
         this.productsView?.classList.add("ias-products-container-view--hidden");
         this.element.classList.remove("hidden");
         this.isClickCapturedByWidget = false;
+        this.sdkApi.enableHorizontalSwipeGesture();
         if (this.swipeGestureDetector != null) {
             this.swipeGestureDetector.destroy();
             this.swipeGestureDetector = null;
@@ -18591,6 +18594,7 @@ class WidgetRangeSlider extends WidgetBase {
         }
         e.preventDefault();
         this.isClickCapturedBySlider = true;
+        this.sdkApi.disableHorizontalSwipeGesture();
         if (!this.maxHandlePos) {
             this.update(true, false);
         }
@@ -18620,6 +18624,7 @@ class WidgetRangeSlider extends WidgetBase {
     handleEnd(e) {
         this.env.requestAnimationFrame(() => {
             this.isClickCapturedBySlider = false;
+            this.sdkApi.enableHorizontalSwipeGesture();
         });
         // e.preventDefault();
         this.env.document.removeEventListener("touchmove", this.handleMove);