@getlupa/client 1.6.6 → 1.7.0

package/dist/lupaSearch.iife.js

@@ -8953,6 +8953,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         var _a;
         return (_a = props.panelOptions.elements) == null ? void 0 : _a.find((e) => e.type === DocumentElementType.ADDTOCART);
       });
+      const customDocumentHtmlAttributes = computed(() => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = props.panelOptions).customDocumentHtmlAttributes) == null ? void 0 : _b.call(_a, props.item)) != null ? _c : {};
+      });
       const handleClick = (event) => {
         emit2("product-click", {
           item: props.item,
@@ -8967,12 +8971,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         isInStock.value = props.panelOptions.isInStock ? yield props.panelOptions.isInStock(props.item) : true;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("a", {
-          class: normalizeClass(["lupa-search-box-product", { "lupa-search-box-product-highlighted": _ctx.highlighted }]),
+        return openBlock(), createElementBlock("a", mergeProps({
+          class: ["lupa-search-box-product", { "lupa-search-box-product-highlighted": _ctx.highlighted }],
+          href: link.value
+        }, customDocumentHtmlAttributes.value, {
           "data-cy": "lupa-search-box-product",
-          href: link.value,
           onClick: handleClick
-        }, [
+        }), [
           createBaseVNode("div", _hoisted_2$I, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
               return openBlock(), createBlock(_sfc_main$13, {
@@ -9007,7 +9012,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               isInStock: isInStock.value
             }, null, 8, ["item", "element", "labels", "link", "isInStock"])
           ])) : createCommentVNode("", true)
-        ], 10, _hoisted_1$_);
+        ], 16, _hoisted_1$_);
       };
     }
   });
@@ -13519,6 +13524,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
         return (_b = (_a = props.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.htmlTitleTemplate;
       });
+      const customDocumentHtmlAttributes = computed(() => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = props.options).customDocumentHtmlAttributes) == null ? void 0 : _b.call(_a, props.product)) != null ? _c : {};
+      });
       const getGroupElements = (group) => {
         var _a, _b;
         return (_b = (_a = props.options.elements) == null ? void 0 : _a.filter((e) => e.group === group)) != null ? _b : [];
@@ -13575,12 +13584,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", {
+        return openBlock(), createElementBlock("div", mergeProps({
           id: "lupa-search-result-product-card",
           "data-cy": "lupa-search-result-product-card",
-          class: normalizeClass(["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]),
-          onClick: handleClick
-        }, [
+          class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
+        }, customDocumentHtmlAttributes.value, { onClick: handleClick }), [
           createVNode(_sfc_main$w, { options: badgesOptions.value }, null, 8, ["options"]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
@@ -13642,7 +13650,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               ], 2);
             }), 128))
           ], 2)
-        ], 2);
+        ], 16);
       };
     }
   });
@@ -13969,7 +13977,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           "queryKey",
           "idKey",
           "titleKey",
-          "routingBehavior"
+          "routingBehavior",
+          "customDocumentHtmlAttributes"
         ]);
       });
       const similarQueriesLabels = computed(() => {

package/dist/lupaSearch.js

@@ -8953,6 +8953,10 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
       var _a;
       return (_a = props.panelOptions.elements) == null ? void 0 : _a.find((e) => e.type === DocumentElementType.ADDTOCART);
     });
+    const customDocumentHtmlAttributes = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = props.panelOptions).customDocumentHtmlAttributes) == null ? void 0 : _b.call(_a, props.item)) != null ? _c : {};
+    });
     const handleClick = (event) => {
       emit2("product-click", {
         item: props.item,
@@ -8967,12 +8971,13 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
       isInStock.value = props.panelOptions.isInStock ? yield props.panelOptions.isInStock(props.item) : true;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("a", {
-        class: normalizeClass(["lupa-search-box-product", { "lupa-search-box-product-highlighted": _ctx.highlighted }]),
+      return openBlock(), createElementBlock("a", mergeProps({
+        class: ["lupa-search-box-product", { "lupa-search-box-product-highlighted": _ctx.highlighted }],
+        href: link.value
+      }, customDocumentHtmlAttributes.value, {
         "data-cy": "lupa-search-box-product",
-        href: link.value,
         onClick: handleClick
-      }, [
+      }), [
         createBaseVNode("div", _hoisted_2$I, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
             return openBlock(), createBlock(_sfc_main$13, {
@@ -9007,7 +9012,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
             isInStock: isInStock.value
           }, null, 8, ["item", "element", "labels", "link", "isInStock"])
         ])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$_);
+      ], 16, _hoisted_1$_);
     };
   }
 });
