@getlupa/client 1.15.5 → 1.15.6

package/dist/lupaSearch.iife.js

@@ -18177,6 +18177,17 @@ and ensure you are accounting for this risk.
     const rendered = mustache.render(template, document2);
     return sanitizeHtml$1(rendered);
   };
+  const getDynamicAttributes = (dynamicAttributes = [], document2 = {}) => {
+    var _a, _b;
+    const parsedAttributes = {};
+    for (const attribute of dynamicAttributes) {
+      if (!((_a = attribute == null ? void 0 : attribute.key) == null ? void 0 : _a.startsWith("data-"))) {
+        continue;
+      }
+      parsedAttributes[attribute == null ? void 0 : attribute.key] = escapeHtml$1(mustache.render((_b = attribute == null ? void 0 : attribute.value) != null ? _b : "", document2));
+    }
+    return parsedAttributes;
+  };
   const getFieldValue = (doc2, field = "") => {
     var _a;
     if (typeof field === "number") {
@@ -18862,7 +18873,8 @@ and ensure you are accounting for this risk.
     props: {
       item: {},
       options: {},
-      inStock: { type: Boolean }
+      inStock: { type: Boolean },
+      dynamicAttributes: {}
     },
     emits: ["productEvent"],
     setup(__props, { emit: emit2 }) {
@@ -18892,13 +18904,13 @@ and ensure you are accounting for this risk.
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$15, [
           createBaseVNode("div", _hoisted_2$O, [
-            createBaseVNode("button", {
+            createBaseVNode("button", mergeProps({
               onClick: withModifiers(handleClick, ["stop", "prevent"]),
-              class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
+              class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
               "data-cy": "lupa-add-to-cart",
               type: "button",
               disabled: !inStockValue.value || loading.value
-            }, toDisplayString(label.value), 11, _hoisted_3$B)
+            }, _ctx.dynamicAttributes), toDisplayString(label.value), 17, _hoisted_3$B)
           ])
         ]);
       };
@@ -18953,6 +18965,9 @@ and ensure you are accounting for this risk.
         }
         return "search-box-product-title";
       });
+      const renderDynamicAttributesOnParentElement = computed(() => {
+        return props.element.type !== DocumentElementType.ADDTOCART;
+      });
       const displayElement = computed(() => {
         const element = props.element;
         const item = props.item;
@@ -18969,20 +18984,24 @@ and ensure you are accounting for this risk.
         const enhancementData = (_d = (_c = dynamicDataIdMap.value) == null ? void 0 : _c[(_b = props.item) == null ? void 0 : _b.id]) != null ? _d : {};
         return __spreadValues2(__spreadValues2({}, props.item), enhancementData);
       });
+      const dynamicAttributes = computed(() => {
+        return getDynamicAttributes(props.element.dynamicAttributes, enhancedItem.value);
+      });
       const isLoadingDynamicData = (id) => {
         return Boolean(props.element.dynamic && id && loading.value && (loadingIds == null ? void 0 : loadingIds.value[id]));
       };
       return (_ctx, _cache) => {
         var _a, _b;
         return !_ctx.$slots.badges ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
+          displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), mergeProps({
             key: 0,
             item: enhancedItem.value,
             options: _ctx.element,
             labels: _ctx.labels,
-            class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
-            inStock: _ctx.isInStock
-          }, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true)
+            class: { "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) },
+            inStock: _ctx.isInStock,
+            "dynamic-attributes": dynamicAttributes.value
+          }, renderDynamicAttributesOnParentElement.value && dynamicAttributes.value), null, 16, ["item", "options", "labels", "class", "inStock", "dynamic-attributes"])) : createCommentVNode("", true)
         ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$14, [
           displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
             key: 0,
@@ -23858,7 +23877,8 @@ and ensure you are accounting for this risk.
     props: {
       item: {},
       options: {},
-      inStock: { type: Boolean }
+      inStock: { type: Boolean },
+      dynamicAttributes: {}
     },
     emits: ["productEvent"],
     setup(__props, { emit: emit2 }) {
@@ -23893,13 +23913,14 @@ and ensure you are accounting for this risk.
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$r, [
           createBaseVNode("div", _hoisted_2$m, [
-            createBaseVNode("button", {
+            createBaseVNode("button", mergeProps({
               id: id.value,
-              class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
+              class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
               "data-cy": "lupa-add-to-cart",
-              disabled: !inStockValue.value || loading.value,
+              disabled: !inStockValue.value || loading.value
+            }, _ctx.dynamicAttributes, {
               onClick: withModifiers(handleClick, ["stop"])
-            }, toDisplayString(label.value), 11, _hoisted_3$g)
+            }), toDisplayString(label.value), 17, _hoisted_3$g)
           ])
         ]);
       };
