@propeller-commerce/propeller-v2-vue-ui 0.3.32 → 0.3.33

package/dist/index.cjs

@@ -3084,11 +3084,11 @@ const _hoisted_14$t = {
   viewBox: "0 0 24 24",
   class: "propeller-login-form__spinner animate-spin -ml-1 mr-2 h-4 w-4 text-primary-foreground"
 };
-const _hoisted_15$s = {
+const _hoisted_15$t = {
   key: 1,
   class: "propeller-login-form__footer mt-6 border-t pt-6 space-y-3"
 };
-const _hoisted_16$r = { class: "propeller-login-form__register text-center" };
+const _hoisted_16$s = { class: "propeller-login-form__register text-center" };
 const _hoisted_17$r = { class: "propeller-login-form__register-prompt text-sm text-muted-foreground mb-2" };
 const _hoisted_18$p = { class: "propeller-login-form__guest text-center" };
 const _hoisted_19$p = {
@@ -3322,13 +3322,13 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
             ], 8, _hoisted_13$t)
           ])
         ], 32),
-        (showRegister.value || showGuestCheckout.value) && !__props.accountHeaderLoginForm ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$s, [
+        (showRegister.value || showGuestCheckout.value) && !__props.accountHeaderLoginForm ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$t, [
           __props.displayRegisterLink !== false ? vue.renderSlot(_ctx.$slots, "registerLink", {
             key: 0,
             onClick: (e) => __props.onRegisterClick?.(e),
             labels: __props.labels
           }, () => [
-            vue.createElementVNode("div", _hoisted_16$r, [
+            vue.createElementVNode("div", _hoisted_16$s, [
               vue.createElementVNode("p", _hoisted_17$r, vue.toDisplayString(registerText.value), 1),
               vue.createElementVNode("button", {
                 type: "button",
@@ -3419,8 +3419,8 @@ const _hoisted_13$s = {
   class: "propeller-account-menu__greeting hidden md:block font-normal"
 };
 const _hoisted_14$s = { class: "propeller-account-menu__user pb-3 mb-3 border-b border-border" };
-const _hoisted_15$r = { class: "propeller-account-menu__user-label text-xs text-muted-foreground uppercase tracking-wider font-semibold mb-1" };
-const _hoisted_16$q = { class: "propeller-account-menu__user-name font-medium text-foreground truncate" };
+const _hoisted_15$s = { class: "propeller-account-menu__user-label text-xs text-muted-foreground uppercase tracking-wider font-semibold mb-1" };
+const _hoisted_16$r = { class: "propeller-account-menu__user-name font-medium text-foreground truncate" };
 const _hoisted_17$q = { class: "propeller-account-menu__nav" };
 const _hoisted_18$o = { class: "propeller-account-menu__list space-y-0.5" };
 const _hoisted_19$o = ["onClick"];
@@ -3645,8 +3645,8 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
             isMounted.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               !!user.value ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                 vue.createElementVNode("div", _hoisted_14$s, [
-                  vue.createElementVNode("p", _hoisted_15$r, vue.toDisplayString(getLabel("signedInAs", "Signed in as")), 1),
-                  vue.createElementVNode("p", _hoisted_16$q, vue.toDisplayString(getUserName()), 1)
+                  vue.createElementVNode("p", _hoisted_15$s, vue.toDisplayString(getLabel("signedInAs", "Signed in as")), 1),
+                  vue.createElementVNode("p", _hoisted_16$r, vue.toDisplayString(getUserName()), 1)
                 ]),
                 vue.createElementVNode("nav", _hoisted_17$q, [
                   vue.createElementVNode("ul", _hoisted_18$o, [
@@ -3936,8 +3936,8 @@ const _hoisted_14$r = {
   key: 1,
   class: "propeller-add-to-cart__modal fixed inset-0 z-50 flex items-center justify-center px-4"
 };
-const _hoisted_15$q = { class: "propeller-add-to-cart__modal-content relative w-full max-w-lg bg-card rounded-[var(--radius-container)] shadow-2xl overflow-hidden" };
-const _hoisted_16$p = { class: "propeller-add-to-cart__modal-header flex items-center gap-3 px-6 py-4 border-b border-border-subtle" };
+const _hoisted_15$r = { class: "propeller-add-to-cart__modal-content relative w-full max-w-lg bg-card rounded-[var(--radius-container)] shadow-2xl overflow-hidden" };
+const _hoisted_16$q = { class: "propeller-add-to-cart__modal-header flex items-center gap-3 px-6 py-4 border-b border-border-subtle" };
 const _hoisted_17$p = {
   fill: "none",
   viewBox: "0 0 24 24",
@@ -4320,8 +4320,8 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
             class: "propeller-add-to-cart__modal-backdrop fixed inset-0 bg-foreground/20",
             onClick: _cache[6] || (_cache[6] = async (event) => closeModal())
           }),
-          vue.createElementVNode("div", _hoisted_15$q, [
-            vue.createElementVNode("div", _hoisted_16$p, [
+          vue.createElementVNode("div", _hoisted_15$r, [
+            vue.createElementVNode("div", _hoisted_16$q, [
               (vue.openBlock(), vue.createElementBlock("svg", _hoisted_17$p, [..._cache[15] || (_cache[15] = [
                 vue.createElementVNode("path", {
                   strokeLinecap: "round",
@@ -4477,8 +4477,8 @@ const _hoisted_14$q = {
   key: 1,
   class: "propeller-add-to-favorite__add-form space-y-3"
 };
-const _hoisted_15$p = { class: "space-y-1" };
-const _hoisted_16$o = { class: "propeller-add-to-favorite__select-label text-xs text-muted-foreground" };
+const _hoisted_15$q = { class: "space-y-1" };
+const _hoisted_16$p = { class: "propeller-add-to-favorite__select-label text-xs text-muted-foreground" };
 const _hoisted_17$o = ["value"];
 const _hoisted_18$m = ["value"];
 const _hoisted_19$m = ["disabled"];
@@ -4723,8 +4723,8 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                 _cache[9] || (_cache[9] = vue.createElementVNode("div", { class: "propeller-add-to-favorite__divider border-t border-border" }, null, -1))
               ], 64)) : vue.createCommentVNode("", true),
               getNonMemberLists().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$q, [
-                vue.createElementVNode("div", _hoisted_15$p, [
-                  vue.createElementVNode("label", _hoisted_16$o, vue.toDisplayString(getLabel("chooseList", "Choose a favorites list*")), 1),
+                vue.createElementVNode("div", _hoisted_15$q, [
+                  vue.createElementVNode("label", _hoisted_16$p, vue.toDisplayString(getLabel("chooseList", "Choose a favorites list*")), 1),
                   vue.createElementVNode("select", {
                     class: "propeller-add-to-favorite__select block w-full rounded-[var(--radius-control)] border border-input px-3 py-2.5 text-sm focus:border-primary focus:ring-primary",
                     value: selectedListId.value,
@@ -4793,11 +4793,11 @@ const _hoisted_11$r = {
 const _hoisted_12$r = { class: "mt-2" };
 const _hoisted_13$p = { class: "propeller-address-card__default-badge bg-secondary/10 text-secondary text-xs px-2 py-1 rounded-full" };
 const _hoisted_14$p = { class: "propeller-address-card__actions mt-4 pt-4 border-t border-border-subtle flex flex-wrap gap-2" };
-const _hoisted_15$o = {
+const _hoisted_15$p = {
   key: 1,
   class: "propeller-address-card__form bg-card p-6 rounded-[var(--radius-container)] border"
 };
-const _hoisted_16$n = {
+const _hoisted_16$o = {
   key: 0,
   class: "text-xl font-bold mb-4"
 };
@@ -5205,11 +5205,11 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
             ])
           ]) : vue.createCommentVNode("", true)
         ], 8, _hoisted_2$J)) : vue.createCommentVNode("", true),
-        __props.inline && showEditModal.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$o, [
+        __props.inline && showEditModal.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$p, [
           vue.createElementVNode("form", {
             onSubmit: _cache[19] || (_cache[19] = async (e) => handleSaveEdit(e))
           }, [
-            !!formTitle.value ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_16$n, vue.toDisplayString(formTitle.value), 1)) : vue.createCommentVNode("", true),
+            !!formTitle.value ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_16$o, vue.toDisplayString(formTitle.value), 1)) : vue.createCommentVNode("", true),
             vue.createElementVNode("div", _hoisted_17$n, [
               vue.createElementVNode("div", _hoisted_18$l, [
                 vue.createElementVNode("div", null, [
@@ -6127,11 +6127,11 @@ const _hoisted_11$q = { class: "font-medium" };
 const _hoisted_12$q = { class: "propeller-cart-item__surcharges-list mt-0.5" };
 const _hoisted_13$o = { class: "mt-1" };
 const _hoisted_14$o = { class: "propeller-cart-item__bundle mt-3 space-y-1.5 border-l-2 border-border pl-3" };
-const _hoisted_15$n = {
+const _hoisted_15$o = {
   key: 0,
   class: "propeller-cart-item__bundle-leader flex flex-wrap gap-x-2 text-sm text-muted-foreground"
 };
-const _hoisted_16$m = { class: "font-semibold text-foreground" };
+const _hoisted_16$n = { class: "font-semibold text-foreground" };
 const _hoisted_17$m = { class: "font-semibold text-foreground" };
 const _hoisted_18$k = { class: "font-medium" };
 const _hoisted_19$k = { class: "font-semibold text-foreground" };
@@ -6605,8 +6605,8 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
             nonLeaders: getBundleNonLeaders()
           }, () => [
             vue.createElementVNode("div", _hoisted_14$o, [
-              !!getBundleLeaderName() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$n, [
-                vue.createElementVNode("span", _hoisted_16$m, vue.toDisplayString(getBundleLeaderName()), 1),
+              !!getBundleLeaderName() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$o, [
+                vue.createElementVNode("span", _hoisted_16$n, vue.toDisplayString(getBundleLeaderName()), 1),
                 !!getBundleLeaderPrice() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                   _cache[8] || (_cache[8] = vue.createElementVNode("div", { class: "flex-1 border-b border-dotted border-input mx-1 mb-1" }, null, -1)),
                   vue.createElementVNode("span", _hoisted_17$m, vue.toDisplayString(getBundleLeaderPrice()), 1)
@@ -6864,8 +6864,8 @@ const _hoisted_14$n = {
   class: "w-5 h-5 text-muted-foreground",
   strokeWidth: 1.5
 };
-const _hoisted_15$m = { class: "propeller-cart-icon__sidebar-title text-base font-semibold text-foreground" };
-const _hoisted_16$l = { class: "propeller-cart-icon__sidebar-count inline-flex items-center justify-center h-5 min-w-[20px] px-1.5 rounded-full bg-secondary/10 text-secondary text-xs font-bold" };
+const _hoisted_15$n = { class: "propeller-cart-icon__sidebar-title text-base font-semibold text-foreground" };
+const _hoisted_16$m = { class: "propeller-cart-icon__sidebar-count inline-flex items-center justify-center h-5 min-w-[20px] px-1.5 rounded-full bg-secondary/10 text-secondary text-xs font-bold" };
 const _hoisted_17$l = ["aria-label"];
 const _hoisted_18$j = {
   fill: "none",
@@ -6976,8 +6976,9 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     function getTotalItems() {
       return getCartItems().reduce((sum, item) => sum + (item.quantity || 0), 0);
     }
+    const useTax = vue.computed(() => !!infra.includeTax);
     function getTotalPrice() {
-      const total = props.cart?.total?.totalNet;
+      const total = useTax.value ? props.cart?.total?.totalNet : props.cart?.total?.totalGross;
       return index.formatPrice(total ?? 0, { symbol: infra.currency ?? "€" });
     }
     function getItems() {
@@ -7125,8 +7126,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                       d: "M15.75 10.5V6a3.75 3.75 0 10-7.5 0v4.5m11.356-1.993l1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 01-1.12-1.243l1.264-12A1.125 1.125 0 015.513 7.5h12.974c.576 0 1.059.435 1.119 1.007z"
                     }, null, -1)
                   ])])),
-                  vue.createElementVNode("h2", _hoisted_15$m, vue.toDisplayString(getSidebarTitle()), 1),
-                  vue.createElementVNode("span", _hoisted_16$l, vue.toDisplayString(getTotalItems()), 1)
+                  vue.createElementVNode("h2", _hoisted_15$n, vue.toDisplayString(getSidebarTitle()), 1),
+                  vue.createElementVNode("span", _hoisted_16$m, vue.toDisplayString(getTotalItems()), 1)
                 ]),
                 vue.createElementVNode("button", {
                   type: "button",
@@ -7176,7 +7177,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                     showCartItemNotesField: false,
                     showCrossupsells: false,
                     showStockComponent: false,
-                    includeTax: false,
+                    includeTax: useTax.value,
                     className: "propeller-cart-icon__item"
                   }, {
                     image: vue.withCtx(({ cartItem: rowCartItem }) => [
@@ -7206,13 +7207,13 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                       }, vue.toDisplayString(name), 9, _hoisted_27$f)) : vue.createCommentVNode("", true)
                     ]),
                     _: 1
-                  }, 40, ["cartItem", "cartId", "graphqlClient", "user", "language", "configuration", "companyId", "onTitleClick"]);
+                  }, 40, ["cartItem", "cartId", "graphqlClient", "user", "language", "configuration", "companyId", "onTitleClick", "includeTax"]);
                 }), 128)) : vue.createCommentVNode("", true),
                 (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(CartBonusItemsImpl.value), {
                   cart: __props.cart,
-                  includeTax: true,
+                  includeTax: useTax.value,
                   className: "mt-4"
-                }, null, 8, ["cart"]))
+                }, null, 8, ["cart", "includeTax"]))
               ]),
               getItems().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28$e, [
                 vue.createElementVNode("div", _hoisted_29$e, [
@@ -7306,8 +7307,8 @@ const _hoisted_14$m = {
   key: 2,
   class: "propeller-cart-overview__address-email text-muted-foreground"
 };
-const _hoisted_15$l = { class: "propeller-cart-overview__info-panel bg-surface-hover p-4 rounded-[var(--radius-control)] border border-border space-y-2 text-sm" };
-const _hoisted_16$k = {
+const _hoisted_15$m = { class: "propeller-cart-overview__info-panel bg-surface-hover p-4 rounded-[var(--radius-control)] border border-border space-y-2 text-sm" };
+const _hoisted_16$l = {
   key: 0,
   class: "flex justify-between"
 };
@@ -7485,8 +7486,8 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
             ])) : vue.createCommentVNode("", true)
           ])
         ]),
-        vue.createElementVNode("div", _hoisted_15$l, [
-          paymentMethod.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$k, [
+        vue.createElementVNode("div", _hoisted_15$m, [
+          paymentMethod.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$l, [
             vue.createElementVNode("span", _hoisted_17$k, vue.toDisplayString(getLabel("payment", "Payment:")), 1),
             vue.createElementVNode("span", null, vue.toDisplayString(paymentMethod.value), 1)
           ])) : vue.createCommentVNode("", true),
@@ -7716,8 +7717,8 @@ const _hoisted_12$n = {
 };
 const _hoisted_13$l = { class: "propeller-cart-summary__label" };
 const _hoisted_14$l = { class: "propeller-cart-summary__value" };
-const _hoisted_15$k = { class: "propeller-cart-summary__label" };
-const _hoisted_16$j = { class: "propeller-cart-summary__value" };
+const _hoisted_15$l = { class: "propeller-cart-summary__label" };
+const _hoisted_16$k = { class: "propeller-cart-summary__value" };
 const _hoisted_17$j = {
   key: 5,
   class: "propeller-cart-summary__row flex justify-between text-muted-foreground text-sm",
@@ -7905,8 +7906,8 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
             class: "propeller-cart-summary__row flex justify-between text-muted-foreground text-sm",
             "data-row": "vat-line"
           }, [
-            vue.createElementVNode("span", _hoisted_15$k, vue.toDisplayString(tax.taxPercentage) + "% " + vue.toDisplayString(getLabel("vat", "VAT")) + ":", 1),
-            vue.createElementVNode("span", _hoisted_16$j, vue.toDisplayString(formatItemPrice(Number(tax.price))), 1)
+            vue.createElementVNode("span", _hoisted_15$l, vue.toDisplayString(tax.taxPercentage) + "% " + vue.toDisplayString(getLabel("vat", "VAT")) + ":", 1),
+            vue.createElementVNode("span", _hoisted_16$k, vue.toDisplayString(formatItemPrice(Number(tax.price))), 1)
           ]);
         }), 128)) : vue.createCommentVNode("", true),
         showTotalVat.value && totalVat.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$j, [
@@ -8150,8 +8151,8 @@ const _hoisted_11$m = ["href"];
 const _hoisted_12$m = { class: "flex flex-col gap-0.5" };
 const _hoisted_13$k = { class: "propeller-cluster-card__manufacturer text-xs text-muted-foreground" };
 const _hoisted_14$k = { class: "propeller-cluster-card__description line-clamp-2 text-xs text-muted-foreground" };
-const _hoisted_15$j = { class: "propeller-cluster-card__footer w-full md:w-auto flex flex-col gap-2 md:flex-row md:items-center md:gap-3 px-4 py-2 md:py-0 border-t md:border-t-0 border-border-subtle" };
-const _hoisted_16$i = { class: "propeller-cluster-card__footer-meta flex items-center justify-between gap-3 md:contents" };
+const _hoisted_15$k = { class: "propeller-cluster-card__footer w-full md:w-auto flex flex-col gap-2 md:flex-row md:items-center md:gap-3 px-4 py-2 md:py-0 border-t md:border-t-0 border-border-subtle" };
+const _hoisted_16$j = { class: "propeller-cluster-card__footer-meta flex items-center justify-between gap-3 md:contents" };
 const _hoisted_17$i = {
   key: 1,
   class: "propeller-cluster-card__price font-bold text-foreground text-sm whitespace-nowrap"
@@ -8495,8 +8496,8 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
               ]) : vue.createCommentVNode("", true)
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_15$j, [
-            vue.createElementVNode("div", _hoisted_16$i, [
+          vue.createElementVNode("div", _hoisted_15$k, [
+            vue.createElementVNode("div", _hoisted_16$j, [
               __props.showStock && !!__props.cluster.defaultProduct?.inventory ? vue.renderSlot(_ctx.$slots, "stock", {
                 key: 0,
                 cluster: __props.cluster,
@@ -8730,8 +8731,8 @@ const _hoisted_14$j = {
   key: 4,
   class: "propeller-cluster-configurator__options flex flex-wrap gap-3"
 };
-const _hoisted_15$i = ["disabled", "onClick", "data-selected"];
-const _hoisted_16$h = ["src", "alt"];
+const _hoisted_15$j = ["disabled", "onClick", "data-selected"];
+const _hoisted_16$i = ["src", "alt"];
 const _hoisted_17$h = {
   key: 0,
   class: "propeller-cluster-configurator__image-check absolute inset-0 bg-secondary bg-opacity-20 flex items-center justify-center"
@@ -9108,7 +9109,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                       class: "propeller-cluster-configurator__image w-full h-full object-cover",
                       src: val,
                       alt: val
-                    }, null, 8, _hoisted_16$h),
+                    }, null, 8, _hoisted_16$i),
                     setting.selectedValue === val ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$h, [..._cache[0] || (_cache[0] = [
                       vue.createElementVNode("svg", {
                         fill: "currentColor",
@@ -9122,7 +9123,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                         })
                       ], -1)
                     ])])) : vue.createCommentVNode("", true)
-                  ], 10, _hoisted_15$i);
+                  ], 10, _hoisted_15$j);
                 }), 128))
               ])) : vue.createCommentVNode("", true),
               setting.displayType !== "DROPDOWN" && setting.displayType !== "RADIO" && setting.displayType !== "COLOR" && setting.displayType !== "IMAGE" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18$f, [
@@ -9305,7 +9306,7 @@ const _hoisted_12$k = {
 };
 const _hoisted_13$i = { class: "min-w-0 flex-1" };
 const _hoisted_14$i = { class: "propeller-cluster-options__preview-name truncate text-sm font-medium text-foreground" };
-const _hoisted_15$h = { class: "propeller-cluster-options__preview-price text-sm font-semibold text-secondary" };
+const _hoisted_15$i = { class: "propeller-cluster-options__preview-price text-sm font-semibold text-secondary" };
 const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "ClusterOptions",
   props: {
@@ -9459,7 +9460,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
                 ])])) : vue.createCommentVNode("", true),
                 vue.createElementVNode("div", _hoisted_13$i, [
                   vue.createElementVNode("p", _hoisted_14$i, vue.toDisplayString(option.previewName), 1),
-                  vue.createElementVNode("p", _hoisted_15$h, vue.toDisplayString(option.previewPrice), 1)
+                  vue.createElementVNode("p", _hoisted_15$i, vue.toDisplayString(option.previewPrice), 1)
                 ])
               ])) : vue.createCommentVNode("", true)
             ], 8, _hoisted_2$w);
