@propeller-commerce/propeller-v2-vue-ui 0.3.24 → 0.3.26

package/dist/index.cjs

@@ -1893,8 +1893,15 @@ function useProductInfo(options) {
       const lang = languageRef.value || "NL";
       const user = options.user?.value ?? null;
       const companyId = options.companyId?.value;
+      const explicitOrderlistIds = options.orderlistIds?.value;
       let orderlistIds = [];
-      if (user && companyId) {
+      let applyOrderlists = true;
+      if (explicitOrderlistIds && explicitOrderlistIds.length > 0) {
+        orderlistIds = explicitOrderlistIds;
+        applyOrderlists = options.applyOrderlists?.value !== false;
+      } else if (options.applyOrderlists?.value === false) {
+        applyOrderlists = false;
+      } else if (user && companyId) {
         const orderlistService = index.createServices(graphqlClient).orderlist;
         const searchInput = { companyIds: [companyId] };
         const orderlists = await orderlistService.getOrderlists(searchInput);
@@ -1905,7 +1912,7 @@ function useProductInfo(options) {
       const variables = {
         productId,
         language: lang,
-        applyOrderlists: true,
+        applyOrderlists,
         orderlistIds,
         imageSearchFilters: imageSearchFilters ?? configuration.imageSearchFiltersGrid,
         imageVariantFilters: imageVariantFilters ?? configuration.imageVariantFiltersLarge ?? configuration.imageVariantFiltersSmall,
@@ -2086,6 +2093,11 @@ function useProductSearch(options) {
       const userId = user && "contactId" in user ? user.contactId : user && "customerId" in user ? user.customerId : void 0;
       const contactId = user && "contactId" in user ? user.contactId : void 0;
       const customerId = user && "customerId" in user ? user.customerId : void 0;
+      const orderlistIdsVal = options.orderlistIds?.value;
+      const orderlistScope = orderlistIdsVal && orderlistIdsVal.length > 0 ? {
+        applyOrderlists: options.applyOrderlists?.value !== false,
+        orderlistIds: orderlistIdsVal
+      } : { applyOrderlists: false };
       const categoryProductSearchInput = {
         language: lang,
         page: pagination.currentPage.value,
@@ -2103,7 +2115,8 @@ function useProductSearch(options) {
         ...priceFilter && { price: priceFilter },
         ...sortInputs.length && { sortInputs },
         ...companyIdRef.value && { companyId: companyIdRef.value },
-        ...userId !== void 0 && { userId }
+        ...userId !== void 0 && { userId },
+        ...orderlistScope
       };
       const priceCalculateProductInput = {
         taxZone,
@@ -3078,7 +3091,7 @@ const _hoisted_15$s = {
 const _hoisted_16$r = { 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$o = {
+const _hoisted_19$p = {
   key: 2,
   class: "propeller-login-form__footer flex flex-col gap-2 text-sm pt-3 text-center"
 };
@@ -3342,7 +3355,7 @@ const _sfc_main$U = /* @__PURE__ */ vue.defineComponent({
             ])
           ]) : vue.createCommentVNode("", true)
         ])) : vue.createCommentVNode("", true),
-        __props.accountHeaderLoginForm ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19$o, [
+        __props.accountHeaderLoginForm ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19$p, [
           __props.displayForgotPasswordLink !== false ? vue.renderSlot(_ctx.$slots, "forgotPasswordLink", {
             key: 0,
             onClick: (e) => __props.onForgotPasswordClick?.(e),
@@ -3410,7 +3423,7 @@ const _hoisted_15$r = { class: "propeller-account-menu__user-label text-xs text-
 const _hoisted_16$q = { 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$n = ["onClick"];
+const _hoisted_19$o = ["onClick"];
 const _hoisted_20$l = { class: "propeller-account-menu__logout-wrapper mt-3 pt-3 border-t border-border" };
 const _hoisted_21$j = {
   key: 1,
@@ -3646,7 +3659,7 @@ const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
                           type: "button",
                           class: "propeller-account-menu__link flex w-full items-center gap-3 px-3 py-2 text-sm font-medium rounded-[var(--radius-control)] text-muted-foreground hover:bg-surface-hover hover:text-foreground transition-colors",
                           onClick: async (event) => handleMenuItemClick(link.href)
-                        }, vue.toDisplayString(link.label), 9, _hoisted_19$n)
+                        }, vue.toDisplayString(link.label), 9, _hoisted_19$o)
                       ]);
                     }), 128))
                   ])
@@ -3933,7 +3946,7 @@ const _hoisted_17$p = {
   strokeWidth: 2
 };
 const _hoisted_18$n = { class: "propeller-add-to-cart__modal-title flex-1 text-base font-semibold text-foreground" };
-const _hoisted_19$m = {
+const _hoisted_19$n = {
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -3960,11 +3973,11 @@ const _hoisted_27$h = {
   key: 0,
   class: "propeller-add-to-cart__modal-sku text-xs text-foreground-subtle mt-0.5"
 };
-const _hoisted_28$g = {
+const _hoisted_28$h = {
   key: 1,
   class: "propeller-add-to-cart__modal-surcharges mt-1 text-xs text-muted-foreground"
 };
-const _hoisted_29$g = { class: "font-medium" };
+const _hoisted_29$h = { class: "font-medium" };
 const _hoisted_30$g = { class: "propeller-add-to-cart__modal-surcharges-list mt-0.5" };
 const _hoisted_31$g = { class: "flex-shrink-0 text-right" };
 const _hoisted_32$f = { class: "propeller-add-to-cart__modal-quantity text-xs text-muted-foreground" };
@@ -4322,7 +4335,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
                 class: "propeller-add-to-cart__modal-close flex-shrink-0 text-foreground-subtle hover:text-muted-foreground focus:outline-none",
                 onClick: _cache[7] || (_cache[7] = async (event) => closeModal())
               }, [
-                (vue.openBlock(), vue.createElementBlock("svg", _hoisted_19$m, [..._cache[16] || (_cache[16] = [
+                (vue.openBlock(), vue.createElementBlock("svg", _hoisted_19$n, [..._cache[16] || (_cache[16] = [
                   vue.createElementVNode("path", {
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
@@ -4354,8 +4367,8 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
                     href: getProductUrl()
                   }, vue.toDisplayString(getModalName()), 9, _hoisted_26$h),
                   !!getModalSku() ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_27$h, " SKU: " + vue.toDisplayString(getModalSku()), 1)) : vue.createCommentVNode("", true),
-                  getModalSurcharges().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28$g, [
-                    vue.createElementVNode("span", _hoisted_29$g, vue.toDisplayString(getLabel("surcharges", "Additional surcharges:")), 1),
+                  getModalSurcharges().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28$h, [
+                    vue.createElementVNode("span", _hoisted_29$h, vue.toDisplayString(getLabel("surcharges", "Additional surcharges:")), 1),
                     vue.createElementVNode("ul", _hoisted_30$g, [
                       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getModalSurcharges(), (line, idx) => {
                         return vue.openBlock(), vue.createElementBlock("li", {
@@ -4468,7 +4481,7 @@ 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_17$o = ["value"];
 const _hoisted_18$m = ["value"];
-const _hoisted_19$l = ["disabled"];
+const _hoisted_19$m = ["disabled"];
 const _hoisted_20$j = {
   key: 2,
   class: "propeller-add-to-favorite__empty py-4 text-center text-muted-foreground text-sm"
@@ -4738,7 +4751,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
                   ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
                     vue.createTextVNode(vue.toDisplayString(getLabel("addToFavorites", "Add to favorites")), 1)
                   ], 64))
-                ], 8, _hoisted_19$l)
+                ], 8, _hoisted_19$m)
               ])) : vue.createCommentVNode("", true),
               getMemberLists().length === 0 && getNonMemberLists().length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$j, vue.toDisplayString(getLabel(
                 "noLists",
@@ -4790,7 +4803,7 @@ const _hoisted_16$n = {
 };
 const _hoisted_17$n = { class: "space-y-4" };
 const _hoisted_18$l = { class: "grid grid-cols-2 gap-4" };
-const _hoisted_19$k = { class: "block text-sm font-medium mb-1" };
+const _hoisted_19$l = { class: "block text-sm font-medium mb-1" };
 const _hoisted_20$i = ["value"];
 const _hoisted_21$h = { value: "M" };
 const _hoisted_22$h = { value: "F" };
@@ -4799,8 +4812,8 @@ const _hoisted_24$g = { class: "block text-sm font-medium mb-1" };
 const _hoisted_25$g = ["value"];
 const _hoisted_26$g = { class: "grid grid-cols-3 gap-4" };
 const _hoisted_27$g = { class: "block text-sm font-medium mb-1" };
-const _hoisted_28$f = ["value"];
-const _hoisted_29$f = { class: "block text-sm font-medium mb-1" };
+const _hoisted_28$g = ["value"];
+const _hoisted_29$g = { class: "block text-sm font-medium mb-1" };
 const _hoisted_30$f = ["value"];
 const _hoisted_31$f = { class: "block text-sm font-medium mb-1" };
 const _hoisted_32$e = ["value"];
@@ -5200,7 +5213,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", _hoisted_17$n, [
               vue.createElementVNode("div", _hoisted_18$l, [
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("label", _hoisted_19$k, vue.toDisplayString(getLabel("gender", "Gender")), 1),
+                  vue.createElementVNode("label", _hoisted_19$l, vue.toDisplayString(getLabel("gender", "Gender")), 1),
                   vue.createElementVNode("select", {
                     class: "propeller-address-card__input w-full h-10 px-3 rounded-[var(--radius-control)] border border-input bg-card",
                     value: editGender.value,
@@ -5236,10 +5249,10 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
                       editFirstName.value = e.target.value;
                     }),
                     required: true
-                  }, null, 40, _hoisted_28$f)
+                  }, null, 40, _hoisted_28$g)
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("label", _hoisted_29$f, vue.toDisplayString(getLabel("middleName", "Middle Name")), 1),
+                  vue.createElementVNode("label", _hoisted_29$g, vue.toDisplayString(getLabel("middleName", "Middle Name")), 1),
                   vue.createElementVNode("input", {
                     type: "text",
                     class: "propeller-address-card__input w-full h-10 px-3 rounded-[var(--radius-control)] border border-input",
@@ -6121,7 +6134,7 @@ const _hoisted_15$n = {
 const _hoisted_16$m = { class: "font-semibold text-foreground" };
 const _hoisted_17$m = { class: "font-semibold text-foreground" };
 const _hoisted_18$k = { class: "font-medium" };
-const _hoisted_19$j = { class: "font-semibold text-foreground" };
+const _hoisted_19$k = { class: "font-semibold text-foreground" };
 const _hoisted_20$h = { class: "propeller-cart-item__options mt-3 space-y-1.5 border-l-2 border-border pl-3" };
 const _hoisted_21$g = { class: "propeller-cart-item__options-label text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-1" };
 const _hoisted_22$g = { class: "font-medium" };
@@ -6130,8 +6143,8 @@ const _hoisted_24$f = { class: "font-semibold text-foreground" };
 const _hoisted_25$f = { class: "propeller-cart-item__notes mt-3" };
 const _hoisted_26$f = { class: "propeller-cart-item__notes-label text-xs font-medium text-muted-foreground block mb-1" };
 const _hoisted_27$f = ["value", "placeholder"];
-const _hoisted_28$e = { class: "propeller-cart-item__crossupsells mt-3 pt-3 border-t border-border" };
-const _hoisted_29$e = { class: "propeller-cart-item__crossupsells-label text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2" };
+const _hoisted_28$f = { class: "propeller-cart-item__crossupsells mt-3 pt-3 border-t border-border" };
+const _hoisted_29$f = { class: "propeller-cart-item__crossupsells-label text-xs font-semibold text-muted-foreground uppercase tracking-wider mb-2" };
 const _hoisted_30$e = { class: "flex flex-col gap-2" };
 const _hoisted_31$e = ["href", "onClick"];
 const _hoisted_32$d = ["src", "alt"];
@@ -6607,7 +6620,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("span", _hoisted_18$k, vue.toDisplayString(getBundleItemName(bundleItem)), 1),
                   !!getBundleItemPrice(bundleItem) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     _cache[9] || (_cache[9] = vue.createElementVNode("div", { class: "flex-1 border-b border-dotted border-input mx-1 mb-1" }, null, -1)),
-                    vue.createElementVNode("span", _hoisted_19$j, vue.toDisplayString(getBundleItemPrice(bundleItem)), 1)
+                    vue.createElementVNode("span", _hoisted_19$k, vue.toDisplayString(getBundleItemPrice(bundleItem)), 1)
                   ], 64)) : vue.createCommentVNode("", true)
                 ]);
               }), 128))
@@ -6656,8 +6669,8 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
             cartItem: __props.cartItem,
             crossupsells: getVisibleCrossupsells()
           }, () => [
-            vue.createElementVNode("div", _hoisted_28$e, [
-              vue.createElementVNode("p", _hoisted_29$e, vue.toDisplayString(getLabel("crossupsellTitle", "You might also like")), 1),
+            vue.createElementVNode("div", _hoisted_28$f, [
+              vue.createElementVNode("p", _hoisted_29$f, vue.toDisplayString(getLabel("crossupsellTitle", "You might also like")), 1),
               vue.createElementVNode("div", _hoisted_30$e, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getVisibleCrossupsells(), (item, idx) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
@@ -6861,7 +6874,7 @@ const _hoisted_18$j = {
   class: "w-5 h-5",
   strokeWidth: 2
 };
-const _hoisted_19$i = { class: "propeller-cart-icon__sidebar-body flex-1 overflow-y-auto px-5 py-4 space-y-4" };
+const _hoisted_19$j = { class: "propeller-cart-icon__sidebar-body flex-1 overflow-y-auto px-5 py-4 space-y-4" };
 const _hoisted_20$g = {
   key: 0,
   class: "propeller-cart-icon__empty flex flex-col items-center justify-center h-full text-center space-y-4 py-16"
@@ -6889,11 +6902,11 @@ const _hoisted_26$e = {
   class: "propeller-cart-icon__item-name text-sm font-medium line-clamp-2"
 };
 const _hoisted_27$e = ["href"];
-const _hoisted_28$d = {
+const _hoisted_28$e = {
   key: 0,
   class: "propeller-cart-icon__sidebar-footer px-5 py-4 border-t border-border space-y-3 bg-surface-hover"
 };
-const _hoisted_29$d = { class: "propeller-cart-icon__total-row flex justify-between items-center" };
+const _hoisted_29$e = { class: "propeller-cart-icon__total-row flex justify-between items-center" };
 const _hoisted_30$d = { class: "propeller-cart-icon__total-label text-sm font-medium text-muted-foreground" };
 const _hoisted_31$d = { class: "propeller-cart-icon__total-value text-base font-bold text-foreground" };
 const _hoisted_32$c = ["disabled"];
@@ -7130,7 +7143,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                   ])]))
                 ], 8, _hoisted_17$l)
               ]),
-              vue.createElementVNode("div", _hoisted_19$i, [
+              vue.createElementVNode("div", _hoisted_19$j, [
                 getItems().length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$g, [
                   (vue.openBlock(), vue.createElementBlock("svg", _hoisted_21$f, [..._cache[14] || (_cache[14] = [
                     vue.createElementVNode("path", {
@@ -7201,8 +7214,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
                   className: "mt-4"
                 }, null, 8, ["cart"]))
               ]),
-              getItems().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28$d, [
-                vue.createElementVNode("div", _hoisted_29$d, [
+              getItems().length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_28$e, [
+                vue.createElementVNode("div", _hoisted_29$e, [
                   vue.createElementVNode("span", _hoisted_30$d, vue.toDisplayString(getLabel("total", "Total")), 1),
                   vue.createElementVNode("span", _hoisted_31$d, vue.toDisplayString(getTotalPrice()), 1)
                 ]),
@@ -7303,7 +7316,7 @@ const _hoisted_18$i = {
   key: 1,
   class: "flex justify-between"
 };
-const _hoisted_19$h = { class: "font-medium" };
+const _hoisted_19$i = { class: "font-medium" };
 const _hoisted_20$f = {
   key: 2,
   class: "flex justify-between"
@@ -7321,8 +7334,8 @@ const _hoisted_26$d = {
   class: "space-y-2"
 };
 const _hoisted_27$d = { class: "text-sm font-medium" };
-const _hoisted_28$c = ["value", "placeholder"];
-const _hoisted_29$c = {
+const _hoisted_28$d = ["value", "placeholder"];
+const _hoisted_29$d = {
   key: 2,
   class: "flex items-center space-x-2 pt-2"
 };
@@ -7478,7 +7491,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("span", null, vue.toDisplayString(paymentMethod.value), 1)
           ])) : vue.createCommentVNode("", true),
           carrierName.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_18$i, [
-            vue.createElementVNode("span", _hoisted_19$h, vue.toDisplayString(getLabel("carrier", "Carrier:")), 1),
+            vue.createElementVNode("span", _hoisted_19$i, vue.toDisplayString(getLabel("carrier", "Carrier:")), 1),
             vue.createElementVNode("span", null, vue.toDisplayString(carrierName.value), 1)
           ])) : vue.createCommentVNode("", true),
           requestDate.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$f, [
@@ -7510,9 +7523,9 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
               )),
               placeholder: getLabel("notesPlaceholder", "Special instructions or comments"),
               maxLength: 255
-            }, null, 40, _hoisted_28$c)
+            }, null, 40, _hoisted_28$d)
           ])) : vue.createCommentVNode("", true),
-          showTermsAndConditions.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$c, [
+          showTermsAndConditions.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$d, [
             vue.createElementVNode("input", {
               type: "checkbox",
               id: "cart-overview-terms",
@@ -7711,7 +7724,7 @@ const _hoisted_17$j = {
   "data-row": "total-vat"
 };
 const _hoisted_18$h = { class: "propeller-cart-summary__label" };
-const _hoisted_19$g = { class: "propeller-cart-summary__value" };
+const _hoisted_19$h = { class: "propeller-cart-summary__value" };
 const _hoisted_20$e = {
   class: "propeller-cart-summary__row propeller-cart-summary__row--total flex justify-between text-xl font-bold pt-4 border-t text-foreground mt-2",
   "data-row": "total"
@@ -7898,7 +7911,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
         }), 128)) : vue.createCommentVNode("", true),
         showTotalVat.value && totalVat.value > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$j, [
           vue.createElementVNode("span", _hoisted_18$h, vue.toDisplayString(getLabel("totalVat", "Total VAT:")), 1),
-          vue.createElementVNode("span", _hoisted_19$g, vue.toDisplayString(formatItemPrice(totalVat.value)), 1)
+          vue.createElementVNode("span", _hoisted_19$h, vue.toDisplayString(formatItemPrice(totalVat.value)), 1)
         ])) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", _hoisted_20$e, [
           vue.createElementVNode("span", _hoisted_21$d, vue.toDisplayString(getLabel("total", "Total:")), 1),
@@ -8144,7 +8157,7 @@ const _hoisted_17$i = {
   class: "propeller-cluster-card__price font-bold text-foreground text-sm whitespace-nowrap"
 };
 const _hoisted_18$g = { class: "propeller-cluster-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto" };
-const _hoisted_19$f = ["href"];
+const _hoisted_19$g = ["href"];
 const _hoisted_20$d = { class: "propeller-cluster-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4" };
 const _hoisted_21$c = { class: "propeller-cluster-card__sku font-mono text-xs text-foreground-subtle" };
 const _hoisted_22$c = ["href"];
@@ -8159,8 +8172,8 @@ const _hoisted_27$c = {
   key: 6,
   class: "mt-auto hidden md:block"
 };
-const _hoisted_28$b = { class: "propeller-cluster-card__price pt-1" };
-const _hoisted_29$b = {
+const _hoisted_28$c = { class: "propeller-cluster-card__price pt-1" };
+const _hoisted_29$c = {
   key: 1,
   class: "font-bold text-foreground text-base sm:text-lg"
 };
@@ -8533,7 +8546,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
                   class: "propeller-cluster-card__cta-link flex w-full items-center justify-center rounded-[var(--radius-control)] bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/80 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
                   href: getClusterUrl(),
                   onClick: _cache[3] || (_cache[3] = async (e) => handleClusterClick(e))
-                }, vue.toDisplayString(getLabel("viewCluster", "View cluster")), 9, _hoisted_19$f)
+                }, vue.toDisplayString(getLabel("viewCluster", "View cluster")), 9, _hoisted_19$g)
               ])
             ])
           ])