@@ -24095,6 +24116,9 @@ and ensure you are accounting for this risk.
         }
         return "searchResultsProductTitle";
       });
+      const renderDynamicAttributesOnParentElement = computed(() => {
+        return props.element.type !== DocumentElementType.ADDTOCART;
+      });
       const enhancedItem = computed(() => {
         var _a, _b, _c, _d;
         if (!((_a = props.item) == null ? void 0 : _a.id)) {
@@ -24111,6 +24135,9 @@ and ensure you are accounting for this risk.
         }
         return typeof element.display === "function" ? element.display(item) : processDisplayCondition(element.display, item);
       });
+      const dynamicAttributes = computed(() => {
+        return getDynamicAttributes(props.element.dynamicAttributes, enhancedItem.value);
+      });
       const handleProductEvent = (item) => {
         emit2("productEvent", item);
       };
@@ -24119,16 +24146,16 @@ and ensure you are accounting for this risk.
       };
       return (_ctx, _cache) => {
         var _a;
-        return displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
+        return displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), mergeProps({
           key: 0,
           item: enhancedItem.value,
           options: _ctx.element,
           labels: _ctx.labels,
           inStock: _ctx.inStock,
           link: _ctx.link,
-          class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
-          onProductEvent: handleProductEvent
-        }, null, 40, ["item", "options", "labels", "inStock", "link", "class"])) : createCommentVNode("", true);
+          class: { "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) },
+          "dynamic-attributes": dynamicAttributes.value
+        }, renderDynamicAttributesOnParentElement.value && dynamicAttributes.value, { onProductEvent: handleProductEvent }), null, 16, ["item", "options", "labels", "inStock", "link", "class", "dynamic-attributes"])) : createCommentVNode("", true);
       };
     }
   }));

package/dist/lupaSearch.js

@@ -18177,6 +18177,17 @@ const renderHtmlTemplate = (template, document2 = {}) => {
   const rendered = mustache.render(template, document2);
   return sanitizeHtml$1(rendered);
 };
+const getDynamicAttributes = (dynamicAttributes = [], document2 = {}) => {
+  var _a, _b;
+  const parsedAttributes = {};
+  for (const attribute of dynamicAttributes) {
+    if (!((_a = attribute == null ? void 0 : attribute.key) == null ? void 0 : _a.startsWith("data-"))) {
+      continue;
+    }
+    parsedAttributes[attribute == null ? void 0 : attribute.key] = escapeHtml$1(mustache.render((_b = attribute == null ? void 0 : attribute.value) != null ? _b : "", document2));
+  }
+  return parsedAttributes;
+};
 const getFieldValue = (doc2, field = "") => {
   var _a;
   if (typeof field === "number") {
@@ -18862,7 +18873,8 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   props: {
     item: {},
     options: {},
-    inStock: { type: Boolean }
+    inStock: { type: Boolean },
+    dynamicAttributes: {}
   },
   emits: ["productEvent"],
   setup(__props, { emit: emit2 }) {
@@ -18892,13 +18904,13 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$15, [
         createBaseVNode("div", _hoisted_2$O, [
-          createBaseVNode("button", {
+          createBaseVNode("button", mergeProps({
             onClick: withModifiers(handleClick, ["stop", "prevent"]),
-            class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
+            class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
             "data-cy": "lupa-add-to-cart",
             type: "button",
             disabled: !inStockValue.value || loading.value
-          }, toDisplayString(label.value), 11, _hoisted_3$B)
+          }, _ctx.dynamicAttributes), toDisplayString(label.value), 17, _hoisted_3$B)
         ])
       ]);
     };
@@ -18953,6 +18965,9 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
       }
       return "search-box-product-title";
     });
