@inappstory/slide-api 0.0.26 → 0.0.28

package/dist/index.cjs

@@ -15977,6 +15977,8 @@ class WidgetProducts extends WidgetBase {
         localData: {},
     };
     static widgetClassName = "narrative-element-products";
+    themeName;
+    baseThemeName;
     captionView;
     linkTarget = [];
     msgNetworkError;
@@ -15997,6 +15999,15 @@ class WidgetProducts extends WidgetBase {
         catch (e) {
             console.error(e);
         }
+        const themeClasses = Array.from(this.element.classList).filter(item => item.startsWith("theme-") || item.startsWith("base-theme-"));
+        themeClasses.forEach(item => {
+            if (item.startsWith("theme-") && this.themeName == null) {
+                this.themeName = item;
+            }
+            if (item.startsWith("base-theme-") && this.baseThemeName == null) {
+                this.baseThemeName = item;
+            }
+        });
         this.isScreenSupportsTouch = isScreenSupportsTouch(this.env);
         this.msgNetworkError = getTagData(this.element, "msgNetworkError");
         this.msgServiceError = getTagData(this.element, "msgServiceError");
@@ -16310,7 +16321,10 @@ class WidgetProducts extends WidgetBase {
         }
         const card = document.createElement("div");
         card.classList.add("ias-products-card");
-        card.onclick = () => {
+        card.onclick = e => {
+            // prevent click in SDK (slide/story navigation)
+            e.stopPropagation();
+            e.preventDefault();
             this._statEventWidgetCardClick(offer);
             if (offer.url) {
                 this.sdkApi.openUrl(offer.url);
@@ -16372,6 +16386,12 @@ class WidgetProducts extends WidgetBase {
     createProductsView(offers, onClose) {
         const containerView = document.createElement("div");
         containerView.classList.add("ias-products-container-view");
+        if (this.baseThemeName) {
+            containerView.classList.add(this.baseThemeName);
+        }
+        if (this.themeName) {
+            containerView.classList.add(this.themeName);
+        }
         containerView.dir = this.layoutDirection;
         const backdropView = document.createElement("div");
         backdropView.classList.add("ias-products-container-backdrop-view");