@@ -9639,7 +9640,7 @@ const _hoisted_6$q = {
 const _hoisted_7$q = { class: "propeller-delivery-date__modal-content bg-card rounded-xl shadow-xl p-6 w-full max-w-sm mx-4" };
 const _hoisted_8$o = { class: "propeller-delivery-date__modal-header flex justify-between items-center mb-4" };
 const _hoisted_9$n = { class: "propeller-delivery-date__modal-title text-lg font-semibold" };
-const _hoisted_10$l = ["min", "value"];
+const _hoisted_10$l = ["lang", "min", "value"];
 const _hoisted_11$j = {
   key: 0,
   class: "propeller-delivery-date__input-error text-sm text-destructive mt-2",
@@ -9657,10 +9658,15 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
     formatDateDisplay: {},
     labels: {},
     containerClass: {},
-    initialDate: {}
+    initialDate: {},
+    language: {}
   },
   setup(__props) {
     const props = __props;
+    const infra = ProductVideos_vue_vue_type_script_setup_true_lang.useInfraProps(props);
+    const inputLang = vue.computed(
+      () => infra.language ? String(infra.language).toLowerCase() : void 0
+    );
     const selectedDate = vue.ref("");
     const modalOpen = vue.ref(false);
     const customDateValue = vue.ref("");
@@ -9747,8 +9753,8 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
       if (!isoDate) return "";
       const date = new Date(isoDate);
       if (isNaN(date.getTime())) return "";
-      const weekday = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"][date.getDay()];
-      const months = [
+      const WEEKDAYS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+      const MONTHS = [
         "Jan",
         "Feb",
         "Mar",
@@ -9762,7 +9768,9 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
         "Nov",
         "Dec"
       ];
-      return weekday + ", " + months[date.getMonth()] + " " + date.getDate();
+      const weekday = getLabel(`day_${date.getDay()}`, WEEKDAYS[date.getDay()]);
+      const month = getLabel(`month_${date.getMonth()}`, MONTHS[date.getMonth()]);
+      return weekday + ", " + month + " " + date.getDate();
     }
     function handleSelect(isoDate) {
       selectedDate.value = isoDate;
@@ -9867,6 +9875,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
             ]),
             vue.createElementVNode("input", {
               type: "date",
+              lang: inputLang.value,
               class: vue.normalizeClass(["propeller-delivery-date__input w-full border border-input rounded-[var(--radius-container)] px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-secondary focus:border-secondary", customDateError.value ? "border-destructive focus:ring-destructive focus:border-destructive" : ""]),
               min: minDate.value,
               value: customDateValue.value,
@@ -9918,12 +9927,12 @@ const _hoisted_14$h = {
   key: 0,
   class: "propeller-favorite-list-item__stock flex-shrink-0"
 };
-const _hoisted_15$g = {
+const _hoisted_15$h = {
   key: 0,
   class: "propeller-favorite-list-item__stock-badge inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium text-success bg-success/10",
   "data-stock": "in"
 };
-const _hoisted_16$g = {
+const _hoisted_16$h = {
   key: 1,
   class: "propeller-favorite-list-item__stock-badge inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium text-warning bg-warning/10",
   "data-stock": "low"
@@ -10145,8 +10154,8 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
           ])) : vue.createCommentVNode("", true),
           !isProduct() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             getCluster()?.defaultProduct?.inventory?.totalQuantity !== void 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$h, [
-              (getCluster()?.defaultProduct?.inventory?.totalQuantity || 0) > 5 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15$g, vue.toDisplayString(getLabel("inStock", "In stock")), 1)) : vue.createCommentVNode("", true),
-              (getCluster()?.defaultProduct?.inventory?.totalQuantity || 0) > 0 && (getCluster()?.defaultProduct?.inventory?.totalQuantity || 0) <= 5 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_16$g, vue.toDisplayString(getLabel("lowStock", "Low stock")), 1)) : vue.createCommentVNode("", true),
+              (getCluster()?.defaultProduct?.inventory?.totalQuantity || 0) > 5 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15$h, vue.toDisplayString(getLabel("inStock", "In stock")), 1)) : vue.createCommentVNode("", true),
+              (getCluster()?.defaultProduct?.inventory?.totalQuantity || 0) > 0 && (getCluster()?.defaultProduct?.inventory?.totalQuantity || 0) <= 5 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_16$h, vue.toDisplayString(getLabel("lowStock", "Low stock")), 1)) : vue.createCommentVNode("", true),
               (getCluster()?.defaultProduct?.inventory?.totalQuantity || 0) === 0 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_17$g, vue.toDisplayString(getLabel("outOfStock", "Out of stock")), 1)) : vue.createCommentVNode("", true)
             ])) : vue.createCommentVNode("", true)
           ], 64)) : vue.createCommentVNode("", true)