+    const renderDynamicAttributesOnParentElement = computed(() => {
+      return props.element.type !== DocumentElementType.ADDTOCART;
+    });
     const displayElement = computed(() => {
       const element = props.element;
       const item = props.item;
@@ -18969,20 +18984,24 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
       const enhancementData = (_d = (_c = dynamicDataIdMap.value) == null ? void 0 : _c[(_b = props.item) == null ? void 0 : _b.id]) != null ? _d : {};
       return __spreadValues2(__spreadValues2({}, props.item), enhancementData);
     });
+    const dynamicAttributes = computed(() => {
+      return getDynamicAttributes(props.element.dynamicAttributes, enhancedItem.value);
+    });
     const isLoadingDynamicData = (id) => {
       return Boolean(props.element.dynamic && id && loading.value && (loadingIds == null ? void 0 : loadingIds.value[id]));
     };
     return (_ctx, _cache) => {
       var _a, _b;
       return !_ctx.$slots.badges ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
+        displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), mergeProps({
           key: 0,
           item: enhancedItem.value,
           options: _ctx.element,
           labels: _ctx.labels,
-          class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
-          inStock: _ctx.isInStock
-        }, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true)
+          class: { "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) },
+          inStock: _ctx.isInStock,
+          "dynamic-attributes": dynamicAttributes.value
+        }, renderDynamicAttributesOnParentElement.value && dynamicAttributes.value), null, 16, ["item", "options", "labels", "class", "inStock", "dynamic-attributes"])) : createCommentVNode("", true)
       ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$14, [
         displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
           key: 0,
@@ -23858,7 +23877,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   props: {
     item: {},
     options: {},
-    inStock: { type: Boolean }
+    inStock: { type: Boolean },
+    dynamicAttributes: {}
   },
   emits: ["productEvent"],
   setup(__props, { emit: emit2 }) {
@@ -23893,13 +23913,14 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$r, [
         createBaseVNode("div", _hoisted_2$m, [
-          createBaseVNode("button", {
+          createBaseVNode("button", mergeProps({
             id: id.value,
-            class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
+            class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
             "data-cy": "lupa-add-to-cart",
-            disabled: !inStockValue.value || loading.value,
+            disabled: !inStockValue.value || loading.value
+          }, _ctx.dynamicAttributes, {
             onClick: withModifiers(handleClick, ["stop"])
-          }, toDisplayString(label.value), 11, _hoisted_3$g)
+          }), toDisplayString(label.value), 17, _hoisted_3$g)
         ])
       ]);
     };
@@ -24095,6 +24116,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
       }
       return "searchResultsProductTitle";
     });
+    const renderDynamicAttributesOnParentElement = computed(() => {
+      return props.element.type !== DocumentElementType.ADDTOCART;
+    });
     const enhancedItem = computed(() => {
       var _a, _b, _c, _d;
       if (!((_a = props.item) == null ? void 0 : _a.id)) {
@@ -24111,6 +24135,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
       }
       return typeof element.display === "function" ? element.display(item) : processDisplayCondition(element.display, item);
     });
+    const dynamicAttributes = computed(() => {
+      return getDynamicAttributes(props.element.dynamicAttributes, enhancedItem.value);
+    });
     const handleProductEvent = (item) => {
       emit2("productEvent", item);
     };
@@ -24119,16 +24146,16 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     };
     return (_ctx, _cache) => {
       var _a;
-      return displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
+      return displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), mergeProps({
         key: 0,
         item: enhancedItem.value,
         options: _ctx.element,
         labels: _ctx.labels,
         inStock: _ctx.inStock,
         link: _ctx.link,
-        class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
-        onProductEvent: handleProductEvent
-      }, null, 40, ["item", "options", "labels", "inStock", "link", "class"])) : createCommentVNode("", true);
+        class: { "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) },
+        "dynamic-attributes": dynamicAttributes.value
+      }, renderDynamicAttributesOnParentElement.value && dynamicAttributes.value, { onProductEvent: handleProductEvent }), null, 16, ["item", "options", "labels", "inStock", "link", "class", "dynamic-attributes"])) : createCommentVNode("", true);
     };
   }
 }));

package/dist/lupaSearch.mjs

@@ -18175,6 +18175,17 @@ const renderHtmlTemplate = (template, document2 = {}) => {
   const rendered = mustache.render(template, document2);
   return sanitizeHtml$1(rendered);
 };
