@inappstory/slide-api 0.1.4 → 0.1.6

package/dist/index.cjs

@@ -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,30 +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 DEFAULT_SLIDE_DURATION;
-        // unnecessary for es_module (without backward compatibility)
-        // return this.sdkBinding().getSlideDuration(cardId, slideIndex);
+        return this.sdkBinding.updateCardServerDataLocally(data);
     }
     showNextSlide(duration) {
-        this.sdkBinding().showNextSlide();
+        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;
@@ -1092,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;
@@ -1131,83 +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) {
-        // для android sdk важно чтобы этот метод вызывался только после slide_start
-        //@ts-ignore
-        // slideApi.afterStartInitQueuePush(function () {
-        //     //@ts-ignore
-        //     slideApi.activeLayer.timeline.startDisabledTimeline(() => {});
-        // });
-    }
     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;
@@ -1215,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);
@@ -1240,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);
@@ -1281,7 +1266,7 @@ class Barcode {
     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 {
@@ -1326,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);
@@ -1360,7 +1349,7 @@ class Copy {
     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 {
@@ -1368,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);
@@ -1407,21 +1400,25 @@ class DateCountdown {
     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;
@@ -1429,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);
@@ -1454,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 {
@@ -1462,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;
@@ -1478,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);
@@ -1500,21 +1501,25 @@ class PollLayers {
     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;
@@ -1522,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);
@@ -1553,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() { }
@@ -1594,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;
@@ -1617,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);
@@ -1642,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;
@@ -1664,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);
@@ -1689,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;
@@ -1711,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);
@@ -1736,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;
@@ -1758,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);
@@ -1783,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 {
@@ -1791,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;
@@ -1808,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);
@@ -1833,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 {
@@ -1875,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;
@@ -1890,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);
@@ -1918,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);
@@ -1959,7 +1996,7 @@ class Vote {
     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 {
@@ -1994,28 +2031,71 @@ class Text {
 const waitForImageHtmlElementLoad = async (nodeRef) => {
     return new Promise((resolve, reject) => {
         const onLoad = function () {
-            requestAnimationFrame(() => requestAnimationFrame(() => {
-                resolve(nodeRef);
-                nodeRef.removeEventListener("load", onLoad);
-            }));
-        };
-        nodeRef.addEventListener("load", onLoad);
-        if (nodeRef.complete && 0 !== nodeRef.naturalHeight) {
-            requestAnimationFrame(() => {
+            // this is already in HTML markup
+            // nodeRef.decoding = "sync";
+            if (nodeRef.decode != null) {
+                // requestAnimationFrame(() =>
                 requestAnimationFrame(() => {
-                    resolve(nodeRef);
+                    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(() => {
+        //             // @ts-ignore
+        //             _log("img loaded 2", true)
+        //             resolve(nodeRef);
+        //         });
+        //     });
+        // }
         nodeRef.addEventListener("error", err => reject(err));
     });
 };
+// export const waitForImageHtmlElementLoad = async (nodeRef: HTMLImageElement): Promise<HTMLImageElement> => {
+//     return new Promise((resolve, reject) => {
+//         const onLoad = function () {
+//             requestAnimationFrame(() =>
+//                 requestAnimationFrame(() => {
+//                     resolve(nodeRef);
+//                     nodeRef.removeEventListener("load", onLoad);
+//                 })
+//             );
+//         };
+//         nodeRef.addEventListener("load", onLoad);
+//         if (nodeRef.complete && 0 !== nodeRef.naturalHeight) {
+//             requestAnimationFrame(() => {
+//                 requestAnimationFrame(() => {
+//                     resolve(nodeRef);
+//                 });
+//             });
+//         }
+//         nodeRef.addEventListener("error", err => reject(err));
+//     });
+// };
 const waitForVideoHtmlElementLoad = async (nodeRef) => {
     return new Promise((resolve, reject) => {
         if (void 0 !== nodeRef.oncanplaythrough) {
             const onCanplaythrough = () => {
                 requestAnimationFrame(() => {
                     requestAnimationFrame(() => {
+                        // @ts-ignore
+                        // _log("video loaded 1", true)
                         resolve(nodeRef);
                         nodeRef.removeEventListener("canplaythrough", onCanplaythrough);
                     });
@@ -2028,6 +2108,8 @@ const waitForVideoHtmlElementLoad = async (nodeRef) => {
             var onCanPlay = function () {
                 requestAnimationFrame(() => {
                     requestAnimationFrame(() => {
+                        // @ts-ignore
+                        // _log("video loaded 2", true)
                         resolve(nodeRef);
                         nodeRef.removeEventListener("canplay", onCanPlay);
                     });
@@ -2195,6 +2277,8 @@ class Video {
     onStop() { }
     onBeforeUnmount() {
         // clean up memory and cpu processes
+        // @ts-ignore
+        // _log("onBeforeUnmount", true)
         this._destroyVODPlayer();
     }
     _initVOD(vodData) {
@@ -2269,6 +2353,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 => {
@@ -2293,6 +2379,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 {
@@ -2315,6 +2403,8 @@ class Video {
         return mpd_;
     }
     async _destroyVODPlayer() {
+        //@ts-ignore
+        // _log("call _destroyVODPlayer", true)
         if (this._vodPlayerInstance != null) {
             try {
                 if (this._videoStateAdapter) {
@@ -2617,7 +2707,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);
@@ -2664,7 +2754,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()) {
@@ -2682,38 +2772,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;
@@ -2724,18 +2818,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();
@@ -2749,17 +2849,23 @@ 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;
     }
@@ -2797,7 +2903,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
@@ -2836,7 +2959,7 @@ class SlideTimeline {
             this.updateTimeline("pause" /* TIMELINE_ACTION.PAUSE */);
         }
         else {
-            this.layoutService.sdkApi.cardPausedCallback(videoCurrentTime);
+            this.sdkApi.cardPausedCallback(videoCurrentTime);
         }
     }
     slideResumed(videoCurrentTime) {
@@ -2851,7 +2974,7 @@ class SlideTimeline {
             this.updateTimeline("start" /* TIMELINE_ACTION.START */);
         }
         else {
-            this.layoutService.sdkApi.cardResumedCallback(videoCurrentTime);
+            this.sdkApi.cardResumedCallback(videoCurrentTime);
         }
     }
     slideStopped() {
@@ -2908,7 +3031,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 {
@@ -2916,6 +3039,9 @@ class Layer {
     _slide;
     _slideReadyPromise;
     _afterResumeQueuePush;
+    _afterStartInitQueuePush;
+    _showNextSlide;
+    sdkApi;
     _slideIndex;
     _cardId;
     _cardType;
@@ -2925,11 +3051,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 */;
@@ -2937,11 +3066,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) {
@@ -2956,7 +3093,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) {
@@ -2985,11 +3122,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;
@@ -3253,7 +3387,7 @@ class Layer {
     get isLayerForcePaused() {
         return this.elements.some(element => element.isLayerForcePaused);
     }
-    static get [Symbol.for("___CTOR_ARGS___")]() { return [`HTMLElement`, `Slide`, `Promise`, `(cb: () => void) => void`]; }
+    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 = {
@@ -3427,17 +3561,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;
@@ -3456,7 +3596,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);
@@ -3528,7 +3668,7 @@ 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`]; }
 }
 
 let SlideApi$1 = class SlideApi {
@@ -3541,10 +3681,18 @@ let SlideApi$1 = class SlideApi {
     static prerenderBoxClassName = "narrative-slide-box-prerender";
     _slideWrapper;
     _viewport;
+    _getViewportWidth;
+    _getViewportHeight;
+    _overlappingActionBarHeight;
+    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._overlappingActionBarHeight = config.overlappingActionBarHeight ?? 0;
         this.refreshSizes = proxy(this.refreshSizes, this);
         this.initListeners();
         this.refreshSizes();
@@ -3574,10 +3722,8 @@ let SlideApi$1 = class SlideApi {
         this._viewport.removeEventListener("resize", this.refreshSizes);
     }
     refreshSizes() {
-        // const viewportWidth = getViewportWidth(this._viewport);
-        const viewportWidth = this._slideWrapper.clientWidth;
-        // const viewportHeight = getViewportHeight(this._viewport);
-        const viewportHeight = this._slideWrapper.clientHeight;
+        const viewportWidth = this._getViewportWidth();
+        const viewportHeight = this._getViewportHeight();
         const viewportRatio = viewportWidth / viewportHeight;
         let slideWidth = 0;
         let slideHeight = 0;
@@ -3603,7 +3749,7 @@ let SlideApi$1 = class SlideApi {
                 slideOffset.style.margin = -1 * offset + "px" + " 0 ";
             }
             // offset from viewport bottom to StoryBottom plus safe area offset bottom
-            yOffset = `calc(${offset}px + env(safe-area-inset-bottom))`;
+            yOffset = `calc(${offset + this._overlappingActionBarHeight}px + env(safe-area-inset-bottom))`;
             // detect safe area offset
         }
         else {
@@ -3616,7 +3762,7 @@ let SlideApi$1 = class SlideApi {
                 if (slideOffset != null) {
                     slideOffset.style.margin = -offset + "px" + " 0 ";
                 }
-                yOffset = offset + "px";
+                yOffset = offset + this._overlappingActionBarHeight + "px";
             }
             else {
                 // вьюпорт более вытянутый чем надо
@@ -3641,7 +3787,6 @@ let SlideApi$1 = class SlideApi {
         if (_isFullscreen) {
             slideOffset?.classList.add("narrative-slide-offset-fullscreen");
         }
-        console.log({ fontSize, slideWidth });
         if (this.config.userResizeHandler != null) {
             this.config.userResizeHandler({ viewportWidth, viewportHeight, fontSize });
         }
@@ -3674,10 +3819,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) {
@@ -3732,6 +3874,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) {
@@ -3773,15 +3916,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);
         /**
@@ -3829,8 +3973,15 @@ let SlideApi$1 = class SlideApi {
             slideBoxPrerender.classList.remove(SlideApi.prerenderBoxClassName);
             slideBox.classList.remove(SlideApi.renderedBoxClassName);
             slideBox.classList.add(SlideApi.prerenderBoxClassName);
-            prevSlide?.onBeforeUnmount();
-            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;
@@ -4056,6 +4207,7 @@ let SlideApi$1 = class SlideApi {
         if (target?.classList.contains("narrative-element-geometry")) {
             target = target?.querySelector(".narrative-element");
         }
+        /** Button */
         if (target?.classList.contains("narrative-element-link")) {
             element = target;
         }
@@ -4064,320 +4216,328 @@ let SlideApi$1 = class SlideApi {
         }
         if (element) {
             const { handled } = this._handleLinkAndSwipeUpActivation(element);
-            result.canClickNext = !handled;
-            return result;
+            if (handled) {
+                result.canClickNext = false;
+                return result;
+            }
+        }
+        /** Image */
+        if (target?.classList.contains("narrative-element-image")) {
+            element = target;
         }
         else {
-            /** Image */
-            if (target?.classList.contains("narrative-element-image")) {
-                element = target;
-            }
-            else {
-                element = target?.closest(".narrative-element-image");
-            }
-            if (element) {
-                const { handled } = this._handleLinkAndSwipeUpActivation(element);
-                result.canClickNext = !handled;
+            element = target?.closest(".narrative-element-image");
+        }
+        if (element) {
+            const { handled } = this._handleLinkAndSwipeUpActivation(element);
+            if (handled) {
+                result.canClickNext = false;
                 return result;
             }
-            /** Swipe Up */
-            if (target?.classList.contains("narrative-element-swipe-up")) {
-                element = target;
-            }
-            else {
-                element = target?.closest(".narrative-element-swipe-up");
-            }
-            if (element) {
-                const { handled } = this._handleLinkAndSwipeUpActivation(element);
-                if (handled) {
-                    result.canClickNext = false;
-                    return result;
-                }
-            }
-            /** Swipe Up Items */
-            if (target?.classList.contains("narrative-element-swipe-up-items")) {
-                element = target;
-            }
-            else {
-                element = target?.closest(".narrative-element-swipe-up-items");
-            }
-            if (element) {
-                const { handled } = this._handleLinkAndSwipeUpActivation(element);
-                if (handled) {
-                    result.canClickNext = false;
-                    return result;
-                }
-            }
-            /** Products */
-            if (target?.classList.contains("narrative-element-products")) {
-                element = target;
-            }
-            else {
-                element = target?.closest(".narrative-element-products");
-            }
-            if (element) {
-                const { handled } = this._handleLinkAndSwipeUpActivation(element);
-                if (handled) {
-                    result.canClickNext = false;
-                    return result;
-                }
-            }
-            /** Vote complete button (multiple choice) */
-            if (target?.classList.contains("narrative-element-vote-next-button")) {
-                element = target;
-            }
-            else {
-                element = target?.closest(".narrative-element-vote-next-button");
-            }
-            if (element) {
-                // if is widget file connected to Window
-                if (this.layoutService.layoutApi.widgetVoteApi) {
-                    if (this.layoutService.layoutApi.widgetVoteApi.click(element)) {
-                        this.layoutService.env.setTimeout(() => {
-                            this.sdkApi.showNextSlide(0);
-                        });
-                    }
-                    result.canClickNext = false;
-                    return result;
-                }
-            }
-            /** Next button */
-            if (target?.classList.contains("narrative-element-quiz-next-button")) {
-                element = target;
-            }
-            else {
-                element = target?.closest(".narrative-element-quiz-next-button");
-            }
-            if (!element) {
-                if (target?.classList.contains("narrative-element-test-next-button")) {
-                    element = target;
-                }
-                else {
-                    element = target?.closest(".narrative-element-test-next-button");
-                }
-            }
-            if (element) {
-                this.layoutService.env.setTimeout(() => {
-                    this.sdkApi.showNextSlide(0);
-                });
+        }
+        /** Swipe Up */
+        if (target?.classList.contains("narrative-element-swipe-up")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-swipe-up");
+        }
+        if (element) {
+            const { handled } = this._handleLinkAndSwipeUpActivation(element);
+            if (handled) {
                 result.canClickNext = false;
                 return result;
             }
-            /** Range slider */
-            let rangeSliderBorderBoxView = target;
-            if (target?.classList.contains("border-box-view") || (rangeSliderBorderBoxView = target?.closest(".border-box-view"))) {
-                if (rangeSliderBorderBoxView?.parentElement && rangeSliderBorderBoxView.parentElement.classList.contains("narrative-element-range-slider")) {
-                    // skip click on .border-box-view inside .narrative-element-range-slider - prevent navigation trigger at click inside widget body (expect NextButton)
-                    result.canClickNext = false;
-                    return result;
-                }
-            }
-            // if (_hasClass(target, "rangeslider") || target.closest(".rangeslider")) {
-            //     return;
-            // }
-            /** Range slider complete button */
-            if (target?.classList.contains("narrative-element-range-slider-next-button")) {
-                element = target;
+        }
+        /** Swipe Up Items */
+        if (target?.classList.contains("narrative-element-swipe-up-items")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-swipe-up-items");
+        }
+        if (element) {
+            const { handled } = this._handleLinkAndSwipeUpActivation(element);
+            if (handled) {
+                result.canClickNext = false;
+                return result;
             }
-            else {
-                element = target?.closest(".narrative-element-range-slider-next-button");
+        }
+        /** Products */
+        if (target?.classList.contains("narrative-element-products")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-products");
+        }
+        if (element) {
+            const { handled } = this._handleLinkAndSwipeUpActivation(element);
+            if (handled) {
+                result.canClickNext = false;
+                return result;
             }
-            if (element) {
-                if (this.layoutService.layoutApi.widgetRangeSliderApi) {
-                    if (this.layoutService.layoutApi.widgetRangeSliderApi.click(element)) {
-                        this.layoutService.env.setTimeout(() => {
-                            this.sdkApi.showNextSlide(0);
-                        });
-                    }
-                    result.canClickNext = false;
-                    return result;
+        }
+        /** Vote complete button (multiple choice) */
+        if (target?.classList.contains("narrative-element-vote-next-button")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-vote-next-button");
+        }
+        if (element) {
+            // if is widget file connected to Window
+            if (this.layoutService.layoutApi.widgetVoteApi) {
+                if (this.layoutService.layoutApi.widgetVoteApi.click(element)) {
+                    this.layoutService.env.setTimeout(() => {
+                        this.sdkApi.showNextSlide(0);
+                    });
                 }
+                result.canClickNext = false;
+                return result;
             }
-            /** Data input widget расширенный охват на весь виджет */
-            if (target?.classList.contains("narrative-element-data-input")) {
+        }
+        /** Next button */
+        if (target?.classList.contains("narrative-element-quiz-next-button")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-quiz-next-button");
+        }
+        if (!element) {
+            if (target?.classList.contains("narrative-element-test-next-button")) {
                 element = target;
             }
             else {
-                element = target?.closest(".narrative-element-data-input");
-            }
-            if (element) {
-                if (this.layoutService.layoutApi.widgetDataInputApi) {
-                    result.canClickNext = this.layoutService.layoutApi.widgetDataInputApi.click(element);
-                    return result;
-                }
+                element = target?.closest(".narrative-element-test-next-button");
             }
-            /** quiz */
-            if (target?.classList.contains("narrative-element-quiz-answer")) {
-                element = target;
-            }
-            else {
-                element = target?.closest(".narrative-element-quiz-answer");
+        }
+        if (element) {
+            this.layoutService.env.setTimeout(() => {
+                this.sdkApi.showNextSlide(0);
+            });
+            result.canClickNext = false;
+            return result;
+        }
+        /** Range slider */
+        let rangeSliderBorderBoxView = target;
+        if (target?.classList.contains("border-box-view") || (rangeSliderBorderBoxView = target?.closest(".border-box-view"))) {
+            if (rangeSliderBorderBoxView?.parentElement && rangeSliderBorderBoxView.parentElement.classList.contains("narrative-element-range-slider")) {
+                // skip click on .border-box-view inside .narrative-element-range-slider - prevent navigation trigger at click inside widget body (expect NextButton)
+                result.canClickNext = false;
+                return result;
             }
-            if (element) {
-                if (element.closest(".narrative-element-quiz")) {
-                    /* quiz */
-                    if (this.layoutService.layoutApi.widgetQuizApi) {
-                        propagation = this.layoutService.layoutApi.widgetQuizApi.select(element);
-                        propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
-                    }
-                }
-                else if (element.closest(".narrative-element-quiz-grouped")) {
-                    /* quiz-grouped */
-                    if (this.layoutService.layoutApi.widgetQuizGroupedApi) {
-                        propagation = this.layoutService.layoutApi.widgetQuizGroupedApi.select(element);
-                        propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
-                    }
+        }
+        // if (_hasClass(target, "rangeslider") || target.closest(".rangeslider")) {
+        //     return;
+        // }
+        /** Range slider complete button */
+        if (target?.classList.contains("narrative-element-range-slider-next-button")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-range-slider-next-button");
+        }
+        if (element) {
+            if (this.layoutService.layoutApi.widgetRangeSliderApi) {
+                if (this.layoutService.layoutApi.widgetRangeSliderApi.click(element)) {
+                    this.layoutService.env.setTimeout(() => {
+                        this.sdkApi.showNextSlide(0);
+                    });
                 }
+                result.canClickNext = false;
+                return result;
             }
-            /** poll or poll layers */
-            if (target?.classList.contains("narrative-element-poll-button")) {
-                element = target;
-            }
-            else {
-                element = target?.closest(".narrative-element-poll-button");
+        }
+        /** Data input widget расширенный охват на весь виджет */
+        if (target?.classList.contains("narrative-element-data-input")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-data-input");
+        }
+        if (element) {
+            if (this.layoutService.layoutApi.widgetDataInputApi) {
+                result.canClickNext = this.layoutService.layoutApi.widgetDataInputApi.click(element);
+                return result;
             }
-            if (element) {
-                if (this.activeLayer.pollElement) {
-                    if (this.layoutService.layoutApi.widgetPollApi) {
-                        this.layoutService.layoutApi.widgetPollApi.select(element);
-                        propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
-                    }
-                }
-                if (this.activeLayer.pollLayersElement) {
-                    if (this.layoutService.layoutApi.widgetPollLayersApi) {
-                        this.layoutService.layoutApi.widgetPollLayersApi.select(element);
-                        propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
-                    }
+        }
+        /** quiz */
+        if (target?.classList.contains("narrative-element-quiz-answer")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-quiz-answer");
+        }
+        if (element) {
+            if (element.closest(".narrative-element-quiz")) {
+                /* quiz */
+                if (this.layoutService.layoutApi.widgetQuizApi) {
+                    propagation = this.layoutService.layoutApi.widgetQuizApi.select(element);
+                    propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
                 }
             }
-            /** vote */
-            if (target?.classList.contains("narrative-element-vote-answer")) {
-                element = target;
-            }
-            else {
-                element = target?.closest(".narrative-element-vote-answer");
-            }
-            if (element) {
-                if (this.layoutService.layoutApi.widgetVoteApi) {
-                    propagation = this.layoutService.layoutApi.widgetVoteApi.select(element);
+            else if (element.closest(".narrative-element-quiz-grouped")) {
+                /* quiz-grouped */
+                if (this.layoutService.layoutApi.widgetQuizGroupedApi) {
+                    propagation = this.layoutService.layoutApi.widgetQuizGroupedApi.select(element);
                     propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
                 }
             }
-            /** rate */
-            if (target?.classList.contains("narrative-element-rate-input")) {
-                element = target;
-            }
-            else {
-                element = target?.closest(".narrative-element-rate-input");
-            }
-            if (element) {
-                if (this.layoutService.layoutApi.widgetRateApi) {
-                    propagation = this.layoutService.layoutApi.widgetRateApi.select(element);
+        }
+        /** poll or poll layers */
+        if (target?.classList.contains("narrative-element-poll-button")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-poll-button");
+        }
+        if (element) {
+            if (this.activeLayer.pollElement) {
+                if (this.layoutService.layoutApi.widgetPollApi) {
+                    this.layoutService.layoutApi.widgetPollApi.select(element);
                     propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
                 }
             }
-            /** test */
-            if (target?.classList.contains("narrative-element-test-answer")) {
-                element = target;
-            }
-            else {
-                element = target?.closest(".narrative-element-test-answer");
-            }
-            if (element) {
-                if (element.closest(".narrative-element-test")) {
-                    /* test */
-                    if (this.layoutService.layoutApi.widgetTestApi) {
-                        propagation = this.layoutService.layoutApi.widgetTestApi.select(element);
-                        propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
-                    }
-                }
-                else if (element.closest(".narrative-element-quest")) {
-                    /* quest */
-                    if (this.layoutService.layoutApi.widgetQuestApi) {
-                        propagation = this.layoutService.layoutApi.widgetQuestApi.select(element);
-                        propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
-                    }
+            if (this.activeLayer.pollLayersElement) {
+                if (this.layoutService.layoutApi.widgetPollLayersApi) {
+                    this.layoutService.layoutApi.widgetPollLayersApi.select(element);
+                    propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
                 }
             }
-            /** copy */
-            if (target?.classList.contains("narrative-element-copy")) {
-                element = target;
+        }
+        /** vote */
+        if (target?.classList.contains("narrative-element-vote-answer")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-vote-answer");
+        }
+        if (element) {
+            if (this.layoutService.layoutApi.widgetVoteApi) {
+                propagation = this.layoutService.layoutApi.widgetVoteApi.select(element);
+                propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
             }
-            else {
-                element = target?.closest(".narrative-element-copy");
+        }
+        /** rate */
+        if (target?.classList.contains("narrative-element-rate-input")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-rate-input");
+        }
+        if (element) {
+            if (this.layoutService.layoutApi.widgetRateApi) {
+                propagation = this.layoutService.layoutApi.widgetRateApi.select(element);
+                propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
             }
-            if (element) {
-                // if ("_narrative_test" in window) {
-                //   propagation = window._narrative_test.select(element);
-                //   propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
-                // }
-                if (this.layoutService.layoutApi.widgetCopyApi) {
-                    propagation = this.layoutService.layoutApi.widgetCopyApi.click(element);
-                    propagation = false; // по клику на Копировать не делаем клик на слайде
+        }
+        /** test */
+        if (target?.classList.contains("narrative-element-test-answer")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-test-answer");
+        }
+        if (element) {
+            if (element.closest(".narrative-element-test")) {
+                /* test */
+                if (this.layoutService.layoutApi.widgetTestApi) {
+                    propagation = this.layoutService.layoutApi.widgetTestApi.select(element);
+                    propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
                 }
-                // copyToClipboard(element.getAttribute('data-clipboard-target'));
-                // propagation = false;
-            }
-            /** barcode */
-            if (target?.classList.contains("narrative-element-barcode")) {
-                element = target;
             }
-            else {
-                element = target?.closest(".narrative-element-barcode");
-            }
-            if (element) {
-                // if ("_narrative_test" in window) {
-                //   propagation = window._narrative_test.select(element);
-                //   propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
-                // }
-                if (this.layoutService.layoutApi.widgetBarcodeApi) {
-                    propagation = this.layoutService.layoutApi.widgetBarcodeApi.click(element);
-                    propagation = false; // по клику на Копировать не делаем клик на слайде
+            else if (element.closest(".narrative-element-quest")) {
+                /* quest */
+                if (this.layoutService.layoutApi.widgetQuestApi) {
+                    propagation = this.layoutService.layoutApi.widgetQuestApi.select(element);
+                    propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
                 }
-                // copyToClipboard(element.getAttribute('data-clipboard-target'));
-                // propagation = false;
             }
-            /** share */
-            if (target?.classList.contains("narrative-element-share")) {
-                element = target;
+        }
+        /** copy */
+        if (target?.classList.contains("narrative-element-copy")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-copy");
+        }
+        if (element) {
+            // if ("_narrative_test" in window) {
+            //   propagation = window._narrative_test.select(element);
+            //   propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
+            // }
+            if (this.layoutService.layoutApi.widgetCopyApi) {
+                propagation = this.layoutService.layoutApi.widgetCopyApi.click(element);
+                propagation = false; // по клику на Копировать не делаем клик на слайде
             }
-            else {
-                element = target?.closest(".narrative-element-share");
+            // copyToClipboard(element.getAttribute('data-clipboard-target'));
+            // propagation = false;
+        }
+        /** barcode */
+        if (target?.classList.contains("narrative-element-barcode")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-barcode");
+        }
+        if (element) {
+            // if ("_narrative_test" in window) {
+            //   propagation = window._narrative_test.select(element);
+            //   propagation = false; // по клику на варианты ответа(даже на законченной викторине) не делаем клик на слайде
+            // }
+            if (this.layoutService.layoutApi.widgetBarcodeApi) {
+                propagation = this.layoutService.layoutApi.widgetBarcodeApi.click(element);
+                propagation = false; // по клику на Копировать не делаем клик на слайде
             }
-            if (element) {
-                if (this.layoutService.layoutApi.widgetShareApi) {
-                    this.layoutService.layoutApi.widgetShareApi.click(element);
-                    propagation = false;
-                }
+            // copyToClipboard(element.getAttribute('data-clipboard-target'));
+            // propagation = false;
+        }
+        /** share */
+        if (target?.classList.contains("narrative-element-share")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-share");
+        }
+        if (element) {
+            if (this.layoutService.layoutApi.widgetShareApi) {
+                this.layoutService.layoutApi.widgetShareApi.click(element);
+                propagation = false;
             }
-            /** story-repeat */
-            if (target?.classList.contains("narrative-element-story-repeat")) {
-                element = target;
+        }
+        /** story-repeat */
+        if (target?.classList.contains("narrative-element-story-repeat")) {
+            element = target;
+        }
+        else {
+            element = target?.closest(".narrative-element-story-repeat");
+        }
+        if (element) {
+            propagation = false;
+            this.sdkApi.setCardLocalData({}, true);
+            this.sdkApi.updateCardServerDataLocally(this.slide.cardId, {});
+            // window._resetTimers();
+            // сделать async в ios
+            let slideIndex = this.slide.slideIndex;
+            // prevent simultaneous call _showNarrativeSlide and _showLayer - prevent 2 calls of initAfterLoad (break video start on iOS)
+            if (slideIndex === 0) {
+                // for story repeat on the first slide with layers
+                this.sdkApi.showLayer(0);
             }
             else {
-                element = target?.closest(".narrative-element-story-repeat");
-            }
-            if (element) {
-                propagation = false;
-                this.sdkApi.setCardLocalData({}, true);
-                this.sdkApi.updateCardServerDataLocally(this.slide.cardId, {});
-                // window._resetTimers();
-                // сделать async в ios
-                let slideIndex = this.slide.slideIndex;
-                // prevent simultaneous call _showNarrativeSlide and _showLayer - prevent 2 calls of initAfterLoad (break video start on iOS)
-                if (slideIndex === 0) {
-                    // for story repeat on the first slide with layers
-                    this.sdkApi.showLayer(0);
-                }
-                else {
-                    this.sdkApi.showCardSlide(0); // сделать ее async
-                }
-            }
-            if (!propagation) {
-                result.canClickNext = false;
-                return result;
+                this.sdkApi.showCardSlide(0); // сделать ее async
             }
         }
+        // todo в каждом виджете делать выход через
+        // if (handled) {
+        //     result.canClickNext = false;
+        //     return result;
+        // }
+        // убрать propagation
+        if (!propagation) {
+            result.canClickNext = false;
+            return result;
+        }
         /** can tap to next slide */
         if (this.activeLayer.quizElement) {
             if (!this.activeLayer.quizElement.slideQuizIsDone && navigationDirection === "forward") {
@@ -4441,6 +4601,7 @@ let SlideApi$1 = class SlideApi {
         const linkTargetAndroid = element.getAttribute("data-link-target-android");
         const linkTargetWeb = element.getAttribute("data-link-target-web");
         const elementId = element.getAttribute("data-element-id") ?? "";
+        // element without URI data
         let handled = false;
         if (this.sdkApi.isAndroid && linkTargetAndroid) {
             linkTarget = linkTargetAndroid;
@@ -4527,36 +4688,38 @@ let SlideApi$1 = class SlideApi {
                 handled = true;
             }
         }
-        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;
+        if (handled) {
+            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(statisticWidgetEventType, {
+                    i: cardId,
+                    si: slideIndex,
+                    wi: elementId,
+                    wl: element.textContent ?? "",
+                    wv: statisticWidgetValue ?? "",
+                }, {
+                    ...baseFields,
+                    slide_index: slideIndex,
+                    widget_id: elementId,
+                    widget_label: element.textContent ?? "",
+                    widget_value: statisticWidgetValue ?? "",
+                });
+            }
+            catch (error) {
+                console.error(error);
             }
-            this.sdkApi.sendStatisticEvent(statisticWidgetEventType, {
-                i: cardId,
-                si: slideIndex,
-                wi: elementId,
-                wl: element.textContent ?? "",
-                wv: statisticWidgetValue ?? "",
-            }, {
-                ...baseFields,
-                slide_index: slideIndex,
-                widget_id: elementId,
-                widget_label: element.textContent ?? "",
-                widget_value: statisticWidgetValue ?? "",
-            });
-        }
-        catch (error) {
-            console.error(error);
         }
         return { handled };
     }
@@ -4585,10 +4748,20 @@ 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        }`]; }
+    setWidgetGoodsComplete(elementId) {
+        const element = document.querySelector('[data-element-id="' + elementId + '"]');
+        if (element != null) {
+            try {
+                element.style.setProperty("opacity", "1");
+            }
+            catch (e) {
+                console.error(e);
+            }
+        }
+    }
+    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            overlappingActionBarHeight?: number;\n        }`]; }
 };
 
-let sdkInterface;
 const slideApiPeerDeps = {};
 const createSlideWrapper = ({ slideBoxRatio, nonce }) => {
     const slideWrapper = document.createElement("div");
@@ -4613,7 +4786,6 @@ const createSlideWrapper = ({ slideBoxRatio, nonce }) => {
     // 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`;
-    console.log({ paddingTop });
     slideOffset.appendChild(slideBoxPrerender);
     slideOffset.appendChild(slideBoxRendered);
     slideWrapper.appendChild(slideOffset);
@@ -4622,24 +4794,25 @@ 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,
+            overlappingActionBarHeight: config.overlappingActionBarHeight,
         });
     }
-    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        }`]; }
+    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            overlappingActionBarHeight?: number;\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
@@ -13996,6 +14169,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,
@@ -14004,7 +14179,6 @@ class WidgetBase {
     };
     static widgetIndex = 0;
     env = WidgetBase.widgetsService.env;
-    sdkApi = WidgetBase.widgetsService.sdkApi;
     options = null;
     element = null;
     elementId = null;
@@ -14024,7 +14198,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) {
@@ -14132,68 +14308,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;
@@ -14208,20 +14340,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);
@@ -14248,14 +14380,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()) {
@@ -14290,45 +14422,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) {
@@ -14339,7 +14439,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 {
@@ -14363,8 +14463,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";
@@ -14587,7 +14687,7 @@ class WidgetBarcode extends WidgetBase {
                 // флаг - что таймер уже стартанул (в layout или добавить объект sharedMemory)
                 // смотрим что прозрачный текст - тогда и лоадер прозрачный
                 // _log("_showNarrativeNextSlide: " + getSlideDuration(this.narrativeId, this.slideIndex), true);
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
         if (this.copiedText) {
@@ -14612,18 +14712,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();
@@ -14650,7 +14741,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 {
@@ -14672,8 +14763,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";
@@ -14857,7 +14948,7 @@ class WidgetCopy extends WidgetBase {
                 // флаг - что таймер уже стартанул (в layout или добавить объект sharedMemory)
                 // смотрим что прозрачный текст - тогда и лоадер прозрачный
                 // _log("_showNarrativeNextSlide: " + getSlideDuration(this.narrativeId, this.slideIndex), true);
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -14879,23 +14970,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();
         },
@@ -14921,10 +15002,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,
@@ -14942,9 +15022,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");
@@ -14963,7 +15045,7 @@ class WidgetDataInput extends WidgetBase {
             this.element.classList.add("done");
             this.startReadyPromise.then(() => {
                 if (this.disableTimer) {
-                    this.startDisabledTimeline();
+                    this.onWidgetComplete();
                 }
             });
         }
@@ -15080,7 +15162,7 @@ class WidgetDataInput extends WidgetBase {
             this.setLocalData(this.localData, true);
             this._statEventInputSave(text);
             if (this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
                 needResumeUITimer = false;
             }
         }
@@ -15090,18 +15172,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();
@@ -15123,7 +15196,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 {
@@ -15151,8 +15224,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") ?? "",
@@ -15329,18 +15402,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();
@@ -15354,23 +15418,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 */;
@@ -15435,7 +15487,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;
@@ -15464,19 +15516,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,
         }, {
@@ -15490,15 +15542,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);
         },
     };
 }
@@ -15529,9 +15574,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"));
@@ -15640,7 +15686,7 @@ class WidgetPoll extends WidgetBase {
         }
         this.startReadyPromise.then(() => {
             if (this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -15980,17 +16026,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();
@@ -16036,7 +16074,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 {
@@ -16053,8 +16091,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"));
@@ -16126,7 +16164,7 @@ class WidgetPollLayers extends WidgetBase {
         this._showLayer(this.layers, layerIndex, userAction);
         this.startReadyPromise.then(() => {
             if (this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -16165,28 +16203,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();
@@ -16210,7 +16229,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 {
@@ -16837,8 +16856,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 {
@@ -17313,8 +17332,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();
@@ -17363,7 +17382,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 {
@@ -17383,11 +17402,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");
@@ -17584,6 +17603,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);
@@ -17685,12 +17712,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());
@@ -17701,22 +17726,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();
         },
@@ -17748,7 +17757,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 {
@@ -17763,8 +17772,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");
@@ -17819,7 +17828,7 @@ class WidgetQuiz extends WidgetBase {
         // }
         this.startReadyPromise.then(() => {
             if (this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -17911,17 +17920,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();
@@ -17950,7 +17951,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 {
@@ -17969,9 +17970,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");
@@ -18013,7 +18016,7 @@ class WidgetQuizGrouped extends WidgetBase {
         });
         this.startReadyPromise.then(() => {
             if (this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -18122,17 +18125,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();
@@ -18161,7 +18156,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)
@@ -18331,9 +18326,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;
@@ -18402,7 +18398,7 @@ class WidgetRangeSlider extends WidgetBase {
             this.displayAverageAnswer();
             this.startReadyPromise.then(() => {
                 if (this.disableTimer) {
-                    this.startDisabledTimeline();
+                    this.onWidgetComplete();
                 }
             });
         }
@@ -18478,7 +18474,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"]);
@@ -18775,17 +18771,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();
@@ -18814,7 +18802,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 {
@@ -18837,8 +18825,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));
@@ -18913,7 +18901,7 @@ class WidgetRate extends WidgetBase {
         this.element.classList.add("done");
         this.startReadyPromise.then(() => {
             if (this.disableTimer && runTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -19040,18 +19028,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();
@@ -19080,7 +19059,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 {
@@ -19097,8 +19076,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;
@@ -19120,7 +19099,7 @@ class WidgetShare extends WidgetBase {
         }
         this.startReadyPromise.then(() => {
             if (this.isDone() && this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
         this.btnDisabled = false;
@@ -19180,7 +19159,7 @@ class WidgetShare extends WidgetBase {
             this._showLayer(this.layers, 1, true);
         }
         if (this.disableTimer) {
-            this.startDisabledTimeline();
+            this.onWidgetComplete();
         }
         this.btnDisabled = false;
     }
@@ -19189,31 +19168,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();
@@ -19234,7 +19194,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 {
@@ -19259,8 +19219,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");
@@ -19415,7 +19375,7 @@ class WidgetTest extends WidgetBase {
         });
         this.startReadyPromise.then(() => {
             if (this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -19487,17 +19447,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();
@@ -19533,7 +19485,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 {
@@ -19559,9 +19511,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"));
@@ -19745,7 +19699,7 @@ class WidgetVote extends WidgetBase {
         }
         this.startReadyPromise.then(() => {
             if (this.disableTimer) {
-                this.startDisabledTimeline();
+                this.onWidgetComplete();
             }
         });
     }
@@ -19943,45 +19897,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();
@@ -20017,7 +19935,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 {