@@ -8618,14 +8631,14 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
                 currency: __props.currency,
                 labels: __props.labels
               }, () => [
-                vue.createElementVNode("div", _hoisted_28$b, [
+                vue.createElementVNode("div", _hoisted_28$c, [
                   props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
                     key: 0,
                     price: __props.cluster.defaultProduct?.price,
                     "include-tax": resolvedIncludeTax.value,
                     currency: __props.currency,
                     labels: __props.labels
-                  }, null, 8, ["price", "include-tax", "currency", "labels"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_29$b, vue.toDisplayString(getClusterPrice()), 1))
+                  }, null, 8, ["price", "include-tax", "currency", "labels"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_29$c, vue.toDisplayString(getClusterPrice()), 1))
                 ])
               ])
             ])) : vue.createCommentVNode("", true)
@@ -8727,7 +8740,7 @@ const _hoisted_18$f = {
   key: 5,
   class: "propeller-cluster-configurator__options flex flex-wrap gap-2"
 };
-const _hoisted_19$e = ["disabled", "onClick", "data-selected"];
+const _hoisted_19$f = ["disabled", "onClick", "data-selected"];
 const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "ClusterConfigurator",
   props: {
@@ -9121,7 +9134,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
                     onClick: async (event) => handleAttributeSelect(setting.name, val),
                     "data-selected": setting.selectedValue === val ? "true" : "false",
                     class: vue.normalizeClass(`propeller-cluster-configurator__chip px-3 py-1.5 rounded-[var(--radius-container)] border text-sm font-medium transition-colors ${setting.disabled ? "opacity-50 cursor-not-allowed border-border text-foreground-subtle" : setting.selectedValue === val ? "border-secondary bg-secondary/5 text-secondary cursor-pointer" : "border-border text-muted-foreground hover:border-secondary/30 cursor-pointer"}`)
-                  }, vue.toDisplayString(val), 11, _hoisted_19$e);
+                  }, vue.toDisplayString(val), 11, _hoisted_19$f);
                 }), 128))
               ])) : vue.createCommentVNode("", true)
             ], 8, _hoisted_2$y);
