@inappstory/slide-api 0.0.25 → 0.0.27

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");
@@ -16034,7 +16045,7 @@ class WidgetProducts extends WidgetBase {
                 ...this.statisticEventBaseFieldsShortForm,
                 wi: this.elementId,
                 wl: captionViewText,
-                wv: this.linkTarget,
+                wv: JSON.stringify(this.linkTarget),
             }, {
                 ...this.statisticEventBaseFieldsShortForm,
                 widget_id: this.elementId,
@@ -16055,8 +16066,8 @@ class WidgetProducts extends WidgetBase {
                 ...this.statisticEventBaseFieldsShortForm,
                 wi: this.elementId,
                 wl: captionViewText,
-                wv: this.linkTarget,
-                wit: offers.map(item => item.offerId),
+                wv: JSON.stringify(this.linkTarget),
+                wit: JSON.stringify(offers.map(item => item.offerId)),
             }, {
                 ...this.statisticEventBaseFieldsShortForm,
                 widget_id: this.elementId,
@@ -16273,14 +16284,15 @@ class WidgetProducts extends WidgetBase {
         const figure = document.createElement("div");
         figure.classList.add("ias-products-card-figure");
         if (offer.coverUrl) {
-            // todo preload coverImage by fetch, save to offer.coverUrl via createUrl (add revoke)
-            // if cannot fetch - skip caching
             const image = document.createElement("img");
             image.classList.add("ias-products-card-figure-image");
             image.alt = offer.name ?? "";
             image.src = offer.coverUrl;
             figure.appendChild(image);
         }
+        const imageMask = document.createElement("div");
+        imageMask.classList.add("ias-products-card-figure-image-mask");
+        figure.appendChild(imageMask);
         // const subTitle = document.createElement("div");
         // subTitle.classList.add("ias-products-card-subtitle");
         // subTitle.innerText = offer.description ?? "";
@@ -16371,6 +16383,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");
@@ -16391,8 +16409,10 @@ class WidgetProducts extends WidgetBase {
             e.stopPropagation();
             onClose();
         };
+        const divider = document.createElement("div");
         backgroundView.appendChild(scrollView);
         backgroundView.appendChild(closeButton);
+        backgroundView.appendChild(divider);
         containerView.appendChild(backdropView);
         containerView.appendChild(backgroundView);
         return containerView;