npm - @inappstory/slide-api - Versions diffs - 0.1.3 → 0.1.5 - Mend

@inappstory/slide-api 0.1.3 → 0.1.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.cjs CHANGED Viewed

@@ -197,41 +197,31 @@ const container = new DIContainer();
 class WidgetsService {
     _env;
-    _sdkApi;
-    constructor(_env, _sdkApi) {
+    constructor(_env) {
         this._env = _env;
-        this._sdkApi = _sdkApi;
     }
     get env() {
         return this._env;
     }
-    get sdkApi() {
-        return this._sdkApi;
-    }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`Window`, `SDKApi`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`Window`]; }
 }
 container.registerSingleton(undefined, { identifier: `WidgetsService`, implementation: WidgetsService });
 class LayoutService {
     _env;
-    _sdkApi;
     _layoutApi;
-    constructor(_env, _sdkApi, _layoutApi) {
+    constructor(_env, _layoutApi) {
         this._env = _env;
-        this._sdkApi = _sdkApi;
         this._layoutApi = _layoutApi;
     }
     get env() {
         return this._env;
     }
-    get sdkApi() {
-        return this._sdkApi;
-    }
     get layoutApi() {
         return this._layoutApi;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`Window`, `SDKApi`, `ILayoutApi`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`Window`, `ILayoutApi`]; }
 }
 container.registerSingleton(undefined, { identifier: `LayoutService`, implementation: LayoutService });