@@ -10414,11 +10423,11 @@ const _hoisted_12$h = {
 };
 const _hoisted_13$g = { class: "propeller-favorite-list-details__empty-title text-lg font-medium" };
 const _hoisted_14$g = { class: "propeller-favorite-list-details__empty-message text-muted-foreground" };
-const _hoisted_15$f = {
+const _hoisted_15$g = {
   key: 2,
   class: "propeller-favorite-list-details__floating-bar fixed bottom-0 left-0 right-0 z-40 border-t border-border bg-card shadow-lg"
 };
-const _hoisted_16$f = { class: "propeller-favorite-list-details__floating-bar-inner flex items-center justify-between gap-4 px-6 py-4" };
+const _hoisted_16$g = { class: "propeller-favorite-list-details__floating-bar-inner flex items-center justify-between gap-4 px-6 py-4" };
 const _hoisted_17$f = { class: "propeller-favorite-list-details__floating-bar-status flex items-center gap-2" };
 const _hoisted_18$d = ["checked"];
 const _hoisted_19$d = {
@@ -10952,8 +10961,8 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
             ])
           ])) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
-        selectedIds.value.size > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$f, [
-          vue.createElementVNode("div", _hoisted_16$f, [
+        selectedIds.value.size > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$g, [
+          vue.createElementVNode("div", _hoisted_16$g, [
             vue.createElementVNode("div", _hoisted_17$f, [
               vue.createElementVNode("input", {
                 id: "favorite-list-select-all-floating",
@@ -11170,8 +11179,8 @@ const _hoisted_11$g = { class: "flex items-center space-x-2" };
 const _hoisted_12$g = ["id", "checked"];
 const _hoisted_13$f = ["for"];
 const _hoisted_14$f = { class: "flex gap-2" };
-const _hoisted_15$e = ["onClick", "disabled"];
-const _hoisted_16$e = {
+const _hoisted_15$f = ["onClick", "disabled"];
+const _hoisted_16$f = {
   key: 1,
   class: "propeller-favorite-lists__display space-y-2"
 };
@@ -11443,14 +11452,14 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                           class: "propeller-favorite-lists__save-btn inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-[var(--radius-control)] text-primary-foreground bg-primary hover:bg-primary/80 disabled:opacity-50",
                           onClick: async (event) => handleUpdateList(String(list.id)),
                           disabled: !vue.unref(editListName).trim()
-                        }, vue.toDisplayString(getLabel("editSave", "Save")), 9, _hoisted_15$e),
+                        }, vue.toDisplayString(getLabel("editSave", "Save")), 9, _hoisted_15$f),
                         vue.createElementVNode("button", {
                           class: "propeller-favorite-lists__cancel-btn inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-[var(--radius-control)] border border-input text-muted-foreground bg-card hover:bg-surface-hover",
                           onClick: _cache[3] || (_cache[3] = async (event) => handleCancelEdit())
                         }, vue.toDisplayString(getLabel("editCancel", "Cancel")), 1)
                       ])
                     ])) : vue.createCommentVNode("", true),
-                    vue.unref(editingListId) !== String(list.id) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$e, [
+                    vue.unref(editingListId) !== String(list.id) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$f, [
                       vue.createElementVNode("div", _hoisted_17$e, [
                         vue.createElementVNode("span", _hoisted_18$c, vue.toDisplayString(list.name), 1),
                         __props.showDefaultIndicator !== false && list.isDefault ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19$c, vue.toDisplayString(getLabel("defaultBadge", "Default")), 1)) : vue.createCommentVNode("", true)
@@ -11883,8 +11892,8 @@ const _hoisted_12$e = {
 };
 const _hoisted_13$e = ["data-expanded"];
 const _hoisted_14$e = ["onClick"];
-const _hoisted_15$d = { class: "propeller-grid-filters__group-title text-sm font-semibold text-muted-foreground truncate" };
-const _hoisted_16$d = {
+const _hoisted_15$e = { class: "propeller-grid-filters__group-title text-sm font-semibold text-muted-foreground truncate" };
+const _hoisted_16$e = {
   key: 0,
   class: "propeller-grid-filters__options pt-2 space-y-1.5"
 };
@@ -12189,7 +12198,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
               class: "propeller-grid-filters__group-toggle w-full flex items-center justify-between gap-2 text-left py-1 hover:text-secondary transition-colors",
               onClick: async (event) => toggleAccordion(getFilterName(filter))
             }, [
-              vue.createElementVNode("span", _hoisted_15$d, vue.toDisplayString(getFilterTitle(filter)), 1),
+              vue.createElementVNode("span", _hoisted_15$e, vue.toDisplayString(getFilterTitle(filter)), 1),
               (vue.openBlock(), vue.createElementBlock("svg", {
                 fill: "none",
                 stroke: "currentColor",
@@ -12204,7 +12213,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                 }, null, -1)
               ])], 2))
             ], 8, _hoisted_14$e),