@@ -9917,7 +9930,7 @@ const _hoisted_17$g = {
   "data-stock": "out"
 };
 const _hoisted_18$e = { class: "propeller-favorite-list-item__price text-base font-bold text-foreground whitespace-nowrap flex-shrink-0" };
-const _hoisted_19$d = ["href"];
+const _hoisted_19$e = ["href"];
 const _hoisted_20$c = ["title"];
 const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "FavoriteListItem",
@@ -10178,7 +10191,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
               class: "propeller-favorite-list-item__view-cluster inline-flex items-center justify-center rounded-[var(--radius-control)] bg-secondary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-secondary/90 whitespace-nowrap",
               href: getItemUrl(),
               onClick: _cache[2] || (_cache[2] = async (e) => handleItemClick(e))
-            }, vue.toDisplayString(getLabel("viewCluster", "View cluster")), 9, _hoisted_19$d)) : vue.createCommentVNode("", true),
+            }, vue.toDisplayString(getLabel("viewCluster", "View cluster")), 9, _hoisted_19$e)) : vue.createCommentVNode("", true),
             __props.showDelete !== false ? (vue.openBlock(), vue.createElementBlock("button", {
               key: 2,
               type: "button",
@@ -10404,7 +10417,7 @@ const _hoisted_15$f = {
 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_17$f = { class: "propeller-favorite-list-details__floating-bar-status flex items-center gap-2" };
 const _hoisted_18$d = ["checked"];
-const _hoisted_19$c = {
+const _hoisted_19$d = {
   for: "favorite-list-select-all-floating",
   class: "text-sm font-medium cursor-pointer select-none"
 };
@@ -10416,8 +10429,8 @@ const _hoisted_24$b = { class: "propeller-favorite-list-details__modal-header bo
 const _hoisted_25$b = { class: "propeller-favorite-list-details__modal-title text-lg font-bold" };
 const _hoisted_26$b = { class: "propeller-favorite-list-details__modal-body px-6 py-4 space-y-4" };
 const _hoisted_27$b = { class: "propeller-favorite-list-details__search-input-wrapper relative" };
-const _hoisted_28$a = ["placeholder", "value"];
-const _hoisted_29$a = ["aria-label"];
+const _hoisted_28$b = ["placeholder", "value"];
+const _hoisted_29$b = ["aria-label"];
 const _hoisted_30$a = { class: "propeller-favorite-list-details__search-results max-h-80 overflow-y-auto" };
 const _hoisted_31$a = {
   key: 0,
@@ -10945,7 +10958,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                 checked: isAllPageSelected(),
                 onChange: _cache[2] || (_cache[2] = ($event) => togglePageSelectAll())
               }, null, 40, _hoisted_18$d),
-              vue.createElementVNode("label", _hoisted_19$c, vue.toDisplayString(getLabel("selectAll", "Select all")), 1),
+              vue.createElementVNode("label", _hoisted_19$d, vue.toDisplayString(getLabel("selectAll", "Select all")), 1),
               vue.createElementVNode("span", _hoisted_20$b, vue.toDisplayString(selectedIds.value.size) + " " + vue.toDisplayString(getLabel("ofWord", "of")) + " " + vue.toDisplayString(allItems.value.length) + " " + vue.toDisplayString(getLabel("itemsSelected", "items selected")), 1)
             ]),
             vue.createElementVNode("div", _hoisted_21$b, [
@@ -11035,7 +11048,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                   value: vue.unref(searchTerm),
                   onInput: _cache[5] || (_cache[5] = ($event) => onSearchInput($event)),
                   autofocus: ""
-                }, null, 40, _hoisted_28$a),
+                }, null, 40, _hoisted_28$b),
                 vue.unref(searchTerm) ? (vue.openBlock(), vue.createElementBlock("button", {
                   key: 0,
                   type: "button",
@@ -11067,7 +11080,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
                       y2: "18"
                     })
                   ], -1)