@@ -13519,6 +13524,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       }
       return (_b = (_a = props.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.htmlTitleTemplate;
     });
+    const customDocumentHtmlAttributes = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = props.options).customDocumentHtmlAttributes) == null ? void 0 : _b.call(_a, props.product)) != null ? _c : {};
+    });
     const getGroupElements = (group) => {
       var _a, _b;
       return (_b = (_a = props.options.elements) == null ? void 0 : _a.filter((e) => e.group === group)) != null ? _b : [];
@@ -13575,12 +13584,11 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock("div", mergeProps({
         id: "lupa-search-result-product-card",
         "data-cy": "lupa-search-result-product-card",
-        class: normalizeClass(["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]),
-        onClick: handleClick
-      }, [
+        class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
+      }, customDocumentHtmlAttributes.value, { onClick: handleClick }), [
         createVNode(_sfc_main$w, { options: badgesOptions.value }, null, 8, ["options"]),
         createBaseVNode("div", {
           class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
@@ -13642,7 +13650,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             ], 2);
           }), 128))
         ], 2)
-      ], 2);
+      ], 16);
     };
   }
 });
@@ -13969,7 +13977,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         "queryKey",
         "idKey",
         "titleKey",
-        "routingBehavior"
+        "routingBehavior",
+        "customDocumentHtmlAttributes"
       ]);
     });
     const similarQueriesLabels = computed(() => {

package/dist/lupaSearch.mjs

@@ -8951,6 +8951,10 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
       var _a;
       return (_a = props.panelOptions.elements) == null ? void 0 : _a.find((e) => e.type === DocumentElementType.ADDTOCART);
     });
+    const customDocumentHtmlAttributes = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = props.panelOptions).customDocumentHtmlAttributes) == null ? void 0 : _b.call(_a, props.item)) != null ? _c : {};
+    });
     const handleClick = (event) => {
       emit2("product-click", {
         item: props.item,
@@ -8965,12 +8969,13 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
       isInStock.value = props.panelOptions.isInStock ? yield props.panelOptions.isInStock(props.item) : true;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("a", {
-        class: normalizeClass(["lupa-search-box-product", { "lupa-search-box-product-highlighted": _ctx.highlighted }]),
+      return openBlock(), createElementBlock("a", mergeProps({
+        class: ["lupa-search-box-product", { "lupa-search-box-product-highlighted": _ctx.highlighted }],
+        href: link.value
+      }, customDocumentHtmlAttributes.value, {
         "data-cy": "lupa-search-box-product",
-        href: link.value,
         onClick: handleClick
-      }, [
+      }), [
         createBaseVNode("div", _hoisted_2$I, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
             return openBlock(), createBlock(_sfc_main$13, {
@@ -9005,7 +9010,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
             isInStock: isInStock.value
           }, null, 8, ["item", "element", "labels", "link", "isInStock"])
         ])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$_);
+      ], 16, _hoisted_1$_);
     };
   }
 });
@@ -13517,6 +13522,10 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       }
       return (_b = (_a = props.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.htmlTitleTemplate;
     });
+    const customDocumentHtmlAttributes = computed(() => {
+      var _a, _b, _c;
+      return (_c = (_b = (_a = props.options).customDocumentHtmlAttributes) == null ? void 0 : _b.call(_a, props.product)) != null ? _c : {};
+    });
     const getGroupElements = (group) => {
       var _a, _b;
       return (_b = (_a = props.options.elements) == null ? void 0 : _a.filter((e) => e.group === group)) != null ? _b : [];
@@ -13573,12 +13582,11 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       var _a;
-      return openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock("div", mergeProps({
         id: "lupa-search-result-product-card",
         "data-cy": "lupa-search-result-product-card",
-        class: normalizeClass(["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]),
-        onClick: handleClick
-      }, [
+        class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
+      }, customDocumentHtmlAttributes.value, { onClick: handleClick }), [
         createVNode(_sfc_main$w, { options: badgesOptions.value }, null, 8, ["options"]),
         createBaseVNode("div", {
           class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
@@ -13640,7 +13648,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             ], 2);
           }), 128))
         ], 2)