-            isExpanded(getFilterName(filter)) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$d, [
+            isExpanded(getFilterName(filter)) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$e, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getValidOptions(filter), (option, index22) => {
                 return vue.openBlock(), vue.createElementBlock("label", {
                   key: option.value,
@@ -12391,7 +12400,7 @@ const _hoisted_14$d = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const _hoisted_15$c = {
+const _hoisted_15$d = {
   key: 1,
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
@@ -12403,7 +12412,7 @@ const _hoisted_15$c = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const _hoisted_16$c = {
+const _hoisted_16$d = {
   key: 0,
   class: "propeller-grid-toolbar__active-filters flex flex-wrap gap-2 mb-4"
 };
@@ -12609,7 +12618,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
               currentViewMode.value === "grid" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_14$d, [..._cache[6] || (_cache[6] = [
                 vue.createStaticVNode('<line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line>', 6)
               ])])) : vue.createCommentVNode("", true),
-              currentViewMode.value === "list" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_15$c, [..._cache[7] || (_cache[7] = [
+              currentViewMode.value === "list" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_15$d, [..._cache[7] || (_cache[7] = [
                 vue.createElementVNode("rect", {
                   x: "3",
                   y: "3",
@@ -12638,7 +12647,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
             ], 8, _hoisted_13$d)
           ])
         ]),
-        hasActiveFilters() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$c, [
+        hasActiveFilters() ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$d, [
           vue.createElementVNode("button", {
             type: "button",
             class: "propeller-grid-toolbar__clear-all h-7 px-2 text-xs rounded-[var(--radius-control)] hover:bg-accent hover:text-accent-foreground transition-colors",
@@ -12731,8 +12740,8 @@ const _hoisted_14$c = {
   key: 0,
   class: "text-muted-foreground whitespace-nowrap ml-2"
 };
-const _hoisted_15$b = { class: "line-clamp-1" };
-const _hoisted_16$b = {
+const _hoisted_15$c = { class: "line-clamp-1" };
+const _hoisted_16$c = {
   key: 0,
   class: "text-foreground-subtle whitespace-nowrap ml-2"
 };
@@ -12955,8 +12964,8 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                           key: idx,
                           class: "propeller-items-overview__item-bundle-item flex justify-between items-center text-xs text-muted-foreground"
                         }, [
-                          vue.createElementVNode("span", _hoisted_15$b, vue.toDisplayString(getBundleItemName(bundleItem)), 1),
-                          !!getBundleItemPrice(bundleItem) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_16$b, vue.toDisplayString(getBundleItemPrice(bundleItem)), 1)) : vue.createCommentVNode("", true)
+                          vue.createElementVNode("span", _hoisted_15$c, vue.toDisplayString(getBundleItemName(bundleItem)), 1),
+                          !!getBundleItemPrice(bundleItem) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_16$c, vue.toDisplayString(getBundleItemPrice(bundleItem)), 1)) : vue.createCommentVNode("", true)
                         ]);
                       }), 128))
                     ])