-                ])], 8, _hoisted_29$a)) : vue.createCommentVNode("", true)
+                ])], 8, _hoisted_29$b)) : vue.createCommentVNode("", true)
               ]),
               vue.createElementVNode("div", _hoisted_30$a, [
                 vue.unref(searchLoading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_31$a, vue.toDisplayString(getLabel("searching", "Searching...")), 1)) : vue.createCommentVNode("", true),
@@ -11160,7 +11173,7 @@ const _hoisted_16$e = {
 };
 const _hoisted_17$e = { class: "flex items-center gap-2" };
 const _hoisted_18$c = { class: "propeller-favorite-lists__name text-xl font-semibold" };
-const _hoisted_19$b = {
+const _hoisted_19$c = {
   key: 0,
   class: "propeller-favorite-lists__default-badge inline-flex items-center px-2 py-1 rounded-full text-xs font-medium bg-primary/10 text-primary"
 };
@@ -11184,8 +11197,8 @@ const _hoisted_26$a = {
   class: "propeller-favorite-lists__empty border border-border rounded-[var(--radius-container)] p-12 text-center space-y-4"
 };
 const _hoisted_27$a = { class: "propeller-favorite-lists__empty-title text-lg font-medium" };
-const _hoisted_28$9 = { class: "propeller-favorite-lists__empty-message text-muted-foreground" };
-const _hoisted_29$9 = {
+const _hoisted_28$a = { class: "propeller-favorite-lists__empty-message text-muted-foreground" };
+const _hoisted_29$a = {
   key: 3,
   class: "propeller-favorite-lists__create-modal fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 p-4"
 };
@@ -11436,7 +11449,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
                     vue.unref(editingListId) !== String(list.id) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$e, [
                       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$b, vue.toDisplayString(getLabel("defaultBadge", "Default")), 1)) : vue.createCommentVNode("", true)
+                        __props.showDefaultIndicator !== false && list.isDefault ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19$c, vue.toDisplayString(getLabel("defaultBadge", "Default")), 1)) : vue.createCommentVNode("", true)
                       ]),
                       vue.createElementVNode("div", _hoisted_20$a, [
                         __props.showLastModified !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_21$a, [
@@ -11579,7 +11592,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             ], -1)),
             vue.createElementVNode("div", null, [
               vue.createElementVNode("p", _hoisted_27$a, vue.toDisplayString(getLabel("noLists", "No favorite lists")), 1),
-              vue.createElementVNode("p", _hoisted_28$9, vue.toDisplayString(getLabel(
+              vue.createElementVNode("p", _hoisted_28$a, vue.toDisplayString(getLabel(
                 "noListsDescription",
                 "Start by creating a new list to save your items."
               )), 1)
@@ -11593,7 +11606,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             }, vue.toDisplayString(getLabel("createFirstList", "Create your first list")), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
-        showCreateModal.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$9, [
+        showCreateModal.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$a, [
           vue.createElementVNode("div", _hoisted_30$9, [
             vue.createElementVNode("div", _hoisted_31$9, [
               vue.createElementVNode("h3", _hoisted_32$8, vue.toDisplayString(getLabel("createTitle", "Create New List")), 1),
@@ -11873,7 +11886,7 @@ const _hoisted_16$d = {
 };
 const _hoisted_17$d = ["checked", "onChange"];
 const _hoisted_18$b = { class: "propeller-grid-filters__option-label flex-1 text-sm text-muted-foreground leading-none select-none group-hover:text-foreground" };
-const _hoisted_19$a = { class: "propeller-grid-filters__option-count ml-1 text-xs text-foreground-subtle" };
+const _hoisted_19$b = { class: "propeller-grid-filters__option-count ml-1 text-xs text-foreground-subtle" };
 const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "GridFilters",
   props: {
@@ -12201,7 +12214,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
                   }, null, 40, _hoisted_17$d),
                   vue.createElementVNode("span", _hoisted_18$b, [
                     vue.createTextVNode(vue.toDisplayString(option.value), 1),
-                    vue.createElementVNode("span", _hoisted_19$a, " (" + vue.toDisplayString(getCount(option)) + ") ", 1)
+                    vue.createElementVNode("span", _hoisted_19$b, " (" + vue.toDisplayString(getCount(option)) + ") ", 1)
                   ])
                 ]);
               }), 128))
@@ -12395,6 +12408,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "GridToolbar",
   props: {
     sortOptions: {},
+    hidePriceSort: { type: Boolean },
     defaultSort: {},
     viewMode: {},
     offset: {},
@@ -12488,7 +12502,8 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     }
     function getSortOptions() {
       const opts = props.sortOptions || [];
-      return opts.length > 0 ? opts : ALL_SORT_FIELDS;
+      const base = opts.length > 0 ? opts : ALL_SORT_FIELDS;
+      return props.hidePriceSort ? base.filter((f) => f !== propellerSdkV2.ProductSortField.PRICE) : base;
     }
     function getOffsetOptions() {
       const opts = props.offset || [];
@@ -12719,7 +12734,7 @@ const _hoisted_16$b = {
 };
 const _hoisted_17$b = { class: "propeller-items-overview__item-qty flex items-center text-xs text-foreground-subtle mt-1" };
 const _hoisted_18$a = { class: "flex justify-between items-start gap-2" };
-const _hoisted_19$9 = ["onClick"];
+const _hoisted_19$a = ["onClick"];
 const _hoisted_20$9 = {
   key: 1,
   class: "propeller-items-overview__item-title font-medium text-sm leading-tight line-clamp-2"
@@ -12743,8 +12758,8 @@ const _hoisted_26$9 = {
   class: "propeller-items-overview__item-options mt-1.5 space-y-1 border-l-2 border-border-subtle pl-2"
 };
 const _hoisted_27$9 = { class: "line-clamp-1" };
-const _hoisted_28$8 = { class: "text-foreground-subtle whitespace-nowrap ml-2" };
-const _hoisted_29$8 = { class: "propeller-items-overview__item-qty flex items-center text-xs text-foreground-subtle mt-1" };
+const _hoisted_28$9 = { class: "text-foreground-subtle whitespace-nowrap ml-2" };
+const _hoisted_29$9 = { class: "propeller-items-overview__item-qty flex items-center text-xs text-foreground-subtle mt-1" };
 const _hoisted_30$8 = ["data-in-stock"];
 const _hoisted_31$8 = {
   key: 1,
@@ -12953,7 +12968,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                         key: 0,
                         class: "propeller-items-overview__item-title font-medium text-sm leading-tight cursor-pointer hover:text-secondary transition-colors line-clamp-2",
                         onClick: async (event) => handleItemNameClick(item)
-                      }, vue.toDisplayString(getItemName(item)), 9, _hoisted_19$9)) : vue.createCommentVNode("", true),
+                      }, vue.toDisplayString(getItemName(item)), 9, _hoisted_19$a)) : vue.createCommentVNode("", true),
                       !itemNameClickable.value ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_20$9, vue.toDisplayString(getItemName(item)), 1)) : vue.createCommentVNode("", true),
                       showPrice.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_21$9, vue.toDisplayString(formatItemPrice(getItemTotalPrice(item))), 1)) : vue.createCommentVNode("", true)
                     ]),
@@ -12976,12 +12991,12 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
                           class: "propeller-items-overview__item-option flex justify-between items-center text-xs text-muted-foreground"
                         }, [
                           vue.createElementVNode("span", _hoisted_27$9, vue.toDisplayString(child.product?.names?.[0]?.value || "Option"), 1),
-                          vue.createElementVNode("span", _hoisted_28$8, vue.toDisplayString(formatItemPrice(child.totalSum || 0)), 1)
+                          vue.createElementVNode("span", _hoisted_28$9, vue.toDisplayString(formatItemPrice(child.totalSum || 0)), 1)
                         ]);
                       }), 128))
                     ])) : vue.createCommentVNode("", true)
                   ]),
