@inappstory/slide-api 0.0.24 → 0.0.26

package/dist/index.d.cts

@@ -58,11 +58,14 @@ declare class WidgetRangeSlider extends WidgetBase<WidgetRangeSliderOptions> {
      * @param options
      */
     constructor(element: HTMLElement, options: Partial<WidgetRangeSliderOptions>);
+    private isTouchListenersInit;
+    private initTouchListeners;
     /**
      * Start or restart widget
      * @param localData
      */
     onRefreshUserData(localData: Record<string, any>): void;
+    onStart(): void;
     onStop(): void;
     private _statEventInputSave;
     click(): boolean;
@@ -792,13 +795,15 @@ declare class WidgetTest extends WidgetBase<WidgetTestOptions> {
     private startTimerAt;
     private timeLeft;
     private timeLeftDefault;
-    private timeline;
+    private readonly timeline;
+    private isWidgetTimerInit;
     constructor(element: HTMLElement, options: Partial<WidgetTestOptions>);
     /**
      * Start or restart widget
      * @param localData
      */
     onRefreshUserData(localData: Record<string, any>): void;
+    private initWidgetTimer;
     onStart(): void;
     onStop(): void;
     private _statEventVoteAnswer;

package/dist/index.d.ts

@@ -58,11 +58,14 @@ declare class WidgetRangeSlider extends WidgetBase<WidgetRangeSliderOptions> {
      * @param options
      */
     constructor(element: HTMLElement, options: Partial<WidgetRangeSliderOptions>);
+    private isTouchListenersInit;
+    private initTouchListeners;
     /**
      * Start or restart widget
      * @param localData
      */
     onRefreshUserData(localData: Record<string, any>): void;
+    onStart(): void;
     onStop(): void;
     private _statEventInputSave;
     click(): boolean;
@@ -792,13 +795,15 @@ declare class WidgetTest extends WidgetBase<WidgetTestOptions> {
     private startTimerAt;
     private timeLeft;
     private timeLeftDefault;
-    private timeline;
+    private readonly timeline;
+    private isWidgetTimerInit;
     constructor(element: HTMLElement, options: Partial<WidgetTestOptions>);
     /**
      * Start or restart widget
      * @param localData
      */
     onRefreshUserData(localData: Record<string, any>): void;
+    private initWidgetTimer;
     onStart(): void;
     onStop(): void;
     private _statEventVoteAnswer;

package/dist/index.js

@@ -3157,8 +3157,8 @@ class WidgetQuest extends WidgetBase {
     init() {
         if (this.localData) {
             if (this.localData["_qt_g_" + this.elementId + "_sa"] !== undefined) ;
-            if (this.localData["_qt_fo_at"] === undefined) {
-                this.localData["_qt_fo_at"] = Math.round(new Date().getTime() / 1000);
+            if (this.localData["_qt_g_" + this.elementId + "fo_at"] === undefined) {
+                this.localData["_qt_g_" + this.elementId + "fo_at"] = Math.round(new Date().getTime() / 1000);
                 this.setLocalData(this.localData, false);
             }
             let lastSlideIdx = this.localData["_qt_last_slide_idx"];
@@ -3476,8 +3476,8 @@ class WidgetQuiz extends WidgetBase {
             else {
                 this._clearAnswerSelection();
             }
-            if (this.localData["_q_fo_at"] === undefined) {
-                this.localData["_q_fo_at"] = Math.round(new Date().getTime() / 1000);
+            if (this.localData["_q_g_" + this.elementId + "fo_at"] === undefined) {
+                this.localData["_q_g_" + this.elementId + "fo_at"] = Math.round(new Date().getTime() / 1000);
                 this.setLocalData(this.localData, false);
             }
         }
@@ -3683,8 +3683,8 @@ class WidgetQuizGrouped extends WidgetBase {
             else {
                 this._clearAnswerSelection();
             }
-            if (this.localData["_qg_fo_at"] === undefined) {
-                this.localData["_qg_fo_at"] = Math.round(new Date().getTime() / 1000);
+            if (this.localData["_qg_g_" + this.elementId + "fo_at"] === undefined) {
+                this.localData["_qg_g_" + this.elementId + "fo_at"] = Math.round(new Date().getTime() / 1000);
                 this.setLocalData(this.localData, false);
             }
         }
@@ -4066,8 +4066,14 @@ class WidgetRangeSlider extends WidgetBase {
         //     _this.update(false, false);
         //   }, 300);
         // }, 20));
-        this.env.document.addEventListener("touchstart", this.handleDown);
-        this.env.document.addEventListener("mousedown", this.handleDown);
+    }
+    isTouchListenersInit = false;
+    initTouchListeners() {
+        if (!this.isTouchListenersInit) {
+            this.env.document.addEventListener("touchstart", this.handleDown);
+            this.env.document.addEventListener("mousedown", this.handleDown);
+            this.isTouchListenersInit = true;
+        }
     }
     /**
      * Start or restart widget
@@ -4092,6 +4098,10 @@ class WidgetRangeSlider extends WidgetBase {
         }
         this.init();
     }
+    onStart() {
+        super.onStart();
+        this.initTouchListeners();
+    }
     onStop() {
         super.onStop();
         this.destroy();
@@ -4433,6 +4443,11 @@ class WidgetRangeSlider extends WidgetBase {
     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.isTouchListenersInit = false;
         // off resize event
         // this.$window.off('.' + this.identifier);
         // this.$element
@@ -4447,11 +4462,11 @@ class WidgetRangeSlider extends WidgetBase {
         onRefreshUserData: WidgetRangeSlider.onRefreshUserData,
         init: function (element, localData) {
             WidgetRangeSlider.initWidget(element, localData, (element, options) => new WidgetRangeSlider(element, options));
-            WidgetRangeSlider.getInstance(element)?.onStart();
         },
         /** @deprecated */
         initWidget: function (element, localData) {
             WidgetRangeSlider.initWidgets((element, options) => new WidgetRangeSlider(element, options), [element], localData);
+            WidgetRangeSlider.getInstance(element)?.onStart();
         },
         onStart: function (element) {
             WidgetRangeSlider.getInstance(element)?.onStart();
@@ -4922,6 +4937,7 @@ class WidgetTest extends WidgetBase {
     timeLeft;
     timeLeftDefault;
     timeline;
+    isWidgetTimerInit = false;
     constructor(element, options) {
         super(element, options);
         this.label = this.element.querySelector(".label-view .label");
@@ -4929,6 +4945,7 @@ class WidgetTest extends WidgetBase {
         this.testCount = getValueOrException(getTagDataAsNumber(this.slide, "testCount"), "Empty testCount");
         this.withTimeToAnswer = Boolean(getValueOrDefault(getTagDataAsNumber(this.element, "withTimeToAnswer"), 0));
         this.answerTimeout = getValueOrDefault(getTagDataAsNumber(this.element, "answerTimeout"), 0);
+        this.timeline = this.element.querySelector(".timeline");
         this.tick = () => {
             this.animationFrameId = this.env.requestAnimationFrame(() => {
                 this.tick();
@@ -4936,12 +4953,8 @@ class WidgetTest extends WidgetBase {
             // update timer
             // update timeline position
             if (this.startTimerAt) {
-                // if (this.state.timeLeft - this.timeLeft >= 950) {
-                //   this.setState({timeLeft: this.timeLeft});
-                // }
                 const timeNow = new Date().getTime();
-                this.timeLeft -= timeNow - this.startTimerAt;
-                this.startTimerAt = timeNow;
+                this.timeLeft = this.startTimerAt + this.timeLeftDefault - timeNow;
                 if (this.timeLeft <= 0) {
                     this.timeLeft = 0;
                     this.cancelTick();
@@ -4970,15 +4983,19 @@ class WidgetTest extends WidgetBase {
                 this._selectAnswer(this.localData["_t_g_" + this.elementId + "_sa"]);
                 this.setLocalData(this.localData, false);
             }
-            if (this.localData["_t_fo_at"] === undefined) {
-                this.localData["_t_fo_at"] = Math.round(new Date().getTime() / 1000);
+            if (this.localData["_t_g_" + this.elementId + "fo_at"] === undefined) {
+                this.localData["_t_g_" + this.elementId + "fo_at"] = Math.round(new Date().getTime() / 1000);
                 this.setLocalData(this.localData, false);
             }
         }
         this.firstOpenTime = new Date().getTime();
         if (this.slideTestWithTimer()) {
             this.cancelTick();
-            this.timeline = this.element.querySelector(".timeline");
+            this.initWidgetTimer();
+        }
+    }
+    initWidgetTimer() {
+        if (!this.isWidgetTimerInit) {
             if (this.selectedAnswer === undefined) {
                 // find timer element
                 // start raf
@@ -4986,13 +5003,18 @@ class WidgetTest extends WidgetBase {
                 this.timeLeftDefault = (this.answerTimeout ? this.answerTimeout : 0) * 1000;
                 this.timeLeft = this.timeLeftDefault;
                 this.animationFrameId = null;
-                this.startTimerAt = new Date().getTime();
                 this.startReadyPromise.then(() => {
+                    if (this.localData["_t_g_" + this.elementId + "st_at"] != null) {
+                        this.startTimerAt = this.localData["_t_g_" + this.elementId + "st_at"];
+                        this.startTimerAt *= 1000;
+                    }
+                    if (this.startTimerAt == null) {
+                        this.startTimerAt = new Date().getTime();
+                        this.localData["_t_g_" + this.elementId + "st_at"] = Math.round(this.startTimerAt / 1000);
+                        this.setLocalData(this.localData, false);
+                    }
                     this.tick();
                 });
-                // set answer - unanswered (for close and run again)
-                this.localData["_t_g_" + this.elementId + "_sa"] = -1;
-                this.setLocalData(this.localData, true);
             }
             else {
                 // animate 100%
@@ -5007,16 +5029,21 @@ class WidgetTest extends WidgetBase {
                     }
                 }
             }
+            this.isWidgetTimerInit = true;
         }
     }
     onStart() {
         super.onStart();
+        if (this.slideTestWithTimer()) {
+            this.initWidgetTimer();
+        }
     }
     onStop() {
         super.onStop();
         if (this.slideTestWithTimer()) {
             this.cancelTick();
         }
+        this.isWidgetTimerInit = false;
     }
     _statEventVoteAnswer(answerScore) {
         try {
@@ -5233,7 +5260,7 @@ class WidgetVote extends WidgetBase {
             if (Array.isArray(value)) {
                 index = value[0];
             }
-            this._checkVariant(index);
+            this.variants[index]?.classList.add("checked");
             this._selectVariant(index, true);
             if (!this.hideClientTotalResult) {
                 this.displayPercents([index], true);
@@ -5250,7 +5277,7 @@ class WidgetVote extends WidgetBase {
             }
             for (let i = 0; i < values.length; ++i) {
                 const index = values[i];
-                this._checkVariant(index);
+                this.variants[index]?.classList.add("checked");
                 this._selectVariant(index, true);
             }
             if (!this.hideClientTotalResult) {
@@ -16005,7 +16032,7 @@ class WidgetProducts extends WidgetBase {
                 ...this.statisticEventBaseFieldsShortForm,
                 wi: this.elementId,
                 wl: captionViewText,
-                wv: this.linkTarget,
+                wv: JSON.stringify(this.linkTarget),
             }, {
                 ...this.statisticEventBaseFieldsShortForm,
                 widget_id: this.elementId,
@@ -16026,8 +16053,8 @@ class WidgetProducts extends WidgetBase {
                 ...this.statisticEventBaseFieldsShortForm,
                 wi: this.elementId,
                 wl: captionViewText,
-                wv: this.linkTarget,
-                wit: offers.map(item => item.offerId),
+                wv: JSON.stringify(this.linkTarget),
+                wit: JSON.stringify(offers.map(item => item.offerId)),
             }, {
                 ...this.statisticEventBaseFieldsShortForm,
                 widget_id: this.elementId,
@@ -16244,14 +16271,15 @@ class WidgetProducts extends WidgetBase {
         const figure = document.createElement("div");
         figure.classList.add("ias-products-card-figure");
         if (offer.coverUrl) {
-            // todo preload coverImage by fetch, save to offer.coverUrl via createUrl (add revoke)
-            // if cannot fetch - skip caching
             const image = document.createElement("img");
             image.classList.add("ias-products-card-figure-image");
             image.alt = offer.name ?? "";
             image.src = offer.coverUrl;
             figure.appendChild(image);
         }
+        const imageMask = document.createElement("div");
+        imageMask.classList.add("ias-products-card-figure-image-mask");
+        figure.appendChild(imageMask);
         // const subTitle = document.createElement("div");
         // subTitle.classList.add("ias-products-card-subtitle");
         // subTitle.innerText = offer.description ?? "";
@@ -16362,8 +16390,10 @@ class WidgetProducts extends WidgetBase {
             e.stopPropagation();
             onClose();
         };
+        const divider = document.createElement("div");
         backgroundView.appendChild(scrollView);
         backgroundView.appendChild(closeButton);
+        backgroundView.appendChild(divider);
         containerView.appendChild(backdropView);
         containerView.appendChild(backgroundView);
         return containerView;