@@ -13054,14 +13063,14 @@ const _hoisted_11$b = {
 const _hoisted_12$b = ["data-active", "onMouseenter"];
 const _hoisted_13$b = ["href", "onClick"];
 const _hoisted_14$b = { class: "propeller-menu__label truncate" };
-const _hoisted_15$a = {
+const _hoisted_15$b = {
   key: 0,
   fill: "none",
   stroke: "currentColor",
   viewBox: "0 0 24 24",
   class: "propeller-menu__chevron w-4 h-4 text-muted-foreground"
 };
-const _hoisted_16$a = {
+const _hoisted_16$b = {
   key: 0,
   class: "propeller-menu__list w-64 py-1 flex-shrink-0",
   "data-level": "3"
@@ -13262,7 +13271,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                         class: vue.normalizeClass(`propeller-menu__link flex items-center justify-between px-4 py-2.5 text-sm transition-colors ${hoveredL2Id.value === l2.categoryId ? "bg-accent text-accent-foreground" : "text-foreground hover:bg-accent/50"}`)
                       }, [
                         vue.createElementVNode("span", _hoisted_14$b, vue.toDisplayString(getCategoryName(l2)), 1),
-                        getSubCategories(l2).length > 0 ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_15$a, [..._cache[3] || (_cache[3] = [
+                        getSubCategories(l2).length > 0 ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_15$b, [..._cache[3] || (_cache[3] = [
                           vue.createElementVNode("path", {
                             strokeLinecap: "round",
                             strokeLinejoin: "round",
@@ -13280,7 +13289,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
               return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index2 }, [
                 hoveredL1Id.value === l1.categoryId ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(getSubCategories(l1), (l2, index22) => {
                   return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: index22 }, [
-                    hoveredL2Id.value === l2.categoryId && getSubCategories(l2).length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_16$a, [
+                    hoveredL2Id.value === l2.categoryId && getSubCategories(l2).length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_16$b, [
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getSubCategories(l2), (l3, idx3) => {
                         return vue.openBlock(), vue.createElementBlock("li", {
                           key: `l3-${l3.categoryId}-${idx3}`,
@@ -13735,8 +13744,8 @@ const _hoisted_14$a = {
   key: 2,
   class: "flex space-x-2 w-full"
 };
-const _hoisted_15$9 = ["placeholder", "value"];
-const _hoisted_16$9 = ["placeholder", "value"];
+const _hoisted_15$a = ["placeholder", "value"];
+const _hoisted_16$a = ["placeholder", "value"];
 const _hoisted_17$9 = {
   key: 3,
   class: "flex space-x-2 w-full"
@@ -14059,7 +14068,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                         }
                       };
                     })
-                  }, null, 40, _hoisted_15$9),
+                  }, null, 40, _hoisted_15$a),
                   vue.createElementVNode("input", {
                     type: "number",
                     placeholder: getLabel("priceMaxPlaceholder", "Max"),
@@ -14075,7 +14084,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                         }
                       };
                     })
-                  }, null, 40, _hoisted_16$9)
+                  }, null, 40, _hoisted_16$a)
                 ])) : vue.createCommentVNode("", true),
                 field === "sortInput" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$9, [
                   vue.createElementVNode("select", {
@@ -14304,8 +14313,8 @@ const _hoisted_14$9 = {
   key: 1,
   class: "text-muted-foreground"
 };
-const _hoisted_15$8 = { class: "px-4 py-3 text-muted-foreground" };
-const _hoisted_16$8 = { class: "px-4 py-3 text-muted-foreground" };
+const _hoisted_15$9 = { class: "px-4 py-3 text-muted-foreground" };
+const _hoisted_16$9 = { class: "px-4 py-3 text-muted-foreground" };
 const _hoisted_17$8 = { class: "px-4 py-3 text-muted-foreground" };
 const _hoisted_18$7 = { class: "px-4 py-3 text-right" };
 const _hoisted_19$7 = ["onClick"];
@@ -14422,8 +14431,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                       !!shipment.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_13$9, vue.toDisplayString(shipment.status), 1)) : vue.createCommentVNode("", true),
                       !shipment.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14$9, "-")) : vue.createCommentVNode("", true)
                     ]),