-                  vue.createElementVNode("div", _hoisted_29$8, [
+                  vue.createElementVNode("div", _hoisted_29$9, [
                     vue.createElementVNode("span", null, vue.toDisplayString(getLabel("quantity", "Qty:")) + vue.toDisplayString(item.quantity), 1),
                     showAvailability.value && getItemAvailability(item) ? (vue.openBlock(), vue.createElementBlock("span", {
                       key: 0,
@@ -13049,7 +13064,7 @@ const _hoisted_16$a = {
 };
 const _hoisted_17$a = ["href", "onClick"];
 const _hoisted_18$9 = { class: "propeller-menu__label" };
-const _hoisted_19$8 = { class: "propeller-menu__tabs flex items-center border-b border-border" };
+const _hoisted_19$9 = { class: "propeller-menu__tabs flex items-center border-b border-border" };
 const _hoisted_20$8 = ["data-active", "onMouseenter", "onClick"];
 const _hoisted_21$8 = { class: "propeller-menu__label" };
 const _hoisted_22$8 = ["onMouseenter"];
@@ -13062,8 +13077,8 @@ const _hoisted_26$8 = {
   "data-level": "3"
 };
 const _hoisted_27$8 = ["href", "onClick"];
-const _hoisted_28$7 = { class: "propeller-menu__label" };
-const _hoisted_29$7 = {
+const _hoisted_28$8 = { class: "propeller-menu__label" };
+const _hoisted_29$8 = {
   class: "propeller-menu__list divide-y divide-border",
   "data-level": "1"
 };
@@ -13099,6 +13114,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     menuClass: {},
     menuStyle: {},
     menuLinkFormat: {},
+    getUrl: { type: Function },
     onMenuItemClick: { type: Function },
     labels: {},
     user: {},
@@ -13147,10 +13163,12 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
     }
     function getCategoryUrl(cat) {
       const lang = infra.language || "NL";
-      return infra.configuration?.urls?.getCategoryUrl(
-        { categoryId: cat.categoryId, slug: [{ value: cat.slug, language: lang }] },
-        lang
-      ) ?? "#";
+      const category = {
+        categoryId: cat.categoryId,
+        slug: [{ value: cat.slug, language: lang }]
+      };
+      if (props.getUrl) return props.getUrl(category);
+      return infra.configuration?.urls?.getCategoryUrl(category, lang) ?? "#";
     }
     function getSubCategories(cat) {
       return (cat.children || []).filter((sub) => sub.name && sub.slug);
@@ -13285,7 +13303,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           key: 4,
           class: vue.normalizeClass(`propeller-menu__nav propeller-menu-jumbotron hidden md:block ${__props.menuClass || ""}`)
         }, [
-          vue.createElementVNode("div", _hoisted_19$8, [
+          vue.createElementVNode("div", _hoisted_19$9, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuCategories.value, (l1, idx) => {
               return vue.openBlock(), vue.createElementBlock("button", {
                 key: `l1-${l1.categoryId}-${idx}`,
@@ -13333,7 +13351,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
                               href: getCategoryUrl(l3),
                               onClick: async (e) => handleItemClick(l3, e)
                             }, [
-                              vue.createElementVNode("span", _hoisted_28$7, vue.toDisplayString(getCategoryName(l3)), 1)
+                              vue.createElementVNode("span", _hoisted_28$8, vue.toDisplayString(getCategoryName(l3)), 1)
                             ], 8, _hoisted_27$8)
                           ]);
                         }), 128))
@@ -13349,7 +13367,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           key: 5,
           class: vue.normalizeClass(`propeller-menu__nav propeller-menu-mobile md:hidden ${__props.menuClass || ""}`)
         }, [
-          vue.createElementVNode("ul", _hoisted_29$7, [
+          vue.createElementVNode("ul", _hoisted_29$8, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(menuCategories.value, (l1, idx) => {
               return vue.openBlock(), vue.createElementBlock("li", {
                 key: `l1-mobile-${l1.categoryId}-${idx}`,
@@ -13720,7 +13738,7 @@ const _hoisted_17$9 = {
   class: "flex space-x-2 w-full"
 };
 const _hoisted_18$8 = ["value"];
-const _hoisted_19$7 = { value: "" };
+const _hoisted_19$8 = { value: "" };
 const _hoisted_20$7 = ["value"];
 const _hoisted_21$7 = ["value"];
 const _hoisted_22$7 = { value: "" };
@@ -13732,8 +13750,8 @@ const _hoisted_24$7 = {
 const _hoisted_25$7 = ["value"];
 const _hoisted_26$7 = { value: "" };
 const _hoisted_27$7 = ["value"];
-const _hoisted_28$6 = { class: "propeller-order-list__filter-actions flex justify-end space-x-2" };
-const _hoisted_29$6 = {
+const _hoisted_28$7 = { class: "propeller-order-list__filter-actions flex justify-end space-x-2" };
+const _hoisted_29$7 = {
   key: 0,
   class: "propeller-order-list__results bg-card rounded-[var(--radius-container)] shadow overflow-hidden"
 };
@@ -14070,7 +14088,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
                       };
                     })
                   }, [
-                    vue.createElementVNode("option", _hoisted_19$7, vue.toDisplayString(getLabel("sortFieldOption", "Sort Field")), 1),
+                    vue.createElementVNode("option", _hoisted_19$8, vue.toDisplayString(getLabel("sortFieldOption", "Sort Field")), 1),
                     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(Object.values(
                       vue.unref(propellerSdkV2.OrderSortField)
                     ), (sortField, index22) => {
@@ -14126,7 +14144,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
               ]);
             }), 128))
           ]),
-          vue.createElementVNode("div", _hoisted_28$6, [
+          vue.createElementVNode("div", _hoisted_28$7, [
             vue.createElementVNode("button", {
               class: "propeller-order-list__clear-btn inline-flex items-center px-4 py-2 border border-input text-sm font-medium rounded-[var(--radius-control)] shadow-sm text-muted-foreground bg-card hover:bg-surface-hover focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary",
               onClick: _cache[11] || (_cache[11] = async (event) => {
@@ -14140,7 +14158,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           ])
         ])) : vue.createCommentVNode("", true),
         !vue.unref(loading) || vue.unref(orders).length > 0 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          vue.unref(orders).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$6, [
+          vue.unref(orders).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$7, [
             vue.createElementVNode("div", _hoisted_30$6, [
               vue.createElementVNode("table", _hoisted_31$6, [
                 vue.createElementVNode("thead", _hoisted_32$6, [
@@ -14286,7 +14304,7 @@ 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_17$8 = { class: "px-4 py-3 text-muted-foreground" };
 const _hoisted_18$7 = { class: "px-4 py-3 text-right" };
-const _hoisted_19$6 = ["onClick"];
+const _hoisted_19$7 = ["onClick"];
 const _hoisted_20$6 = { class: "flex items-center justify-between px-6 py-4 border-b" };
 const _hoisted_21$6 = { class: "text-lg font-semibold" };
 const _hoisted_22$6 = {
@@ -14304,8 +14322,8 @@ const _hoisted_27$6 = {
   key: 0,
   class: "propeller-order-shipments__status inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-primary/10 text-primary"
 };
-const _hoisted_28$5 = { key: 1 };
-const _hoisted_29$5 = { class: "font-medium text-muted-foreground" };
+const _hoisted_28$6 = { key: 1 };
+const _hoisted_29$6 = { class: "font-medium text-muted-foreground" };
 const _hoisted_30$5 = { class: "mt-0.5" };
 const _hoisted_31$5 = { class: "text-sm font-semibold mb-2" };
 const _hoisted_32$5 = {
@@ -14415,7 +14433,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                         type: "button",
                         class: "text-primary hover:text-primary/80 text-sm font-medium hover:underline",
                         onClick: async (event) => openModal(shipment)
-                      }, vue.toDisplayString(getLabel("details", "Details")), 9, _hoisted_19$6)
+                      }, vue.toDisplayString(getLabel("details", "Details")), 9, _hoisted_19$7)
                     ])
                   ]);
                 }), 128))
@@ -14455,11 +14473,11 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
                   vue.createElementVNode("span", _hoisted_25$6, vue.toDisplayString(getLabel("labelStatus", "Status")), 1),
                   vue.createElementVNode("p", _hoisted_26$6, [
                     !!activeShipment.value?.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_27$6, vue.toDisplayString(activeShipment.value?.status), 1)) : vue.createCommentVNode("", true),
-                    !activeShipment.value?.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_28$5, "-")) : vue.createCommentVNode("", true)
+                    !activeShipment.value?.status ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_28$6, "-")) : vue.createCommentVNode("", true)
                   ])
                 ]),
                 vue.createElementVNode("div", null, [
-                  vue.createElementVNode("span", _hoisted_29$5, vue.toDisplayString(getLabel("labelExpectedDelivery", "Expected delivery")), 1),
+                  vue.createElementVNode("span", _hoisted_29$6, vue.toDisplayString(getLabel("labelExpectedDelivery", "Expected delivery")), 1),
                   vue.createElementVNode("p", _hoisted_30$5, [
                     !!activeShipment.value?.expectedDeliveryAt ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                       vue.createTextVNode(vue.toDisplayString(formatDate(activeShipment.value?.expectedDeliveryAt)), 1)
@@ -14677,7 +14695,7 @@ const _hoisted_17$7 = {
   class: "propeller-product-bundles__condition text-xs text-muted-foreground mb-3"
 };
 const _hoisted_18$6 = { class: "propeller-product-bundles__pricing mb-3" };
-const _hoisted_19$5 = {
+const _hoisted_19$6 = {
   key: 0,
   class: "propeller-product-bundles__original-price text-foreground-subtle line-through text-sm"
 };
@@ -14701,14 +14719,14 @@ const _hoisted_27$5 = {
   stroke: "currentColor",
   strokeWidth: 2
 };
-const _hoisted_28$4 = {
+const _hoisted_28$5 = {
   key: 1,
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
   strokeWidth: 2
 };
-const _hoisted_29$4 = {
+const _hoisted_29$5 = {
   fill: "none",
   viewBox: "0 0 24 24",
   stroke: "currentColor",
@@ -15000,7 +15018,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 ])) : vue.createCommentVNode("", true),
                 !getHidePrices() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
                   vue.createElementVNode("div", _hoisted_18$6, [
-                    hasDiscount(bundle) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19$5, vue.toDisplayString(formatPrice(getOriginalPrice(bundle))), 1)) : vue.createCommentVNode("", true),
+                    hasDiscount(bundle) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_19$6, vue.toDisplayString(formatPrice(getOriginalPrice(bundle))), 1)) : vue.createCommentVNode("", true),
                     vue.createElementVNode("div", _hoisted_20$5, [
                       vue.createElementVNode("span", _hoisted_21$5, vue.toDisplayString(formatPrice(getBundlePrice(bundle))), 1),
                       vue.createElementVNode("span", _hoisted_22$5, [
@@ -15051,7 +15069,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 d: "M5 13l4 4L19 7"
               }, null, -1)
             ])])) : vue.createCommentVNode("", true),
