@getlupa/client 1.13.4 → 1.13.5

package/dist/lupaSearch.iife.js

@@ -8544,7 +8544,7 @@ var __async2 = (__this, __arguments, generator) => {
     };
   });
   const _hoisted_1$1d = { id: "lupa-search-box-input-container" };
-  const _hoisted_2$R = { class: "lupa-input-clear" };
+  const _hoisted_2$S = { class: "lupa-input-clear" };
   const _hoisted_3$B = { id: "lupa-search-box-input" };
   const _hoisted_4$t = ["value"];
   const _hoisted_5$j = ["aria-label", "placeholder"];
@@ -8641,7 +8641,7 @@ var __async2 = (__this, __arguments, generator) => {
       __expose({ focus });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$1d, [
-          createBaseVNode("div", _hoisted_2$R, [
+          createBaseVNode("div", _hoisted_2$S, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
               onClick: clear2
@@ -8719,7 +8719,7 @@ var __async2 = (__this, __arguments, generator) => {
     }
   });
   const _hoisted_1$1c = { class: "lupa-search-box-history-item" };
-  const _hoisted_2$Q = { class: "lupa-search-box-history-item-content" };
+  const _hoisted_2$R = { class: "lupa-search-box-history-item-content" };
   const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryItem",
     props: {
@@ -8737,7 +8737,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$1c, [
-          createBaseVNode("div", _hoisted_2$Q, [
+          createBaseVNode("div", _hoisted_2$R, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
               onClick: click2
@@ -8827,7 +8827,7 @@ var __async2 = (__this, __arguments, generator) => {
     }
   });
   const _hoisted_1$19 = ["innerHTML"];
-  const _hoisted_2$P = {
+  const _hoisted_2$Q = {
     key: 1,
     "data-cy": "lupa-suggestion-value",
     class: "lupa-suggestion-value"
@@ -8881,7 +8881,7 @@ var __async2 = (__this, __arguments, generator) => {
             class: "lupa-suggestion-value",
             "data-cy": "lupa-suggestion-value",
             innerHTML: _ctx.suggestion.displayHighlight
-          }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(_ctx.suggestion.display), 1)),
+          }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$Q, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
             createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -9130,6 +9130,7 @@ var __async2 = (__this, __arguments, generator) => {
     }
   };
   const _hoisted_1$17 = ["src"];
+  const _hoisted_2$P = ["src"];
   const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
     props: {
@@ -9240,7 +9241,10 @@ var __async2 = (__this, __arguments, generator) => {
           onMouseenter: handleMouseEnter,
           onMouseleave: handleMouseLeave
         }, [
-          createVNode(Transition, { name: "lupa-fade" }, {
+          hasHoverImages.value ? (openBlock(), createBlock(Transition, {
+            key: 0,
+            name: "lupa-fade"
+          }, {
             default: withCtx(() => [
               (openBlock(), createElementBlock("img", mergeProps({
                 class: ["lupa-images-hover-image", { [_ctx.imageClass]: true, "lupa-images-hover-image": isHover.value }],
@@ -9251,7 +9255,11 @@ var __async2 = (__this, __arguments, generator) => {
               }), null, 16, _hoisted_1$17))
             ]),
             _: 1
-          })
+          })) : (openBlock(), createElementBlock("img", mergeProps({
+            key: 1,
+            class: ["lupa-images-main-image", { [_ctx.imageClass]: true }],
+            src: finalMainImageUrl.value
+          }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$P))
         ], 34);
       };
     }

package/dist/lupaSearch.js

@@ -8544,7 +8544,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
   };
 });
 const _hoisted_1$1d = { id: "lupa-search-box-input-container" };
-const _hoisted_2$R = { class: "lupa-input-clear" };
+const _hoisted_2$S = { class: "lupa-input-clear" };
 const _hoisted_3$B = { id: "lupa-search-box-input" };
 const _hoisted_4$t = ["value"];
 const _hoisted_5$j = ["aria-label", "placeholder"];
@@ -8641,7 +8641,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     __expose({ focus });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1d, [
-        createBaseVNode("div", _hoisted_2$R, [
+        createBaseVNode("div", _hoisted_2$S, [
           createBaseVNode("div", {
             class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
             onClick: clear2
@@ -8719,7 +8719,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$1c = { class: "lupa-search-box-history-item" };
-const _hoisted_2$Q = { class: "lupa-search-box-history-item-content" };
+const _hoisted_2$R = { class: "lupa-search-box-history-item-content" };
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxHistoryItem",
   props: {
@@ -8737,7 +8737,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1c, [
-        createBaseVNode("div", _hoisted_2$Q, [
+        createBaseVNode("div", _hoisted_2$R, [
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
             onClick: click2
@@ -8827,7 +8827,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$19 = ["innerHTML"];
-const _hoisted_2$P = {
+const _hoisted_2$Q = {
   key: 1,
   "data-cy": "lupa-suggestion-value",
   class: "lupa-suggestion-value"
@@ -8881,7 +8881,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
           class: "lupa-suggestion-value",
           "data-cy": "lupa-suggestion-value",
           innerHTML: _ctx.suggestion.displayHighlight
-        }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(_ctx.suggestion.display), 1)),
+        }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$Q, toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
           createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
           createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -9130,6 +9130,7 @@ const replaceImageWithPlaceholder = (e2, placeholder) => {
   }
 };
 const _hoisted_1$17 = ["src"];
+const _hoisted_2$P = ["src"];
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "ProductImage",
   props: {
@@ -9240,7 +9241,10 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
         onMouseenter: handleMouseEnter,
         onMouseleave: handleMouseLeave
       }, [
-        createVNode(Transition, { name: "lupa-fade" }, {
+        hasHoverImages.value ? (openBlock(), createBlock(Transition, {
+          key: 0,
+          name: "lupa-fade"
+        }, {
           default: withCtx(() => [
             (openBlock(), createElementBlock("img", mergeProps({
               class: ["lupa-images-hover-image", { [_ctx.imageClass]: true, "lupa-images-hover-image": isHover.value }],
@@ -9251,7 +9255,11 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
             }), null, 16, _hoisted_1$17))
           ]),
           _: 1
-        })
+        })) : (openBlock(), createElementBlock("img", mergeProps({
+          key: 1,
+          class: ["lupa-images-main-image", { [_ctx.imageClass]: true }],
+          src: finalMainImageUrl.value
+        }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$P))
       ], 34);
     };
   }

package/dist/lupaSearch.mjs

@@ -8542,7 +8542,7 @@ const useSearchBoxStore = defineStore("searchBox", () => {
   };
 });
 const _hoisted_1$1d = { id: "lupa-search-box-input-container" };
-const _hoisted_2$R = { class: "lupa-input-clear" };
+const _hoisted_2$S = { class: "lupa-input-clear" };
 const _hoisted_3$B = { id: "lupa-search-box-input" };
 const _hoisted_4$t = ["value"];
 const _hoisted_5$j = ["aria-label", "placeholder"];
@@ -8639,7 +8639,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     __expose({ focus });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1d, [
-        createBaseVNode("div", _hoisted_2$R, [
+        createBaseVNode("div", _hoisted_2$S, [
           createBaseVNode("div", {
             class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
             onClick: clear2
@@ -8717,7 +8717,7 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$1c = { class: "lupa-search-box-history-item" };
-const _hoisted_2$Q = { class: "lupa-search-box-history-item-content" };
+const _hoisted_2$R = { class: "lupa-search-box-history-item-content" };
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   __name: "SearchBoxHistoryItem",
   props: {
@@ -8735,7 +8735,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1c, [
-        createBaseVNode("div", _hoisted_2$Q, [
+        createBaseVNode("div", _hoisted_2$R, [
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
             onClick: click2
@@ -8825,7 +8825,7 @@ const _sfc_main$1j = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$19 = ["innerHTML"];
-const _hoisted_2$P = {
+const _hoisted_2$Q = {
   key: 1,
   "data-cy": "lupa-suggestion-value",
   class: "lupa-suggestion-value"
@@ -8879,7 +8879,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
           class: "lupa-suggestion-value",
           "data-cy": "lupa-suggestion-value",
           innerHTML: _ctx.suggestion.displayHighlight
-        }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(_ctx.suggestion.display), 1)),
+        }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$Q, toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
           createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
           createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -9128,6 +9128,7 @@ const replaceImageWithPlaceholder = (e2, placeholder) => {
   }
 };
 const _hoisted_1$17 = ["src"];
+const _hoisted_2$P = ["src"];
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "ProductImage",
   props: {
@@ -9238,7 +9239,10 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
         onMouseenter: handleMouseEnter,
         onMouseleave: handleMouseLeave
       }, [
-        createVNode(Transition, { name: "lupa-fade" }, {
+        hasHoverImages.value ? (openBlock(), createBlock(Transition, {
+          key: 0,
+          name: "lupa-fade"
+        }, {
           default: withCtx(() => [
             (openBlock(), createElementBlock("img", mergeProps({
               class: ["lupa-images-hover-image", { [_ctx.imageClass]: true, "lupa-images-hover-image": isHover.value }],
@@ -9249,7 +9253,11 @@ const _sfc_main$1f = /* @__PURE__ */ defineComponent({
             }), null, 16, _hoisted_1$17))
           ]),
           _: 1
-        })
+        })) : (openBlock(), createElementBlock("img", mergeProps({
+          key: 1,
+          class: ["lupa-images-main-image", { [_ctx.imageClass]: true }],
+          src: finalMainImageUrl.value
+        }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$P))
       ], 34);
     };
   }

package/dist/lupaSearch.umd.js

@@ -8546,7 +8546,7 @@ var __async2 = (__this, __arguments, generator) => {
     };
   });
   const _hoisted_1$1d = { id: "lupa-search-box-input-container" };
-  const _hoisted_2$R = { class: "lupa-input-clear" };
+  const _hoisted_2$S = { class: "lupa-input-clear" };
   const _hoisted_3$B = { id: "lupa-search-box-input" };
   const _hoisted_4$t = ["value"];
   const _hoisted_5$j = ["aria-label", "placeholder"];
@@ -8643,7 +8643,7 @@ var __async2 = (__this, __arguments, generator) => {
       __expose({ focus });
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$1d, [
-          createBaseVNode("div", _hoisted_2$R, [
+          createBaseVNode("div", _hoisted_2$S, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
               onClick: clear2
@@ -8721,7 +8721,7 @@ var __async2 = (__this, __arguments, generator) => {
     }
   });
   const _hoisted_1$1c = { class: "lupa-search-box-history-item" };
-  const _hoisted_2$Q = { class: "lupa-search-box-history-item-content" };
+  const _hoisted_2$R = { class: "lupa-search-box-history-item-content" };
   const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     __name: "SearchBoxHistoryItem",
     props: {
@@ -8739,7 +8739,7 @@ var __async2 = (__this, __arguments, generator) => {
       };
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$1c, [
-          createBaseVNode("div", _hoisted_2$Q, [
+          createBaseVNode("div", _hoisted_2$R, [
             createBaseVNode("div", {
               class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
               onClick: click2
@@ -8829,7 +8829,7 @@ var __async2 = (__this, __arguments, generator) => {
     }
   });
   const _hoisted_1$19 = ["innerHTML"];
-  const _hoisted_2$P = {
+  const _hoisted_2$Q = {
     key: 1,
     "data-cy": "lupa-suggestion-value",
     class: "lupa-suggestion-value"
@@ -8883,7 +8883,7 @@ var __async2 = (__this, __arguments, generator) => {
             class: "lupa-suggestion-value",
             "data-cy": "lupa-suggestion-value",
             innerHTML: _ctx.suggestion.displayHighlight
-          }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$P, toDisplayString(_ctx.suggestion.display), 1)),
+          }, null, 8, _hoisted_1$19)) : (openBlock(), createElementBlock("div", _hoisted_2$Q, toDisplayString(_ctx.suggestion.display), 1)),
           _ctx.suggestion.facet ? (openBlock(), createElementBlock("div", _hoisted_3$A, [
             createBaseVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
             createBaseVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -9132,6 +9132,7 @@ var __async2 = (__this, __arguments, generator) => {
     }
   };
   const _hoisted_1$17 = ["src"];
+  const _hoisted_2$P = ["src"];
   const _sfc_main$1f = /* @__PURE__ */ defineComponent({
     __name: "ProductImage",
     props: {
@@ -9242,7 +9243,10 @@ var __async2 = (__this, __arguments, generator) => {
           onMouseenter: handleMouseEnter,
           onMouseleave: handleMouseLeave
         }, [
-          createVNode(Transition, { name: "lupa-fade" }, {
+          hasHoverImages.value ? (openBlock(), createBlock(Transition, {
+            key: 0,
+            name: "lupa-fade"
+          }, {
             default: withCtx(() => [
               (openBlock(), createElementBlock("img", mergeProps({
                 class: ["lupa-images-hover-image", { [_ctx.imageClass]: true, "lupa-images-hover-image": isHover.value }],
@@ -9253,7 +9257,11 @@ var __async2 = (__this, __arguments, generator) => {
               }), null, 16, _hoisted_1$17))
             ]),
             _: 1
-          })
+          })) : (openBlock(), createElementBlock("img", mergeProps({
+            key: 1,
+            class: ["lupa-images-main-image", { [_ctx.imageClass]: true }],
+            src: finalMainImageUrl.value
+          }, { alt: imageAlt.value ? imageAlt.value : void 0 }, { onError: replaceWithPlaceholder }), null, 16, _hoisted_2$P))
         ], 34);
       };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.13.4",
+  "version": "1.13.5",
   "main": "dist/lupaSearch.js",
   "module": "dist/index.mjs",
   "types": "dist/src/index.d.ts",
@@ -20,7 +20,7 @@
   },
   "devDependencies": {
     "@getlupa/client-sdk": "^1.3.4",
-    "@getlupa/vue": "0.13.4",
+    "@getlupa/vue": "0.13.5",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",