-                    vue.createElementVNode("td", _hoisted_15$8, vue.toDisplayString(formatDate(shipment.createdAt)), 1),
-                    vue.createElementVNode("td", _hoisted_16$8, [
+                    vue.createElementVNode("td", _hoisted_15$9, vue.toDisplayString(formatDate(shipment.createdAt)), 1),
+                    vue.createElementVNode("td", _hoisted_16$9, [
                       !!shipment.expectedDeliveryAt ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                         vue.createTextVNode(vue.toDisplayString(formatDate(shipment.expectedDeliveryAt)), 1)
                       ], 64)) : vue.createCommentVNode("", true),
@@ -14689,8 +14698,8 @@ const _hoisted_13$8 = {
   strokeWidth: 2.5
 };
 const _hoisted_14$8 = { class: "propeller-product-bundles__summary flex-shrink-0 w-full lg:w-72 pl-0 lg:pl-6" };
-const _hoisted_15$7 = { class: "propeller-product-bundles__title text-xl font-bold text-foreground mb-1" };
-const _hoisted_16$7 = {
+const _hoisted_15$8 = { class: "propeller-product-bundles__title text-xl font-bold text-foreground mb-1" };
+const _hoisted_16$8 = {
   key: 0,
   class: "propeller-product-bundles__description text-sm text-muted-foreground mb-3"
 };
@@ -15011,8 +15020,8 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 ])]))
               ]),
               vue.createElementVNode("div", _hoisted_14$8, [
-                vue.createElementVNode("h3", _hoisted_15$7, vue.toDisplayString(bundle.name || getLabel("title", "Combo deal")), 1),
-                bundle.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_16$7, vue.toDisplayString(bundle.description), 1)) : vue.createCommentVNode("", true),
+                vue.createElementVNode("h3", _hoisted_15$8, vue.toDisplayString(bundle.name || getLabel("title", "Combo deal")), 1),
+                bundle.description ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_16$8, vue.toDisplayString(bundle.description), 1)) : vue.createCommentVNode("", true),
                 bundle.condition ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_17$7, [
                   bundle.condition === vue.unref(propellerSdkV2.BundleCondition).ALL ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     vue.createTextVNode(vue.toDisplayString(getLabel("condition_ALL", "Discount on all items")), 1)
@@ -15205,8 +15214,8 @@ const _hoisted_11$7 = { class: "propeller-product-card__labels flex flex-col gap
 const _hoisted_12$7 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
 const _hoisted_13$7 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
 const _hoisted_14$7 = { class: "propeller-product-card__footer w-full md:w-auto flex flex-col gap-2 md:flex-row md:items-center md:gap-3 px-4 py-2 md:py-0 border-t md:border-t-0 border-border-subtle" };
-const _hoisted_15$6 = { class: "propeller-product-card__footer-meta flex items-center justify-between gap-3 md:contents" };
-const _hoisted_16$6 = { class: "propeller-product-card__price" };
+const _hoisted_15$7 = { class: "propeller-product-card__footer-meta flex items-center justify-between gap-3 md:contents" };
+const _hoisted_16$7 = { class: "propeller-product-card__price" };
 const _hoisted_17$6 = { class: "propeller-product-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto" };
 const _hoisted_18$5 = { class: "propeller-product-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4" };
 const _hoisted_19$5 = { class: "propeller-product-card__sku font-mono text-xs text-foreground-subtle" };
@@ -15561,7 +15570,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
             ])
           ]),
           vue.createElementVNode("div", _hoisted_14$7, [
-            vue.createElementVNode("div", _hoisted_15$6, [
+            vue.createElementVNode("div", _hoisted_15$7, [
               props.showStock && !!props.product.inventory ? vue.renderSlot(_ctx.$slots, "stock", {
                 key: 0,
                 product: __props.product,
@@ -15591,7 +15600,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 currency: __props.currency,
                 labels: props.priceLabels
               }, () => [
-                vue.createElementVNode("div", _hoisted_16$6, [
+                vue.createElementVNode("div", _hoisted_16$7, [
                   props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
                     key: 0,
                     price: __props.product.price,
@@ -17244,11 +17253,11 @@ const _hoisted_14$6 = {
   key: 1,
   class: "mb-6 space-y-3"
 };
-const _hoisted_15$5 = {
+const _hoisted_15$6 = {
   key: 0,
   class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide mb-2"
 };
-const _hoisted_16$5 = {
+const _hoisted_16$6 = {
   key: 1,
   class: "overflow-hidden rounded-[var(--radius-container)] border border-border"
 };
@@ -17426,8 +17435,8 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
               key: group,
               class: "mb-6"
             }, [
-              !!group ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_15$5, vue.toDisplayString(group), 1)) : vue.createCommentVNode("", true),
-              __props.layout !== "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$5, [
+              !!group ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_15$6, vue.toDisplayString(group), 1)) : vue.createCommentVNode("", true),
+              __props.layout !== "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$6, [
                 vue.createElementVNode("table", _hoisted_17$5, [
                   vue.createElementVNode("tbody", _hoisted_18$4, [
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributesByGroup(group), (attr, i) => {
@@ -17491,11 +17500,11 @@ const _hoisted_13$5 = {
   class: "propeller-product-tabs__accordion-panel px-4 pb-4"
 };
 const _hoisted_14$5 = { key: 2 };
-const _hoisted_15$4 = {
+const _hoisted_15$5 = {
   key: 0,
   class: "propeller-product-tabs__accordion-panel px-4 pb-4"
 };
-const _hoisted_16$4 = { key: 3 };
+const _hoisted_16$5 = { key: 3 };
 const _hoisted_17$4 = {
   key: 0,
   class: "propeller-product-tabs__accordion-panel px-4 pb-4"
@@ -17797,7 +17806,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("path", { d: "m6 9 6 6 6-6" }, null, -1)
               ])], 2))
             ]),
-            isActive("downloads") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$4, [
+            isActive("downloads") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_15$5, [
               (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(ProductDownloadsImpl.value), {
                 downloads: __props.product.media?.documents,
                 language: __props.language || "NL",
@@ -17805,7 +17814,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
               }, null, 8, ["downloads", "language", "labels"]))
             ])) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
-          isTabVisible("videos") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$4, [
+          isTabVisible("videos") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$5, [
             vue.createElementVNode("button", {
               type: "button",
               class: "propeller-product-tabs__accordion-trigger flex items-center justify-between w-full px-4 py-3 text-sm font-medium text-left",
@@ -17859,8 +17868,8 @@ const _hoisted_11$4 = { class: "text-left px-4 py-3 font-medium text-muted-foreg
 const _hoisted_12$4 = { class: "text-left px-4 py-3 font-medium text-muted-foreground" };
 const _hoisted_13$4 = { class: "divide-y divide-border" };
 const _hoisted_14$4 = { class: "px-4 py-3 text-muted-foreground" };
-const _hoisted_15$3 = { class: "px-4 py-3" };
-const _hoisted_16$3 = { class: "font-medium" };
+const _hoisted_15$4 = { class: "px-4 py-3" };
+const _hoisted_16$4 = { class: "font-medium" };
 const _hoisted_17$3 = { class: "text-xs text-muted-foreground mt-0.5" };
 const _hoisted_18$3 = { class: "px-4 py-3" };
 const _hoisted_19$3 = ["value", "disabled", "onChange"];
@@ -18041,8 +18050,8 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                         class: "hover:bg-surface-hover/30 transition-colors"
                       }, [
                         vue.createElementVNode("td", _hoisted_14$4, vue.toDisplayString(contact.contactId), 1),
-                        vue.createElementVNode("td", _hoisted_15$3, [
-                          vue.createElementVNode("div", _hoisted_16$3, vue.toDisplayString([
+                        vue.createElementVNode("td", _hoisted_15$4, [
+                          vue.createElementVNode("div", _hoisted_16$4, vue.toDisplayString([
                             contact.firstName,
                             contact.middleName,
                             contact.lastName
@@ -18309,8 +18318,8 @@ const _hoisted_11$3 = { class: "text-left px-4 py-3 font-medium text-muted-foreg
 const _hoisted_12$3 = { class: "text-left px-4 py-3 font-medium text-muted-foreground" };
 const _hoisted_13$3 = { class: "divide-y divide-border" };
 const _hoisted_14$3 = { class: "px-4 py-3 text-muted-foreground" };
-const _hoisted_15$2 = { class: "px-4 py-3" };
-const _hoisted_16$2 = { class: "px-4 py-3 font-medium" };
+const _hoisted_15$3 = { class: "px-4 py-3" };
+const _hoisted_16$3 = { class: "px-4 py-3 font-medium" };
 const _hoisted_17$2 = { class: "px-4 py-3" };
 const _hoisted_18$2 = { class: "font-medium" };
 const _hoisted_19$2 = { class: "text-xs text-muted-foreground mt-0.5" };
@@ -18483,8 +18492,8 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                       class: "hover:bg-surface-hover/30 transition-colors"
                     }, [
                       vue.createElementVNode("td", _hoisted_14$3, vue.toDisplayString(formatDate(cart.lastModifiedAt ?? "")), 1),
-                      vue.createElementVNode("td", _hoisted_15$2, vue.toDisplayString(vue.unref(getTotalQuantity)(cart)), 1),
-                      vue.createElementVNode("td", _hoisted_16$2, vue.toDisplayString(formatPrice(cart.total?.totalNet ?? 0)), 1),
+                      vue.createElementVNode("td", _hoisted_15$3, vue.toDisplayString(vue.unref(getTotalQuantity)(cart)), 1),
+                      vue.createElementVNode("td", _hoisted_16$3, vue.toDisplayString(formatPrice(cart.total?.totalNet ?? 0)), 1),
                       vue.createElementVNode("td", _hoisted_17$2, [
                         vue.createElementVNode("div", _hoisted_18$2, vue.toDisplayString(vue.unref(getContactName)(cart.contact)), 1),
                         vue.createElementVNode("div", _hoisted_19$2, vue.toDisplayString(cart.contact?.email), 1)
@@ -18795,8 +18804,8 @@ const _hoisted_11$2 = { class: "text-sm font-medium leading-none" };
 const _hoisted_12$2 = { class: "flex gap-4" };
 const _hoisted_13$2 = { class: "flex items-center gap-2 text-sm" };
 const _hoisted_14$2 = ["checked", "disabled"];
-const _hoisted_15$1 = { class: "flex items-center gap-2 text-sm" };
-const _hoisted_16$1 = ["checked", "disabled"];
+const _hoisted_15$2 = { class: "flex items-center gap-2 text-sm" };
+const _hoisted_16$2 = ["checked", "disabled"];
 const _hoisted_17$1 = { class: "flex items-center gap-2 text-sm" };
 const _hoisted_18$1 = ["checked", "disabled"];
 const _hoisted_19$1 = { class: "space-y-2" };
@@ -19297,7 +19306,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                   }, null, 40, _hoisted_14$2),
                   vue.createTextVNode(" " + vue.toDisplayString(genderMrLabel.value), 1)
                 ]),
-                vue.createElementVNode("label", _hoisted_15$1, [
+                vue.createElementVNode("label", _hoisted_15$2, [
                   vue.createElementVNode("input", {
                     type: "radio",
                     name: "gender",
@@ -19308,7 +19317,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
                       gender.value = vue.unref(propellerSdkV2.Gender).F;
                     }),
                     disabled: vue.unref(loading)
-                  }, null, 40, _hoisted_16$1),
+                  }, null, 40, _hoisted_16$2),
                   vue.createTextVNode(" " + vue.toDisplayString(genderMrsLabel.value), 1)
                 ]),
                 vue.createElementVNode("label", _hoisted_17$1, [
@@ -19863,9 +19872,11 @@ const _hoisted_12$1 = {
 };
 const _hoisted_13$1 = {
   key: 1,
-  class: "propeller-search-bar__result-price text-sm font-semibold text-foreground flex-shrink-0"
+  class: "propeller-search-bar__result-price text-sm font-semibold text-foreground flex-shrink-0 text-right"
 };
-const _hoisted_14$1 = {
+const _hoisted_14$1 = { class: "propeller-search-bar__result-price-value" };
+const _hoisted_15$1 = { class: "propeller-search-bar__result-price-label block text-xs font-normal text-muted-foreground" };
+const _hoisted_16$1 = {
   key: 1,
   class: "propeller-search-bar__empty p-4 text-center text-muted-foreground"
 };
@@ -19886,6 +19897,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     onViewAllClick: { type: Function },
     formatPrice: { type: Function },
     labels: {},
+    includeTax: { type: Boolean },
+    priceLabels: {},
     containerClassName: {},
     taxZone: {},
     companyId: {},
@@ -19975,6 +19988,13 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       }
       return index.formatPrice(price || 0, { symbol: infra.currency ?? "€" });
     }
+    const useTax = vue.computed(() => !!infra.includeTax);
+    function leadingPrice(result) {
+      return useTax.value ? result.priceNet ?? result.price ?? 0 : result.priceGross ?? result.price ?? 0;
+    }
+    function priceTaxLabel() {
+      return useTax.value ? index.getLabel(props.priceLabels, "inclTax", "incl. VAT") : index.getLabel(props.priceLabels, "exclTax", "excl. VAT");
+    }
     function mapProductToResult(item) {
       const isCluster = "clusterId" in item;
       const displayItem = isCluster ? item.defaultProduct : item;
@@ -19983,11 +20003,16 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       const urls = infra.configuration?.urls;
       const builder = isCluster ? urls?.getClusterUrl : urls?.getProductUrl;
       const url = typeof builder === "function" ? builder(item, infra.language) : isCluster ? "/cluster/" + id + "/" + slug : "/product/" + id + "/" + slug;
+      const priceNet = displayItem?.price?.net || 0;
+      const priceGross = displayItem?.price?.gross || 0;
       return {
         id,
         name: item.names?.[0]?.value || "Product",
         sku: item.sku || displayItem?.sku || "",
-        price: displayItem?.price?.gross || 0,
+        // `price` stays gross for back-compat; the row picks net/gross per toggle.
+        price: priceGross,
+        priceNet,
+        priceGross,
         imageUrl: displayItem?.media?.images?.items?.[0]?.imageVariants?.[0]?.url || "",
         url,
         isCluster
@@ -20085,7 +20110,10 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("div", _hoisted_11$1, vue.toDisplayString(result.name), 1),
                     result.sku ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, "SKU: " + vue.toDisplayString(result.sku), 1)) : vue.createCommentVNode("", true)
                   ]),
-                  result.price !== void 0 && result.price !== null ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$1, vue.toDisplayString(formatItemPrice(result.price)), 1)) : vue.createCommentVNode("", true)
+                  result.price !== void 0 && result.price !== null ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$1, [
+                    vue.createElementVNode("span", _hoisted_14$1, vue.toDisplayString(formatItemPrice(leadingPrice(result))), 1),
+                    vue.createElementVNode("span", _hoisted_15$1, vue.toDisplayString(priceTaxLabel()), 1)
+                  ])) : vue.createCommentVNode("", true)
                 ], 8, _hoisted_7$1);
               }), 128))
             ]),
@@ -20095,7 +20123,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[2] || (_cache[2] = async (event) => handleViewAllClick())
             }, vue.toDisplayString(getLabel("viewAll", "View all results")) + " (" + vue.toDisplayString(itemsFound.value) + ") ", 1)) : vue.createCommentVNode("", true)
           ], 64)) : vue.createCommentVNode("", true),
-          results.value.length === 0 && searchTerm.value.length >= minLength.value && !vue.unref(isLoading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$1, vue.toDisplayString(getLabel("noResults", "No products found for")) + ' "' + vue.toDisplayString(searchTerm.value) + '" ', 1)) : vue.createCommentVNode("", true)
+          results.value.length === 0 && searchTerm.value.length >= minLength.value && !vue.unref(isLoading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$1, vue.toDisplayString(getLabel("noResults", "No products found for")) + ' "' + vue.toDisplayString(searchTerm.value) + '" ', 1)) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true)
       ], 10, _hoisted_1$1);
     };