-            toastType.value === "error" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_28$4, [..._cache[8] || (_cache[8] = [
+            toastType.value === "error" ? (vue.openBlock(), vue.createElementBlock("svg", _hoisted_28$5, [..._cache[8] || (_cache[8] = [
               vue.createElementVNode("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -15067,7 +15085,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[0] || (_cache[0] = async (event) => dismissToast()),
             class: vue.normalizeClass(`propeller-product-bundles__toast-close flex-shrink-0 rounded focus:outline-none ${toastType.value === "success" ? "text-success-foreground hover:text-success-foreground/80" : "text-destructive-foreground hover:text-destructive-foreground/80"}`)
           }, [
-            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_29$4, [..._cache[9] || (_cache[9] = [
+            (vue.openBlock(), vue.createElementBlock("svg", _hoisted_29$5, [..._cache[9] || (_cache[9] = [
               vue.createElementVNode("path", {
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
@@ -15175,33 +15193,41 @@ const _hoisted_6$b = ["fill"];
 const _hoisted_7$b = { class: "propeller-product-card__body flex flex-1 flex-row items-center gap-4 px-4 py-2 min-w-0" };
 const _hoisted_8$a = { class: "flex flex-col gap-0.5 flex-1 min-w-0" };
 const _hoisted_9$9 = { class: "propeller-product-card__sku font-mono text-xs text-foreground-subtle" };
-const _hoisted_10$8 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
-const _hoisted_11$7 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
-const _hoisted_12$7 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
-const _hoisted_13$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_14$7 = { class: "propeller-product-card__footer-meta flex items-center justify-between gap-3 md:contents" };
-const _hoisted_15$6 = { class: "propeller-product-card__price" };
-const _hoisted_16$6 = { class: "propeller-product-card__cta w-full md:w-auto md:flex-shrink-0 md:ml-auto" };
-const _hoisted_17$6 = { class: "propeller-product-card__body flex flex-1 flex-col gap-1.5 p-3 sm:gap-2 sm:p-4" };
-const _hoisted_18$5 = { class: "propeller-product-card__sku font-mono text-xs text-foreground-subtle" };
-const _hoisted_19$4 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
+const _hoisted_10$8 = {
+  key: 0,
+  class: "propeller-product-card__below-name"
+};
+const _hoisted_11$7 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
+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_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" };
 const _hoisted_20$4 = {
+  key: 0,
+  class: "propeller-product-card__below-name"
+};
+const _hoisted_21$4 = { class: "propeller-product-card__labels flex flex-col gap-0.5" };
+const _hoisted_22$4 = {
   key: 3,
   class: "hidden md:block"
 };
-const _hoisted_21$4 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
-const _hoisted_22$4 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
-const _hoisted_23$4 = {
+const _hoisted_23$4 = { class: "propeller-product-card__manufacturer text-xs text-muted-foreground" };
+const _hoisted_24$4 = { class: "propeller-product-card__description line-clamp-2 text-xs text-muted-foreground" };
+const _hoisted_25$4 = {
   key: 6,
   class: "mt-auto hidden md:block"
 };
-const _hoisted_24$4 = { class: "propeller-product-card__price pt-1" };
-const _hoisted_25$4 = {
+const _hoisted_26$4 = { class: "propeller-product-card__price pt-1" };
+const _hoisted_27$4 = {
   key: 0,
   class: "propeller-product-card__footer-meta flex flex-wrap items-center justify-between gap-x-2 gap-y-1 px-3 pt-1 sm:px-4 md:hidden"
 };
-const _hoisted_26$4 = { class: "propeller-product-card__price min-w-0 text-right" };
-const _hoisted_27$4 = {
+const _hoisted_28$4 = { class: "propeller-product-card__price min-w-0 text-right" };
+const _hoisted_29$4 = {
   key: 1,
   class: "propeller-product-card__cta px-3 pb-3 pt-2 sm:px-4 sm:pb-4"
 };
@@ -15256,7 +15282,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     addToCartComponent: {},
     imageComponent: {},
     badgesComponent: {},
-    favoriteComponent: {}
+    favoriteComponent: {},
+    belowNameComponent: {}
   },
   setup(__props) {
     const props = __props;
@@ -15269,7 +15296,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       addToCartComponent: { grid: "addToCartComponent" },
       imageComponent: { grid: "imageComponent" },
       badgesComponent: { grid: "badgesComponent" },
-      favoriteComponent: { grid: "favoriteComponent" }
+      favoriteComponent: { grid: "favoriteComponent" },
+      belowNameComponent: { grid: "belowNameComponent" }
     };
     const resolved = vue.computed(() => useResolvedProps(props, RESOLVE_SPEC));
     const infra = ProductVideos_vue_vue_type_script_setup_true_lang.useInfraProps(props);
@@ -15282,6 +15310,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     const ImageImpl = vue.computed(() => resolved.value.imageComponent ?? _sfc_main$E);
     const BadgesImpl = vue.computed(() => resolved.value.badgesComponent ?? _sfc_main$D);
     const FavoriteImpl = vue.computed(() => resolved.value.favoriteComponent ?? _sfc_main$Q);
+    const BelowNameImpl = vue.computed(() => resolved.value.belowNameComponent ?? null);
     const isFavorite = vue.ref(false);
     function isRow() {
       return props.columns === 1;
@@ -15492,12 +15521,17 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                   onClick: _cache[2] || (_cache[2] = ($event) => handleNavigate())
                 }, vue.toDisplayString(getProductName()), 1)
               ]) : vue.createCommentVNode("", true),
+              vue.renderSlot(_ctx.$slots, "belowName", { product: __props.product }, () => [
+                BelowNameImpl.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$8, [
+                  (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(BelowNameImpl.value), { product: __props.product }, null, 8, ["product"]))
+                ])) : vue.createCommentVNode("", true)
+              ]),
               !!__props.textLabels && __props.textLabels.length > 0 && computedTextLabels().length > 0 ? vue.renderSlot(_ctx.$slots, "textLabels", {
                 key: 2,
                 product: __props.product,
                 values: computedTextLabels()
               }, () => [
-                vue.createElementVNode("div", _hoisted_10$8, [
+                vue.createElementVNode("div", _hoisted_11$7, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedTextLabels(), (item, index2) => {
                     return vue.openBlock(), vue.createElementBlock("div", {
                       key: index2,
@@ -15511,19 +15545,19 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 product: __props.product,
                 manufacturer: getProductManufacturer()
               }, () => [
-                vue.createElementVNode("div", _hoisted_11$7, vue.toDisplayString(getProductManufacturer()), 1)
+                vue.createElementVNode("div", _hoisted_12$7, vue.toDisplayString(getProductManufacturer()), 1)
               ]) : vue.createCommentVNode("", true),
               __props.showShortDescription && !!getProductShortDescription() ? vue.renderSlot(_ctx.$slots, "shortDescription", {
                 key: 4,
                 product: __props.product,
                 text: getProductShortDescription()
               }, () => [
-                vue.createElementVNode("p", _hoisted_12$7, vue.toDisplayString(getProductShortDescription()), 1)
+                vue.createElementVNode("p", _hoisted_13$7, vue.toDisplayString(getProductShortDescription()), 1)
               ]) : vue.createCommentVNode("", true)
             ])
           ]),
-          vue.createElementVNode("div", _hoisted_13$7, [
-            vue.createElementVNode("div", _hoisted_14$7, [
+          vue.createElementVNode("div", _hoisted_14$7, [
+            vue.createElementVNode("div", _hoisted_15$6, [
               props.showStock && !!props.product.inventory ? vue.renderSlot(_ctx.$slots, "stock", {
                 key: 0,
                 product: __props.product,
@@ -15553,7 +15587,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 currency: __props.currency,
                 labels: props.priceLabels
               }, () => [
-                vue.createElementVNode("div", _hoisted_15$6, [
+                vue.createElementVNode("div", _hoisted_16$6, [
                   props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
                     key: 0,
                     price: __props.product.price,
@@ -15570,7 +15604,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 ])
               ]) : vue.createCommentVNode("", true)
             ]),
-            vue.createElementVNode("div", _hoisted_16$6, [
+            vue.createElementVNode("div", _hoisted_17$6, [
               vue.renderSlot(_ctx.$slots, "addToCart", {
                 product: __props.product,
                 cartId: props.cartId,
@@ -15616,13 +15650,13 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           ])
         ], 64)) : vue.createCommentVNode("", true),
         !isRow() ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-          vue.createElementVNode("div", _hoisted_17$6, [
+          vue.createElementVNode("div", _hoisted_18$5, [
             __props.showSku !== false && !!getProductSku() ? vue.renderSlot(_ctx.$slots, "sku", {
               key: 0,
               product: __props.product,
               sku: getProductSku()
             }, () => [
-              vue.createElementVNode("div", _hoisted_18$5, vue.toDisplayString(getProductSku()), 1)
+              vue.createElementVNode("div", _hoisted_19$5, vue.toDisplayString(getProductSku()), 1)
             ]) : vue.createCommentVNode("", true),
             __props.showName !== false ? vue.renderSlot(_ctx.$slots, getProductName(), {
               key: 1,
@@ -15637,12 +15671,17 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 onClick: _cache[3] || (_cache[3] = ($event) => handleNavigate())
               }, vue.toDisplayString(getProductName()), 1)
             ]) : vue.createCommentVNode("", true),
+            vue.renderSlot(_ctx.$slots, "belowName", { product: __props.product }, () => [
+              BelowNameImpl.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$4, [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(BelowNameImpl.value), { product: __props.product }, null, 8, ["product"]))
+              ])) : vue.createCommentVNode("", true)
+            ]),
             !!__props.textLabels && __props.textLabels.length > 0 && computedTextLabels().length > 0 ? vue.renderSlot(_ctx.$slots, "textLabels", {
               key: 2,
               product: __props.product,
               values: computedTextLabels()
             }, () => [
-              vue.createElementVNode("div", _hoisted_19$4, [
+              vue.createElementVNode("div", _hoisted_21$4, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedTextLabels(), (item, index2) => {
                   return vue.openBlock(), vue.createElementBlock("div", {
                     key: index2,
@@ -15651,7 +15690,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 }), 128))
               ])
             ]) : vue.createCommentVNode("", true),
-            props.showStock && !!props.product.inventory ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_20$4, [
+            props.showStock && !!props.product.inventory ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_22$4, [
               vue.renderSlot(_ctx.$slots, "stock", {
                 product: __props.product,
                 inventory: __props.product.inventory,
@@ -15678,16 +15717,16 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               product: __props.product,
               manufacturer: getProductManufacturer()
             }, () => [
-              vue.createElementVNode("div", _hoisted_21$4, vue.toDisplayString(getProductManufacturer()), 1)
+              vue.createElementVNode("div", _hoisted_23$4, vue.toDisplayString(getProductManufacturer()), 1)
             ]) : vue.createCommentVNode("", true),
             __props.showShortDescription && !!getProductShortDescription() ? vue.renderSlot(_ctx.$slots, "shortDescription", {
               key: 5,
               product: __props.product,
               text: getProductShortDescription()
             }, () => [
-              vue.createElementVNode("p", _hoisted_22$4, vue.toDisplayString(getProductShortDescription()), 1)
+              vue.createElementVNode("p", _hoisted_24$4, vue.toDisplayString(getProductShortDescription()), 1)
             ]) : vue.createCommentVNode("", true),
-            __props.showPrice !== false && !!__props.product?.price ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_23$4, [
+            __props.showPrice !== false && !!__props.product?.price ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_25$4, [
               vue.renderSlot(_ctx.$slots, "price", {
                 product: __props.product,
                 price: __props.product.price,
@@ -15695,7 +15734,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
                 currency: __props.currency,
                 labels: props.priceLabels
               }, () => [
-                vue.createElementVNode("div", _hoisted_24$4, [
+                vue.createElementVNode("div", _hoisted_26$4, [
                   props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
                     key: 0,
                     price: __props.product.price,
@@ -15713,7 +15752,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               ])
             ])) : vue.createCommentVNode("", true)
           ]),
-          props.showStock && !!props.product.inventory || __props.showPrice !== false && !!__props.product?.price ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_25$4, [
+          props.showStock && !!props.product.inventory || __props.showPrice !== false && !!__props.product?.price ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27$4, [
             props.showStock && !!props.product.inventory ? vue.renderSlot(_ctx.$slots, "stock", {
               key: 0,
               product: __props.product,
@@ -15743,7 +15782,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               currency: __props.currency,
               labels: props.priceLabels
             }, () => [
-              vue.createElementVNode("div", _hoisted_26$4, [
+              vue.createElementVNode("div", _hoisted_28$4, [
                 props.priceComponent ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(PriceImpl.value), {
                   key: 0,
                   price: __props.product.price,
@@ -15760,7 +15799,7 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
               ])
             ]) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
-          props.allowAddToCart !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_27$4, [
+          props.allowAddToCart !== false ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_29$4, [
             vue.renderSlot(_ctx.$slots, "addToCart", {
               product: __props.product,
               cartId: props.cartId,
@@ -16114,6 +16153,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     categoryId: {},
     term: {},
     brand: {},
+    orderlistIds: {},
+    applyOrderlists: { type: Boolean },
     columns: {},
     isLoading: { type: Boolean, default: false },
     portalMode: {},
@@ -16168,7 +16209,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     badgesComponent: {},
     favoriteComponent: {},
     productCardComponent: {},
-    clusterCardComponent: {}
+    clusterCardComponent: {},
+    belowNameComponent: {}
   },
   setup(__props) {
     const props = __props;
@@ -16213,12 +16255,15 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       addToCartComponent: props.addToCartComponent,
       imageComponent: props.imageComponent,
       badgesComponent: props.badgesComponent,
-      favoriteComponent: props.favoriteComponent
+      favoriteComponent: props.favoriteComponent,
+      belowNameComponent: props.belowNameComponent
     }));
     provideProductGridConfig(gridConfig.value);
     const categoryIdRef = vue.computed(() => props.categoryId);
     const termRef = vue.computed(() => props.term);
     const brandRef = vue.computed(() => props.brand);
+    const orderlistIdsRef = vue.computed(() => props.orderlistIds);
+    const applyOrderlistsRef = vue.computed(() => props.applyOrderlists);
     const langRef = vue.computed(() => infra.language || "NL");
     const userRef = vue.computed(() => infra.user ?? null);
     const companyRef = vue.computed(() => infra.companyId);
@@ -16246,6 +16291,8 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       categoryId: categoryIdRef,
       term: termRef,
       brand: brandRef,
+      orderlistIds: orderlistIdsRef,
+      applyOrderlists: applyOrderlistsRef,
       language: langRef,
       taxZone: props.taxZone,
       user: userRef,
@@ -16456,6 +16503,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   props: {
     user: {},
     companyId: {},
+    orderlistIds: {},
+    applyOrderlists: { type: Boolean },
     product: {},
     productId: {},
     graphqlClient: {},
@@ -16496,6 +16545,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const userRef = vue.computed(() => props.user ?? null);
     const companyRef = vue.computed(() => props.companyId);
+    const orderlistIdsRef = vue.computed(() => props.orderlistIds);
+    const applyOrderlistsRef = vue.computed(() => props.applyOrderlists);
     const langRef = vue.computed(() => props.language || "NL");
     const { product, cluster, loading, error, fetchProduct, fetchCluster } = useProductInfo({
       graphqlClient: props.graphqlClient,
@@ -16503,6 +16554,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       taxZone: props.taxZone,
       user: userRef,
       companyId: companyRef,
+      orderlistIds: orderlistIdsRef,
+      applyOrderlists: applyOrderlistsRef,
       configuration: props.configuration
     });
     vue.onMounted(() => {
@@ -17160,37 +17213,41 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$7 = ["data-layout", "data-grouped"];
 const _hoisted_2$7 = {
+  key: 0,
+  class: "propeller-product-specifications__package-description mb-4 text-sm text-muted-foreground"
+};
+const _hoisted_3$7 = {
   key: 0,
   class: "overflow-hidden rounded-[var(--radius-container)] border border-border"
 };
-const _hoisted_3$7 = { class: "w-full text-sm" };
-const _hoisted_4$7 = { class: "divide-y divide-border" };
-const _hoisted_5$7 = { class: "px-4 py-2 font-medium text-foreground w-1/2" };
-const _hoisted_6$7 = { class: "px-4 py-2 text-muted-foreground" };
-const _hoisted_7$7 = {
+const _hoisted_4$7 = { class: "w-full text-sm" };
+const _hoisted_5$7 = { class: "divide-y divide-border" };
+const _hoisted_6$7 = { class: "px-4 py-2 font-medium text-foreground w-1/2" };
+const _hoisted_7$7 = { class: "px-4 py-2 text-muted-foreground" };
+const _hoisted_8$6 = {
   key: 1,
   class: "space-y-3"
 };
-const _hoisted_8$6 = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wide" };
-const _hoisted_9$6 = { class: "text-sm text-foreground" };
-const _hoisted_10$6 = {
+const _hoisted_9$6 = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wide" };
+const _hoisted_10$6 = { class: "text-sm text-foreground" };
+const _hoisted_11$6 = {
   key: 0,
   class: "text-sm font-semibold text-muted-foreground uppercase tracking-wide mb-2"
 };
-const _hoisted_11$6 = {
+const _hoisted_12$6 = {
   key: 1,
   class: "overflow-hidden rounded-[var(--radius-container)] border border-border"
 };
-const _hoisted_12$6 = { class: "w-full text-sm" };
-const _hoisted_13$6 = { class: "divide-y divide-border" };
-const _hoisted_14$6 = { class: "px-4 py-2 font-medium text-foreground w-1/2" };
-const _hoisted_15$5 = { class: "px-4 py-2 text-muted-foreground" };
-const _hoisted_16$5 = {
+const _hoisted_13$6 = { class: "w-full text-sm" };
+const _hoisted_14$6 = { class: "divide-y divide-border" };
+const _hoisted_15$5 = { class: "px-4 py-2 font-medium text-foreground w-1/2" };
+const _hoisted_16$5 = { class: "px-4 py-2 text-muted-foreground" };
+const _hoisted_17$5 = {
   key: 2,
   class: "space-y-3"
 };
-const _hoisted_17$5 = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wide" };
-const _hoisted_18$4 = { class: "text-sm text-foreground" };
+const _hoisted_18$4 = { class: "text-xs font-medium text-muted-foreground uppercase tracking-wide" };
+const _hoisted_19$4 = { class: "text-sm text-foreground" };
 const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "ProductSpecifications",
   props: {
@@ -17200,6 +17257,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     language: {},
     layout: {},
     grouping: { type: Boolean },
+    packageDescription: {},
     className: {}
   },
   setup(__props) {
@@ -17285,69 +17343,70 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       return getAttributes().length > 0;
     }
     return (_ctx, _cache) => {
-      return !vue.unref(loading) && hasPublicAttributes() ? (vue.openBlock(), vue.createElementBlock("div", {
+      return !vue.unref(loading) && (hasPublicAttributes() || __props.packageDescription) ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         class: vue.normalizeClass(`propeller-product-specifications ${__props.className || ""}`),
         "data-layout": __props.layout === "list" ? "list" : "table",
         "data-grouped": __props.grouping ? "true" : "false"
       }, [
-        !__props.grouping ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          __props.layout !== "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, [
-            vue.createElementVNode("table", _hoisted_3$7, [
-              vue.createElementVNode("tbody", _hoisted_4$7, [
+        __props.packageDescription ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_2$7, vue.toDisplayString(__props.packageDescription), 1)) : vue.createCommentVNode("", true),
+        !__props.grouping ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
+          __props.layout !== "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
+            vue.createElementVNode("table", _hoisted_4$7, [
+              vue.createElementVNode("tbody", _hoisted_5$7, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributes(), (attr, i) => {
                   return vue.openBlock(), vue.createElementBlock("tr", {
                     key: i,
                     class: "propeller-product-specifications__row odd:bg-card even:bg-surface-hover/20"
                   }, [
-                    vue.createElementVNode("td", _hoisted_5$7, vue.toDisplayString(getAttributeLabel(attr)), 1),
-                    vue.createElementVNode("td", _hoisted_6$7, vue.toDisplayString(getAttributeValue(attr)), 1)
+                    vue.createElementVNode("td", _hoisted_6$7, vue.toDisplayString(getAttributeLabel(attr)), 1),
+                    vue.createElementVNode("td", _hoisted_7$7, vue.toDisplayString(getAttributeValue(attr)), 1)
                   ]);
                 }), 128))
               ])
             ])
           ])) : vue.createCommentVNode("", true),
-          __props.layout === "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$7, [
+          __props.layout === "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$6, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributes(), (attr, i) => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 key: i,
                 class: "flex flex-col gap-0.5"
               }, [
-                vue.createElementVNode("span", _hoisted_8$6, vue.toDisplayString(getAttributeLabel(attr)), 1),
-                vue.createElementVNode("span", _hoisted_9$6, vue.toDisplayString(getAttributeValue(attr)), 1)
+                vue.createElementVNode("span", _hoisted_9$6, vue.toDisplayString(getAttributeLabel(attr)), 1),
+                vue.createElementVNode("span", _hoisted_10$6, vue.toDisplayString(getAttributeValue(attr)), 1)
               ]);
             }), 128))
           ])) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
-        !!__props.grouping ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(getGroups(), (group, index2) => {
+        !!__props.grouping ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 2 }, vue.renderList(getGroups(), (group, index2) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: group,
             class: "mb-6"
           }, [
-            !!group ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_10$6, vue.toDisplayString(group), 1)) : vue.createCommentVNode("", true),
-            __props.layout !== "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$6, [
-              vue.createElementVNode("table", _hoisted_12$6, [
-                vue.createElementVNode("tbody", _hoisted_13$6, [
+            !!group ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_11$6, vue.toDisplayString(group), 1)) : vue.createCommentVNode("", true),
+            __props.layout !== "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$6, [
+              vue.createElementVNode("table", _hoisted_13$6, [
+                vue.createElementVNode("tbody", _hoisted_14$6, [
                   (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributesByGroup(group), (attr, i) => {
                     return vue.openBlock(), vue.createElementBlock("tr", {
                       key: i,
                       class: "propeller-product-specifications__row odd:bg-card even:bg-surface-hover/20"
                     }, [
-                      vue.createElementVNode("td", _hoisted_14$6, vue.toDisplayString(getAttributeLabel(attr)), 1),
-                      vue.createElementVNode("td", _hoisted_15$5, vue.toDisplayString(getAttributeValue(attr)), 1)
+                      vue.createElementVNode("td", _hoisted_15$5, vue.toDisplayString(getAttributeLabel(attr)), 1),
+                      vue.createElementVNode("td", _hoisted_16$5, vue.toDisplayString(getAttributeValue(attr)), 1)
                     ]);
                   }), 128))
                 ])
               ])
             ])) : vue.createCommentVNode("", true),
-            __props.layout === "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16$5, [
+            __props.layout === "list" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_17$5, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(getAttributesByGroup(group), (attr, i) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: i,
                   class: "flex flex-col gap-0.5"
                 }, [
-                  vue.createElementVNode("span", _hoisted_17$5, vue.toDisplayString(getAttributeLabel(attr)), 1),
-                  vue.createElementVNode("span", _hoisted_18$4, vue.toDisplayString(getAttributeValue(attr)), 1)
+                  vue.createElementVNode("span", _hoisted_18$4, vue.toDisplayString(getAttributeLabel(attr)), 1),
+                  vue.createElementVNode("span", _hoisted_19$4, vue.toDisplayString(getAttributeValue(attr)), 1)
                 ]);
               }), 128))
             ])) : vue.createCommentVNode("", true)
@@ -17402,6 +17461,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     productId: {},
     specificationsLayout: {},
     specificationsGrouping: { type: Boolean },
+    specificationsPackageDescription: {},
     downloadsLabels: {},
     videosLabels: {},
     className: {},
@@ -17537,8 +17597,9 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                 attributes: getSpecsAttributes(),
                 language: __props.language,
                 layout: __props.specificationsLayout,
-                grouping: __props.specificationsGrouping
-              }, null, 8, ["attributes", "language", "layout", "grouping"]))
+                grouping: __props.specificationsGrouping,
+                "package-description": __props.specificationsPackageDescription
+              }, null, 8, ["attributes", "language", "layout", "grouping", "package-description"]))
             ], 2)) : vue.createCommentVNode("", true),
             isActive("downloads") && isTabVisible("downloads") ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(ProductDownloadsImpl.value), {
               key: 2,
@@ -17622,8 +17683,9 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                 attributes: getSpecsAttributes(),
                 language: __props.language,
                 layout: __props.specificationsLayout,
-                grouping: __props.specificationsGrouping
-              }, null, 8, ["attributes", "language", "layout", "grouping"]))
+                grouping: __props.specificationsGrouping,
+                "package-description": __props.specificationsPackageDescription
+              }, null, 8, ["attributes", "language", "layout", "grouping", "package-description"]))
             ])) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
           isTabVisible("downloads") ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14$5, [
@@ -19742,6 +19804,8 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     containerClassName: {},
     taxZone: {},
     companyId: {},
+    orderlistIds: {},
+    applyOrderlists: { type: Boolean },
     configuration: {},
     clearSignal: {}
   },
@@ -19749,11 +19813,15 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const infra = ProductVideos_vue_vue_type_script_setup_true_lang.useInfraProps(props);
     const companyRef = vue.computed(() => infra.companyId);
+    const orderlistIdsRef = vue.computed(() => props.orderlistIds);
+    const applyOrderlistsRef = vue.computed(() => props.applyOrderlists);
     const { search, searchResults, searchItemsFound, searchLoading } = useProductSearch({
       graphqlClient: infra.graphqlClient,
       language: vue.computed(() => infra.language || "NL"),
       configuration: infra.configuration || {},
-      companyId: companyRef
+      companyId: companyRef,
+      orderlistIds: orderlistIdsRef,
+      applyOrderlists: applyOrderlistsRef
     });
     const searchTerm = vue.ref("");
     const results = vue.ref([]);