@inappstory/slide-api 0.1.16 → 0.1.18

package/dist/index.cjs

@@ -3082,6 +3082,7 @@ class Layer {
     _showNextSlide;
     sdkApi;
     _slideRoot;
+    _getLayoutDirection;
     _slidePauseUI;
     _slideResumeUI;
     _slideIndex;
@@ -3094,7 +3095,7 @@ class Layer {
     _elements = [];
     _timeline;
     _widgetDeps;
-    constructor(_nodeRef, _slide, _slideReadyPromise, _afterAppResumeQueuePush, _afterStartInitQueuePush, _showNextSlide, sdkApi, _slideRoot, _slidePauseUI, _slideResumeUI) {
+    constructor(_nodeRef, _slide, _slideReadyPromise, _afterAppResumeQueuePush, _afterStartInitQueuePush, _showNextSlide, sdkApi, _slideRoot, _getLayoutDirection, _slidePauseUI, _slideResumeUI) {
         this._nodeRef = _nodeRef;
         this._slide = _slide;
         this._slideReadyPromise = _slideReadyPromise;
@@ -3103,6 +3104,7 @@ class Layer {
         this._showNextSlide = _showNextSlide;
         this.sdkApi = sdkApi;
         this._slideRoot = _slideRoot;
+        this._getLayoutDirection = _getLayoutDirection;
         this._slidePauseUI = _slidePauseUI;
         this._slideResumeUI = _slideResumeUI;
         this._slideIndex = parseInt(this._nodeRef.getAttribute("data-index") ?? "0");
@@ -3113,7 +3115,7 @@ class Layer {
         this._disabledTimer = this._nodeRef.getAttribute("data-disable-timer") === "1";
         this._disabledNavigation = this._nodeRef.getAttribute("data-disable-navigation") === "1";
         this._timeline = new SlideTimeline(this._slideIndex, this._duration, this._disabledTimer, this._slideReadyPromise, this._afterAppResumeQueuePush, this.sdkApi);
-        this._widgetDeps = { sdkApi: this.sdkApi, slideRoot: this._slideRoot };
+        this._widgetDeps = { sdkApi: this.sdkApi, slideRoot: this._slideRoot, getLayoutDirection: this._getLayoutDirection };
         const onWidgetComplete = (cardId, slideIndex) => {
             // todo if nothing more widgets with disabled timers - we can start layer timeline
             const fallback = () => this._showNextSlide(DEFAULT_SLIDE_DURATION);
@@ -3167,10 +3169,7 @@ class Layer {
         return promises;
     }
     onAfterAllMediaResourcesLoaded() {
-        if (this.sdkApi.isIOS) {
-            // only for bug in WKWebWebkit
-            this._initTextElementAutoWidthCorrection();
-        }
+        if (this.sdkApi.isIOS) ;
         this._initTextFit();
     }
     get nodeRef() {
@@ -3453,7 +3452,7 @@ class Layer {
     get isLayerForcePaused() {
         return this.elements.some(element => element.isLayerForcePaused);
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Slide`, `Promise`, `(cb: () => void) => void`, `(cb: () => void) => void`, `(duration: number) => void`, `SDKApi`, `HTMLElement`, `() => Promise<void>`, `() => Promise<void>`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Slide`, `Promise`, `(cb: () => void) => void`, `(cb: () => void) => void`, `(duration: number) => void`, `SDKApi`, `HTMLElement`, `() => "ltr" | "rtl"`, `() => Promise<void>`, `() => Promise<void>`]; }
 }
 const TextFit = (function () {
     const defaultSettings = {
@@ -3632,7 +3631,8 @@ class TextElementAutoWidthCorrection {
             //     });
             // }, 10 * 1000);
             textRef.style.setProperty("min-width", `${textMinWidth}px`);
-            textRef.style.setProperty("max-width", `${textMaxWidth}px`);
+            // try to fix - to small max-width of text in iOS IAM (removing max-width from css)
+            // textRef.style.setProperty("max-width", `${textMaxWidth}px`);
         }
     }
     static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`]; }
@@ -3646,11 +3646,12 @@ class Slide {
     _showNextSlide;
     sdkApi;
     _slideRoot;
+    _getLayoutDirection;
     _slidePauseUI;
     _slideResumeUI;
     _layers;
     _start;
-    constructor(_slidesNodesRefs, _slideReadyPromise, _afterAppResumeQueuePush, _afterStartInitQueuePush, _showNextSlide, sdkApi, _slideRoot, _slidePauseUI, _slideResumeUI) {
+    constructor(_slidesNodesRefs, _slideReadyPromise, _afterAppResumeQueuePush, _afterStartInitQueuePush, _showNextSlide, sdkApi, _slideRoot, _getLayoutDirection, _slidePauseUI, _slideResumeUI) {
         this._slidesNodesRefs = _slidesNodesRefs;
         this._slideReadyPromise = _slideReadyPromise;
         this._afterAppResumeQueuePush = _afterAppResumeQueuePush;
@@ -3658,13 +3659,14 @@ class Slide {
         this._showNextSlide = _showNextSlide;
         this.sdkApi = sdkApi;
         this._slideRoot = _slideRoot;
+        this._getLayoutDirection = _getLayoutDirection;
         this._slidePauseUI = _slidePauseUI;
         this._slideResumeUI = _slideResumeUI;
         this._start = window.performance.now();
         if (!this._slidesNodesRefs.length) {
             throw new Error("No slides found.");
         }
-        this._layers = this._slidesNodesRefs.map(item => new Layer(item, this, this._slideReadyPromise, this._afterAppResumeQueuePush, this._afterStartInitQueuePush, this._showNextSlide, this.sdkApi, this._slideRoot, this._slidePauseUI, this._slideResumeUI));
+        this._layers = this._slidesNodesRefs.map(item => new Layer(item, this, this._slideReadyPromise, this._afterAppResumeQueuePush, this._afterStartInitQueuePush, this._showNextSlide, this.sdkApi, this._slideRoot, this._getLayoutDirection, this._slidePauseUI, this._slideResumeUI));
         this._activeLayer = this._layers[0];
     }
     _activeLayer;
@@ -3683,7 +3685,11 @@ class Slide {
         const multiSlideApi = this.layoutService.layoutApi.widgetMultiSlideApi;
         if (multiSlideApi != null && this.layers.length > 1) {
             try {
-                multiSlideApi.init(this.layersNodesRefs, localData, { sdkApi: this.sdkApi, slideRoot: this._slideRoot });
+                multiSlideApi.init(this.layersNodesRefs, localData, {
+                    sdkApi: this.sdkApi,
+                    slideRoot: this._slideRoot,
+                    getLayoutDirection: this._getLayoutDirection,
+                });
             }
             catch (e) {
                 console.error(e);
@@ -3756,7 +3762,7 @@ class Slide {
     get disabledNavigation() {
         return this._activeLayer.disabledNavigation;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`Array`, `Promise`, `(cb: () => void) => void`, `(cb: () => void) => void`, `(duration: number) => void`, `SDKApi`, `HTMLElement`, `() => Promise<void>`, `() => Promise<void>`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`Array`, `Promise`, `(cb: () => void) => void`, `(cb: () => void) => void`, `(duration: number) => void`, `SDKApi`, `HTMLElement`, `() => "ltr" | "rtl"`, `() => Promise<void>`, `() => Promise<void>`]; }
 }
 
 let SlideApi$1 = class SlideApi {
@@ -4043,7 +4049,7 @@ let SlideApi$1 = class SlideApi {
         const slideReadyPromise = new Promise(resolve => {
             slideReadyResolve = resolve;
         });
-        const slide = new Slide(slidesNodesRefs, slideReadyPromise, this.afterAppResumeQueuePush.bind(this), this.afterStartInitQueuePush.bind(this), this.sdkApi.showNextSlide.bind(this), this.sdkApi, this._slideWrapper, this.slidePauseUI.bind(this), this.slideResumeUI.bind(this));
+        const slide = new Slide(slidesNodesRefs, slideReadyPromise, this.afterAppResumeQueuePush.bind(this), this.afterStartInitQueuePush.bind(this), this.sdkApi.showNextSlide.bind(this), this.sdkApi, this._slideWrapper, () => this.layoutDirection, this.slidePauseUI.bind(this), this.slideResumeUI.bind(this));
         this._slideInInit = slide;
         slide.activeLayer.timeline.triggerSlideLoadState();
         if (this.sdkApi.isAndroid) {
@@ -16869,14 +16875,14 @@ class Formatter {
 const formatter = new Formatter({ determineLocale, i18n: undefined });
 
 class SwipeGestureDetector {
-    env;
+    slideRoot;
     isScreenSupportsTouch;
     canContinueHandleDown;
     onStart;
     onUpdate;
     onEnd;
-    constructor(env, isScreenSupportsTouch, canContinueHandleDown, onStart, onUpdate, onEnd) {
-        this.env = env;
+    constructor(slideRoot, isScreenSupportsTouch, canContinueHandleDown, onStart, onUpdate, onEnd) {
+        this.slideRoot = slideRoot;
         this.isScreenSupportsTouch = isScreenSupportsTouch;
         this.canContinueHandleDown = canContinueHandleDown;
         this.onStart = onStart;
@@ -16888,10 +16894,10 @@ class SwipeGestureDetector {
         this.handleEnd = this.handleEnd.bind(this);
         this.supportsTouch = false;
         if (this.isScreenSupportsTouch) {
-            this.env.document.addEventListener("touchstart", this.handleDown, false);
+            this.slideRoot.addEventListener("touchstart", this.handleDown, false);
         }
         else {
-            this.env.document.addEventListener("mousedown", this.handleDown, false);
+            this.slideRoot.addEventListener("mousedown", this.handleDown, false);
         }
     }
     startPageCoordinate = [0, 0];
@@ -16906,12 +16912,12 @@ class SwipeGestureDetector {
         }
         this.startPageCoordinate = this.getPageCoordinate(e);
         if (this.isScreenSupportsTouch) {
-            this.env.document.addEventListener("touchmove", this.handleMove, false);
-            this.env.document.addEventListener("touchend", this.handleEnd, false);
+            this.slideRoot.addEventListener("touchmove", this.handleMove, false);
+            this.slideRoot.addEventListener("touchend", this.handleEnd, false);
         }
         else {
-            this.env.document.addEventListener("mousemove", this.handleMove, false);
-            this.env.document.addEventListener("mouseup", this.handleEnd, false);
+            this.slideRoot.addEventListener("mousemove", this.handleMove, false);
+            this.slideRoot.addEventListener("mouseup", this.handleEnd, false);
         }
         this.onStart(e);
     }
@@ -16922,12 +16928,12 @@ class SwipeGestureDetector {
     }
     handleEnd(e) {
         if (this.isScreenSupportsTouch) {
-            this.env.document.removeEventListener("touchmove", this.handleMove);
-            this.env.document.removeEventListener("touchend", this.handleEnd);
+            this.slideRoot.removeEventListener("touchmove", this.handleMove);
+            this.slideRoot.removeEventListener("touchend", this.handleEnd);
         }
         else {
-            this.env.document.removeEventListener("mousemove", this.handleMove);
-            this.env.document.removeEventListener("mouseup", this.handleEnd);
+            this.slideRoot.removeEventListener("mousemove", this.handleMove);
+            this.slideRoot.removeEventListener("mouseup", this.handleEnd);
         }
         const currentPageCoordinate = this.getPageCoordinate(e);
         let gesture = 0 /* SwipeGesture.undefined */;
@@ -16971,14 +16977,14 @@ class SwipeGestureDetector {
     }
     destroy() {
         if (this.isScreenSupportsTouch) {
-            this.env.document.removeEventListener("touchstart", this.handleDown);
-            this.env.document.removeEventListener("touchmove", this.handleMove);
-            this.env.document.removeEventListener("touchend", this.handleEnd);
+            this.slideRoot.removeEventListener("touchstart", this.handleDown);
+            this.slideRoot.removeEventListener("touchmove", this.handleMove);
+            this.slideRoot.removeEventListener("touchend", this.handleEnd);
         }
         else {
-            this.env.document.removeEventListener("mousedown", this.handleDown);
-            this.env.document.removeEventListener("mousemove", this.handleMove);
-            this.env.document.removeEventListener("mouseup", this.handleEnd);
+            this.slideRoot.removeEventListener("mousedown", this.handleDown);
+            this.slideRoot.removeEventListener("mousemove", this.handleMove);
+            this.slideRoot.removeEventListener("mouseup", this.handleEnd);
         }
     }
     getPageCoordinate(e) {
@@ -17011,7 +17017,7 @@ class SwipeGestureDetector {
         }
         return [x, y];
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`Window`, `boolean`, `(e: MouseEvent | TouchEvent) => boolean`, `(e: MouseEvent | TouchEvent) => void`, `(e: MouseEvent | TouchEvent) => void`, `(e: MouseEvent | TouchEvent, gesture: SwipeGesture) => void`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `boolean`, `(e: MouseEvent | TouchEvent) => boolean`, `(e: MouseEvent | TouchEvent) => void`, `(e: MouseEvent | TouchEvent) => void`, `(e: MouseEvent | TouchEvent, gesture: SwipeGesture) => void`]; }
 }
 
 /**
@@ -17252,7 +17258,7 @@ class WidgetProducts extends WidgetBase {
     initSwipeGestureDetector() {
         if (this.isOpen) {
             if (this.swipeGestureDetector == null) {
-                this.swipeGestureDetector = new SwipeGestureDetector(this.env, this.isScreenSupportsTouch, 
+                this.swipeGestureDetector = new SwipeGestureDetector(this.widgetDeps.slideRoot, this.isScreenSupportsTouch, 
                 // detect gestures started on backdrop view
                 (e) => e.target instanceof HTMLElement ? e.target.classList.contains("ias-products-container-backdrop-view") : true, e => {
                     // this.isClickCapturedByWidget = true;
@@ -18572,8 +18578,8 @@ class WidgetRangeSlider extends WidgetBase {
     isTouchListenersInit = false;
     initTouchListeners() {
         if (!this.isTouchListenersInit) {
-            this.env.document.addEventListener("touchstart", this.handleDown);
-            this.env.document.addEventListener("mousedown", this.handleDown);
+            this.widgetDeps.slideRoot.addEventListener("touchstart", this.handleDown);
+            this.widgetDeps.slideRoot.addEventListener("mousedown", this.handleDown);
             this.isTouchListenersInit = true;
         }
     }
@@ -18701,7 +18707,7 @@ class WidgetRangeSlider extends WidgetBase {
         }
         if (this.elementAverageResult != null && averageValue !== null) {
             this.update(true, false);
-            const positionDimension = this.env.document.documentElement.dir === "rtl" ? "right" : "left";
+            const positionDimension = this.widgetDeps.getLayoutDirection() === "rtl" ? "right" : "left";
             const position = this.getPositionFromValue(averageValue) + this.handleDimension / 2;
             this.elementAverageResult.style[positionDimension] = position + "px";
             // this.elementAverageResult.style.display = 'block';
@@ -18786,10 +18792,10 @@ class WidgetRangeSlider extends WidgetBase {
         if (!this.maxHandlePos) {
             this.update(true, false);
         }
-        this.env.document.addEventListener("touchmove", this.handleMove);
-        this.env.document.addEventListener("touchend", this.handleEnd);
-        this.env.document.addEventListener("mousemove", this.handleMove);
-        this.env.document.addEventListener("mouseup", this.handleEnd);
+        this.widgetDeps.slideRoot.addEventListener("touchmove", this.handleMove);
+        this.widgetDeps.slideRoot.addEventListener("touchend", this.handleEnd);
+        this.widgetDeps.slideRoot.addEventListener("mousemove", this.handleMove);
+        this.widgetDeps.slideRoot.addEventListener("mouseup", this.handleEnd);
         // add active class because Firefox is ignoring
         // the handle:active pseudo selector because of `e.preventDefault();`
         this.range.classList.add(this.options.activeClass);
@@ -18815,10 +18821,10 @@ class WidgetRangeSlider extends WidgetBase {
             this.widgetDeps.sdkApi.enableHorizontalSwipeGesture();
         });
         // e.preventDefault();
-        this.env.document.removeEventListener("touchmove", this.handleMove);
-        this.env.document.removeEventListener("touchend", this.handleEnd);
-        this.env.document.removeEventListener("mousemove", this.handleMove);
-        this.env.document.removeEventListener("mouseup", this.handleEnd);
+        this.widgetDeps.slideRoot.removeEventListener("touchmove", this.handleMove);
+        this.widgetDeps.slideRoot.removeEventListener("touchend", this.handleEnd);
+        this.widgetDeps.slideRoot.removeEventListener("mousemove", this.handleMove);
+        this.widgetDeps.slideRoot.removeEventListener("mouseup", this.handleEnd);
         this.range.classList.remove(this.options.activeClass);
         this.element.classList.add("input-done");
         if (!this.hasSubmitButton) {
@@ -18948,12 +18954,12 @@ class WidgetRangeSlider extends WidgetBase {
         // .trigger('input', {origin: this.identifier});
     }
     destroy() {
-        this.env.document.removeEventListener("touchstart", this.handleDown);
-        this.env.document.removeEventListener("mousedown", this.handleDown);
-        this.env.document.removeEventListener("touchmove", this.handleMove);
-        this.env.document.removeEventListener("touchend", this.handleEnd);
-        this.env.document.removeEventListener("mousemove", this.handleMove);
-        this.env.document.removeEventListener("mouseup", this.handleEnd);
+        this.widgetDeps.slideRoot.removeEventListener("touchstart", this.handleDown);
+        this.widgetDeps.slideRoot.removeEventListener("mousedown", this.handleDown);
+        this.widgetDeps.slideRoot.removeEventListener("touchmove", this.handleMove);
+        this.widgetDeps.slideRoot.removeEventListener("touchend", this.handleEnd);
+        this.widgetDeps.slideRoot.removeEventListener("mousemove", this.handleMove);
+        this.widgetDeps.slideRoot.removeEventListener("mouseup", this.handleEnd);
         this.isTouchListenersInit = false;
         // off resize event
         // this.$window.off('.' + this.identifier);