+const getDynamicAttributes = (dynamicAttributes = [], document2 = {}) => {
+  var _a, _b;
+  const parsedAttributes = {};
+  for (const attribute of dynamicAttributes) {
+    if (!((_a = attribute == null ? void 0 : attribute.key) == null ? void 0 : _a.startsWith("data-"))) {
+      continue;
+    }
+    parsedAttributes[attribute == null ? void 0 : attribute.key] = escapeHtml$1(mustache.render((_b = attribute == null ? void 0 : attribute.value) != null ? _b : "", document2));
+  }
+  return parsedAttributes;
+};
 const getFieldValue = (doc2, field = "") => {
   var _a;
   if (typeof field === "number") {
@@ -18860,7 +18871,8 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   props: {
     item: {},
     options: {},
-    inStock: { type: Boolean }
+    inStock: { type: Boolean },
+    dynamicAttributes: {}
   },
   emits: ["productEvent"],
   setup(__props, { emit: emit2 }) {
@@ -18890,13 +18902,13 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$15, [
         createBaseVNode("div", _hoisted_2$O, [
-          createBaseVNode("button", {
+          createBaseVNode("button", mergeProps({
             onClick: withModifiers(handleClick, ["stop", "prevent"]),
-            class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
+            class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
             "data-cy": "lupa-add-to-cart",
             type: "button",
             disabled: !inStockValue.value || loading.value
-          }, toDisplayString(label.value), 11, _hoisted_3$B)
+          }, _ctx.dynamicAttributes), toDisplayString(label.value), 17, _hoisted_3$B)
         ])
       ]);
     };
@@ -18951,6 +18963,9 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
       }
       return "search-box-product-title";
     });
+    const renderDynamicAttributesOnParentElement = computed(() => {
+      return props.element.type !== DocumentElementType.ADDTOCART;
+    });
     const displayElement = computed(() => {
       const element = props.element;
       const item = props.item;
@@ -18967,20 +18982,24 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValu
       const enhancementData = (_d = (_c = dynamicDataIdMap.value) == null ? void 0 : _c[(_b = props.item) == null ? void 0 : _b.id]) != null ? _d : {};
       return __spreadValues2(__spreadValues2({}, props.item), enhancementData);
     });
+    const dynamicAttributes = computed(() => {
+      return getDynamicAttributes(props.element.dynamicAttributes, enhancedItem.value);
+    });
     const isLoadingDynamicData = (id) => {
       return Boolean(props.element.dynamic && id && loading.value && (loadingIds == null ? void 0 : loadingIds.value[id]));
     };
     return (_ctx, _cache) => {
       var _a, _b;
       return !_ctx.$slots.badges ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
+        displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), mergeProps({
           key: 0,
           item: enhancedItem.value,
           options: _ctx.element,
           labels: _ctx.labels,
-          class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
-          inStock: _ctx.isInStock
-        }, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true)
+          class: { "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) },
+          inStock: _ctx.isInStock,
+          "dynamic-attributes": dynamicAttributes.value
+        }, renderDynamicAttributesOnParentElement.value && dynamicAttributes.value), null, 16, ["item", "options", "labels", "class", "inStock", "dynamic-attributes"])) : createCommentVNode("", true)
       ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$14, [
         displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
           key: 0,
@@ -23856,7 +23875,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
   props: {
     item: {},
     options: {},
-    inStock: { type: Boolean }
+    inStock: { type: Boolean },
+    dynamicAttributes: {}
   },
   emits: ["productEvent"],
   setup(__props, { emit: emit2 }) {
@@ -23891,13 +23911,14 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$r, [
         createBaseVNode("div", _hoisted_2$m, [
-          createBaseVNode("button", {
+          createBaseVNode("button", mergeProps({
             id: id.value,
-            class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
+            class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
             "data-cy": "lupa-add-to-cart",
-            disabled: !inStockValue.value || loading.value,
+            disabled: !inStockValue.value || loading.value
+          }, _ctx.dynamicAttributes, {
             onClick: withModifiers(handleClick, ["stop"])
-          }, toDisplayString(label.value), 11, _hoisted_3$g)
+          }), toDisplayString(label.value), 17, _hoisted_3$g)
         ])
       ]);
     };
@@ -24093,6 +24114,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
       }
       return "searchResultsProductTitle";
     });