@@ -243,8 +233,6 @@ container.registerSingleton(undefined, { identifier: `LayoutService`, implementa
 // import '../effects/timer/composition';
 container.registerSingleton(() => window, { identifier: `Window` });
-const DEFAULT_SLIDE_DURATION = 10000;
 const arPrototype = Array.prototype;
 const obPrototype = Object.prototype;
 const slice = arPrototype.slice;
@@ -1054,28 +1042,25 @@ class EsModuleSdkApi {
         this.sdkBinding = sdkBinding;
     }
     getCardServerData(cardId) {
-        return this.sdkBinding().getCardServerData(cardId);
+        return this.sdkBinding.getCardServerData(cardId);
     }
     updateCardServerDataLocally(cardId, data) {
-        return this.sdkBinding().updateCardServerDataLocally(data);
-    }
-    getSlideDuration(cardId, slideIndex) {
-        return this.sdkBinding().getSlideDuration(cardId, slideIndex);
+        return this.sdkBinding.updateCardServerDataLocally(data);
     }
     showNextSlide(duration) {
-        this.sdkBinding().showNextSlide(duration);
+        this.sdkBinding.showNextSlide();
     }
     sendStatisticEvent(name, data, devPayload, forceEnableStatisticV2) {
-        this.sdkBinding().sendStatisticEvent(name, data, devPayload, forceEnableStatisticV2);
+        this.sdkBinding.sendStatisticEvent(name, data, devPayload, forceEnableStatisticV2);
     }
     getCardLocalData() {
-        return this.sdkBinding().getCardLocalData();
+        return this.sdkBinding.getCardLocalData();
     }
     isExistsShowLayer() {
         return true;
     }
     showLayer(index) {
-        this.sdkBinding().showLayer(index);
+        this.sdkBinding.showLayer(index);
     }
     get cardAnimation() {
         return animationApi;
@@ -1090,37 +1075,37 @@ class EsModuleSdkApi {
         return true;
     }
     pauseUI() {
-        this.sdkBinding().pauseUI();
+        this.sdkBinding.pauseUI();
     }
     resumeUI() {
-        this.sdkBinding().resumeUI();
+        this.sdkBinding.resumeUI();
     }
     get isExistsShowCardTextInput() {
         return true;
     }
     showCardTextInput(id, data) {
-        this.sdkBinding().showCardTextInput(id, data);
+        this.sdkBinding.showCardTextInput(id, data);
     }
     setCardLocalData(keyValue, sendToServer) {
-        this.sdkBinding().setCardLocalData(keyValue, sendToServer);
+        this.sdkBinding.setCardLocalData(keyValue, sendToServer);
     }
     getWidgetsSharedData(cardId, widget) {
-        return this.sdkBinding().getWidgetsSharedData(cardId, widget);
+        return this.sdkBinding.getWidgetsSharedData(cardId, widget);
     }
     vibrate(pattern) {
         navigator.vibrate(pattern);
     }
     openUrl(data) {
-        this.sdkBinding().openUrl(data);
+        this.sdkBinding.openUrl(data);
     }
     sendApiRequest(url, method, params, headers, data, profilingKey) {
-        return this.sdkBinding().sendApiRequest(url, method, params, headers, data, profilingKey);
+        return this.sdkBinding.sendApiRequest(url, method, params, headers, data, profilingKey);
     }
     sendApiRequestSupported() {
         return true;
     }
     showToast(text) {
-        this.sdkBinding().showToast(text);
+        this.sdkBinding.showToast(text);
     }
     get sdkCanSendShareComplete() {
         return true;
@@ -1129,79 +1114,81 @@ class EsModuleSdkApi {
         return true;
     }
     share(id, config) {
-        this.sdkBinding().share(id, config);
+        this.sdkBinding.share(id, config);
     }
     shareSlideScreenshot(shareId, hideElementsSelector, shareText) {
-        this.sdkBinding().shareSlideScreenshot(shareId, hideElementsSelector, shareText);
+        this.sdkBinding.shareSlideScreenshot(shareId, hideElementsSelector, shareText);
     }
     get isExistsShowCardSlide() {
         return true;
     }
     showCardSlide(index) {
-        this.sdkBinding().showCardSlide(index);
+        this.sdkBinding.showCardSlide(index);
     }
     get isExistsShowNextCard() {
         return true;
     }
     cardShowNext() {
-        this.sdkBinding().cardShowNext();
+        this.sdkBinding.cardShowNext();
     }
     setCardSessionValue(element, key, value) {
-        this.sdkBinding().setCardSessionValue(key, value);
+        this.sdkBinding.setCardSessionValue(key, value);
     }
     getCardSessionValue(element, key) {
-        return this.sdkBinding().getCardSessionValue(key);
+        return this.sdkBinding.getCardSessionValue(key);
     }
     updateTimeline(slideIndex, action, currentTime, duration, showLoader, showError) {
-        const updateTimeline = this.sdkBinding().updateTimeline;
-        if (updateTimeline != null) {
-            updateTimeline(slideIndex, action, currentTime, duration, showLoader, showError);
-        }
+        this.sdkBinding.updateTimeline(slideIndex, action, currentTime, duration, showLoader, showError);
     }
     cardPausedCallback(currentTime) { }
     cardResumedCallback(currentTime) { }
-    startDisabledTimeline(cardId, slideIndex) {
-        // old api
-        this.showNextSlide(this.getSlideDuration(cardId, slideIndex) ?? DEFAULT_SLIDE_DURATION);
-    }
     getCardFonts() {
-        return this.sdkBinding().getCardFonts();
+        return this.sdkBinding.getCardFonts();
     }
     disableVerticalSwipeGesture() {
-        this.sdkBinding().disableVerticalSwipeGesture();
+        this.sdkBinding.disableVerticalSwipeGesture();
     }
     enableVerticalSwipeGesture() {
-        this.sdkBinding().enableVerticalSwipeGesture();
+        this.sdkBinding.enableVerticalSwipeGesture();
     }
     disableBackpress() { }
     enableBackpress() { }
     closeCard(reason) {
-        this.sdkBinding().closeCard(reason);
+        this.sdkBinding.closeCard(reason);
     }
     openStory(id, index) {
-        this.sdkBinding().openStory(id, index);
+        this.sdkBinding.openStory(id, index);
     }
     openGame(gameInstanceId) {
-        this.sdkBinding().openGame(gameInstanceId);
+        this.sdkBinding.openGame(gameInstanceId);
     }
     writeToClipboard(data) {
-        this.sdkBinding().writeToClipboard(data);
+        this.sdkBinding.writeToClipboard(data);
+    }
+    isSdkSupportTimelineOnBeforeStart() {
+        return true;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`() => SDKInterface`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`SDKInterface`]; }
 }
+const DEFAULT_SLIDE_DURATION = 10000;
 class DataInput {
     _elementNodeRef;
     _layer;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-data-input";
     static className() {
         return DataInput._className;
     }
-    constructor(_elementNodeRef, _layer, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     static isTypeOf(element) {
         return element instanceof DataInput;
@@ -1209,7 +1196,7 @@ class DataInput {
     mediaElementsLoadingPromises = [];
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, localData);
+            this._widgetApi.init(this._elementNodeRef, localData, this._onWidgetComplete, this.sdkApi);
         }
         catch (e) {
             console.error(e);
@@ -1224,6 +1211,7 @@ class DataInput {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
@@ -1233,26 +1221,30 @@ class DataInput {
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetDataInput.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetDataInput.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class Barcode {
     _elementNodeRef;
     _layer;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-barcode";
     static className() {
         return Barcode._className;
     }
-    constructor(_elementNodeRef, _layer, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     mediaElementsLoadingPromises = [];
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, localData);
+            this._widgetApi.init(this._elementNodeRef, localData, this._onWidgetComplete, this.sdkApi);
         }
         catch (e) {
             console.error(e);
@@ -1267,13 +1259,14 @@ class Barcode {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetBarcode.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetBarcode.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class ClickableBase {
@@ -1304,6 +1297,7 @@ class Button extends ClickableBase {
     onResume() { }
     onStart() { }
     onStop() { }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
@@ -1317,19 +1311,23 @@ class Copy {
     _elementNodeRef;
     _layer;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-copy";
     static className() {
         return Copy._className;
     }
-    constructor(_elementNodeRef, _layer, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     mediaElementsLoadingPromises = [];
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, localData);
+            this._widgetApi.init(this._elementNodeRef, localData, this._onWidgetComplete, this.sdkApi);
         }
         catch (e) {
             console.error(e);
@@ -1344,13 +1342,14 @@ class Copy {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetCopy.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetCopy.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class DateCountdown {
@@ -1358,20 +1357,24 @@ class DateCountdown {
     _layer;
     _layersNodesRefs;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-date-countdown";
     static className() {
         return DateCountdown._className;
     }
-    constructor(_elementNodeRef, _layer, _layersNodesRefs, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _layersNodesRefs, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._layersNodesRefs = _layersNodesRefs;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     mediaElementsLoadingPromises = [];
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, this._layersNodesRefs, localData);
+            this._widgetApi.init(this._elementNodeRef, this._layersNodesRefs, localData, this._onWidgetComplete, this.sdkApi);
         }
         catch (e) {
             console.error(e);
@@ -1390,27 +1393,32 @@ class DateCountdown {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `Array`, `typeof WidgetDateCountdown.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `Array`, `typeof WidgetDateCountdown.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class Poll {
     _elementNodeRef;
     _layer;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-poll";
     static className() {
         return Poll._className;
     }
-    constructor(_elementNodeRef, _layer, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     static isTypeOf(element) {
         return element instanceof Poll;
@@ -1418,7 +1426,7 @@ class Poll {
     mediaElementsLoadingPromises = [];
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, localData);
+            this._widgetApi.init(this._elementNodeRef, localData, this._onWidgetComplete, this.sdkApi);
         }
         catch (e) {
             console.error(e);
@@ -1433,6 +1441,7 @@ class Poll {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
@@ -1442,7 +1451,7 @@ class Poll {
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetPoll.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetPoll.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class PollLayers {
@@ -1450,15 +1459,19 @@ class PollLayers {
     _layer;
     _layersNodesRefs;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-poll-layers";
     static className() {
         return PollLayers._className;
     }
-    constructor(_elementNodeRef, _layer, _layersNodesRefs, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _layersNodesRefs, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._layersNodesRefs = _layersNodesRefs;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     static isTypeOf(element) {
         return element instanceof PollLayers;
@@ -1466,7 +1479,7 @@ class PollLayers {
     mediaElementsLoadingPromises = [];
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, this._layersNodesRefs, localData);
+            this._widgetApi.init(this._elementNodeRef, this._layersNodesRefs, localData, this._onWidgetComplete, this.sdkApi);
         }
         catch (e) {
             console.error(e);
@@ -1481,27 +1494,32 @@ class PollLayers {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `Array`, `typeof WidgetPollLayers.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `Array`, `typeof WidgetPollLayers.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class Products {
     _elementNodeRef;
     _layer;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-products";
     static className() {
         return Products._className;
     }
-    constructor(_elementNodeRef, _layer, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     static isTypeOf(element) {
         return element instanceof Products;
@@ -1509,7 +1527,7 @@ class Products {
     mediaElementsLoadingPromises = [];
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, localData);
+            this._widgetApi.init(this._elementNodeRef, localData, this._onWidgetComplete, this.sdkApi);
         }
         catch (e) {
             console.error(e);
@@ -1524,6 +1542,7 @@ class Products {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
@@ -1539,28 +1558,32 @@ class Products {
     get isLayerForcePaused() {
         return this._widgetApi.isForcePaused(this._elementNodeRef);
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetProducts.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetProducts.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class Quest {
     _elementNodeRef;
     _layer;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-quest";
     static className() {
         return Quest._className;
     }
-    constructor(_elementNodeRef, _layer, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     static isTypeOf(element) {
         return element instanceof Quest;
     }
     mediaElementsLoadingPromises = [];
     init(localData) {
-        return this._widgetApi.init(this._elementNodeRef, localData);
+        return this._widgetApi.init(this._elementNodeRef, localData, this._onWidgetComplete, this.sdkApi);
     }
     onPause() { }
     onResume() { }
@@ -1570,6 +1593,7 @@ class Quest {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
@@ -1579,22 +1603,26 @@ class Quest {
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetQuest.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetQuest.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class Quiz {
     _elementNodeRef;
     _layer;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-quiz";
     static className() {
         return Quiz._className;
     }
     // widgetApi in ctor
-    constructor(_elementNodeRef, _layer, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     static isTypeOf(element) {
         return element instanceof Quiz;
@@ -1602,7 +1630,7 @@ class Quiz {
     mediaElementsLoadingPromises = [];
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, localData);
+            this._widgetApi.init(this._elementNodeRef, localData, this._onWidgetComplete, this.sdkApi);
         }
         catch (e) {
             console.error(e);
@@ -1617,6 +1645,7 @@ class Quiz {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
@@ -1626,21 +1655,25 @@ class Quiz {
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetQuiz.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetQuiz.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class QuizGrouped {
     _elementNodeRef;
     _layer;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-quiz-grouped";
     static className() {
         return QuizGrouped._className;
     }
-    constructor(_elementNodeRef, _layer, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     static isTypeOf(element) {
         return element instanceof QuizGrouped;
@@ -1648,7 +1681,7 @@ class QuizGrouped {
     mediaElementsLoadingPromises = [];
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, localData);
+            this._widgetApi.init(this._elementNodeRef, localData, this._onWidgetComplete, this.sdkApi);
         }
         catch (e) {
             console.error(e);
@@ -1663,6 +1696,7 @@ class QuizGrouped {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
@@ -1672,21 +1706,25 @@ class QuizGrouped {
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetQuizGrouped.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetQuizGrouped.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class RangeSlider {
     _elementNodeRef;
     _layer;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-range-slider";
     static className() {
         return RangeSlider._className;
     }
-    constructor(_elementNodeRef, _layer, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     static isTypeOf(element) {
         return element instanceof RangeSlider;
@@ -1694,7 +1732,7 @@ class RangeSlider {
     mediaElementsLoadingPromises = [];
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, localData);
+            this._widgetApi.init(this._elementNodeRef, localData, this._onWidgetComplete, this.sdkApi);
         }
         catch (e) {
             console.error(e);
@@ -1709,6 +1747,7 @@ class RangeSlider {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     get isClickCapturedBySlider() {
         return this._widgetApi.isClickCapturedBySlider(this._elementNodeRef);
     }
@@ -1718,21 +1757,25 @@ class RangeSlider {
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetRangeSlider.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetRangeSlider.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class Rate {
     _elementNodeRef;
     _layer;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-rate";
     static className() {
         return Rate._className;
     }
-    constructor(_elementNodeRef, _layer, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     static isTypeOf(element) {
         return element instanceof Rate;
@@ -1740,7 +1783,7 @@ class Rate {
     mediaElementsLoadingPromises = [];
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, localData);
+            this._widgetApi.init(this._elementNodeRef, localData, this._onWidgetComplete, this.sdkApi);
         }
         catch (e) {
             console.error(e);
@@ -1755,6 +1798,7 @@ class Rate {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
@@ -1764,7 +1808,7 @@ class Rate {
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetRate.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetRate.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class Share {
@@ -1772,16 +1816,20 @@ class Share {
     _layer;
     _layersNodesRefs;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-share";
     static _widgetApiName = "_narrative_share";
     static className() {
         return Share._className;
     }
-    constructor(_elementNodeRef, _layer, _layersNodesRefs, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _layersNodesRefs, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._layersNodesRefs = _layersNodesRefs;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     static isTypeOf(element) {
         return element instanceof Share;
@@ -1789,7 +1837,7 @@ class Share {
     mediaElementsLoadingPromises = [];
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, this._layersNodesRefs, localData);
+            this._widgetApi.init(this._elementNodeRef, this._layersNodesRefs, localData, this._onWidgetComplete, this.sdkApi);
         }
         catch (e) {
             console.error(e);
@@ -1804,6 +1852,7 @@ class Share {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
@@ -1813,7 +1862,7 @@ class Share {
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `Array`, `typeof WidgetShare.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `Array`, `typeof WidgetShare.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class SwipeUpItems {
@@ -1838,6 +1887,7 @@ class SwipeUpItems {
     onResume() { }
     onStart() { }
     onStop() { }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
@@ -1854,14 +1904,18 @@ class Test {
     _elementNodeRef;
     _layer;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-test";
     static className() {
         return Test._className;
     }
-    constructor(_elementNodeRef, _layer, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     static isTypeOf(element) {
         return element instanceof Test;
@@ -1869,7 +1923,7 @@ class Test {
     mediaElementsLoadingPromises = [];
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, localData);
+            this._widgetApi.init(this._elementNodeRef, localData, this._onWidgetComplete, this.sdkApi);
         }
         catch (e) {
             console.error(e);
@@ -1884,6 +1938,7 @@ class Test {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
@@ -1896,26 +1951,30 @@ class Test {
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetTest.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetTest.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class Vote {
     _elementNodeRef;
     _layer;
     _widgetApi;
+    _onWidgetComplete;
+    sdkApi;
     static _className = "narrative-element-vote";
     static className() {
         return Vote._className;
     }
-    constructor(_elementNodeRef, _layer, _widgetApi) {
+    constructor(_elementNodeRef, _layer, _widgetApi, _onWidgetComplete, sdkApi) {
         this._elementNodeRef = _elementNodeRef;
         this._layer = _layer;
         this._widgetApi = _widgetApi;
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
     }
     mediaElementsLoadingPromises = [];
     init(localData) {
         try {
-            this._widgetApi.init(this._elementNodeRef, localData);
+            this._widgetApi.init(this._elementNodeRef, localData, this._onWidgetComplete, this.sdkApi);
         }
         catch (e) {
             console.error(e);
@@ -1930,13 +1989,14 @@ class Vote {
     onStop() {
         this._widgetApi.onStop(this._elementNodeRef);
     }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
     get isLayerForcePaused() {
         return false;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetVote.api`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Layer`, `typeof WidgetVote.api`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class Text {
@@ -1958,6 +2018,7 @@ class Text {
     onResume() { }
     onStart() { }
     onStop() { }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
@@ -1970,19 +2031,34 @@ class Text {
 const waitForImageHtmlElementLoad = async (nodeRef) => {
     return new Promise((resolve, reject) => {
         const onLoad = function () {
-            requestAnimationFrame(() => requestAnimationFrame(() => {
-                resolve(nodeRef);
-                nodeRef.removeEventListener("load", onLoad);
-            }));
+            nodeRef.decoding = "sync";
+            if (nodeRef.decode != null) {
+                nodeRef.decode().then(() => {
+                    // @ts-ignore
+                    // _log("img loaded 1", true);
+                    resolve(nodeRef);
+                    nodeRef.removeEventListener("load", onLoad);
+                }, reason => reject(reason));
+            }
+            else {
+                requestAnimationFrame(() => requestAnimationFrame(() => {
+                    // @ts-ignore
+                    // _log("img loaded 1", true);
+                    resolve(nodeRef);
+                    nodeRef.removeEventListener("load", onLoad);
+                }));
+            }
         };
         nodeRef.addEventListener("load", onLoad);
-        if (nodeRef.complete && 0 !== nodeRef.naturalHeight) {
-            requestAnimationFrame(() => {
-                requestAnimationFrame(() => {
-                    resolve(nodeRef);
-                });
-            });
-        }
+        // if (nodeRef.complete && 0 !== nodeRef.naturalHeight) {
+        //     requestAnimationFrame(() => {
+        //         requestAnimationFrame(() => {
+        //             // @ts-ignore
+        //             _log("img loaded 2", true)
+        //             resolve(nodeRef);
+        //         });
+        //     });
+        // }
         nodeRef.addEventListener("error", err => reject(err));
     });
 };
@@ -1992,6 +2068,8 @@ const waitForVideoHtmlElementLoad = async (nodeRef) => {
             const onCanplaythrough = () => {
                 requestAnimationFrame(() => {
                     requestAnimationFrame(() => {
+                        // @ts-ignore
+                        // _log("video loaded 1", true)
                         resolve(nodeRef);
                         nodeRef.removeEventListener("canplaythrough", onCanplaythrough);
                     });
@@ -2004,6 +2082,8 @@ const waitForVideoHtmlElementLoad = async (nodeRef) => {
             var onCanPlay = function () {
                 requestAnimationFrame(() => {
                     requestAnimationFrame(() => {
+                        // @ts-ignore
+                        // _log("video loaded 2", true)
                         resolve(nodeRef);
                         nodeRef.removeEventListener("canplay", onCanPlay);
                     });
@@ -2045,6 +2125,7 @@ class Image extends ClickableBase {
     onResume() { }
     onStart() { }
     onStop() { }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
@@ -2076,6 +2157,7 @@ class SwipeUp {
     onResume() { }
     onStart() { }
     onStop() { }
+    onBeforeUnmount() { }
     handleClick() {
         return false;
     }
@@ -2167,6 +2249,12 @@ class Video {
     }
     onStart() { }
     onStop() { }
+    onBeforeUnmount() {
+        // clean up memory and cpu processes
+        // @ts-ignore
+        // _log("onBeforeUnmount", true)
+        this._destroyVODPlayer();
+    }
     _initVOD(vodData) {
         const onWaiting = () => {
             /**
@@ -2223,7 +2311,8 @@ class Video {
                     console.error("Error code", error.code, "object", error);
                     // _log(`video error: ${video.currentTime} code: ${error.code}`, true);
                     if (this._video.paused) {
-                        this._layer.stopInternal();
+                        this._layer.stopInternal({ prepareForRestart: 2 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.NOT_PREPARE */ });
+                        this._layer.onBeforeUnmount();
                         this._layer.timeline.onSlideError(this._video.currentTime * 1000);
                     }
                 };
@@ -2238,6 +2327,8 @@ class Video {
                             // console.log("_initVOD 5");
                             this._vodPlayerInstance = player;
                             // This runs if the asynchronous load is successful.
+                            // @ts-ignore
+                            _log("vod loaded 1", true);
                             resolve(this._video);
                         })
                             .catch(reason => {
@@ -2262,6 +2353,8 @@ class Video {
                 if (vodData && vodData.formats != null && Array.isArray(vodData.formats) && vodData.formats.length > 0) {
                     src = vodData.formats[0].url;
                     this._video.src = src;
+                    // @ts-ignore
+                    // _log("vod loaded 2", true)
                     resolve(this._video);
                 }
                 else {
@@ -2283,6 +2376,25 @@ class Video {
         }
         return mpd_;
     }
+    async _destroyVODPlayer() {
+        //@ts-ignore
+        // _log("call _destroyVODPlayer", true)
+        if (this._vodPlayerInstance != null) {
+            try {
+                if (this._videoStateAdapter) {
+                    this._videoStateAdapter.destroy();
+                    this._videoStateAdapter = null;
+                }
+                await this._vodPlayerInstance.detach();
+                await this._vodPlayerInstance.destroy();
+                // clean up - so we can reinit on slide start, id need it
+                this._vodPlayerInstance = null;
+            }
+            catch (e) {
+                console.error(e);
+            }
+        }
+    }
     handleClick() {
         return false;
     }
@@ -2293,7 +2405,7 @@ class Video {
     get videoStartedPromise() {
         return this._videoStartedPromise;
     }
-    start(muted = true) {
+    start(muted = true, loop = true) {
         this._videoStartedPromise = new Promise(async (resolve) => {
             // invariant - always wait for mediaElementsLoadingPromises
             // else call of _initVOD can start and onAllMediaLoaded failed
@@ -2307,6 +2419,7 @@ class Video {
                     // console.log("Video:start => this._video.pause()");
                     this._video.pause();
                     this._video.currentTime = 0;
+                    this._video.loop = loop;
                     // remove init class
                     // if vod - create VoD player
                     if (this._video.getAttribute("data-default-muted") !== "1") {
@@ -2400,31 +2513,41 @@ class Video {
         });
         return this._videoStartedPromise;
     }
-    async stop() {
+    async stop({ prepareForRestart }) {
         if (this._video) {
-            // console.log("Video:stop => this._video.pause()");
+            // @ts-ignore
+            // _log(`Video:stop => this._video.pause(), currentTime: ${this._video.currentTime}`, true);
             this._video.pause();
         }
-        if (this._vodPlayerInstance) {
-            setTimeout(async () => {
-                // destroy VOD on slideStop with timeout, bcz on Android flashes white screen on several frames (if destroy without timeout)
-                if (this._vodPlayerInstance) {
-                    try {
-                        // show poster
-                        this._elementNodeRef.classList.add("init");
-                        if (this._videoStateAdapter) {
-                            this._videoStateAdapter.destroy();
-                            this._videoStateAdapter = null;
-                        }
-                        await this._vodPlayerInstance.detach();
-                        await this._vodPlayerInstance.destroy();
-                        // clean up - so we can reinit on slide start, id need it
-                        this._vodPlayerInstance = null;
-                    }
-                    catch (e) {
-                        console.error(e);
-                    }
+        if (prepareForRestart !== 0 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.UNKNOWN */) {
+            /**
+             * In case prepareForReinit = false (stop event before unmounting - navigation to prev|next slide)
+             * VOD will be destroyed in onBeforeUnmount
+             *
+             * In case prepareForReinit = true (stop event after navigation to prev|next story)
+             * We need to go to frame 0 and show poster, and destroy VOD (clean up memory and cpu processes)
+             */
+            if (prepareForRestart === 1 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.PREPARE */) {
+                this._elementNodeRef.classList.add("init");
+                if (this._video && !this._vodPlayerInstance) {
+                    // only for not VOD video
+                    this._video.currentTime = 0;
                 }
+                this._destroyVODPlayer();
+            }
+        }
+        else {
+            /**
+             * Old sdk behavior: on any stop event - destroy VOD and show poster (prepare for restart after returning to this story)
+             * with 100 ms timeout (try to prevent frame blinking on slide switching)
+             */
+            setTimeout(() => {
+                this._elementNodeRef.classList.add("init");
+                if (this._video && !this._vodPlayerInstance) {
+                    // only for not VOD video
+                    this._video.currentTime = 0;
+                }
+                this._destroyVODPlayer();
             }, 100);
         }
     }
@@ -2558,7 +2681,7 @@ class VideoStateAdapter {
         // _log(`_onPlaying, _timeupdate: ${this._timeupdate}`, true);
         this._playingCheckerId = window.setTimeout(() => {
             // @ts-ignore
-            _log(`_onPlaying cb, _timeupdate: ${this._timeupdate}, now: ${Date.now()}, diff: ${Date.now() - this._timeupdate}`, true);
+            // _log(`_onPlaying cb, _timeupdate: ${this._timeupdate}, now: ${Date.now()}, diff: ${Date.now() - this._timeupdate}`, true);
             if (Date.now() - this._timeupdate <= this._maxDiff / 2) {
                 // @ts-ignore
                 // _log(`_onPlaying if`, true);
@@ -2605,7 +2728,7 @@ class VideoStateAdapter {
 //     const
 // }
 //  args nodeRef, elementClassName
-const tryCreateFromHtmlElement = (nodeRef, layer) => {
+const tryCreateFromHtmlElement = (nodeRef, layer, onWidgetComplete, sdkApi) => {
     const layoutApi = layer.layoutService.layoutApi;
     const layersNodesRefs = layer.slide.layersNodesRefs;
     for (let elementClassName of nodeRef.classList.values()) {
@@ -2623,38 +2746,42 @@ const tryCreateFromHtmlElement = (nodeRef, layer) => {
             case SwipeUpItems.className():
                 return new SwipeUpItems(nodeRef, layer);
             case Video.className():
-                return new Video(nodeRef, layer, layoutApi.VideoPlayer, layer.layoutService.sdkApi);
+                return new Video(nodeRef, layer, layoutApi.VideoPlayer, layer.sdkApi);
             //////// widgets ///////
             case Copy.className():
-                return layoutApi.widgetCopyApi ? new Copy(nodeRef, layer, layoutApi.widgetCopyApi) : null;
+                return layoutApi.widgetCopyApi ? new Copy(nodeRef, layer, layoutApi.widgetCopyApi, onWidgetComplete, sdkApi) : null;
             case Barcode.className():
-                return layoutApi.widgetBarcodeApi ? new Barcode(nodeRef, layer, layoutApi.widgetBarcodeApi) : null;
+                return layoutApi.widgetBarcodeApi ? new Barcode(nodeRef, layer, layoutApi.widgetBarcodeApi, onWidgetComplete, sdkApi) : null;
             case DataInput.className():
-                return layoutApi.widgetDataInputApi ? new DataInput(nodeRef, layer, layoutApi.widgetDataInputApi) : null;
+                return layoutApi.widgetDataInputApi ? new DataInput(nodeRef, layer, layoutApi.widgetDataInputApi, onWidgetComplete, sdkApi) : null;
             case DateCountdown.className():
-                return layoutApi.widgetDateCountdownApi ? new DateCountdown(nodeRef, layer, layersNodesRefs, layoutApi.widgetDateCountdownApi) : null;
+                return layoutApi.widgetDateCountdownApi
+                    ? new DateCountdown(nodeRef, layer, layersNodesRefs, layoutApi.widgetDateCountdownApi, onWidgetComplete, sdkApi)
+                    : null;
             case Poll.className():
-                return layoutApi.widgetPollApi ? new Poll(nodeRef, layer, layoutApi.widgetPollApi) : null;
+                return layoutApi.widgetPollApi ? new Poll(nodeRef, layer, layoutApi.widgetPollApi, onWidgetComplete, sdkApi) : null;
             case PollLayers.className():
-                return layoutApi.widgetPollLayersApi ? new PollLayers(nodeRef, layer, layersNodesRefs, layoutApi.widgetPollLayersApi) : null;
+                return layoutApi.widgetPollLayersApi
+                    ? new PollLayers(nodeRef, layer, layersNodesRefs, layoutApi.widgetPollLayersApi, onWidgetComplete, sdkApi)
+                    : null;
             case Quest.className():
-                return layoutApi.widgetQuestApi ? new Quest(nodeRef, layer, layoutApi.widgetQuestApi) : null;
+                return layoutApi.widgetQuestApi ? new Quest(nodeRef, layer, layoutApi.widgetQuestApi, onWidgetComplete, sdkApi) : null;
             case Quiz.className():
-                return layoutApi.widgetQuizApi ? new Quiz(nodeRef, layer, layoutApi.widgetQuizApi) : null;
+                return layoutApi.widgetQuizApi ? new Quiz(nodeRef, layer, layoutApi.widgetQuizApi, onWidgetComplete, sdkApi) : null;
             case QuizGrouped.className():
-                return layoutApi.widgetQuizGroupedApi ? new QuizGrouped(nodeRef, layer, layoutApi.widgetQuizGroupedApi) : null;
+                return layoutApi.widgetQuizGroupedApi ? new QuizGrouped(nodeRef, layer, layoutApi.widgetQuizGroupedApi, onWidgetComplete, sdkApi) : null;
             case RangeSlider.className():
-                return layoutApi.widgetRangeSliderApi ? new RangeSlider(nodeRef, layer, layoutApi.widgetRangeSliderApi) : null;
+                return layoutApi.widgetRangeSliderApi ? new RangeSlider(nodeRef, layer, layoutApi.widgetRangeSliderApi, onWidgetComplete, sdkApi) : null;
             case Rate.className():
-                return layoutApi.widgetRateApi ? new Rate(nodeRef, layer, layoutApi.widgetRateApi) : null;
+                return layoutApi.widgetRateApi ? new Rate(nodeRef, layer, layoutApi.widgetRateApi, onWidgetComplete, sdkApi) : null;
             case Share.className():
-                return layoutApi.widgetShareApi ? new Share(nodeRef, layer, layersNodesRefs, layoutApi.widgetShareApi) : null;
+                return layoutApi.widgetShareApi ? new Share(nodeRef, layer, layersNodesRefs, layoutApi.widgetShareApi, onWidgetComplete, sdkApi) : null;
             case Test.className():
-                return layoutApi.widgetTestApi ? new Test(nodeRef, layer, layoutApi.widgetTestApi) : null;
+                return layoutApi.widgetTestApi ? new Test(nodeRef, layer, layoutApi.widgetTestApi, onWidgetComplete, sdkApi) : null;
             case Vote.className():
-                return layoutApi.widgetVoteApi ? new Vote(nodeRef, layer, layoutApi.widgetVoteApi) : null;
+                return layoutApi.widgetVoteApi ? new Vote(nodeRef, layer, layoutApi.widgetVoteApi, onWidgetComplete, sdkApi) : null;
             case Products.className():
-                return layoutApi.widgetProductsApi ? new Products(nodeRef, layer, layoutApi.widgetProductsApi) : null;
+                return layoutApi.widgetProductsApi ? new Products(nodeRef, layer, layoutApi.widgetProductsApi, onWidgetComplete, sdkApi) : null;
         }
     }
     return null;
@@ -2665,18 +2792,24 @@ var TimelineDisabledState;
     TimelineDisabledState[TimelineDisabledState["disabled"] = 0] = "disabled";
     TimelineDisabledState[TimelineDisabledState["enabled"] = 1] = "enabled";
 })(TimelineDisabledState || (TimelineDisabledState = {}));
+// use Promise
+// await Promise()
+// call timeLine api
+// promise - slideReadyPromise
 class SlideTimeline {
     slideIndex;
     slideDuration;
     slideDisabledTimer;
     slideReady;
     _afterResumeQueuePush;
-    constructor(slideIndex, slideDuration, slideDisabledTimer, slideReady, _afterResumeQueuePush) {
+    sdkApi;
+    constructor(slideIndex, slideDuration, slideDisabledTimer, slideReady, _afterResumeQueuePush, sdkApi) {
         this.slideIndex = slideIndex;
         this.slideDuration = slideDuration;
         this.slideDisabledTimer = slideDisabledTimer;
         this.slideReady = slideReady;
         this._afterResumeQueuePush = _afterResumeQueuePush;
+        this.sdkApi = sdkApi;
         this.timelineDisabledState = this.slideDisabledTimer ? TimelineDisabledState.disabled : TimelineDisabledState.enabled;
     }
     resumedAt = new Date().getTime();
@@ -2690,20 +2823,29 @@ class SlideTimeline {
         return SlideTimeline.layoutService;
     }
     get isSDKSupportUpdateTimeline() {
-        if (SlideTimeline.layoutService.sdkApi.isAndroid) {
-            return SlideTimeline.layoutService.env.Android && "updateTimeline" in SlideTimeline.layoutService.env.Android;
+        if (this.sdkApi.isAndroid) {
+            return Boolean(SlideTimeline.layoutService.env.Android && "updateTimeline" in SlideTimeline.layoutService.env.Android);
         }
-        else if (SlideTimeline.layoutService.sdkApi.isIOS) {
+        else if (this.sdkApi.isIOS) {
             const mh = SlideTimeline.layoutService.env?.webkit?.messageHandlers ?? {};
             return "updateTimeline" in mh;
         }
+        else if (this.sdkApi.isWeb) {
+            return true;
+        }
         else {
             return false;
         }
     }
+    get isSdkSupportTimelineOnBeforeStart() {
+        return this.sdkApi.isSdkSupportTimelineOnBeforeStart();
+    }
     get index() {
         return this.slideIndex;
     }
+    get isTimelineDisabled() {
+        return this.timelineDisabledState === TimelineDisabledState.disabled;
+    }
     async updateTimeline(action, showLoader = false, showError = false) {
         // два кейса
         // когда есть слои и у слоя вызываем showLayer который вызывает startTimer до старта слайда, потом start от sdk
@@ -2735,7 +2877,24 @@ class SlideTimeline {
         //@ts-ignore
         // window._log(`updateTimeline, a: ${action} ct: ${currentTime} d: ${duration} tds: ${this.timelineDisabledState}`, true);
         // console.trace(`updateTimeline ${action} slideIndex: ${this.slideIndex} currentTime:${currentTime} duration:${duration} tds: ${this.timelineDisabledState}`);
-        SlideTimeline.layoutService.sdkApi.updateTimeline(this.slideIndex, action, currentTime, duration, showLoader, showError);
+        this.sdkApi.updateTimeline(this.slideIndex, action, currentTime, duration, showLoader, showError);
+    }
+    /**
+     * trigger timeline update for new slide in sdk, before slide strat event (prevent timeout in timeline while we wait for video start)
+     */
+    triggerSlideLoadState() {
+        if (this.isSDKSupportUpdateTimeline && this.isSdkSupportTimelineOnBeforeStart) {
+            let duration = this.slideDuration;
+            // tmp
+            // todo брать из модели
+            if (!duration) {
+                duration = DEFAULT_SLIDE_DURATION;
+            }
+            if (this.timelineDisabledState === TimelineDisabledState.disabled) {
+                duration = 0;
+            }
+            this.sdkApi.updateTimeline(this.slideIndex, "before_start" /* TIMELINE_ACTION.BEFORE_START */, 0, duration, false, false);
+        }
     }
     /**
      * Start timeline after slide started
@@ -2774,7 +2933,7 @@ class SlideTimeline {
             this.updateTimeline("pause" /* TIMELINE_ACTION.PAUSE */);
         }
         else {
-            this.layoutService.sdkApi.cardPausedCallback(videoCurrentTime);
+            this.sdkApi.cardPausedCallback(videoCurrentTime);
         }
     }
     slideResumed(videoCurrentTime) {
@@ -2789,7 +2948,7 @@ class SlideTimeline {
             this.updateTimeline("start" /* TIMELINE_ACTION.START */);
         }
         else {
-            this.layoutService.sdkApi.cardResumedCallback(videoCurrentTime);
+            this.sdkApi.cardResumedCallback(videoCurrentTime);
         }
     }
     slideStopped() {
@@ -2846,7 +3005,7 @@ class SlideTimeline {
         }
         this.updateTimeline("stop" /* TIMELINE_ACTION.STOP */, false, true);
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`number`, `number`, `boolean`, `Promise`, `(cb: () => void) => void`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`number`, `number`, `boolean`, `Promise`, `(cb: () => void) => void`, `SDKApi`]; }
 }
 class Layer {
@@ -2854,6 +3013,9 @@ class Layer {
     _slide;
     _slideReadyPromise;
     _afterResumeQueuePush;
+    _afterStartInitQueuePush;
+    _showNextSlide;
+    sdkApi;
     _slideIndex;
     _cardId;
     _cardType;
@@ -2863,11 +3025,14 @@ class Layer {
     _disabledNavigation;
     _elements = [];
     _timeline;
-    constructor(_nodeRef, _slide, _slideReadyPromise, _afterResumeQueuePush) {
+    constructor(_nodeRef, _slide, _slideReadyPromise, _afterResumeQueuePush, _afterStartInitQueuePush, _showNextSlide, sdkApi) {
         this._nodeRef = _nodeRef;
         this._slide = _slide;
         this._slideReadyPromise = _slideReadyPromise;
         this._afterResumeQueuePush = _afterResumeQueuePush;
+        this._afterStartInitQueuePush = _afterStartInitQueuePush;
+        this._showNextSlide = _showNextSlide;
+        this.sdkApi = sdkApi;
         this._slideIndex = parseInt(this._nodeRef.getAttribute("data-index") ?? "0");
         this._cardId = parseInt(this._nodeRef.getAttribute("data-id") ?? "0");
         this._cardType = parseInt(this._nodeRef.getAttribute("data-card-type") ?? "1") || 1 /* CARD_TYPE.STORY */;
@@ -2875,11 +3040,19 @@ class Layer {
         this._duration = parseInt(this._nodeRef.getAttribute("data-duration") ?? "") || DEFAULT_SLIDE_DURATION;
         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._afterResumeQueuePush);
+        this._timeline = new SlideTimeline(this._slideIndex, this._duration, this._disabledTimer, this._slideReadyPromise, this._afterResumeQueuePush, this.sdkApi);
+        const onWidgetComplete = (cardId, slideIndex) => {
+            // todo if nothing more widgets with disabled timers - we can start layer timeline
+            const fallback = () => this._showNextSlide(DEFAULT_SLIDE_DURATION);
+            // для android sdk важно чтобы этот метод вызывался только после slide_start
+            this._afterStartInitQueuePush(() => {
+                this._timeline.startDisabledTimeline(fallback);
+            });
+        };
         const _elementsNodes = this._nodeRef.querySelectorAll(".narrative-slide-elements .narrative-element");
         let layerWithWidgetQuest = false;
         _elementsNodes.forEach(item => {
-            let element = tryCreateFromHtmlElement(item, this);
+            let element = tryCreateFromHtmlElement(item, this, onWidgetComplete, this.sdkApi);
             if (element) {
                 this._elements.push(element);
                 if (element instanceof Quest) {
@@ -2894,7 +3067,7 @@ class Layer {
          * - then init WidgetQuest with layer instead of WidgetQuest element (required for WidgetQuest slides navigation)
          */
         if (this.isQuest && !layerWithWidgetQuest && this.layoutService.layoutApi.widgetQuestApi != null) {
-            this._elements.push(new Quest(this._nodeRef, this, this.layoutService.layoutApi.widgetQuestApi));
+            this._elements.push(new Quest(this._nodeRef, this, this.layoutService.layoutApi.widgetQuestApi, onWidgetComplete, this.sdkApi));
         }
     }
     init(localData) {
@@ -2923,11 +3096,8 @@ class Layer {
     get layoutService() {
         return container.get({ identifier: "LayoutService" });
     }
-    get sdkApi() {
-        return container.get({ identifier: "SDKApi" });
-    }
     getLocalData() {
-        return this.layoutService.sdkApi.getCardLocalData();
+        return this.sdkApi.getCardLocalData();
     }
     get isQuest() {
         return this._nodeRef.getAttribute("data-quest-count") != null;
@@ -3080,7 +3250,11 @@ class Layer {
         const videoElement = this.videoElement;
         let currentTime = 0;
         if (videoElement != null) {
-            currentTime = (await videoElement.start(muted)).currentTime;
+            let videoLoop = false;
+            if (this.timeline.isTimelineDisabled) {
+                videoLoop = true;
+            }
+            currentTime = (await videoElement.start(muted, videoLoop)).currentTime;
         }
         if (this.sdkApi.cardAnimation) {
             this._animationPauseCb = this.sdkApi.cardAnimation.start(this._nodeRef);
@@ -3097,8 +3271,8 @@ class Layer {
         }
         return { currentTime };
     }
-    async stop() {
-        this.videoElement?.stop();
+    async stop(options) {
+        this.videoElement?.stop(options);
         this.sdkApi.cardAnimation?.stop(this._nodeRef);
         for (const element of this._elements) {
             element.onPause();
@@ -3108,8 +3282,8 @@ class Layer {
         }
         this._timeline.slideStopped();
     }
-    stopInternal() {
-        this.videoElement?.stop();
+    stopInternal(options) {
+        this.videoElement?.stop(options);
         this.sdkApi.cardAnimation?.stop(this._nodeRef);
         for (const element of this._elements) {
             element.onPause();
@@ -3179,10 +3353,15 @@ class Layer {
     disableAudio() {
         this.videoElement?.disableAudio();
     }
+    onBeforeUnmount() {
+        for (const element of this._elements) {
+            element.onBeforeUnmount();
+        }
+    }
     get isLayerForcePaused() {
         return this.elements.some(element => element.isLayerForcePaused);
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Slide`, `Promise`, `(cb: () => void) => void`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Slide`, `Promise`, `(cb: () => void) => void`, `(cb: () => void) => void`, `(duration: number) => void`, `SDKApi`]; }
 }
 const TextFit = (function () {
     const defaultSettings = {
@@ -3356,17 +3535,23 @@ class Slide {
     _slidesNodesRefs;
     _slideReadyPromise;
     _afterResumeQueuePush;
+    _afterStartInitQueuePush;
+    _showNextSlide;
+    sdkApi;
     _layers;
     _start;
-    constructor(_slidesNodesRefs, _slideReadyPromise, _afterResumeQueuePush) {
+    constructor(_slidesNodesRefs, _slideReadyPromise, _afterResumeQueuePush, _afterStartInitQueuePush, _showNextSlide, sdkApi) {
         this._slidesNodesRefs = _slidesNodesRefs;
         this._slideReadyPromise = _slideReadyPromise;
         this._afterResumeQueuePush = _afterResumeQueuePush;
+        this._afterStartInitQueuePush = _afterStartInitQueuePush;
+        this._showNextSlide = _showNextSlide;
+        this.sdkApi = sdkApi;
         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._afterResumeQueuePush));
+        this._layers = this._slidesNodesRefs.map(item => new Layer(item, this, this._slideReadyPromise, this._afterResumeQueuePush, this._afterStartInitQueuePush, this._showNextSlide, this.sdkApi));
         this._activeLayer = this._layers[0];
     }
     _activeLayer;
@@ -3385,7 +3570,7 @@ class Slide {
         const multiSlideApi = this.layoutService.layoutApi.widgetMultiSlideApi;
         if (multiSlideApi != null && this.layers.length > 1) {
             try {
-                multiSlideApi.init(this.layersNodesRefs, localData);
+                multiSlideApi.init(this.layersNodesRefs, localData, this.sdkApi);
             }
             catch (e) {
                 console.error(e);
@@ -3422,7 +3607,7 @@ class Slide {
             // const isHidden = layer.nodeRef.classList.contains("hidden");
             if (index !== showIndex) {
                 layer.nodeRef.classList.add("hidden");
-                layer.stop();
+                layer.stop({ prepareForRestart: 1 /* ON_SLIDE_STOP_PREPARE_FOR_RESTART.PREPARE */ });
             }
         });
         this.layers.forEach((layer, index) => {
@@ -3434,6 +3619,11 @@ class Slide {
             }
         });
     }
+    onBeforeUnmount() {
+        for (const layer of this._layers) {
+            layer.onBeforeUnmount();
+        }
+    }
     get layoutService() {
         return container.get({ identifier: "LayoutService" });
     }
@@ -3452,15 +3642,9 @@ class Slide {
     get disabledNavigation() {
         return this._activeLayer.disabledNavigation;
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`Array`, `Promise`, `(cb: () => void) => void`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`Array`, `Promise`, `(cb: () => void) => void`, `(cb: () => void) => void`, `(duration: number) => void`, `SDKApi`]; }
 }
-function getViewportWidth(viewport) {
-    return viewport.innerWidth || viewport.document.documentElement.clientWidth || viewport.document.body.clientWidth;
-}
-function getViewportHeight(viewport) {
-    return viewport.innerHeight || viewport.document.documentElement.clientHeight || viewport.document.body.clientHeight;
-}
 let SlideApi$1 = class SlideApi {
     config;
     get layoutDirection() {
@@ -3471,10 +3655,16 @@ let SlideApi$1 = class SlideApi {
     static prerenderBoxClassName = "narrative-slide-box-prerender";
     _slideWrapper;
     _viewport;
+    _getViewportWidth;
+    _getViewportHeight;
+    sdkApi;
     constructor(config) {
         this.config = config;
+        this.sdkApi = config.sdkApi;
         this._slideWrapper = config.slideWrapper;
         this._viewport = config.viewport;
+        this._getViewportWidth = config.getViewportWidth;
+        this._getViewportHeight = config.getViewportHeight;
         this.refreshSizes = proxy(this.refreshSizes, this);
         this.initListeners();
         this.refreshSizes();
@@ -3483,7 +3673,7 @@ let SlideApi$1 = class SlideApi {
         if (slideBox && slideBox.innerText.trim() !== "{%content}".replace("{", "{{").replace("}", "}}")) {
             this._slideInInit = null;
             this._slideInRender = true;
-            this._init(() => this._slideBoxRenderComplete(), () => this._slideBoxRenderError()).then(({ slide, result, reason }) => {
+            this._init(() => this._slideBoxRenderComplete(null), () => this._slideBoxRenderError(null)).then(({ slide, result, reason }) => {
                 this._slide = slide;
                 if (config.slideLoadedCb != null) {
                     config.slideLoadedCb({ slide, result, reason });
@@ -3492,6 +3682,9 @@ let SlideApi$1 = class SlideApi {
         }
     }
     destroy() {
+        if (this.slide != null) {
+            this.slide.onBeforeUnmount();
+        }
         this.destroyListeners();
     }
     initListeners() {
@@ -3501,8 +3694,8 @@ let SlideApi$1 = class SlideApi {
         this._viewport.removeEventListener("resize", this.refreshSizes);
     }
     refreshSizes() {
-        const viewportWidth = getViewportWidth(this._viewport);
-        const viewportHeight = getViewportHeight(this._viewport);
+        const viewportWidth = this._getViewportWidth();
+        const viewportHeight = this._getViewportHeight();
         const viewportRatio = viewportWidth / viewportHeight;
         let slideWidth = 0;
         let slideHeight = 0;
@@ -3577,12 +3770,13 @@ let SlideApi$1 = class SlideApi {
         if (slideBox && slideBoxPrerender) {
             if (this._slideInRender) {
                 this._slideInRender = false;
-                this._slideBoxRenderComplete();
+                this._slideBoxRenderComplete(null);
             }
             this._slideInInit = null;
             this._slideInRender = true;
             slideBoxPrerender.innerHTML = html;
-            const { slide, result, reason } = await this._init(() => this._slideBoxRenderComplete(), () => this._slideBoxRenderError());
+            const prevSlide = this.slide ? Object.assign(Object.create(Object.getPrototypeOf(this.slide)), this.slide) : null;
+            const { slide, result, reason } = await this._init(() => this._slideBoxRenderComplete(prevSlide), () => this._slideBoxRenderError(prevSlide));
             this._slide = slide;
             _result.result = result;
             _result.reason = reason;
@@ -3597,10 +3791,7 @@ let SlideApi$1 = class SlideApi {
         return container.get({ identifier: "LayoutService" });
     }
     getLocalData() {
-        return this.layoutService.sdkApi.getCardLocalData();
-    }
-    get sdkApi() {
-        return container.get({ identifier: "SDKApi" });
+        return this.sdkApi.getCardLocalData();
     }
     _fontsInit = false;
     _initAndLoadFonts(fonts) {
@@ -3655,6 +3846,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 });
             let checkerTimerId = undefined;
             let timeOutFired = false;
             if (promises.length > 0) {
@@ -3696,15 +3888,16 @@ let SlideApi$1 = class SlideApi {
             slideReadyResolve = resolve;
             slideReadyReject = reject;
         });
-        const slide = new Slide(slidesNodesRefs, slideReadyPromise, this.afterResumeQueuePush.bind(this));
+        const slide = new Slide(slidesNodesRefs, slideReadyPromise, this.afterResumeQueuePush.bind(this), this.afterStartInitQueuePush.bind(this), this.sdkApi.showNextSlide.bind(this), this.sdkApi);
         this._slideInInit = slide;
+        slide.activeLayer.timeline.triggerSlideLoadState();
         const onAllMediaLoaded = this._onAllMediaLoaded(slide);
         if (this.sdkApi.isAndroid) {
             this._afterStartInitQueue = [];
         }
         this._afterResumeQueue = [];
         const result = { slide, result: false, reason: "" };
-        await this._initAndLoadFonts(this.layoutService.sdkApi.getCardFonts());
+        await this._initAndLoadFonts(this.sdkApi.getCardFonts());
         const localData = await this.getLocalData();
         const finishRender = await slide.init(localData);
         /**
@@ -3741,7 +3934,7 @@ let SlideApi$1 = class SlideApi {
         return result;
     }
     _slideInRender = false;
-    _slideBoxRenderComplete() {
+    _slideBoxRenderComplete(prevSlide) {
         if (!this._slideInRender) {
             this._slideInRender = true;
             return;
@@ -3752,12 +3945,20 @@ let SlideApi$1 = class SlideApi {
             slideBoxPrerender.classList.remove(SlideApi.prerenderBoxClassName);
             slideBox.classList.remove(SlideApi.renderedBoxClassName);
             slideBox.classList.add(SlideApi.prerenderBoxClassName);
-            slideBox.innerHTML = "";
+            // 2 RAF - wait for browser render complete (CSS changes, etc.)
+            this.layoutService.env.requestAnimationFrame(() => {
+                this.layoutService.env.requestAnimationFrame(() => {
+                    prevSlide?.onBeforeUnmount();
+                    // @ts-ignore
+                    // _log("clear innerHTML", true);
+                    slideBox.innerHTML = "";
+                });
+            });
             slideBoxPrerender.classList.add(SlideApi.renderedBoxClassName);
         }
         this._slideInRender = false;
     }
-    _slideBoxRenderError() {
+    _slideBoxRenderError(prevSlide) {
         // if (!slideInRender) {
         //     slideInRender = true;
         //     return;
@@ -3775,23 +3976,12 @@ let SlideApi$1 = class SlideApi {
             slideBoxPrerender.classList.remove(SlideApi.prerenderBoxClassName);
             slideBox.classList.remove(SlideApi.renderedBoxClassName);
             slideBox.classList.add(SlideApi.prerenderBoxClassName);
+            prevSlide?.onBeforeUnmount();
             slideBox.innerHTML = "";
             slideBoxPrerender.classList.add(SlideApi.renderedBoxClassName);
         }
         // slideInRender = false;
     }
-    async _startVideo(cb) {
-        const videoElement = this.slide?.activeLayer?.videoElement;
-        const videoStartedPromise = videoElement?.start(this._slideConfig.muted);
-        if (videoStartedPromise) {
-            videoStartedPromise.then(({ currentTime }) => {
-                cb({ currentTime, slideIndex: this.slide?.slideIndex || 0 });
-            });
-        }
-        else {
-            cb({ currentTime: 0, slideIndex: this.slide?.slideIndex || 0 });
-        }
-    }
     _slideConfig = {};
     async slideStart(config) {
         // console.log(`slideStart slideIdx: ${this.activeLayer.slideIndex} state: ${this._state}`);
@@ -3881,7 +4071,7 @@ let SlideApi$1 = class SlideApi {
         this.slide.activeLayer.resume();
         this._state = 5 /* STATE.RESUMED */;
     }
-    async slideStop() {
+    async slideStop(options) {
         if (!(this._state === 3 /* STATE.STARTED */ || this._state === 5 /* STATE.RESUMED */ || this._state === 7 /* STATE.PAUSED */)) {
             return;
         }
@@ -3890,7 +4080,7 @@ let SlideApi$1 = class SlideApi {
             // отменяем pause если есть (баг андроида - шлет pause/resume на простой клик)
             clearTimeout(this._pauseCbTimer);
         }
-        await this.slide.activeLayer.stop();
+        await this.slide.activeLayer.stop(options);
         this._state = 10 /* STATE.STOPPED */;
     }
     slideTimerEnd() {
@@ -3996,7 +4186,7 @@ let SlideApi$1 = class SlideApi {
             element = target?.closest(".narrative-element-link");
         }
         if (element) {
-            const { handled } = this._performLinkTarget(element);
+            const { handled } = this._handleLinkAndSwipeUpActivation(element);
             result.canClickNext = !handled;
             return result;
         }
@@ -4009,7 +4199,7 @@ let SlideApi$1 = class SlideApi {
                 element = target?.closest(".narrative-element-image");
             }
             if (element) {
-                const { handled } = this._performLinkTarget(element);
+                const { handled } = this._handleLinkAndSwipeUpActivation(element);
                 result.canClickNext = !handled;
                 return result;
             }
@@ -4021,7 +4211,8 @@ let SlideApi$1 = class SlideApi {
                 element = target?.closest(".narrative-element-swipe-up");
             }
             if (element) {
-                if (this.slideSwipeUpHandler(element)) {
+                const { handled } = this._handleLinkAndSwipeUpActivation(element);
+                if (handled) {
                     result.canClickNext = false;
                     return result;
                 }
@@ -4034,7 +4225,8 @@ let SlideApi$1 = class SlideApi {
                 element = target?.closest(".narrative-element-swipe-up-items");
             }
             if (element) {
-                if (this.slideSwipeUpHandler(element)) {
+                const { handled } = this._handleLinkAndSwipeUpActivation(element);
+                if (handled) {
                     result.canClickNext = false;
                     return result;
                 }
@@ -4047,7 +4239,8 @@ let SlideApi$1 = class SlideApi {
                 element = target?.closest(".narrative-element-products");
             }
             if (element) {
-                if (this.slideSwipeUpHandler(element)) {
+                const { handled } = this._handleLinkAndSwipeUpActivation(element);
+                if (handled) {
                     result.canClickNext = false;
                     return result;
                 }
@@ -4310,14 +4503,21 @@ let SlideApi$1 = class SlideApi {
         }
         /** can tap to next slide */
         if (this.activeLayer.quizElement) {
-            result.canClickNext = this.activeLayer.quizElement.slideQuizIsDone;
+            if (!this.activeLayer.quizElement.slideQuizIsDone && navigationDirection === "forward") {
+                result.canClickNext = false;
+            }
         }
         if (this.activeLayer.quizGroupedElement) {
-            result.canClickNext = this.activeLayer.quizGroupedElement.slideQuizGroupedIsDone;
+            if (!this.activeLayer.quizGroupedElement.slideQuizGroupedIsDone && navigationDirection === "forward") {
+                result.canClickNext = false;
+            }
         }
         if (this.activeLayer.testElement) {
-            result.canClickNext = this.activeLayer.testElement.slideTestIsDone;
-            if (this.activeLayer.testElement.slideTestWithTimer && !result.canClickNext) {
+            const isDone = this.activeLayer.testElement.slideTestIsDone;
+            if (!isDone && navigationDirection === "forward") {
+                result.canClickNext = false;
+            }
+            if (this.activeLayer.testElement.slideTestWithTimer && !isDone) {
                 result.canClickNext = false;
                 return result; // disable all clicks
             }
@@ -4353,13 +4553,18 @@ let SlideApi$1 = class SlideApi {
         // _clickNext(canClickNext, xPercent);
         return result;
     }
-    _performLinkSpecialAndReturnTarget(element) {
+    /**
+     * Handle click or swipeUp on linkable elements (elements with data: linkType & linkTarget)
+     * And click or swipeUp on SwipeUp elements (WidgetProducts, WidgetGoods)
+     */
+    _handleLinkAndSwipeUpActivation(element, isSwipeUpAction = false) {
         const linkType = element.getAttribute("data-link-type");
         let linkTarget = element.getAttribute("data-link-target");
         const linkTargetIos = element.getAttribute("data-link-target-ios");
         const linkTargetAndroid = element.getAttribute("data-link-target-android");
         const linkTargetWeb = element.getAttribute("data-link-target-web");
-        let emitClick = false;
+        const elementId = element.getAttribute("data-element-id") ?? "";
+        let handled = false;
         if (this.sdkApi.isAndroid && linkTargetAndroid) {
             linkTarget = linkTargetAndroid;
         }
@@ -4369,58 +4574,81 @@ let SlideApi$1 = class SlideApi {
         if (this.sdkApi.isWeb && linkTargetWeb) {
             linkTarget = linkTargetWeb;
         }
+        // for btn(link) without url (openGame, openStory, closeCard, products, goods, etc)
+        let statisticWidgetValue = linkType;
+        let statisticWidgetEventType = "w-link";
         if (linkType === "closeStory" || linkType === "closeIAM") {
             this.layoutService.env.setTimeout(() => this.sdkApi.closeCard("click"));
-            emitClick = false;
+            handled = true;
         }
-        if (linkType && linkTarget) {
-            emitClick = true;
+        else if (linkType && linkTarget) {
             if (linkType === "story") {
                 // storyId: number, slideIndex: number
                 this.layoutService.env.setTimeout(() => this.sdkApi.openStory(parseInt(linkTarget), 0));
-                emitClick = false;
+                handled = true;
             }
-            if (linkType === "slide") {
+            else if (linkType === "slide") {
                 const __slideIndex = parseInt(linkTarget);
                 const __slideCount = this.slide.slideCount;
                 if (__slideIndex >= 0 && __slideIndex < __slideCount) {
                     this.layoutService.env.setTimeout(() => this.sdkApi.showCardSlide(__slideIndex));
-                    emitClick = false;
+                    handled = true;
                 }
             }
-            if (linkType === "game") {
+            else if (linkType === "game") {
                 this.layoutService.env.setTimeout(() => this.sdkApi.openGame(linkTarget));
-                emitClick = false;
+                handled = true;
             }
-            if (linkType === "layer") {
+            else if (linkType === "layer") {
                 const layerIndex = parseInt(linkTarget);
                 if (layerIndex >= 0) {
                     this.layoutService.env.setTimeout(() => this.sdkApi.showLayer(layerIndex));
-                    emitClick = false;
+                    handled = true;
                 }
             }
-        }
-        return { linkType, linkTarget, emitClick };
-    }
-    _performLinkTarget(element) {
-        const { linkType, linkTarget, emitClick } = this._performLinkSpecialAndReturnTarget(element);
-        // for btn(link) without url (openGame, openStory, closeCard, etc)
-        let statisticWidgetValue = linkType;
-        let handled = false;
-        if (emitClick && linkTarget && (linkType === "url" || linkType === "json")) {
-            handled = true;
-            const obj = {
-                type: "link",
-                link: {
-                    type: linkType,
-                    target: linkTarget,
-                },
-            };
-            // traditional link, with url
-            statisticWidgetValue = linkTarget;
-            this.layoutService.env.setTimeout(() => {
-                this.sdkApi.openUrl(obj);
-            });
+            else if (linkType === "url") {
+                // traditional link, with url
+                statisticWidgetValue = linkTarget;
+                this.layoutService.env.setTimeout(() => {
+                    this.sdkApi.openUrl({
+                        type: isSwipeUpAction ? "swipeUpLink" : "link",
+                        link: {
+                            type: "url",
+                            target: linkTarget,
+                        },
+                    });
+                });
+                handled = true;
+            }
+            else if (linkType === "products") {
+                if (this.layoutService.layoutApi.widgetProductsApi) {
+                    this.layoutService.layoutApi.widgetProductsApi.click(element);
+                    handled = true;
+                }
+            }
+            else if (linkType === "swipe-up-items") {
+                const target = decodeURIComponent(linkTarget ?? "");
+                this.layoutService.env.setTimeout(() => {
+                    this.sdkApi.openUrl({
+                        type: "swipeUpItems",
+                        link: {
+                            type: "json",
+                            target,
+                        },
+                        elementId,
+                    });
+                });
+                statisticWidgetValue = target;
+                statisticWidgetEventType = "w-goods-open";
+                try {
+                    // TODO CSP violation
+                    element.style.setProperty("opacity", "0");
+                }
+                catch (e) {
+                    console.error(e);
+                }
+                handled = true;
+            }
         }
         try {
             const cardId = this.slide.cardId;
@@ -4436,17 +4664,16 @@ let SlideApi$1 = class SlideApi {
                     baseFields.message_id = cardId;
                     break;
             }
-            const elementId = element.getAttribute("data-element-id");
-            this.sdkApi.sendStatisticEvent("w-link", {
+            this.sdkApi.sendStatisticEvent(statisticWidgetEventType, {
                 i: cardId,
                 si: slideIndex,
-                wi: elementId ?? "",
+                wi: elementId,
                 wl: element.textContent ?? "",
                 wv: statisticWidgetValue ?? "",
             }, {
                 ...baseFields,
                 slide_index: slideIndex,
-                widget_id: elementId ?? "",
+                widget_id: elementId,
                 widget_label: element.textContent ?? "",
                 widget_value: statisticWidgetValue ?? "",
             });
@@ -4456,98 +4683,14 @@ let SlideApi$1 = class SlideApi {
         }
         return { handled };
     }
-    // получать событие swipeUp от sdk, в том числе и от web sdk
-    slideSwipeUpHandler(target) {
-        if (target == null) {
-            const targetElement = this.activeLayer.swipeUpElement || this.activeLayer.swipeUpItemsElement || this.activeLayer.productsElement;
-            target = targetElement?.elementNodeRef;
-        }
+    slideSwipeUpHandler() {
+        const targetElement = this.activeLayer.swipeUpElement || this.activeLayer.swipeUpItemsElement || this.activeLayer.productsElement;
+        const target = targetElement?.elementNodeRef;
         if (!target) {
             return false;
         }
-        const elementId = target.getAttribute("data-element-id") || "";
-        const { linkType, linkTarget: _linkTarget, emitClick } = this._performLinkSpecialAndReturnTarget(target);
-        if (emitClick) {
-            const linkTarget = decodeURIComponent(_linkTarget ?? "");
-            if (linkType === "products") {
-                if (this.layoutService.layoutApi.widgetProductsApi) {
-                    this.layoutService.layoutApi.widgetProductsApi.click(target);
-                }
-                return true;
-            }
-            let swipeUpLinkObj = {
-                type: "swipeUpLink",
-                link: {
-                    type: "url",
-                    target: linkTarget,
-                },
-                elementId,
-            };
-            if (linkType === "swipe-up-items") {
-                swipeUpLinkObj = {
-                    type: "swipeUpItems",
-                    link: {
-                        type: "json",
-                        target: linkTarget,
-                    },
-                    elementId,
-                };
-                try {
-                    // TODO CSP violation
-                    target.style.setProperty("opacity", "0");
-                }
-                catch (e) {
-                    console.error(e);
-                }
-            }
-            this.layoutService.env.setTimeout(() => {
-                this.sdkApi.openUrl(swipeUpLinkObj);
-            });
-            let eventType = "";
-            if (linkType === "url") {
-                eventType = "w-link";
-            }
-            else if (linkType === "swipe-up-items") {
-                eventType = "w-goods-open";
-            }
-            if (eventType) {
-                try {
-                    const cardId = this.slide.cardId;
-                    const cardType = this.slide.cardType;
-                    const slideIndex = this.slide.slideIndex;
-                    let baseFields = {};
-                    switch (cardType) {
-                        case 1 /* CARD_TYPE.STORY */:
-                        case 2 /* CARD_TYPE.UGC_STORY */:
-                            baseFields.story_id = cardId;
-                            break;
-                        case 4 /* CARD_TYPE.IN_APP_MESSAGING */:
-                            baseFields.message_id = cardId;
-                            break;
-                    }
-                    this.sdkApi.sendStatisticEvent(eventType, {
-                        i: cardId,
-                        si: slideIndex,
-                        wi: elementId,
-                        wl: target.textContent ?? "",
-                        wv: linkTarget,
-                    }, {
-                        ...baseFields,
-                        slide_index: slideIndex,
-                        widget_id: elementId,
-                        widget_label: target.textContent ?? "",
-                        widget_value: linkTarget,
-                    });
-                }
-                catch (error) {
-                    console.error(error);
-                }
-            }
-            return true;
-        }
-        else {
-            return false;
-        }
+        const { handled } = this._handleLinkAndSwipeUpActivation(target, true);
+        return handled;
     }
     setTextInputResult(id, text) {
         if (this.activeLayer.dataInputElement) {
@@ -4565,10 +4708,9 @@ let SlideApi$1 = class SlideApi {
             this.activeLayer.shareElement.complete(id, isSuccess);
         }
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`{\n            slideWrapper: HTMLElement;\n            viewport: Window;\n            userResizeHandler?: (data: { viewportWidth: number; viewportHeight: number; fontSize: number }) => void;\n            slideRatio: number;\n            isFullscreen: boolean;\n            slideLoadedCb?: (data: { slide: Slide; result: boolean; reason?: string }) => void;\n        }`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`{\n            sdkApi: SDKApi;\n            slideWrapper: HTMLElement;\n            viewport: Window;\n            userResizeHandler?: (data: { viewportWidth: number; viewportHeight: number; fontSize: number }) => void;\n            slideRatio: number;\n            isFullscreen: boolean;\n            slideLoadedCb?: (data: { slide: Slide; result: boolean; reason?: string }) => void;\n            getViewportWidth: () => number;\n            getViewportHeight: () => number;\n        }`]; }
 };
-let sdkInterface;
 const slideApiPeerDeps = {};
 const createSlideWrapper = ({ slideBoxRatio, nonce }) => {
     const slideWrapper = document.createElement("div");
@@ -4590,7 +4732,9 @@ const createSlideWrapper = ({ slideBoxRatio, nonce }) => {
     //         .narrative-slide-box {
     //             padding: <?= $slideRatioPadding ?> 0 0 0;
     //         }
-    style.sheet?.insertRule(`.narrative-slide-box {padding: ${paddingTop} 0 0 0;`);
+    // style.sheet?.insertRule(`.narrative-slide-box {padding: ${paddingTop} 0 0 0;`);
+    slideBoxRendered.style.padding = `${paddingTop} 0 0 0`;
+    slideBoxPrerender.style.padding = `${paddingTop} 0 0 0`;
     slideOffset.appendChild(slideBoxPrerender);
     slideOffset.appendChild(slideBoxRendered);
     slideWrapper.appendChild(slideOffset);
@@ -4599,24 +4743,24 @@ const createSlideWrapper = ({ slideBoxRatio, nonce }) => {
 };
 class SlideApi extends SlideApi$1 {
     constructor(_sdkInterface, config) {
-        sdkInterface = _sdkInterface;
         slideApiPeerDeps.VODPlayer = config.VODPlayer;
         const slideWrapper = createSlideWrapper({ slideBoxRatio: config.slideRatio, nonce: config.nonce });
         // todo need to clear root node before append slideWrapper?
         config.root.appendChild(slideWrapper);
         super({
+            sdkApi: new EsModuleSdkApi(_sdkInterface),
             slideWrapper,
             viewport: config.viewport,
             slideRatio: config.slideRatio,
             isFullscreen: config.isFullscreen,
             userResizeHandler: config.userResizeHandler,
+            getViewportWidth: () => slideWrapper.clientWidth,
+            getViewportHeight: () => slideWrapper.clientHeight,
         });
     }
     static get [Symbol.for("___CTOR_ARGS___")]() { return [`SDKInterface`, `{\n            root: HTMLElement;\n            slideRatio: number;\n            isFullscreen: boolean;\n            nonce?: string;\n            viewport: Window;\n            userResizeHandler?: (data: { viewportWidth: number; viewportHeight: number; fontSize: number }) => void;\n            VODPlayer?: typeof VODPlayer;\n        }`]; }
 }
-container.registerSingleton(() => new EsModuleSdkApi(() => sdkInterface), { identifier: `SDKApi` });
 // This file is part of the bwip-js project available at:
 //
 //    http://metafloor.github.io/bwip-js
@@ -13973,6 +14117,8 @@ FontLib.loadFont("OCR-B", 96, 100, "AAEAAAAPAIAAAwBwRkZUTXxHn14AADmUAAAAHEdERUYA
 function ean13(opts,dwg) { return _ToAny(bwipp_ean13,opts,dwg); }function pdf417(opts,dwg) { return _ToAny(bwipp_pdf417,opts,dwg); }function qrcode(opts,dwg) { return _ToAny(bwipp_qrcode,opts,dwg); }
 class WidgetBase {
+    _onWidgetComplete;
+    sdkApi;
     static DEFAULTS = {
         slide: null,
         activateAfterCreate: false,
@@ -13981,7 +14127,6 @@ class WidgetBase {
     };
     static widgetIndex = 0;
     env = WidgetBase.widgetsService.env;
-    sdkApi = WidgetBase.widgetsService.sdkApi;
     options = null;
     element = null;
     elementId = null;
@@ -14001,7 +14146,9 @@ class WidgetBase {
     id;
     startReadyPromise = null;
     startReadyResolve = null;
-    constructor(element, options, elementIdGetter, slideGetter) {
+    constructor(element, options, _onWidgetComplete, sdkApi, elementIdGetter, slideGetter) {
+        this._onWidgetComplete = _onWidgetComplete;
+        this.sdkApi = sdkApi;
         this.options = extend({}, this.constructor.DEFAULTS, options);
         this.element = element;
         if (elementIdGetter) {
@@ -14109,68 +14256,24 @@ class WidgetBase {
         return instance;
     }
     static initWidget(htmlElement, localData, instantiate) {
-        if (localData != null) {
-            const widget = this.createInstance(instantiate, htmlElement, {
-                slide: null,
-                localData,
-            });
-            // start widget (just created or cached instance)
-            widget.onRefreshUserData(localData);
-            return Promise.resolve(localData);
-        }
-        else {
-            return new Promise(resolve => {
-                this.getLocalData().then(localData => {
-                    const widget = this.createInstance(instantiate, htmlElement, {
-                        slide: null,
-                        localData,
-                    });
-                    // start widget (just created or cached instance)
-                    widget.onRefreshUserData(localData);
-                    resolve(localData);
-                });
-            });
-        }
-    }
-    /** @deprecated */
-    static initWidgets(instantiate, elements, localData) {
-        if (localData != null) {
-            forEach(elements, element => {
-                const widget = this.createInstance(instantiate, element, {
-                    slide: null,
-                    localData,
-                });
-                // start widget (just created or cached instance)
-                widget.onRefreshUserData(localData);
-            });
-            return Promise.resolve(localData);
-        }
-        else {
-            return new Promise(resolve => {
-                this.getLocalData().then(localData => {
-                    forEach(elements, element => {
-                        const widget = this.createInstance(instantiate, element, {
-                            slide: null,
-                            localData,
-                        });
-                        // start widget (just created or cached instance)
-                        widget.onRefreshUserData(localData);
-                    });
-                    resolve(localData);
-                });
-            });
-        }
+        const widget = this.createInstance(instantiate, htmlElement, {
+            slide: null,
+            localData,
+        });
+        // start widget (just created or cached instance)
+        widget.onRefreshUserData(localData);
+        return Promise.resolve(localData);
     }
     static get widgetsService() {
         return container.get({ identifier: "WidgetsService" });
     }
-    static getLocalData() {
-        return this.widgetsService.sdkApi.getCardLocalData();
+    static getLocalData(sdkApi) {
+        return sdkApi.getCardLocalData();
     }
     getLocalData() {
-        return this.constructor.getLocalData();
+        return this.constructor.getLocalData(this.sdkApi);
     }
-    static setLocalData(keyValue, sendToServer, syncWithRuntimeLocalData) {
+    static setLocalData(sdkApi, keyValue, sendToServer, syncWithRuntimeLocalData) {
         // push json object as string
         if (sendToServer === undefined) {
             sendToServer = true;
@@ -14185,20 +14288,20 @@ class WidgetBase {
             syncWithRuntimeLocalData = Boolean(syncWithRuntimeLocalData);
         }
         if (syncWithRuntimeLocalData) {
-            this.getLocalData().then(localData => {
+            this.getLocalData(sdkApi).then(localData => {
                 // 1 - old values, 2 - new values
                 keyValue = extend({}, localData, keyValue);
                 // todo make async via promise or async
-                this.widgetsService.sdkApi.setCardLocalData(keyValue, sendToServer);
+                sdkApi.setCardLocalData(keyValue, sendToServer);
             });
         }
         else {
             // todo make async via promise or async
-            this.widgetsService.sdkApi.setCardLocalData(keyValue, sendToServer);
+            sdkApi.setCardLocalData(keyValue, sendToServer);
         }
     }
     setLocalData(keyValue, sendToServer, syncWithRuntimeLocalData) {
-        return this.constructor.setLocalData(keyValue, sendToServer, syncWithRuntimeLocalData);
+        return this.constructor.setLocalData(this.sdkApi, keyValue, sendToServer, syncWithRuntimeLocalData);
     }
     get statisticEventBaseFieldsShortForm() {
         return WidgetBase.getStatisticEventBaseFieldsShortForm(this.cardId, this.slideIndex);
@@ -14225,14 +14328,14 @@ class WidgetBase {
         }
         return data;
     }
-    static sendStatisticEventToApp(name, data, devPayload, options) {
-        sendStatisticEventToApp(this.widgetsService.sdkApi, name, data, devPayload, options);
+    static sendStatisticEventToApp(sdkApi, name, data, devPayload, options) {
+        sendStatisticEventToApp(sdkApi, name, data, devPayload, options);
     }
     sendStatisticEventToApp(name, data, devPayload, options) {
-        this.constructor.sendStatisticEventToApp(name, data, devPayload, options);
+        this.constructor.sendStatisticEventToApp(this.sdkApi, name, data, devPayload, options);
     }
-    startDisabledTimeline() {
-        this.sdkApi.startDisabledTimeline(this.cardId, this.slideIndex);
+    onWidgetComplete() {
+        this._onWidgetComplete(this.cardId, this.slideIndex);
     }
     _showLayer(layers, selectIndex, withStatEvent = false) {
         if (this.sdkApi.isExistsShowLayer()) {
@@ -14267,45 +14370,13 @@ class WidgetBase {
             console.error(error);
         }
     }
-    /** @deprecated */
-    static refreshUserData(nodes, localData) {
-        const cb = (el, localData) => {
-            const widgetElement = el.closest(`.${this.widgetClassName}`);
-            if (widgetElement) {
-                const widget = WidgetBase.getInstance(widgetElement);
-                if (widget) {
-                    widget.onRefreshUserData(localData);
-                }
-            }
-        };
-        if (localData != null) {
-            const elements = slice.call(nodes);
-            forEach(elements, el => cb(el, localData));
-        }
-        else {
-            WidgetBase.getLocalData().then(localData => {
-                const elements = slice.call(nodes);
-                forEach(elements, el => cb(el, localData));
-            });
-        }
-    }
     static onRefreshUserData(element, localData) {
-        const cb = (el, localData) => {
-            const widgetElement = el.closest(`.${this.widgetClassName}`);
-            if (widgetElement) {
-                const widget = WidgetBase.getInstance(widgetElement);
-                if (widget) {
-                    widget.onRefreshUserData(localData);
-                }
+        const widgetElement = element.closest(`.${this.widgetClassName}`);
+        if (widgetElement) {
+            const widget = WidgetBase.getInstance(widgetElement);
+            if (widget) {
+                widget.onRefreshUserData(localData);
             }
-        };
-        if (localData != null) {
-            cb(element, localData);
-        }
-        else {
-            WidgetBase.getLocalData().then(localData => {
-                cb(element, localData);
-            });
         }
     }
     getPromotionalCodeFetchPath(promotionalCodeId) {
@@ -14316,7 +14387,7 @@ class WidgetBase {
                 return `story/${this.cardId}/widget/${this.elementId}/promo-code/${promotionalCodeId}`;
         }
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `(element: HTMLElement) => string`, `(element: HTMLElement) => HTMLElement`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`, `(element: HTMLElement) => string`, `(element: HTMLElement) => HTMLElement`]; }
 }
 class WidgetBarcode extends WidgetBase {
@@ -14340,8 +14411,8 @@ class WidgetBarcode extends WidgetBase {
     msgNoMoreCodes;
     msgTryAgain;
     msgBarcodeRenderError;
-    constructor(element, options) {
-        super(element, options);
+    constructor(element, options, onWidgetComplete, sdkApi) {
+        super(element, options, onWidgetComplete, sdkApi);
         this.captionView = this.element.querySelector(".narrative-element-text-lines");
         this.clipboardTarget = getTagData(element, "clipboardTarget");
         this.isPromotionalCode = getTagData(element, "clipboardType") === "promocode";
@@ -14564,7 +14635,7 @@ class WidgetBarcode extends WidgetBase {
                 // флаг - что таймер уже стартанул (в layout или добавить объект sharedMemory)
                 // смотрим что прозрачный текст - тогда и лоадер прозрачный
                 // _log("_showNarrativeNextSlide: " + getSlideDuration(this.narrativeId, this.slideIndex), true);
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
         if (this.copiedText) {
@@ -14589,18 +14660,9 @@ class WidgetBarcode extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetBarcode.widgetClassName,
-        /** @deprecated */
-        refreshUserData: WidgetBarcode.refreshUserData,
         onRefreshUserData: WidgetBarcode.onRefreshUserData,
-        init: function (element, localData) {
-            WidgetBarcode.initWidget(element, localData, (element, options) => new WidgetBarcode(element, options));
-        },
-        /** @deprecated */
-        initWidget: function (nodeList, localData) {
-            const elements = slice.call(nodeList);
-            WidgetBarcode.initWidgets((element, options) => new WidgetBarcode(element, options), elements, localData).then(() => {
-                elements.forEach(element => WidgetBarcode.getInstance(element)?.onStart());
-            });
+        init: function (element, localData, onWidgetComplete, sdkApi) {
+            WidgetBarcode.initWidget(element, localData, (element, options) => new WidgetBarcode(element, options, onWidgetComplete, sdkApi));
         },
         onStart: function (element) {
             WidgetBarcode.getInstance(element)?.onStart();
@@ -14627,7 +14689,7 @@ class WidgetBarcode extends WidgetBase {
             return false;
         },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class WidgetCopy extends WidgetBase {
@@ -14649,8 +14711,8 @@ class WidgetCopy extends WidgetBase {
     geometry;
     resultLayer;
     resultLayerGeometry;
-    constructor(element, options) {
-        super(element, options);
+    constructor(element, options, onWidgetComplete, sdkApi) {
+        super(element, options, onWidgetComplete, sdkApi);
         this.button = this.element.querySelector(".narrative-element-text-lines");
         this.clipboardTarget = getTagData(element, "clipboardTarget");
         this.isPromotionalCode = getTagData(element, "clipboardType") === "promocode";
@@ -14834,7 +14896,7 @@ class WidgetCopy extends WidgetBase {
                 // флаг - что таймер уже стартанул (в layout или добавить объект sharedMemory)
                 // смотрим что прозрачный текст - тогда и лоадер прозрачный
                 // _log("_showNarrativeNextSlide: " + getSlideDuration(this.narrativeId, this.slideIndex), true);
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -14856,23 +14918,13 @@ class WidgetCopy extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetCopy.widgetClassName,
-        /** @deprecated */
-        refreshUserData: WidgetCopy.refreshUserData,
         onRefreshUserData: WidgetCopy.onRefreshUserData,
-        init: function (element, localData) {
+        init: function (element, localData, onWidgetComplete, sdkApi) {
             // prevent initWidget for result layer
             if (!element.classList.contains("narrative-element-copy-result-variant")) {
-                WidgetCopy.initWidget(element, localData, (element, options) => new WidgetCopy(element, options));
+                WidgetCopy.initWidget(element, localData, (element, options) => new WidgetCopy(element, options, onWidgetComplete, sdkApi));
             }
         },
-        /** @deprecated */
-        initWidget: function (nodeList, localData) {
-            // prevent initWidget for result layer
-            const elements = slice.call(nodeList).filter(element => !element.classList.contains("narrative-element-copy-result-variant"));
-            WidgetCopy.initWidgets((element, options) => new WidgetCopy(element, options), elements, localData).then(() => {
-                elements.forEach(element => WidgetCopy.getInstance(element)?.onStart());
-            });
-        },
         onStart: function (element) {
             WidgetCopy.getInstance(element)?.onStart();
         },
@@ -14898,10 +14950,9 @@ class WidgetCopy extends WidgetBase {
             return false;
         },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
-/** QUIZ */
 class WidgetDataInput extends WidgetBase {
     static DEFAULTS = {
         slide: null,
@@ -14919,9 +14970,11 @@ class WidgetDataInput extends WidgetBase {
      * @throws Error
      * @param element
      * @param options
+     * @param onWidgetComplete
+     * @param sdkApi
      */
-    constructor(element, options) {
-        super(element, options);
+    constructor(element, options, onWidgetComplete, sdkApi) {
+        super(element, options, onWidgetComplete, sdkApi);
         this.label = this.element.querySelector(".label-view .label");
         this.elementRect = this.element.getBoundingClientRect();
         this.inputElement = getValueOrException(this.element.querySelector(".input-view .input"), "Empty .input-view .input");
@@ -14940,7 +14993,7 @@ class WidgetDataInput extends WidgetBase {
             this.element.classList.add("done");
             this.startReadyPromise.then(() => {
                 if (this.disableTimer) {
-                    this.startDisabledTimeline();
+                    this.onWidgetComplete();
                 }
             });
         }
@@ -15057,7 +15110,7 @@ class WidgetDataInput extends WidgetBase {
             this.setLocalData(this.localData, true);
             this._statEventInputSave(text);
             if (this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
                 needResumeUITimer = false;
             }
         }
@@ -15067,18 +15120,9 @@ class WidgetDataInput extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetDataInput.widgetClassName,
-        /** @deprecated */
-        refreshUserData: WidgetDataInput.refreshUserData,
         onRefreshUserData: WidgetDataInput.onRefreshUserData,
-        init: function (element, localData) {
-            WidgetDataInput.initWidget(element, localData, (element, options) => new WidgetDataInput(element, options));
-        },
-        /** @deprecated */
-        initWidget: function (nodeList, localData) {
-            const elements = slice.call(nodeList);
-            WidgetDataInput.initWidgets((element, options) => new WidgetDataInput(element, options), slice.call(nodeList), localData).then(() => {
-                elements.forEach(element => WidgetDataInput.getInstance(element)?.onStart());
-            });
+        init: function (element, localData, onWidgetComplete, sdkApi) {
+            WidgetDataInput.initWidget(element, localData, (element, options) => new WidgetDataInput(element, options, onWidgetComplete, sdkApi));
         },
         onStart: function (element) {
             WidgetDataInput.getInstance(element)?.onStart();
@@ -15100,7 +15144,7 @@ class WidgetDataInput extends WidgetBase {
             WidgetDataInput.getInstanceById(id)?.setUserText(text);
         },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class WidgetDateCountdown extends WidgetBase {
@@ -15128,8 +15172,8 @@ class WidgetDateCountdown extends WidgetBase {
     thirdGroup1;
     thirdGroup2;
     thirdGroupCaption;
-    constructor(element, options) {
-        super(element, options);
+    constructor(element, options, onWidgetComplete, sdkApi) {
+        super(element, options, onWidgetComplete, sdkApi);
         this.label = this.element.querySelector(".label-view .label");
         this.messages = {
             days: getTagData(this.element, "tDays") ?? "",
@@ -15306,18 +15350,9 @@ class WidgetDateCountdown extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetDateCountdown.widgetClassName,
-        /** @deprecated */
-        refreshUserData: WidgetDateCountdown.refreshUserData,
         onRefreshUserData: WidgetDateCountdown.onRefreshUserData,
-        init: function (element, layers, localData) {
-            WidgetDateCountdown.initWidget(element, localData, (element, options) => new WidgetDateCountdown(element, { ...options, layers }));
-        },
-        /** @deprecated */
-        initWidget: function (nodeList, layers, localData) {
-            const elements = slice.call(nodeList);
-            WidgetDateCountdown.initWidgets((element, options) => new WidgetDateCountdown(element, { ...options, layers }), elements, localData).then(() => {
-                elements.forEach(element => WidgetDateCountdown.getInstance(element)?.onStart());
-            });
+        init: function (element, layers, localData, onWidgetComplete, sdkApi) {
+            WidgetDateCountdown.initWidget(element, localData, (element, options) => new WidgetDateCountdown(element, { ...options, layers }, onWidgetComplete, sdkApi));
         },
         onStart: function (element) {
             WidgetDateCountdown.getInstance(element)?.onStart();
@@ -15331,23 +15366,11 @@ class WidgetDateCountdown extends WidgetBase {
         onResume: function (element) {
             WidgetDateCountdown.getInstance(element)?.onResume();
         },
-        /** @deprecated */
-        pause: function (nodeList) {
-            forEach(slice.call(nodeList), function (el, index) {
-                WidgetDateCountdown.getInstance(el)?.onPause();
-            });
-        },
-        /** @deprecated */
-        resume: function (nodeList) {
-            forEach(slice.call(nodeList), function (el, index) {
-                WidgetDateCountdown.getInstance(el)?.onResume();
-            });
-        },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
-const displaySlide = function (slides, localData) {
+const displaySlide = function (slides, localData, sdkApi) {
     const multiSlideItem = slides[0];
     let cardId = undefined;
     let cardType = 1 /* CARD_TYPE.STORY */;
@@ -15412,7 +15435,7 @@ const displaySlide = function (slides, localData) {
         if (slides.length > 0) {
             var slide = slides[0];
             slide.classList.remove("hidden");
-            WidgetBase.widgetsService.sdkApi.cardAnimation?.start(slide);
+            sdkApi.cardAnimation?.start(slide);
             return;
         }
         score = 0;
@@ -15441,19 +15464,19 @@ const displaySlide = function (slides, localData) {
             if (index === selectedIndex) {
                 slide.classList.remove("hidden");
                 undefinedResult = false;
-                WidgetBase.widgetsService.sdkApi.cardAnimation?.start(slide);
-                _sendStatEvent(cardId, cardType, slideIndex, selectedIndex);
+                sdkApi.cardAnimation?.start(slide);
+                _sendStatEvent(sdkApi, cardId, cardType, slideIndex, selectedIndex);
             }
         });
     }
     if (undefinedResult) {
         console.warn("undefinedResult layer index");
-        WidgetBase.widgetsService.sdkApi.showLayer(0);
+        sdkApi.showLayer(0);
     }
 };
-const _sendStatEvent = function (cardId, cardType, slideIndex, layerIndex) {
+const _sendStatEvent = function (sdkApi, cardId, cardType, slideIndex, layerIndex) {
     try {
-        WidgetBase.sendStatisticEventToApp("layout-show", {
+        WidgetBase.sendStatisticEventToApp(sdkApi, "layout-show", {
             ...WidgetBase.getStatisticEventBaseFieldsShortForm(cardId, slideIndex),
             li: layerIndex,
         }, {
@@ -15467,15 +15490,8 @@ const _sendStatEvent = function (cardId, cardType, slideIndex, layerIndex) {
 };
 class WidgetMultiSlide {
     static api = {
-        init: function (slides, localData) {
-            if (localData != null) {
-                displaySlide(slides, localData);
-            }
-            else {
-                WidgetBase.getLocalData().then(function (localData) {
-                    displaySlide(slides, localData);
-                });
-            }
+        init: function (slides, localData, sdkApi) {
+            displaySlide(slides, localData, sdkApi);
         },
     };
 }
@@ -15506,9 +15522,10 @@ class WidgetPoll extends WidgetBase {
      * @throws Error
      * @param element
      * @param options
+     * @param onWidgetComplete
      */
-    constructor(element, options) {
-        super(element, options);
+    constructor(element, options, onWidgetComplete, sdkApi) {
+        super(element, options, onWidgetComplete, sdkApi);
         this.label = this.element.querySelector(".label-view .label");
         this.percentFillMask = this.element.querySelector(".percent-filled-variants-view-group-mask");
         this.maskedVariants = slice.call(this.element.querySelectorAll(".variants-box .variants-view-group.percent-filled-variants-view-group .variant-view"));
@@ -15617,7 +15634,7 @@ class WidgetPoll extends WidgetBase {
         }
         this.startReadyPromise.then(() => {
             if (this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -15957,17 +15974,9 @@ class WidgetPoll extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetPoll.widgetClassName,
-        /** @deprecated */
-        refreshUserData: WidgetPoll.refreshUserData,
         onRefreshUserData: WidgetPoll.onRefreshUserData,
-        init: function (element, localData) {
-            WidgetPoll.initWidget(element, localData, (element, options) => new WidgetPoll(element, options));
-        },
-        /** @deprecated */
-        initWidget: function (element, localData) {
-            WidgetPoll.initWidgets((element, options) => new WidgetPoll(element, options), [element], localData).then(() => {
-                WidgetPoll.getInstance(element)?.onStart();
-            });
+        init: function (element, localData, onWidgetComplete, sdkApi) {
+            WidgetPoll.initWidget(element, localData, (element, options) => new WidgetPoll(element, options, onWidgetComplete, sdkApi));
         },
         onStart: function (element) {
             WidgetPoll.getInstance(element)?.onStart();
@@ -16013,7 +16022,7 @@ class WidgetPoll extends WidgetBase {
             }
         },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class WidgetPollLayers extends WidgetBase {
@@ -16030,8 +16039,8 @@ class WidgetPollLayers extends WidgetBase {
     variantsTexts;
     selectedVariant;
     layers;
-    constructor(element, options) {
-        super(element, options);
+    constructor(element, options, onWidgetComplete, sdkApi) {
+        super(element, options, onWidgetComplete, sdkApi);
         this.layers = this.options.layers;
         this.label = this.element.querySelector(".label-view .label");
         this.variants = slice.call(this.element.querySelectorAll(".variants-box .variant-view"));
@@ -16103,7 +16112,7 @@ class WidgetPollLayers extends WidgetBase {
         this._showLayer(this.layers, layerIndex, userAction);
         this.startReadyPromise.then(() => {
             if (this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -16142,28 +16151,9 @@ class WidgetPollLayers extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetPollLayers.widgetClassName,
-        /** @deprecated */
-        refreshUserData: WidgetPollLayers.refreshUserData,
         onRefreshUserData: WidgetPollLayers.onRefreshUserData,
-        init: function (element, layers, localData) {
-            WidgetPollLayers.initWidget(element, localData, (element, options) => new WidgetPollLayers(element, { ...options, layers }));
-        },
-        /** @deprecated
-         *
-         *  signature variants
-         *  (widget, layers, undefined) - modern web sdk
-         *  (widget, undefined, layers) - old web sdk and rn
-         *  (widget, layers, localData) - native sdk
-         */
-        initWidget: function (element, layers, localData) {
-            if (layers === undefined && localData !== undefined) {
-                // @ts-ignore
-                layers = localData;
-                localData = undefined;
-            }
-            WidgetPollLayers.initWidgets((element, options) => new WidgetPollLayers(element, { ...options, layers }), [element], localData).then(() => {
-                WidgetPollLayers.getInstance(element)?.onStart();
-            });
+        init: function (element, layers, localData, onWidgetComplete, sdkApi) {
+            WidgetPollLayers.initWidget(element, localData, (element, options) => new WidgetPollLayers(element, { ...options, layers }, onWidgetComplete, sdkApi));
         },
         onStart: function (element) {
             WidgetPollLayers.getInstance(element)?.onStart();
@@ -16187,7 +16177,7 @@ class WidgetPollLayers extends WidgetBase {
             return false;
         },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class Formatter {
@@ -16814,8 +16804,8 @@ class WidgetProducts extends WidgetBase {
     swipeGestureDetector = null;
     isClickCapturedByWidget = false;
     isScreenSupportsTouch = false;
-    constructor(element, options) {
-        super(element, options);
+    constructor(element, options, onWidgetComplete, sdkApi) {
+        super(element, options, onWidgetComplete, sdkApi);
         this.captionView = this.element.querySelector(".narrative-element-text-lines");
         const linkTarget = decodeURIComponent(getTagData(element, "linkTarget") ?? "[]");
         try {
@@ -17290,8 +17280,8 @@ class WidgetProducts extends WidgetBase {
     static api = {
         widgetClassName: WidgetProducts.widgetClassName,
         onRefreshUserData: WidgetProducts.onRefreshUserData,
-        init: function (element, localData) {
-            WidgetProducts.initWidget(element, localData, (element, options) => new WidgetProducts(element, options));
+        init: function (element, localData, onWidgetComplete, sdkApi) {
+            WidgetProducts.initWidget(element, localData, (element, options) => new WidgetProducts(element, options, onWidgetComplete, sdkApi));
         },
         onStart: function (element) {
             WidgetProducts.getInstance(element)?.onStart();
@@ -17340,7 +17330,7 @@ class WidgetProducts extends WidgetBase {
             return false;
         },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class WidgetQuest extends WidgetBase {
@@ -17360,11 +17350,11 @@ class WidgetQuest extends WidgetBase {
     navigationNextSlide;
     slideDisabledNavigation;
     finalSlide;
-    constructor(element, options) {
+    constructor(element, options, onWidgetComplete, sdkApi) {
         const isWidget = !hasClass(element, "narrative-slide");
         const elementIdGetter = (element) => getValueOrDefault(getTagData(element, "elementId"), "");
         const slideGetter = (element) => isWidget ? getValueOrException(element.closest(".narrative-slide"), "Empty slide") : element;
-        super(element, options, elementIdGetter, slideGetter);
+        super(element, options, onWidgetComplete, sdkApi, elementIdGetter, slideGetter);
         this.isWidget = isWidget;
         this.slideCount = getTagDataAsNumber(this.slide, "slideCount") ?? 0;
         const nonFinalSlide = getTagDataAsNumber(this.slide, "nonFinalSlide");
@@ -17561,6 +17551,14 @@ class WidgetQuest extends WidgetBase {
             if (this.nonFinalSlide == null) {
                 // widget v2 (with navigationNextSlide)
                 if (directionForward) {
+                    if (this.navigationNextSlide === -1) {
+                        // this is the final slide - exit from this quest
+                        if (this.sdkApi.isExistsShowNextCard) {
+                            this.sdkApi.cardShowNext();
+                        }
+                        result.continueDefaultNavigation = false;
+                        return result;
+                    }
                     const nextSlideIndex = this.navigationNextSlide ?? event.slideIndex + 1;
                     if (nextSlideIndex < this.slideCount) {
                         this._addNewRouteHistory(nextSlideIndex);
@@ -17662,12 +17660,10 @@ class WidgetQuest extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetQuest.widgetClassName,
-        /** @deprecated */
-        refreshUserData: WidgetQuest.refreshUserData,
         onRefreshUserData: WidgetQuest.onRefreshUserData,
-        init: function (element, localData) {
+        init: function (element, localData, onWidgetComplete, sdkApi) {
             return new Promise(function (resolve, reject) {
-                WidgetQuest.initWidget(element, localData, (element, options) => new WidgetQuest(element, options)).then(localData => {
+                WidgetQuest.initWidget(element, localData, (element, options) => new WidgetQuest(element, options, onWidgetComplete, sdkApi)).then(localData => {
                     const widget = WidgetQuest.getInstance(element);
                     if (widget) {
                         resolve(widget.init());
@@ -17678,22 +17674,6 @@ class WidgetQuest extends WidgetBase {
                 });
             });
         },
-        /** @deprecated */
-        initWidget: function (element, localData) {
-            return new Promise(function (resolve, reject) {
-                WidgetQuest.initWidgets((element, options) => new WidgetQuest(element, options), [element], localData).then(localData => {
-                    const widget = WidgetQuest.getInstance(element);
-                    if (widget) {
-                        const result = widget.init();
-                        widget.onStart();
-                        resolve(result);
-                    }
-                    else {
-                        resolve(true);
-                    }
-                });
-            });
-        },
         onStart: function (element) {
             WidgetQuest.getInstance(element)?.onStart();
         },
@@ -17725,7 +17705,7 @@ class WidgetQuest extends WidgetBase {
             return { continueDefaultNavigation: true };
         },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class WidgetQuiz extends WidgetBase {
@@ -17740,8 +17720,8 @@ class WidgetQuiz extends WidgetBase {
     answers;
     questionCount;
     selectedAnswer;
-    constructor(element, options) {
-        super(element, options);
+    constructor(element, options, onWidgetComplete, sdkApi) {
+        super(element, options, onWidgetComplete, sdkApi);
         this.question = this.element.querySelector(".label-view .label");
         this.answers = slice.call(this.element.querySelectorAll(".variants-box .variant-view-group"));
         this.questionCount = getValueOrException(getTagDataAsNumber(this.slide, "quizCount"), "Empty quizCount");
@@ -17796,7 +17776,7 @@ class WidgetQuiz extends WidgetBase {
         // }
         this.startReadyPromise.then(() => {
             if (this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -17888,17 +17868,9 @@ class WidgetQuiz extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetQuiz.widgetClassName,
-        /** @deprecated */
-        refreshUserData: WidgetQuiz.refreshUserData,
         onRefreshUserData: WidgetQuiz.onRefreshUserData,
-        init: function (element, localData) {
-            WidgetQuiz.initWidget(element, localData, (element, options) => new WidgetQuiz(element, options));
-        },
-        /** @deprecated */
-        initWidget: function (element, localData) {
-            WidgetQuiz.initWidgets((element, options) => new WidgetQuiz(element, options), [element], localData).then(() => {
-                WidgetQuiz.getInstance(element)?.onStart();
-            });
+        init: function (element, localData, onWidgetComplete, sdkApi) {
+            WidgetQuiz.initWidget(element, localData, (element, options) => new WidgetQuiz(element, options, onWidgetComplete, sdkApi));
         },
         onStart: function (element) {
             WidgetQuiz.getInstance(element)?.onStart();
@@ -17927,7 +17899,7 @@ class WidgetQuiz extends WidgetBase {
             return true;
         },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class WidgetQuizGrouped extends WidgetBase {
@@ -17946,9 +17918,11 @@ class WidgetQuizGrouped extends WidgetBase {
      * @throws Error
      * @param element
      * @param options
+     * @param onWidgetComplete
+     * @param sdkApi
      */
-    constructor(element, options) {
-        super(element, options);
+    constructor(element, options, onWidgetComplete, sdkApi) {
+        super(element, options, onWidgetComplete, sdkApi);
         this.question = this.element.querySelector(".label-view .label");
         this.answers = slice.call(this.element.querySelectorAll(".variants-box .variant-view-group"));
         this.questionCount = getValueOrException(getTagDataAsNumber(this.slide, "quizCount"), "Empty quizCount");
@@ -17990,7 +17964,7 @@ class WidgetQuizGrouped extends WidgetBase {
         });
         this.startReadyPromise.then(() => {
             if (this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -18099,17 +18073,9 @@ class WidgetQuizGrouped extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetQuizGrouped.widgetClassName,
-        /** @deprecated */
-        refreshUserData: WidgetQuizGrouped.refreshUserData,
         onRefreshUserData: WidgetQuizGrouped.onRefreshUserData,
-        init: function (element, localData) {
-            WidgetQuizGrouped.initWidget(element, localData, (element, options) => new WidgetQuizGrouped(element, options));
-        },
-        /** @deprecated */
-        initWidget: function (element, localData) {
-            WidgetQuizGrouped.initWidgets((element, options) => new WidgetQuizGrouped(element, options), [element], localData).then(() => {
-                WidgetQuizGrouped.getInstance(element)?.onStart();
-            });
+        init: function (element, localData, onWidgetComplete, sdkApi) {
+            WidgetQuizGrouped.initWidget(element, localData, (element, options) => new WidgetQuizGrouped(element, options, onWidgetComplete, sdkApi));
         },
         onStart: function (element) {
             WidgetQuizGrouped.getInstance(element)?.onStart();
@@ -18138,7 +18104,7 @@ class WidgetQuizGrouped extends WidgetBase {
             return true;
         },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
 // Polyfill Number.isNaN(value)
@@ -18308,9 +18274,10 @@ class WidgetRangeSlider extends WidgetBase {
      * @throws Error
      * @param element
      * @param options
+     * @param onWidgetComplete
      */
-    constructor(element, options) {
-        super(element, options);
+    constructor(element, options, onWidgetComplete, sdkApi) {
+        super(element, options, onWidgetComplete, sdkApi);
         this.hasSubmitButton = Boolean(this.element.querySelector(".submit-button-view"));
         this.topScale = this.element.querySelector(".top-scale-bar-view-group");
         this.snapPosition = false;
@@ -18379,7 +18346,7 @@ class WidgetRangeSlider extends WidgetBase {
             this.displayAverageAnswer();
             this.startReadyPromise.then(() => {
                 if (this.disableTimer) {
-                    this.startDisabledTimeline();
+                    this.onWidgetComplete();
                 }
             });
         }
@@ -18455,7 +18422,7 @@ class WidgetRangeSlider extends WidgetBase {
             }
         });
         // if (this.disableTimer) {
-        this.startDisabledTimeline();
+        this.onWidgetComplete();
         // }
         this.setLocalData(this.localData, true);
         this._statEventInputSave(this.localData["_rs_g_" + this.elementId + "_v"]);
@@ -18752,17 +18719,9 @@ class WidgetRangeSlider extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetRangeSlider.widgetClassName,
-        /** @deprecated */
-        refreshUserData: WidgetRangeSlider.refreshUserData,
         onRefreshUserData: WidgetRangeSlider.onRefreshUserData,
-        init: function (element, localData) {
-            WidgetRangeSlider.initWidget(element, localData, (element, options) => new WidgetRangeSlider(element, options));
-        },
-        /** @deprecated */
-        initWidget: function (element, localData) {
-            WidgetRangeSlider.initWidgets((element, options) => new WidgetRangeSlider(element, options), [element], localData).then(() => {
-                WidgetRangeSlider.getInstance(element)?.onStart();
-            });
+        init: function (element, localData, onWidgetComplete, sdkApi) {
+            WidgetRangeSlider.initWidget(element, localData, (element, options) => new WidgetRangeSlider(element, options, onWidgetComplete, sdkApi));
         },
         onStart: function (element) {
             WidgetRangeSlider.getInstance(element)?.onStart();
@@ -18791,7 +18750,7 @@ class WidgetRangeSlider extends WidgetBase {
             return false;
         },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class WidgetRate extends WidgetBase {
@@ -18814,8 +18773,8 @@ class WidgetRate extends WidgetBase {
     selectedStar;
     answerSelectDuration;
     elementRect;
-    constructor(element, options) {
-        super(element, options);
+    constructor(element, options, onWidgetComplete, sdkApi) {
+        super(element, options, onWidgetComplete, sdkApi);
         this.label = this.element.querySelector(".label-view .label");
         this.stars = slice.call(this.element.querySelectorAll(".input-view"));
         this.submitToStores = Boolean(getValueOrDefault(getTagDataAsNumber(this.element, "submitToStores"), 0));
@@ -18890,7 +18849,7 @@ class WidgetRate extends WidgetBase {
         this.element.classList.add("done");
         this.startReadyPromise.then(() => {
             if (this.disableTimer && runTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -19017,18 +18976,9 @@ class WidgetRate extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetRate.widgetClassName,
-        /** @deprecated */
-        refreshUserData: WidgetRate.refreshUserData,
         onRefreshUserData: WidgetRate.onRefreshUserData,
-        init: function (element, localData) {
-            WidgetRate.initWidget(element, localData, (element, options) => new WidgetRate(element, options));
-        },
-        /** @deprecated */
-        initWidget: function (nodeList, localData) {
-            const elements = slice.call(nodeList);
-            WidgetRate.initWidgets((element, options) => new WidgetRate(element, options), elements, localData).then(() => {
-                elements.forEach(element => WidgetRate.getInstance(element)?.onStart());
-            });
+        init: function (element, localData, onWidgetComplete, sdkApi) {
+            WidgetRate.initWidget(element, localData, (element, options) => new WidgetRate(element, options, onWidgetComplete, sdkApi));
         },
         onStart: function (element) {
             WidgetRate.getInstance(element)?.onStart();
@@ -19057,7 +19007,7 @@ class WidgetRate extends WidgetBase {
             WidgetRate.getInstanceById(id)?.setUserText(text);
         },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class WidgetShare extends WidgetBase {
@@ -19074,8 +19024,8 @@ class WidgetShare extends WidgetBase {
     shareTarget;
     withLayer;
     btnDisabled;
-    constructor(element, options) {
-        super(element, options);
+    constructor(element, options, onWidgetComplete, sdkApi) {
+        super(element, options, onWidgetComplete, sdkApi);
         this.shareType = getTagData(this.element, "shareType");
         this.shareTarget = getTagData(this.element, "shareTarget");
         this.layers = this.options.layers;
@@ -19097,7 +19047,7 @@ class WidgetShare extends WidgetBase {
         }
         this.startReadyPromise.then(() => {
             if (this.isDone() && this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
         this.btnDisabled = false;
@@ -19157,7 +19107,7 @@ class WidgetShare extends WidgetBase {
             this._showLayer(this.layers, 1, true);
         }
         if (this.disableTimer) {
-            this.startDisabledTimeline();
+            this.onWidgetComplete();
         }
         this.btnDisabled = false;
     }
@@ -19166,31 +19116,12 @@ class WidgetShare extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetShare.widgetClassName,
-        /** @deprecated */
-        refreshUserData: WidgetShare.refreshUserData,
         onRefreshUserData: WidgetShare.onRefreshUserData,
-        init: function (element, layers, localData) {
+        init: function (element, layers, localData, onWidgetComplete, sdkApi) {
             WidgetShare.initWidget(element, localData, (element, options) => new WidgetShare(element, {
                 ...options,
                 layers,
-            }));
-        },
-        /** @deprecated
-         * signature variants
-         * (widget, layers, undefined) - modern web sdk
-         * (widget, undefined, layers) - old web sdk and rn
-         * (widget, layers, localData) - native sdk
-         */
-        initWidget: function (nodeList, layers, localData) {
-            if (layers === undefined && localData !== undefined) {
-                // @ts-ignore
-                layers = localData;
-                localData = undefined;
-            }
-            const elements = slice.call(nodeList);
-            WidgetShare.initWidgets((element, options) => new WidgetShare(element, { ...options, layers }), elements, localData).then(() => {
-                elements.forEach(element => WidgetShare.getInstance(element)?.onStart());
-            });
+            }, onWidgetComplete, sdkApi));
         },
         onStart: function (element) {
             WidgetShare.getInstance(element)?.onStart();
@@ -19211,7 +19142,7 @@ class WidgetShare extends WidgetBase {
             WidgetShare.getInstanceById(id)?._complete(isSuccess);
         },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class WidgetTest extends WidgetBase {
@@ -19236,8 +19167,8 @@ class WidgetTest extends WidgetBase {
     timeLeftDefault;
     timeline;
     isWidgetTimerInit = false;
-    constructor(element, options) {
-        super(element, options);
+    constructor(element, options, onWidgetComplete, sdkApi) {
+        super(element, options, onWidgetComplete, sdkApi);
         this.label = this.element.querySelector(".label-view .label");
         this.variants = slice.call(this.element.querySelectorAll(".variants-box .variant-view"));
         this.testCount = getValueOrException(getTagDataAsNumber(this.slide, "testCount"), "Empty testCount");
@@ -19392,7 +19323,7 @@ class WidgetTest extends WidgetBase {
         });
         this.startReadyPromise.then(() => {
             if (this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -19464,17 +19395,9 @@ class WidgetTest extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetTest.widgetClassName,
-        /** @deprecated */
-        refreshUserData: WidgetTest.refreshUserData,
         onRefreshUserData: WidgetTest.onRefreshUserData,
-        init: function (element, localData) {
-            WidgetTest.initWidget(element, localData, (element, options) => new WidgetTest(element, options));
-        },
-        /** @deprecated */
-        initWidget: function (element, localData) {
-            WidgetTest.initWidgets((element, options) => new WidgetTest(element, options), [element], localData).then(() => {
-                WidgetTest.getInstance(element)?.onStart();
-            });
+        init: function (element, localData, onWidgetComplete, sdkApi) {
+            WidgetTest.initWidget(element, localData, (element, options) => new WidgetTest(element, options, onWidgetComplete, sdkApi));
         },
         onStart: function (element) {
             WidgetTest.getInstance(element)?.onStart();
@@ -19510,7 +19433,7 @@ class WidgetTest extends WidgetBase {
             return true;
         },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class WidgetVote extends WidgetBase {
@@ -19536,9 +19459,11 @@ class WidgetVote extends WidgetBase {
      * @throws Error
      * @param element
      * @param options
+     * @param onWidgetComplete
+     * @param sdkApi
      */
-    constructor(element, options) {
-        super(element, options);
+    constructor(element, options, onWidgetComplete, sdkApi) {
+        super(element, options, onWidgetComplete, sdkApi);
         this.voteAllocation = getTagData(this.slide, "voteAllocation");
         this.label = this.element.querySelector(".label-view .label");
         this.variants = slice.call(this.element.querySelectorAll(".variants-box .variant-view-group"));
@@ -19722,7 +19647,7 @@ class WidgetVote extends WidgetBase {
         }
         this.startReadyPromise.then(() => {
             if (this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -19920,45 +19845,9 @@ class WidgetVote extends WidgetBase {
     }
     static api = {
         widgetClassName: WidgetVote.widgetClassName,
-        /** @deprecated */
-        refreshUserData: WidgetVote.refreshUserData,
         onRefreshUserData: WidgetVote.onRefreshUserData,
-        init: function (element, localData) {
-            WidgetVote.initWidget(element, localData, (element, options) => new WidgetVote(element, options));
-        },
-        /** @deprecated
-         *
-         * fix for WidgetVote on every layer of multilayers story
-         */
-        fallbackInitOnMultiSlide: function (element, localData) {
-            if (element.dataset.fallbackInitOnMultiSlide) {
-                return;
-            }
-            const multiSlide = element.closest(".narrative-multi-slide");
-            if (multiSlide != null) {
-                const container = multiSlide.parentElement;
-                const widgetElements = container?.querySelectorAll(`.${WidgetVote.widgetClassName}`);
-                if (widgetElements != null) {
-                    for (let i = 0; i < widgetElements.length; ++i) {
-                        const widgetElement = widgetElements[i];
-                        const widget = WidgetVote.getInstance(widgetElement);
-                        if (!widget) {
-                            WidgetVote.initWidgets((element, options) => new WidgetVote(element, options), [widgetElement], localData);
-                        }
-                    }
-                }
-            }
-            element.dataset.fallbackInitOnMultiSlide = "1";
-        },
-        /** @deprecated */
-        initWidget: function (element, localData) {
-            WidgetVote.initWidgets((element, options) => new WidgetVote(element, options), [element], localData)
-                .then(localData => {
-                WidgetVote.api.fallbackInitOnMultiSlide(element, localData);
-            })
-                .then(() => {
-                WidgetVote.getInstance(element)?.onStart();
-            });
+        init: function (element, localData, onWidgetComplete, sdkApi) {
+            WidgetVote.initWidget(element, localData, (element, options) => new WidgetVote(element, options, onWidgetComplete, sdkApi));
         },
         onStart: function (element) {
             WidgetVote.getInstance(element)?.onStart();
@@ -19994,7 +19883,7 @@ class WidgetVote extends WidgetBase {
             return true;
         },
     };
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`]; }
+    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Partial`, `OnWidgetComplete`, `SDKApi`]; }
 }
 class EsModuleLayoutApi {