@getlupa/vue 0.7.9 → 0.8.0

package/dist/lupaSearch.js

@@ -4309,6 +4309,10 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
       var _a;
       return (_a = props.panelOptions.elements) == null ? void 0 : _a.find((e) => e.type === DocumentElementType.ADDTOCART);
     });
+    const customDocumentHtmlAttributes = vue.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) => {
       emit("product-click", {
         item: props.item,
@@ -4323,12 +4327,13 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
       isInStock.value = props.panelOptions.isInStock ? yield props.panelOptions.isInStock(props.item) : true;
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("a", {
-        class: vue.normalizeClass(["lupa-search-box-product", { "lupa-search-box-product-highlighted": _ctx.highlighted }]),
+      return vue.openBlock(), vue.createElementBlock("a", vue.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
-      }, [
+      }), [
         vue.createElementVNode("div", _hoisted_2$I, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(imageElements.value, (element) => {
             return vue.openBlock(), vue.createBlock(_sfc_main$13, {
@@ -4363,7 +4368,7 @@ const _sfc_main$12 = /* @__PURE__ */ vue.defineComponent({
             isInStock: isInStock.value
           }, null, 8, ["item", "element", "labels", "link", "isInStock"])
         ])) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$_);
+      ], 16, _hoisted_1$_);
     };
   }
 });
@@ -8891,6 +8896,10 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
       }
       return (_b = (_a = props.options) == null ? void 0 : _a.labels) == null ? void 0 : _b.htmlTitleTemplate;
     });
+    const customDocumentHtmlAttributes = vue.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 : [];
@@ -8947,12 +8956,11 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       var _a;
-      return vue.openBlock(), vue.createElementBlock("div", {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         id: "lupa-search-result-product-card",
         "data-cy": "lupa-search-result-product-card",
-        class: vue.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 }), [
         vue.createVNode(_sfc_main$w, { options: badgesOptions.value }, null, 8, ["options"]),
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
@@ -9014,7 +9022,7 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
             ], 2);
           }), 128))
         ], 2)
-      ], 2);
+      ], 16);
     };
   }
 });
@@ -9341,7 +9349,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
         "queryKey",
         "idKey",
         "titleKey",
-        "routingBehavior"
+        "routingBehavior",
+        "customDocumentHtmlAttributes"
       ]);
     });
     const similarQueriesLabels = vue.computed(() => {

package/dist/lupaSearch.mjs

@@ -4307,6 +4307,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) => {
       emit("product-click", {
         item: props.item,
@@ -4321,12 +4325,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
-      }, [
+      }), [
         createElementVNode("div", _hoisted_2$I, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(imageElements.value, (element) => {
             return openBlock(), createBlock(_sfc_main$13, {
@@ -4361,7 +4366,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$_);
     };
   }
 });
@@ -8889,6 +8894,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 : [];
@@ -8945,12 +8954,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"]),
         createElementVNode("div", {
           class: normalizeClass(["lupa-search-result-product-contents", listLayoutClass.value])
@@ -9012,7 +9020,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             ], 2);
           }), 128))
         ], 2)
-      ], 2);
+      ], 16);
     };
   }
 });
@@ -9339,7 +9347,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         "queryKey",
         "idKey",
         "titleKey",
-        "routingBehavior"
+        "routingBehavior",
+        "customDocumentHtmlAttributes"
       ]);
     });
     const similarQueriesLabels = computed(() => {

package/dist/src/types/General.d.ts

@@ -1,5 +1,6 @@
 import type { AnalyticsOptions } from './AnalyticsOptions';
-import type { Environment as SdkEnvironment } from '@getlupa/client-sdk/Types';
+import type { Environment as SdkEnvironment, Document } from '@getlupa/client-sdk/Types';
+export type CustomDocumentHtmlAttributes = (doc: Document) => Record<string, unknown>;
 export type SdkOptions = {
     environment: SdkEnvironment;
     customBaseUrl?: string;

package/dist/src/types/search-box/SearchBoxPanel.d.ts

@@ -1,5 +1,6 @@
 import type { DocumentElement } from '../DocumentElement';
 import type { Document } from '@getlupa/client-sdk/Types';
+import { CustomDocumentHtmlAttributes } from '../General';
 export declare enum SearchBoxPanelType {
     SUGGESTION = "suggestion",
     DOCUMENT = "document"
@@ -25,6 +26,7 @@ export type DocumentSearchBoxPanel = SearchBoxPanelBase & {
     customClassName?: string;
     searchBySuggestion?: boolean;
     isInStock?: (doc: Document) => boolean;
+    customDocumentHtmlAttributes?: CustomDocumentHtmlAttributes;
 };
 export type SuggestionSearchBoxPanel = SearchBoxPanelBase & {
     type: SearchBoxPanelType.SUGGESTION;

package/dist/src/types/search-results/SearchResultsProductCardOptions.d.ts

@@ -3,6 +3,7 @@ import type { DocumentElement } from '../DocumentElement';
 import type { BadgeElement, BadgeGenerateOptions } from './BadgeOptions';
 import type { RoutingBehavior } from './RoutingBehavior';
 import type { SearchResultsOptionLabels } from './SearchResultsOptions';
+import { CustomDocumentHtmlAttributes } from '../General';
 export type SearchResultsProductCardOptions = {
     labels: SearchResultsOptionLabels;
     routingBehavior?: RoutingBehavior;
@@ -15,6 +16,7 @@ export type SearchResultsProductCardOptions = {
     queryKey: string;
     idKey?: string;
     titleKey?: string;
+    customDocumentHtmlAttributes?: CustomDocumentHtmlAttributes;
 };
 export type SearchResultBadgeOptions = {
     anchor: AnchorPosition;

package/package.json

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