@getlupa/vue 0.13.4 → 0.13.5

package/dist/lupaSearch.js

@@ -3300,7 +3300,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"];
@@ -3397,7 +3397,7 @@ const _sfc_main$1n = /* @__PURE__ */ vue.defineComponent({
     __expose({ focus });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1d, [
-        vue.createElementVNode("div", _hoisted_2$R, [
+        vue.createElementVNode("div", _hoisted_2$S, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
             onClick: clear
@@ -3475,7 +3475,7 @@ const _sfc_main$1m = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "SearchBoxHistoryItem",
   props: {
@@ -3493,7 +3493,7 @@ const _sfc_main$1l = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1c, [
-        vue.createElementVNode("div", _hoisted_2$Q, [
+        vue.createElementVNode("div", _hoisted_2$R, [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
             onClick: click2
@@ -3583,7 +3583,7 @@ const _sfc_main$1j = /* @__PURE__ */ vue.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"
@@ -3637,7 +3637,7 @@ const _sfc_main$1i = /* @__PURE__ */ vue.defineComponent({
           class: "lupa-suggestion-value",
           "data-cy": "lupa-suggestion-value",
           innerHTML: _ctx.suggestion.displayHighlight
-        }, null, 8, _hoisted_1$19)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$P, vue.toDisplayString(_ctx.suggestion.display), 1)),
+        }, null, 8, _hoisted_1$19)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$Q, vue.toDisplayString(_ctx.suggestion.display), 1)),
         _ctx.suggestion.facet ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$A, [
           vue.createElementVNode("span", _hoisted_4$s, vue.toDisplayString(facetLabel.value), 1),
           vue.createElementVNode("span", _hoisted_5$i, vue.toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -3886,6 +3886,7 @@ const replaceImageWithPlaceholder = (e2, placeholder) => {
   }
 };
 const _hoisted_1$17 = ["src"];
+const _hoisted_2$P = ["src"];
 const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
   __name: "ProductImage",
   props: {
@@ -3996,7 +3997,10 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
         onMouseenter: handleMouseEnter,
         onMouseleave: handleMouseLeave
       }, [
-        vue.createVNode(vue.Transition, { name: "lupa-fade" }, {
+        hasHoverImages.value ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+          key: 0,
+          name: "lupa-fade"
+        }, {
           default: vue.withCtx(() => [
             (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
               class: ["lupa-images-hover-image", { [_ctx.imageClass]: true, "lupa-images-hover-image": isHover.value }],
@@ -4007,7 +4011,11 @@ const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
             }), null, 16, _hoisted_1$17))
           ]),
           _: 1
-        })
+        })) : (vue.openBlock(), vue.createElementBlock("img", vue.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

@@ -37,7 +37,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-import { toRaw, isRef, isReactive, toRef, effectScope, ref, markRaw, hasInjectionContext, inject, getCurrentInstance, watch, reactive, nextTick, computed, unref, getCurrentScope, onScopeDispose, toRefs, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withDirectives, mergeProps, vModelText, createCommentVNode, toDisplayString, onMounted, onBeforeMount, Fragment, renderList, createBlock, onBeforeUnmount, createVNode, Transition, withCtx, toHandlers, withModifiers, resolveDynamicComponent, renderSlot, normalizeStyle, createSlots, createTextVNode, normalizeProps, guardReactiveProps, onUnmounted, resolveComponent, vModelSelect, h as h$1, provide, cloneVNode } from "vue";
+import { toRaw, isRef, isReactive, toRef, effectScope, ref, markRaw, hasInjectionContext, inject, getCurrentInstance, watch, reactive, nextTick, computed, unref, getCurrentScope, onScopeDispose, toRefs, defineComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, withDirectives, mergeProps, vModelText, createCommentVNode, toDisplayString, onMounted, onBeforeMount, Fragment, renderList, createBlock, onBeforeUnmount, Transition, withCtx, toHandlers, withModifiers, resolveDynamicComponent, renderSlot, normalizeStyle, createSlots, createVNode, createTextVNode, normalizeProps, guardReactiveProps, onUnmounted, resolveComponent, vModelSelect, h as h$1, provide, cloneVNode } from "vue";
 var isVue2 = false;
 function set(target, key, val) {
   if (Array.isArray(target)) {
@@ -3298,7 +3298,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"];
@@ -3395,7 +3395,7 @@ const _sfc_main$1n = /* @__PURE__ */ defineComponent({
     __expose({ focus });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1d, [
-        createElementVNode("div", _hoisted_2$R, [
+        createElementVNode("div", _hoisted_2$S, [
           createElementVNode("div", {
             class: normalizeClass(["lupa-input-clear-content", { "lupa-input-clear-filled": inputValue.value }]),
             onClick: clear
@@ -3473,7 +3473,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: {
@@ -3491,7 +3491,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1c, [
-        createElementVNode("div", _hoisted_2$Q, [
+        createElementVNode("div", _hoisted_2$R, [
           createElementVNode("div", {
             class: normalizeClass(["lupa-search-box-history-item-text", { "lupa-search-box-history-item-highlighted": _ctx.highlighted }]),
             onClick: click2
@@ -3581,7 +3581,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"
@@ -3635,7 +3635,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, [
           createElementVNode("span", _hoisted_4$s, toDisplayString(facetLabel.value), 1),
           createElementVNode("span", _hoisted_5$i, toDisplayString(_ctx.suggestion.facet.title), 1)
@@ -3884,6 +3884,7 @@ const replaceImageWithPlaceholder = (e2, placeholder) => {
   }
 };
 const _hoisted_1$17 = ["src"];
+const _hoisted_2$P = ["src"];
 const _sfc_main$1f = /* @__PURE__ */ defineComponent({
   __name: "ProductImage",
   props: {
@@ -3994,7 +3995,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 }],
@@ -4005,7 +4009,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/vue",
-  "version": "0.13.4",
+  "version": "0.13.5",
   "main": "dist/lupaSearch.mjs",
   "module": "dist/lupaSearch.mjs",
   "types": "dist/src/index.d.ts",