-      ], 2);
+      ], 16);
     };
   }
 });
@@ -13967,7 +13975,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         "queryKey",
         "idKey",
         "titleKey",
-        "routingBehavior"
+        "routingBehavior",
+        "customDocumentHtmlAttributes"
       ]);
     });
     const similarQueriesLabels = computed(() => {

package/dist/lupaSearch.umd.js

@@ -8955,6 +8955,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         var _a;
         return (_a = props.panelOptions.elements) == null ? void 0 : _a.find((e) => e.type === DocumentElementType.ADDTOCART);
       });
+      const customDocumentHtmlAttributes = computed(() => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = props.panelOptions).customDocumentHtmlAttributes) == null ? void 0 : _b.call(_a, props.item)) != null ? _c : {};
+      });
       const handleClick = (event) => {
         emit2("product-click", {
           item: props.item,
@@ -8969,12 +8973,13 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         isInStock.value = props.panelOptions.isInStock ? yield props.panelOptions.isInStock(props.item) : true;
       });
       return (_ctx, _cache) => {
-        return openBlock(), createElementBlock("a", {
-          class: normalizeClass(["lupa-search-box-product", { "lupa-search-box-product-highlighted": _ctx.highlighted }]),
+        return openBlock(), createElementBlock("a", mergeProps({
+          class: ["lupa-search-box-product", { "lupa-search-box-product-highlighted": _ctx.highlighted }],
+          href: link.value
+        }, customDocumentHtmlAttributes.value, {
           "data-cy": "lupa-search-box-product",
-          href: link.value,
           onClick: handleClick
-        }, [
+        }), [
           createBaseVNode("div", _hoisted_2$I, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
               return openBlock(), createBlock(_sfc_main$13, {
@@ -9009,7 +9014,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               isInStock: isInStock.value
             }, null, 8, ["item", "element", "labels", "link", "isInStock"])
           ])) : createCommentVNode("", true)
-        ], 10, _hoisted_1$_);
+        ], 16, _hoisted_1$_);
       };
     }
   });
@@ -13521,6 +13526,10 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
         }
         return (_b = (_a = props.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.htmlTitleTemplate;
       });
+      const customDocumentHtmlAttributes = computed(() => {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = props.options).customDocumentHtmlAttributes) == null ? void 0 : _b.call(_a, props.product)) != null ? _c : {};
+      });
       const getGroupElements = (group) => {
         var _a, _b;
         return (_b = (_a = props.options.elements) == null ? void 0 : _a.filter((e) => e.group === group)) != null ? _b : [];
@@ -13577,12 +13586,11 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
       }
       return (_ctx, _cache) => {
         var _a;
-        return openBlock(), createElementBlock("div", {
+        return openBlock(), createElementBlock("div", mergeProps({
           id: "lupa-search-result-product-card",
           "data-cy": "lupa-search-result-product-card",
-          class: normalizeClass(["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]),
-          onClick: handleClick
-        }, [
+          class: ["lupa-search-result-product-card", !isInStock.value ? "lupa-out-of-stock" : ""]
+        }, customDocumentHtmlAttributes.value, { onClick: handleClick }), [
           createVNode(_sfc_main$w, { options: badgesOptions.value }, null, 8, ["options"]),
           createBaseVNode("div", {
             class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
@@ -13644,7 +13652,7 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
               ], 2);
             }), 128))
           ], 2)
-        ], 2);
+        ], 16);
       };
     }
   });
@@ -13971,7 +13979,8 @@ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
           "queryKey",
           "idKey",
           "titleKey",
-          "routingBehavior"
+          "routingBehavior",
+          "customDocumentHtmlAttributes"
         ]);
       });
       const similarQueriesLabels = computed(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getlupa/client",
-  "version": "1.6.6",
+  "version": "1.7.0",
   "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.7.9",
+    "@getlupa/vue": "0.8.0",
     "@rushstack/eslint-patch": "^1.3.2",
     "@tsconfig/node18": "^2.0.1",
     "@types/jsdom": "^21.1.1",