+    const renderDynamicAttributesOnParentElement = computed(() => {
+      return props.element.type !== DocumentElementType.ADDTOCART;
+    });
     const enhancedItem = computed(() => {
       var _a, _b, _c, _d;
       if (!((_a = props.item) == null ? void 0 : _a.id)) {
@@ -24109,6 +24133,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
       }
       return typeof element.display === "function" ? element.display(item) : processDisplayCondition(element.display, item);
     });
+    const dynamicAttributes = computed(() => {
+      return getDynamicAttributes(props.element.dynamicAttributes, enhancedItem.value);
+    });
     const handleProductEvent = (item) => {
       emit2("productEvent", item);
     };
@@ -24117,16 +24144,16 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent(__spreadProps2(__spreadValue
     };
     return (_ctx, _cache) => {
       var _a;
-      return displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
+      return displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), mergeProps({
         key: 0,
         item: enhancedItem.value,
         options: _ctx.element,
         labels: _ctx.labels,
         inStock: _ctx.inStock,
         link: _ctx.link,
-        class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
-        onProductEvent: handleProductEvent
-      }, null, 40, ["item", "options", "labels", "inStock", "link", "class"])) : createCommentVNode("", true);
+        class: { "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) },
+        "dynamic-attributes": dynamicAttributes.value
+      }, renderDynamicAttributesOnParentElement.value && dynamicAttributes.value, { onProductEvent: handleProductEvent }), null, 16, ["item", "options", "labels", "inStock", "link", "class", "dynamic-attributes"])) : createCommentVNode("", true);
     };
   }
 }));

package/dist/lupaSearch.umd.js

@@ -18179,6 +18179,17 @@ and ensure you are accounting for this risk.
     const rendered = mustache.render(template, document2);
     return sanitizeHtml$1(rendered);
   };
+  const getDynamicAttributes = (dynamicAttributes = [], document2 = {}) => {
+    var _a, _b;
+    const parsedAttributes = {};
+    for (const attribute of dynamicAttributes) {
+      if (!((_a = attribute == null ? void 0 : attribute.key) == null ? void 0 : _a.startsWith("data-"))) {
+        continue;
+      }
+      parsedAttributes[attribute == null ? void 0 : attribute.key] = escapeHtml$1(mustache.render((_b = attribute == null ? void 0 : attribute.value) != null ? _b : "", document2));
+    }
+    return parsedAttributes;
+  };
   const getFieldValue = (doc2, field = "") => {
     var _a;
     if (typeof field === "number") {
@@ -18864,7 +18875,8 @@ and ensure you are accounting for this risk.
     props: {
       item: {},
       options: {},
-      inStock: { type: Boolean }
+      inStock: { type: Boolean },
+      dynamicAttributes: {}
     },
     emits: ["productEvent"],
     setup(__props, { emit: emit2 }) {
@@ -18894,13 +18906,13 @@ and ensure you are accounting for this risk.
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$15, [
           createBaseVNode("div", _hoisted_2$O, [
-            createBaseVNode("button", {
+            createBaseVNode("button", mergeProps({
               onClick: withModifiers(handleClick, ["stop", "prevent"]),
-              class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
+              class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
               "data-cy": "lupa-add-to-cart",
               type: "button",
               disabled: !inStockValue.value || loading.value
-            }, toDisplayString(label.value), 11, _hoisted_3$B)
+            }, _ctx.dynamicAttributes), toDisplayString(label.value), 17, _hoisted_3$B)
           ])
         ]);
       };
@@ -18955,6 +18967,9 @@ and ensure you are accounting for this risk.
         }
         return "search-box-product-title";
       });
+      const renderDynamicAttributesOnParentElement = computed(() => {
+        return props.element.type !== DocumentElementType.ADDTOCART;
+      });
       const displayElement = computed(() => {
         const element = props.element;
         const item = props.item;
@@ -18971,20 +18986,24 @@ and ensure you are accounting for this risk.
         const enhancementData = (_d = (_c = dynamicDataIdMap.value) == null ? void 0 : _c[(_b = props.item) == null ? void 0 : _b.id]) != null ? _d : {};
         return __spreadValues2(__spreadValues2({}, props.item), enhancementData);
       });
+      const dynamicAttributes = computed(() => {
+        return getDynamicAttributes(props.element.dynamicAttributes, enhancedItem.value);
+      });
       const isLoadingDynamicData = (id) => {
         return Boolean(props.element.dynamic && id && loading.value && (loadingIds == null ? void 0 : loadingIds.value[id]));
       };
       return (_ctx, _cache) => {
         var _a, _b;
         return !_ctx.$slots.badges ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
+          displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), mergeProps({
             key: 0,
             item: enhancedItem.value,
             options: _ctx.element,
             labels: _ctx.labels,
-            class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
-            inStock: _ctx.isInStock
-          }, null, 8, ["item", "options", "labels", "class", "inStock"])) : createCommentVNode("", true)
+            class: { "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) },
+            inStock: _ctx.isInStock,
+            "dynamic-attributes": dynamicAttributes.value
+          }, renderDynamicAttributesOnParentElement.value && dynamicAttributes.value), null, 16, ["item", "options", "labels", "class", "inStock", "dynamic-attributes"])) : createCommentVNode("", true)
         ], 64)) : (openBlock(), createElementBlock("div", _hoisted_1$14, [
           displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
             key: 0,
@@ -23860,7 +23879,8 @@ and ensure you are accounting for this risk.
     props: {
       item: {},
       options: {},
-      inStock: { type: Boolean }
+      inStock: { type: Boolean },
+      dynamicAttributes: {}
     },
     emits: ["productEvent"],
     setup(__props, { emit: emit2 }) {
@@ -23895,13 +23915,14 @@ and ensure you are accounting for this risk.
       return (_ctx, _cache) => {
         return openBlock(), createElementBlock("div", _hoisted_1$r, [
           createBaseVNode("div", _hoisted_2$m, [
-            createBaseVNode("button", {
+            createBaseVNode("button", mergeProps({
               id: id.value,
-              class: normalizeClass(loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart"),
+              class: loading.value ? "lupa-add-to-cart-loading" : "lupa-add-to-cart",
               "data-cy": "lupa-add-to-cart",
-              disabled: !inStockValue.value || loading.value,
+              disabled: !inStockValue.value || loading.value
+            }, _ctx.dynamicAttributes, {
               onClick: withModifiers(handleClick, ["stop"])
-            }, toDisplayString(label.value), 11, _hoisted_3$g)
+            }), toDisplayString(label.value), 17, _hoisted_3$g)
           ])
         ]);
       };
@@ -24097,6 +24118,9 @@ and ensure you are accounting for this risk.
         }
         return "searchResultsProductTitle";
       });
+      const renderDynamicAttributesOnParentElement = computed(() => {
+        return props.element.type !== DocumentElementType.ADDTOCART;
+      });
       const enhancedItem = computed(() => {
         var _a, _b, _c, _d;
         if (!((_a = props.item) == null ? void 0 : _a.id)) {
@@ -24113,6 +24137,9 @@ and ensure you are accounting for this risk.
         }
         return typeof element.display === "function" ? element.display(item) : processDisplayCondition(element.display, item);
       });
+      const dynamicAttributes = computed(() => {
+        return getDynamicAttributes(props.element.dynamicAttributes, enhancedItem.value);
+      });
       const handleProductEvent = (item) => {
         emit2("productEvent", item);
       };
@@ -24121,16 +24148,16 @@ and ensure you are accounting for this risk.
       };
       return (_ctx, _cache) => {
         var _a;
-        return displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), {
+        return displayElement.value ? (openBlock(), createBlock(resolveDynamicComponent(elementComponent.value), mergeProps({
           key: 0,
           item: enhancedItem.value,
           options: _ctx.element,
           labels: _ctx.labels,
           inStock: _ctx.inStock,
           link: _ctx.link,
-          class: normalizeClass({ "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) }),
-          onProductEvent: handleProductEvent
-        }, null, 40, ["item", "options", "labels", "inStock", "link", "class"])) : createCommentVNode("", true);
+          class: { "lupa-loading-dynamic-data": isLoadingDynamicData((_a = _ctx.item) == null ? void 0 : _a.id) },
+          "dynamic-attributes": dynamicAttributes.value
+        }, renderDynamicAttributesOnParentElement.value && dynamicAttributes.value, { onProductEvent: handleProductEvent }), null, 16, ["item", "options", "labels", "inStock", "link", "class", "dynamic-attributes"])) : createCommentVNode("", true);
       };
     }
   }));

package/package.json

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