@propeller-commerce/propeller-v2-vue-ui 0.3.14

package/dist/ProductVideos.vue_vue_type_script_setup_true_lang-BSXOpWBD.js

@@ -0,0 +1,1706 @@
+import { inject, reactive, defineComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, Fragment, renderList, createTextVNode, computed, createBlock, resolveDynamicComponent, ref, watch } from "vue";
+import { i as deriveUserMode, I as isContentHidden, y as getLabel, n as formatPrice, z as getLanguageString, v as getCountryName } from "./index-BN8nyGRL.js";
+import { YesNo, OrderDiscountType } from "@propeller-commerce/propeller-sdk-v2";
+const PropellerDepsKey = /* @__PURE__ */ Symbol("propeller-deps");
+const propellerVue = {
+  install(app, options) {
+    if (!options || !options.graphqlClient || !options.services) {
+      throw new Error(
+        "[propeller-v2-vue-ui] propellerVue plugin requires { graphqlClient, services, currency, configuration }. Build services once via `createServices(graphqlClient)` and pass both in."
+      );
+    }
+    app.provide(PropellerDepsKey, {
+      graphqlClient: options.graphqlClient,
+      services: options.services,
+      currency: options.currency ?? "€",
+      configuration: options.configuration
+    });
+  }
+};
+function usePropellerDeps() {
+  const deps = inject(PropellerDepsKey, null);
+  if (!deps) {
+    throw new Error(
+      "[propeller-v2-vue-ui] usePropellerDeps() called without the plugin. Add `app.use(propellerVue, { graphqlClient, services, currency, configuration })` at startup."
+    );
+  }
+  return deps;
+}
+function tryUsePropellerDeps() {
+  return inject(PropellerDepsKey, null);
+}
+const PropellerScopeKey = /* @__PURE__ */ Symbol("propeller-scope");
+function buildInfra(deps, scope) {
+  return {
+    ...deps,
+    get user() {
+      return scope.user;
+    },
+    get companyId() {
+      return scope.companyId;
+    },
+    get language() {
+      return scope.language;
+    },
+    get includeTax() {
+      return scope.includeTax;
+    },
+    get portalMode() {
+      return scope.portalMode;
+    },
+    get shopMode() {
+      return scope.shopMode;
+    },
+    get userMode() {
+      return deriveUserMode(scope.user, scope.shopMode ?? "hybrid");
+    }
+  };
+}
+function usePropellerContext() {
+  const deps = tryUsePropellerDeps();
+  const scope = inject(PropellerScopeKey, null);
+  if (!deps || !scope) return null;
+  return buildInfra(deps, scope);
+}
+function useRequiredPropellerContext() {
+  const deps = usePropellerDeps();
+  const scope = inject(PropellerScopeKey, null);
+  if (!scope) {
+    throw new Error(
+      "[propeller-v2-vue-ui] useRequiredPropellerContext() called outside a <PropellerProvider>. Wrap your routed tree with <PropellerProvider :user :companyId :language :includeTax :portalMode>."
+    );
+  }
+  return buildInfra(deps, scope);
+}
+function useUserMode() {
+  const scope = inject(PropellerScopeKey, null);
+  if (!scope) return "anonymous";
+  return deriveUserMode(scope.user, scope.shopMode ?? "hybrid");
+}
+const INFRA_KEYS = [
+  "graphqlClient",
+  "services",
+  "user",
+  "companyId",
+  "language",
+  "includeTax",
+  "currency",
+  "configuration",
+  "portalMode"
+];
+function useInfraProps(props) {
+  const ctx = usePropellerContext();
+  const merged = {};
+  for (const key of Object.keys(props)) {
+    if (INFRA_KEYS.includes(key)) continue;
+    Object.defineProperty(merged, key, {
+      enumerable: true,
+      configurable: true,
+      get() {
+        return props[key];
+      }
+    });
+  }
+  for (const key of INFRA_KEYS) {
+    Object.defineProperty(merged, key, {
+      enumerable: true,
+      configurable: true,
+      get() {
+        const explicit = props[key];
+        if (explicit !== void 0 && explicit !== null) return explicit;
+        return ctx ? ctx[key] : void 0;
+      }
+    });
+  }
+  return reactive(merged);
+}
+const _hoisted_1$b = ["data-hidden"];
+const _hoisted_2$9 = {
+  key: 0,
+  class: "propeller-product-price__login-prompt text-sm text-muted-foreground italic"
+};
+const _hoisted_3$8 = {
+  key: 1,
+  class: "propeller-product-price__content flex flex-col gap-0.5"
+};
+const _hoisted_4$7 = { class: "propeller-product-price__primary flex items-baseline gap-2" };
+const _hoisted_5$7 = { class: "propeller-product-price__tax-label text-sm text-muted-foreground" };
+const _hoisted_6$6 = {
+  key: 0,
+  class: "propeller-product-price__secondary text-sm text-muted-foreground flex items-baseline gap-1"
+};
+const _hoisted_7$6 = { class: "propeller-product-price-secondary__amount" };
+const _hoisted_8$6 = { class: "propeller-product-price-secondary__tax-label" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  __name: "ProductPrice",
+  props: {
+    price: {},
+    currency: {},
+    portalMode: {},
+    user: {},
+    includeTax: { type: Boolean },
+    taxZone: {},
+    options: {},
+    selectedOptionProducts: {},
+    labels: {},
+    priceSize: {},
+    className: {}
+  },
+  setup(__props) {
+    const props = __props;
+    function isHidden() {
+      return isContentHidden(props.portalMode, props.user);
+    }
+    function formatPrice$1(value) {
+      return formatPrice(value, { symbol: props.currency || "€" });
+    }
+    function getOptionsTotal(useNet) {
+      const options = props.options || [];
+      const selected = props.selectedOptionProducts || [];
+      let total = 0;
+      options.forEach((option) => {
+        if (option.hidden === YesNo.Y) return;
+        const selectedProduct = selected.find(
+          (p) => (option.products || []).some(
+            (op) => op.productId === p.productId
+          )
+        );
+        if (selectedProduct) {
+          total += useNet ? selectedProduct.price?.net || 0 : selectedProduct.price?.gross || 0;
+        } else if (option.isRequired === YesNo.Y && option.defaultProduct) {
+          const defaultId = option.defaultProduct.productId;
+          const fullDefault = (option.products || []).find(
+            (p) => p.productId === defaultId
+          ) || option.defaultProduct;
+          total += useNet ? fullDefault.price?.net || 0 : fullDefault.price?.gross || 0;
+        }
+      });
+      return total;
+    }
+    function getLeadingPrice() {
+      const price = props.price;
+      if (!price) return "";
+      const useNet = !!props.includeTax;
+      const base = useNet ? price.net : price.gross;
+      if (base === null || base === void 0) return "";
+      return formatPrice$1(base + getOptionsTotal(useNet));
+    }
+    function getSecondaryPrice() {
+      const price = props.price;
+      if (!price) return "";
+      const useNet = !props.includeTax;
+      const base = useNet ? price.net : price.gross;
+      if (base === null || base === void 0) return "";
+      return formatPrice$1(base + getOptionsTotal(useNet));
+    }
+    function getTaxLabel() {
+      return props.includeTax ? getLabel$1("inclTax", "incl. VAT") : getLabel$1("exclTax", "excl. VAT");
+    }
+    function getSecondaryTaxLabel() {
+      return props.includeTax ? getLabel$1("exclTax", "excl. VAT") : getLabel$1("inclTax", "incl. VAT");
+    }
+    function getLabel$1(key, fallback) {
+      return getLabel(props.labels, key, fallback);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`propeller-product-price ${__props.className || ""}`),
+        "data-hidden": isHidden() ? "true" : "false"
+      }, [
+        isHidden() ? (openBlock(), createElementBlock("p", _hoisted_2$9, toDisplayString(getLabel$1("loginToSeePrices", "Log in to see prices")), 1)) : createCommentVNode("", true),
+        !isHidden() && !!getLeadingPrice() ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
+          createElementVNode("div", _hoisted_4$7, [
+            createElementVNode("span", {
+              class: normalizeClass(`propeller-product-price__amount ${__props.priceSize || "text-3xl"} font-bold text-foreground`)
+            }, toDisplayString(getLeadingPrice()), 3),
+            createElementVNode("span", _hoisted_5$7, toDisplayString(getTaxLabel()), 1)
+          ]),
+          !!getSecondaryPrice() ? (openBlock(), createElementBlock("div", _hoisted_6$6, [
+            createElementVNode("span", _hoisted_7$6, toDisplayString(getSecondaryPrice()), 1),
+            createElementVNode("span", _hoisted_8$6, toDisplayString(getSecondaryTaxLabel()), 1)
+          ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ], 10, _hoisted_1$b);
+    };
+  }
+});
+const _hoisted_1$a = ["aria-label"];
+const _hoisted_2$8 = { class: "propeller-breadcrumbs__list flex flex-wrap items-center text-sm text-muted-foreground" };
+const _hoisted_3$7 = {
+  key: 0,
+  class: "propeller-breadcrumbs__item flex items-center",
+  "data-home": "true"
+};
+const _hoisted_4$6 = ["href"];
+const _hoisted_5$6 = ["data-current"];
+const _hoisted_6$5 = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "propeller-breadcrumbs__separator mx-2 select-none text-muted-foreground/40"
+};
+const _hoisted_7$5 = {
+  key: 1,
+  "aria-current": "page",
+  class: "propeller-breadcrumbs__link propeller-breadcrumbs__link--current text-foreground"
+};
+const _hoisted_8$5 = ["href"];
+const _hoisted_9$4 = {
+  key: 1,
+  class: "propeller-breadcrumbs__item flex items-center",
+  "data-current": "true"
+};
+const _hoisted_10$4 = {
+  "aria-hidden": "true",
+  class: "propeller-breadcrumbs__separator mx-2 select-none text-muted-foreground/40"
+};
+const _hoisted_11$4 = ["href"];
+const _hoisted_12$3 = {
+  key: 1,
+  "aria-current": "page",
+  class: "propeller-breadcrumbs__link propeller-breadcrumbs__link--current text-foreground"
+};
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "Breadcrumbs",
+  props: {
+    categoryPath: {},
+    showCurrent: { type: Boolean, default: true },
+    currentCategory: {},
+    currentLabel: {},
+    currentUrl: {},
+    showHome: { type: Boolean, default: true },
+    homeUrl: {},
+    language: {},
+    getUrl: {},
+    labels: {},
+    className: {},
+    configuration: {}
+  },
+  setup(__props) {
+    const props = __props;
+    function getItems() {
+      const path = props.categoryPath || [];
+      const baseId = props.configuration?.baseCategoryId;
+      const filtered = baseId ? path.filter((cat) => cat.categoryId !== baseId) : path;
+      const current = props.currentCategory;
+      if (current) {
+        const last = filtered[filtered.length - 1];
+        if (!last || last.categoryId !== current.categoryId) {
+          return [...filtered, current];
+        }
+      }
+      return filtered;
+    }
+    function getDisplayItems() {
+      const items = getItems();
+      if (props.showCurrent === false && items.length > 0) {
+        return items.slice(0, items.length - 1);
+      }
+      return items;
+    }
+    function getCategoryName(cat) {
+      return getLanguageString(cat.name, props.language || "NL", "");
+    }
+    function getCategoryUrl(cat, index) {
+      if (props.getUrl) {
+        return props.getUrl(cat, index);
+      }
+      const urls = props.configuration?.urls;
+      if (urls && typeof urls.getCategoryUrl === "function") {
+        return urls.getCategoryUrl(cat, props.language);
+      }
+      const slug = getLanguageString(cat.slug, props.language || "NL", "");
+      return `/category/${cat.categoryId}/${slug}`;
+    }
+    function isCurrentItem(index) {
+      if (props.showCurrent === false) return false;
+      if (props.currentLabel) return false;
+      return index === getDisplayItems().length - 1;
+    }
+    function showSeparatorBefore(index) {
+      return props.showHome !== false || index > 0;
+    }
+    function getLabel$1(key, fallback) {
+      return getLabel(props.labels, key, fallback);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("nav", {
+        "aria-label": getLabel$1("breadcrumbAriaLabel", "Breadcrumb"),
+        class: normalizeClass(`propeller-breadcrumbs ${__props.className || ""}`)
+      }, [
+        createElementVNode("ol", _hoisted_2$8, [
+          __props.showHome !== false ? (openBlock(), createElementBlock("li", _hoisted_3$7, [
+            createElementVNode("a", {
+              class: "propeller-breadcrumbs__link hover:text-foreground transition-colors",
+              href: __props.homeUrl || "/"
+            }, toDisplayString(getLabel$1("home", "Home")), 9, _hoisted_4$6)
+          ])) : createCommentVNode("", true),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(getDisplayItems(), (cat, index) => {
+            return openBlock(), createElementBlock("li", {
+              key: cat.categoryId || index,
+              class: "propeller-breadcrumbs__item flex items-center",
+              "data-current": isCurrentItem(index) ? "true" : "false"
+            }, [
+              showSeparatorBefore(index) ? (openBlock(), createElementBlock("span", _hoisted_6$5, toDisplayString(getLabel$1("separator", "/")), 1)) : createCommentVNode("", true),
+              isCurrentItem(index) ? (openBlock(), createElementBlock("span", _hoisted_7$5, toDisplayString(getCategoryName(cat)), 1)) : (openBlock(), createElementBlock("a", {
+                key: 2,
+                class: "propeller-breadcrumbs__link hover:text-foreground transition-colors",
+                href: getCategoryUrl(cat, index)
+              }, toDisplayString(getCategoryName(cat)), 9, _hoisted_8$5))
+            ], 8, _hoisted_5$6);
+          }), 128)),
+          !!__props.currentLabel ? (openBlock(), createElementBlock("li", _hoisted_9$4, [
+            createElementVNode("span", _hoisted_10$4, toDisplayString(getLabel$1("separator", "/")), 1),
+            !!__props.currentUrl ? (openBlock(), createElementBlock("a", {
+              key: 0,
+              "aria-current": "page",
+              class: "propeller-breadcrumbs__link propeller-breadcrumbs__link--current text-foreground",
+              href: __props.currentUrl
+            }, toDisplayString(__props.currentLabel), 9, _hoisted_11$4)) : createCommentVNode("", true),
+            !__props.currentUrl ? (openBlock(), createElementBlock("span", _hoisted_12$3, toDisplayString(__props.currentLabel), 1)) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ])
+      ], 10, _hoisted_1$a);
+    };
+  }
+});
+const _hoisted_1$9 = ["data-available", "data-stock"];
+const _hoisted_2$7 = {
+  key: 0,
+  class: "propeller-item-stock__count opacity-70"
+};
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  __name: "ItemStock",
+  props: {
+    inventory: {},
+    showAvailability: { type: Boolean, default: true },
+    showStock: { type: Boolean, default: true },
+    labels: {},
+    className: {}
+  },
+  setup(__props) {
+    const props = __props;
+    function getLabel$1(key, fallback) {
+      return getLabel(props.labels, key, fallback);
+    }
+    function getTotalQuantity() {
+      const qty = props.inventory?.totalQuantity;
+      return qty !== void 0 && qty !== null ? qty : -1;
+    }
+    function isAvailable() {
+      return getTotalQuantity() > 0;
+    }
+    function getStockStatusLabel() {
+      const qty = getTotalQuantity();
+      if (qty < 0) return "";
+      if (qty === 0) return getLabel$1("outOfStock", "Out of stock");
+      if (qty <= 5) return getLabel$1("lowStock", "Low stock");
+      return getLabel$1("inStock", "In stock");
+    }
+    function getStockStatusClass() {
+      const qty = getTotalQuantity();
+      if (qty <= 0) return "text-destructive bg-destructive/10 border-destructive";
+      if (qty <= 5) return "text-warning bg-warning/10 border-warning";
+      return "text-success bg-success/10 border-success";
+    }
+    function getStockStatusData() {
+      const qty = getTotalQuantity();
+      if (qty <= 0) return "out";
+      if (qty <= 5) return "low";
+      return "in";
+    }
+    function getAvailabilityLabel() {
+      return isAvailable() ? getLabel$1("available", "Available") : getLabel$1("notAvailable", "Not available");
+    }
+    function getAvailabilityClass() {
+      return isAvailable() ? "text-success bg-success/10 border-success" : "text-destructive bg-destructive/10 border-destructive";
+    }
+    function getAvailabilityDotClass() {
+      return isAvailable() ? "bg-success" : "bg-destructive";
+    }
+    function hasInventory() {
+      return !!props.inventory && getTotalQuantity() >= 0;
+    }
+    return (_ctx, _cache) => {
+      return hasInventory() ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(`propeller-item-stock flex flex-wrap items-center gap-1.5 ${__props.className || ""}`),
+        "data-available": isAvailable() ? "true" : "false",
+        "data-stock": getStockStatusData()
+      }, [
+        __props.showAvailability !== false ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(`propeller-item-stock__availability inline-flex items-center gap-1 whitespace-nowrap rounded-full border px-2 py-0.5 text-[11px] font-medium ${getAvailabilityClass()}`)
+        }, [
+          createElementVNode("span", {
+            class: normalizeClass(`propeller-item-stock__availability-dot h-1.5 w-1.5 flex-shrink-0 rounded-full ${getAvailabilityDotClass()}`)
+          }, null, 2),
+          createTextVNode(toDisplayString(getAvailabilityLabel()), 1)
+        ], 2)) : createCommentVNode("", true),
+        __props.showStock !== false && !!getStockStatusLabel() ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: normalizeClass(`propeller-item-stock__status inline-flex items-center gap-1 whitespace-nowrap rounded-full border px-2 py-0.5 text-[11px] font-medium ${getStockStatusClass()}`)
+        }, [
+          createTextVNode(toDisplayString(getStockStatusLabel()) + " ", 1),
+          getTotalQuantity() > 0 ? (openBlock(), createElementBlock("span", _hoisted_2$7, " (" + toDisplayString(getTotalQuantity()) + toDisplayString(getLabel$1("pieces", "pcs")) + ") ", 1)) : createCommentVNode("", true)
+        ], 2)) : createCommentVNode("", true)
+      ], 10, _hoisted_1$9)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$8 = ["innerHTML"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  __name: "CategoryShortDescription",
+  props: {
+    language: {},
+    category: {},
+    className: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const infra = useInfraProps(props);
+    const html = computed(() => {
+      return getLanguageString(props.category?.shortDescription, infra.language || "NL", "");
+    });
+    return (_ctx, _cache) => {
+      return !!html.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(`propeller-category-short-description mb-6 ${__props.className || ""}`)
+      }, [
+        createElementVNode("div", {
+          class: "propeller-category-short-description__content prose prose-slate max-w-none text-muted-foreground",
+          innerHTML: html.value
+        }, null, 8, _hoisted_1$8)
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$7 = { class: "propeller-grid-title__row flex items-baseline gap-3 mb-3" };
+const _hoisted_2$6 = {
+  key: 0,
+  class: "propeller-grid-title__heading text-3xl sm:text-4xl font-bold tracking-tight"
+};
+const _hoisted_3$6 = {
+  key: 1,
+  class: "propeller-grid-title__heading text-3xl sm:text-4xl font-bold tracking-tight"
+};
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "GridTitle",
+  props: {
+    title: {},
+    language: {},
+    headingLevel: {},
+    className: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`propeller-grid-title mb-8 ${__props.className || ""}`)
+      }, [
+        createElementVNode("div", _hoisted_1$7, [
+          __props.headingLevel === "h2" ? (openBlock(), createElementBlock("h2", _hoisted_2$6, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          __props.headingLevel !== "h2" ? (openBlock(), createElementBlock("h1", _hoisted_3$6, toDisplayString(__props.title), 1)) : createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$6 = { class: "propeller-order-item-card" };
+const _hoisted_2$5 = ["data-child"];
+const _hoisted_3$5 = { class: "flex items-center gap-4" };
+const _hoisted_4$5 = {
+  key: 0,
+  class: "propeller-order-item-card__media relative w-16 h-16 flex-shrink-0 rounded overflow-hidden"
+};
+const _hoisted_5$5 = ["src", "alt"];
+const _hoisted_6$4 = {
+  key: 1,
+  class: "propeller-order-item-card__image-placeholder w-16 h-16 bg-surface-hover rounded flex items-center justify-center text-foreground-subtle text-xs"
+};
+const _hoisted_7$4 = ["href"];
+const _hoisted_8$4 = {
+  key: 2,
+  class: "propeller-order-item-card__sku text-sm text-muted-foreground mt-1"
+};
+const _hoisted_9$3 = {
+  key: 3,
+  class: "propeller-order-item-card__notes text-sm text-foreground-subtle mt-1 italic"
+};
+const _hoisted_10$3 = { key: 1 };
+const _hoisted_11$3 = { class: "propeller-order-item-card__cell propeller-order-item-card__cell--product px-6 py-2 pl-28" };
+const _hoisted_12$2 = { class: "propeller-order-item-card__child-title text-sm text-muted-foreground" };
+const _hoisted_13$2 = {
+  key: 0,
+  class: "propeller-order-item-card__cell propeller-order-item-card__cell--quantity px-6 py-2 text-center text-sm text-muted-foreground"
+};
+const _hoisted_14$2 = {
+  key: 1,
+  class: "propeller-order-item-card__cell propeller-order-item-card__cell--discount px-6 py-2 text-right text-sm text-muted-foreground"
+};
+const _hoisted_15$2 = {
+  key: 2,
+  class: "propeller-order-item-card__cell propeller-order-item-card__cell--price px-6 py-2 text-right whitespace-nowrap text-sm text-muted-foreground"
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  __name: "OrderItemCard",
+  props: {
+    orderItem: {},
+    currency: {},
+    childItems: {},
+    titleLinkable: { type: Boolean, default: true },
+    showImage: { type: Boolean, default: true },
+    showStockComponent: { type: Boolean, default: false },
+    showSku: { type: Boolean, default: true },
+    showQuantity: { type: Boolean, default: true },
+    showPrice: { type: Boolean, default: true },
+    showDiscount: { type: Boolean, default: false },
+    showItemNotes: { type: Boolean, default: false },
+    isChildItem: { type: Boolean, default: false },
+    formatPrice: {},
+    labels: {},
+    priceComponent: {},
+    stockComponent: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const PriceImpl = computed(() => props.priceComponent ?? _sfc_main$b);
+    const StockImpl = computed(() => props.stockComponent ?? _sfc_main$9);
+    const titleLinkable = computed(() => {
+      return props.titleLinkable !== void 0 ? props.titleLinkable : true;
+    });
+    const showImage = computed(() => {
+      if (props.isChildItem) return false;
+      return props.showImage !== void 0 ? props.showImage : true;
+    });
+    const showSku = computed(() => {
+      if (props.isChildItem) return false;
+      return props.showSku !== void 0 ? props.showSku : true;
+    });
+    const showQuantity = computed(() => {
+      return props.showQuantity !== void 0 ? props.showQuantity : true;
+    });
+    const showPrice = computed(() => {
+      return props.showPrice !== void 0 ? props.showPrice : true;
+    });
+    const showDiscount = computed(() => {
+      return props.showDiscount !== void 0 ? props.showDiscount : false;
+    });
+    const showStockComponent = computed(() => {
+      return props.showStockComponent !== void 0 ? props.showStockComponent : false;
+    });
+    const showItemNotes = computed(() => {
+      return props.showItemNotes !== void 0 ? props.showItemNotes : false;
+    });
+    const isChildItem = computed(() => {
+      return props.isChildItem || false;
+    });
+    const productName = computed(() => {
+      const item = props.orderItem;
+      return item?.product?.names?.[0]?.value || item?.name || "Unknown Product";
+    });
+    const productSku = computed(() => {
+      return props.orderItem?.product?.sku || props.orderItem?.sku || "";
+    });
+    const productImage = computed(() => {
+      return props.orderItem?.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url || "";
+    });
+    const productId = computed(() => {
+      return props.orderItem?.product?.productId;
+    });
+    const productSlug = computed(() => {
+      return props.orderItem?.product?.slugs?.[0]?.value || "";
+    });
+    const clusterUrl = computed(() => {
+      const cluster = props.orderItem?.product?.cluster;
+      if (!cluster) return "";
+      const id = cluster.clusterId ?? cluster.urlId;
+      const slug = cluster.slugs?.[0]?.value || cluster.slug?.[0]?.value || "";
+      if (!id || !slug) return "";
+      return "/cluster/" + id + "/" + slug;
+    });
+    const productUrl = computed(() => {
+      if (clusterUrl.value) return clusterUrl.value;
+      if (productId.value && productSlug.value) {
+        return "/product/" + productId.value + "/" + productSlug.value;
+      }
+      return "";
+    });
+    const quantity = computed(() => {
+      return props.orderItem?.quantity || 0;
+    });
+    computed(() => {
+      return props.orderItem?.price || 0;
+    });
+    const priceTotal = computed(() => {
+      return props.orderItem?.priceTotal || 0;
+    });
+    const discount = computed(() => {
+      return props.orderItem?.discount || 0;
+    });
+    const originalPrice = computed(() => {
+      return props.orderItem?.originalPrice || 0;
+    });
+    const discountPercentage = computed(() => {
+      if (originalPrice.value > 0 && discount.value > 0) {
+        return discount.value / originalPrice.value * 100;
+      }
+      return 0;
+    });
+    const notes = computed(() => {
+      return props.orderItem?.notes || "";
+    });
+    const hasChildren = computed(() => {
+      return (props.childItems || []).length > 0;
+    });
+    function getLabel$1(key, fallback) {
+      return getLabel(props.labels, key, fallback);
+    }
+    function formatItemPrice(price2) {
+      if (props.formatPrice) {
+        return props.formatPrice(price2);
+      }
+      if (!price2 && price2 !== 0) return "-";
+      return formatPrice(price2, { symbol: props.currency ?? "€" });
+    }
+    function formatDiscountDisplay() {
+      const discountStr = formatItemPrice(discount.value);
+      if (discountPercentage.value > 0) {
+        return discountStr + " (" + discountPercentage.value.toFixed(2).replace(".", ",") + "%)";
+      }
+      return discountStr;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("tbody", _hoisted_1$6, [
+        createElementVNode("tr", {
+          class: normalizeClass(`propeller-order-item-card__row ${isChildItem.value ? "border-0" : "hover:bg-surface-hover transition"}`),
+          "data-child": isChildItem.value ? "true" : "false"
+        }, [
+          createElementVNode("td", {
+            class: normalizeClass(`propeller-order-item-card__cell propeller-order-item-card__cell--product ${isChildItem.value ? "px-6 py-2 pl-28" : "px-6 py-4"}`)
+          }, [
+            createElementVNode("div", _hoisted_3$5, [
+              showImage.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                productImage.value ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
+                  createElementVNode("img", {
+                    class: "propeller-order-item-card__image object-cover w-full h-full",
+                    src: productImage.value,
+                    alt: productName.value
+                  }, null, 8, _hoisted_5$5)
+                ])) : createCommentVNode("", true),
+                !productImage.value ? (openBlock(), createElementBlock("div", _hoisted_6$4, toDisplayString(getLabel$1("noImage", "No Img")), 1)) : createCommentVNode("", true)
+              ], 64)) : createCommentVNode("", true),
+              createElementVNode("div", null, [
+                titleLinkable.value && productUrl.value && !isChildItem.value ? (openBlock(), createElementBlock("a", {
+                  key: 0,
+                  class: "propeller-order-item-card__title font-medium text-foreground hover:text-primary hover:underline",
+                  href: productUrl.value
+                }, toDisplayString(productName.value), 9, _hoisted_7$4)) : createCommentVNode("", true),
+                !titleLinkable.value || !productUrl.value || isChildItem.value ? (openBlock(), createElementBlock("span", {
+                  key: 1,
+                  class: normalizeClass(`propeller-order-item-card__title ${isChildItem.value ? "text-sm text-muted-foreground" : "font-medium"}`)
+                }, toDisplayString(productName.value), 3)) : createCommentVNode("", true),
+                showSku.value && productSku.value ? (openBlock(), createElementBlock("p", _hoisted_8$4, " SKU: " + toDisplayString(productSku.value), 1)) : createCommentVNode("", true),
+                showItemNotes.value && notes.value ? (openBlock(), createElementBlock("p", _hoisted_9$3, toDisplayString(notes.value), 1)) : createCommentVNode("", true),
+                showStockComponent.value !== false && __props.orderItem?.product?.inventory ? (openBlock(), createBlock(resolveDynamicComponent(StockImpl.value), {
+                  key: 4,
+                  inventory: __props.orderItem.product.inventory,
+                  "show-stock": true,
+                  "show-availability": true,
+                  labels: __props.labels
+                }, null, 8, ["inventory", "labels"])) : createCommentVNode("", true)
+              ])
+            ])
+          ], 2),
+          showQuantity.value ? (openBlock(), createElementBlock("td", {
+            key: 0,
+            class: normalizeClass(
+              isChildItem.value ? "propeller-order-item-card__cell propeller-order-item-card__cell--quantity px-6 py-2 text-center text-sm text-muted-foreground" : "propeller-order-item-card__cell propeller-order-item-card__cell--quantity px-6 py-4 text-center"
+            )
+          }, toDisplayString(quantity.value), 3)) : createCommentVNode("", true),
+          showDiscount.value ? (openBlock(), createElementBlock("td", {
+            key: 1,
+            class: normalizeClass(
+              isChildItem.value ? "propeller-order-item-card__cell propeller-order-item-card__cell--discount px-6 py-2 text-right text-sm text-muted-foreground" : "propeller-order-item-card__cell propeller-order-item-card__cell--discount px-6 py-4 text-right whitespace-nowrap text-orange-600"
+            )
+          }, [
+            discount.value > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              createTextVNode(toDisplayString(formatDiscountDisplay()), 1)
+            ], 64)) : createCommentVNode("", true)
+          ], 2)) : createCommentVNode("", true),
+          showPrice.value ? (openBlock(), createElementBlock("td", {
+            key: 2,
+            class: normalizeClass(
+              isChildItem.value ? "propeller-order-item-card__cell propeller-order-item-card__cell--price px-6 py-2 text-right whitespace-nowrap text-sm text-muted-foreground" : "propeller-order-item-card__cell propeller-order-item-card__cell--price px-6 py-4 text-right whitespace-nowrap"
+            )
+          }, [
+            props.priceComponent ? (openBlock(), createBlock(resolveDynamicComponent(PriceImpl.value), {
+              key: 0,
+              price: __props.orderItem?.product?.price,
+              currency: __props.currency,
+              labels: __props.labels
+            }, null, 8, ["price", "currency", "labels"])) : (openBlock(), createElementBlock("span", _hoisted_10$3, toDisplayString(formatItemPrice(priceTotal.value)), 1))
+          ], 2)) : createCommentVNode("", true)
+        ], 10, _hoisted_2$5),
+        hasChildren.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.childItems || [], (child, index) => {
+          return openBlock(), createElementBlock("tr", {
+            key: child.id || child.uuid,
+            class: "propeller-order-item-card__child-row border-0",
+            "data-child": "true"
+          }, [
+            createElementVNode("td", _hoisted_11$3, [
+              createElementVNode("span", _hoisted_12$2, toDisplayString(child.product?.names?.[0]?.value || child.name || "Unknown"), 1)
+            ]),
+            showQuantity.value ? (openBlock(), createElementBlock("td", _hoisted_13$2, toDisplayString(child.quantity || 0), 1)) : createCommentVNode("", true),
+            showDiscount.value ? (openBlock(), createElementBlock("td", _hoisted_14$2)) : createCommentVNode("", true),
+            showPrice.value ? (openBlock(), createElementBlock("td", _hoisted_15$2, toDisplayString(formatItemPrice(child.priceTotal || 0)), 1)) : createCommentVNode("", true)
+          ]);
+        }), 128)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1$5 = {
+  key: 0,
+  class: "propeller-order-summary__title text-xl font-bold mb-4"
+};
+const _hoisted_2$4 = { class: "propeller-order-summary__meta grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 pb-5 border-b border-border mb-5" };
+const _hoisted_3$4 = {
+  key: 0,
+  class: "propeller-order-summary__meta-item",
+  "data-meta": "order-number"
+};
+const _hoisted_4$4 = { class: "propeller-order-summary__meta-label text-sm text-muted-foreground mb-1" };
+const _hoisted_5$4 = { class: "propeller-order-summary__meta-value font-semibold" };
+const _hoisted_6$3 = {
+  key: 1,
+  class: "propeller-order-summary__meta-item",
+  "data-meta": "order-date"
+};
+const _hoisted_7$3 = { class: "propeller-order-summary__meta-label text-sm text-muted-foreground mb-1" };
+const _hoisted_8$3 = { class: "propeller-order-summary__meta-value font-semibold" };
+const _hoisted_9$2 = {
+  key: 2,
+  class: "propeller-order-summary__meta-item",
+  "data-meta": "status"
+};
+const _hoisted_10$2 = { class: "propeller-order-summary__meta-label text-sm text-muted-foreground mb-1" };
+const _hoisted_11$2 = { class: "propeller-order-summary__status inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary/10 text-secondary" };
+const _hoisted_12$1 = {
+  key: 3,
+  class: "propeller-order-summary__meta-item",
+  "data-meta": "total"
+};
+const _hoisted_13$1 = { class: "propeller-order-summary__meta-label text-sm text-muted-foreground mb-1" };
+const _hoisted_14$1 = { class: "propeller-order-summary__total font-bold text-lg" };
+const _hoisted_15$1 = { class: "propeller-order-summary__addresses grid grid-cols-1 md:grid-cols-2 gap-6 pb-5" };
+const _hoisted_16$1 = {
+  key: 0,
+  class: "propeller-order-summary__address space-y-2",
+  "data-address": "invoice"
+};
+const _hoisted_17$1 = { class: "propeller-order-summary__address-title text-sm font-semibold text-muted-foreground uppercase tracking-wide" };
+const _hoisted_18$1 = {
+  key: 0,
+  class: "text-sm space-y-1"
+};
+const _hoisted_19$1 = {
+  key: 0,
+  class: "font-medium"
+};
+const _hoisted_20$1 = { key: 1 };
+const _hoisted_21$1 = {
+  key: 2,
+  class: "propeller-order-summary__address-email text-muted-foreground"
+};
+const _hoisted_22$1 = {
+  key: 1,
+  class: "propeller-order-summary__address space-y-2",
+  "data-address": "delivery"
+};
+const _hoisted_23$1 = { class: "propeller-order-summary__address-title text-sm font-semibold text-muted-foreground uppercase tracking-wide" };
+const _hoisted_24$1 = {
+  key: 0,
+  class: "text-sm space-y-1"
+};
+const _hoisted_25$1 = {
+  key: 0,
+  class: "font-medium"
+};
+const _hoisted_26$1 = { key: 1 };
+const _hoisted_27$1 = {
+  key: 2,
+  class: "propeller-order-summary__address-email text-muted-foreground"
+};
+const _hoisted_28 = {
+  key: 1,
+  class: "propeller-order-summary__info-panel bg-surface-hover p-4 rounded-[var(--radius-control)] border border-border space-y-2 text-sm"
+};
+const _hoisted_29 = {
+  key: 0,
+  class: "flex justify-between"
+};
+const _hoisted_30 = { class: "font-medium" };
+const _hoisted_31 = {
+  key: 1,
+  class: "flex justify-between"
+};
+const _hoisted_32 = { class: "font-medium" };
+const _hoisted_33 = {
+  key: 2,
+  class: "flex justify-between"
+};
+const _hoisted_34 = { class: "font-medium" };
+const _hoisted_35 = {
+  key: 2,
+  class: "propeller-order-summary__remarks-panel bg-surface-hover p-4 rounded-[var(--radius-control)] border border-border space-y-2 text-sm mt-4"
+};
+const _hoisted_36 = {
+  key: 0,
+  class: "flex justify-between"
+};
+const _hoisted_37 = { class: "font-medium" };
+const _hoisted_38 = {
+  key: 1,
+  class: "flex justify-between"
+};
+const _hoisted_39 = { class: "font-medium" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "OrderSummary",
+  props: {
+    order: {},
+    currency: {},
+    orderSummaryContainerClass: {},
+    title: {},
+    showOrderNumber: { type: Boolean, default: true },
+    showOrderDate: { type: Boolean, default: true },
+    showOrderStatus: { type: Boolean, default: true },
+    showOrderTotal: { type: Boolean, default: true },
+    formatPrice: {},
+    showInvoiceAddress: { type: Boolean, default: true },
+    showDeliveryAddress: { type: Boolean, default: true },
+    showDeliveryInfo: { type: Boolean, default: true },
+    showRemarks: { type: Boolean, default: true },
+    formatDate: {},
+    labels: {},
+    countries: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const infra = useInfraProps(props);
+    const containerClass = computed(() => {
+      return props.orderSummaryContainerClass || "order-summary";
+    });
+    const showOrderNumber = computed(() => {
+      return props.showOrderNumber !== void 0 ? props.showOrderNumber : true;
+    });
+    const showOrderDate = computed(() => {
+      return props.showOrderDate !== void 0 ? props.showOrderDate : true;
+    });
+    const showOrderStatus = computed(() => {
+      return props.showOrderStatus !== void 0 ? props.showOrderStatus : true;
+    });
+    const showInvoiceAddress = computed(() => {
+      return props.showInvoiceAddress !== void 0 ? props.showInvoiceAddress : true;
+    });
+    const showDeliveryAddress = computed(() => {
+      return props.showDeliveryAddress !== void 0 ? props.showDeliveryAddress : true;
+    });
+    const showOrderTotal = computed(() => {
+      return props.showOrderTotal !== void 0 ? props.showOrderTotal : true;
+    });
+    const showDeliveryInfo = computed(() => {
+      return props.showDeliveryInfo !== void 0 ? props.showDeliveryInfo : true;
+    });
+    const showRemarks = computed(() => {
+      return props.showRemarks !== void 0 ? props.showRemarks : true;
+    });
+    const orderReference = computed(() => {
+      return props.order?.reference || "";
+    });
+    const orderRemarks = computed(() => {
+      return props.order?.remarks || "";
+    });
+    const orderNumber = computed(() => {
+      return props.order?.id || "";
+    });
+    const orderDate = computed(() => {
+      return props.order?.createdAt || "";
+    });
+    const orderStatus = computed(() => {
+      return props.order?.status || "";
+    });
+    const orderTotal = computed(() => {
+      return Number(props.order?.total?.net || 0);
+    });
+    const invoiceAddress = computed(() => {
+      const addresses = props.order?.addresses || [];
+      return addresses.find((a) => a.type === "invoice") || null;
+    });
+    const deliveryAddress = computed(() => {
+      const addresses = props.order?.addresses || [];
+      return addresses.find((a) => a.type === "delivery") || null;
+    });
+    const paymentMethod = computed(() => {
+      return props.order?.paymentData?.method || "";
+    });
+    const carrierName = computed(() => {
+      return props.order?.postageData?.carrier || "";
+    });
+    const requestDate = computed(() => {
+      const date = props.order?.postageData?.requestDate;
+      if (!date) return "";
+      if (props.formatDate) {
+        return props.formatDate(date);
+      }
+      try {
+        return new Date(date).toLocaleDateString("en-US");
+      } catch {
+        return date;
+      }
+    });
+    function formatItemPrice(price) {
+      if (props.formatPrice) {
+        return props.formatPrice(price);
+      }
+      return formatPrice(price || 0, { symbol: infra.currency ?? "€" });
+    }
+    function getLabel$1(key, fallback) {
+      return getLabel(props.labels, key, fallback);
+    }
+    function getCountryName$1(code) {
+      return getCountryName(code, props.countries);
+    }
+    function formatOrderDate(dateString) {
+      if (props.formatDate) {
+        return props.formatDate(dateString);
+      }
+      try {
+        return new Date(dateString).toLocaleDateString("en-US");
+      } catch {
+        return dateString;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`propeller-order-summary ${containerClass.value}`)
+      }, [
+        __props.title ? (openBlock(), createElementBlock("h2", _hoisted_1$5, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_2$4, [
+          showOrderNumber.value && orderNumber.value ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
+            createElementVNode("p", _hoisted_4$4, toDisplayString(getLabel$1("orderNumber", "Order Number")), 1),
+            createElementVNode("p", _hoisted_5$4, toDisplayString(orderNumber.value), 1)
+          ])) : createCommentVNode("", true),
+          showOrderDate.value && orderDate.value ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
+            createElementVNode("p", _hoisted_7$3, toDisplayString(getLabel$1("orderDate", "Order Date")), 1),
+            createElementVNode("p", _hoisted_8$3, toDisplayString(formatOrderDate(orderDate.value)), 1)
+          ])) : createCommentVNode("", true),
+          showOrderStatus.value && orderStatus.value ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
+            createElementVNode("p", _hoisted_10$2, toDisplayString(getLabel$1("status", "Status")), 1),
+            createElementVNode("span", _hoisted_11$2, toDisplayString(orderStatus.value), 1)
+          ])) : createCommentVNode("", true),
+          showOrderTotal.value ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
+            createElementVNode("p", _hoisted_13$1, toDisplayString(getLabel$1("total", "Total")), 1),
+            createElementVNode("p", _hoisted_14$1, toDisplayString(formatItemPrice(orderTotal.value)), 1)
+          ])) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_15$1, [
+          showInvoiceAddress.value ? (openBlock(), createElementBlock("div", _hoisted_16$1, [
+            createElementVNode("h3", _hoisted_17$1, toDisplayString(getLabel$1("invoiceAddress", "Invoice Address")), 1),
+            invoiceAddress.value && invoiceAddress.value.street ? (openBlock(), createElementBlock("div", _hoisted_18$1, [
+              invoiceAddress.value.company ? (openBlock(), createElementBlock("p", _hoisted_19$1, toDisplayString(invoiceAddress.value.company), 1)) : createCommentVNode("", true),
+              createElementVNode("p", null, toDisplayString([
+                invoiceAddress.value.firstName,
+                invoiceAddress.value.middleName,
+                invoiceAddress.value.lastName
+              ].filter(Boolean).join(" ")), 1),
+              createElementVNode("p", null, toDisplayString([
+                invoiceAddress.value.street,
+                invoiceAddress.value.number,
+                invoiceAddress.value.numberExtension
+              ].filter(Boolean).join(" ")), 1),
+              createElementVNode("p", null, toDisplayString([invoiceAddress.value.postalCode, invoiceAddress.value.city].filter(Boolean).join(" ")), 1),
+              invoiceAddress.value.country ? (openBlock(), createElementBlock("p", _hoisted_20$1, toDisplayString(getCountryName$1(invoiceAddress.value.country)), 1)) : createCommentVNode("", true),
+              invoiceAddress.value.email ? (openBlock(), createElementBlock("p", _hoisted_21$1, toDisplayString(invoiceAddress.value.email), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          showDeliveryAddress.value ? (openBlock(), createElementBlock("div", _hoisted_22$1, [
+            createElementVNode("h3", _hoisted_23$1, toDisplayString(getLabel$1("deliveryAddress", "Delivery Address")), 1),
+            deliveryAddress.value && deliveryAddress.value.street ? (openBlock(), createElementBlock("div", _hoisted_24$1, [
+              deliveryAddress.value.company ? (openBlock(), createElementBlock("p", _hoisted_25$1, toDisplayString(deliveryAddress.value.company), 1)) : createCommentVNode("", true),
+              createElementVNode("p", null, toDisplayString([
+                deliveryAddress.value.firstName,
+                deliveryAddress.value.middleName,
+                deliveryAddress.value.lastName
+              ].filter(Boolean).join(" ")), 1),
+              createElementVNode("p", null, toDisplayString([
+                deliveryAddress.value.street,
+                deliveryAddress.value.number,
+                deliveryAddress.value.numberExtension
+              ].filter(Boolean).join(" ")), 1),
+              createElementVNode("p", null, toDisplayString([deliveryAddress.value.postalCode, deliveryAddress.value.city].filter(Boolean).join(" ")), 1),
+              deliveryAddress.value.country ? (openBlock(), createElementBlock("p", _hoisted_26$1, toDisplayString(getCountryName$1(deliveryAddress.value.country)), 1)) : createCommentVNode("", true),
+              deliveryAddress.value.email ? (openBlock(), createElementBlock("p", _hoisted_27$1, toDisplayString(deliveryAddress.value.email), 1)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true)
+        ]),
+        showDeliveryInfo.value && (paymentMethod.value || carrierName.value || requestDate.value) ? (openBlock(), createElementBlock("div", _hoisted_28, [
+          paymentMethod.value ? (openBlock(), createElementBlock("div", _hoisted_29, [
+            createElementVNode("span", _hoisted_30, toDisplayString(getLabel$1("payment", "Payment:")), 1),
+            createElementVNode("span", null, toDisplayString(paymentMethod.value), 1)
+          ])) : createCommentVNode("", true),
+          carrierName.value ? (openBlock(), createElementBlock("div", _hoisted_31, [
+            createElementVNode("span", _hoisted_32, toDisplayString(getLabel$1("carrier", "Carrier:")), 1),
+            createElementVNode("span", null, toDisplayString(carrierName.value), 1)
+          ])) : createCommentVNode("", true),
+          requestDate.value ? (openBlock(), createElementBlock("div", _hoisted_33, [
+            createElementVNode("span", _hoisted_34, toDisplayString(getLabel$1("deliveryDate", "Delivery Date:")), 1),
+            createElementVNode("span", null, toDisplayString(requestDate.value), 1)
+          ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        showRemarks.value && (orderReference.value || orderRemarks.value) ? (openBlock(), createElementBlock("div", _hoisted_35, [
+          orderReference.value ? (openBlock(), createElementBlock("div", _hoisted_36, [
+            createElementVNode("span", _hoisted_37, toDisplayString(getLabel$1("reference", "Reference:")), 1),
+            createElementVNode("span", null, toDisplayString(orderReference.value), 1)
+          ])) : createCommentVNode("", true),
+          orderRemarks.value ? (openBlock(), createElementBlock("div", _hoisted_38, [
+            createElementVNode("span", _hoisted_39, toDisplayString(getLabel$1("remarks", "Remarks:")), 1),
+            createElementVNode("span", null, toDisplayString(orderRemarks.value), 1)
+          ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$4 = { class: "propeller-order-totals w-full md:w-80 bg-card p-6 rounded-[var(--radius-container)] shadow space-y-3" };
+const _hoisted_2$3 = {
+  key: 0,
+  class: "propeller-order-totals__row flex justify-between text-muted-foreground",
+  "data-row": "subtotal"
+};
+const _hoisted_3$3 = { class: "propeller-order-totals__label" };
+const _hoisted_4$3 = { class: "propeller-order-totals__value" };
+const _hoisted_5$3 = {
+  class: "propeller-order-totals__row flex justify-between text-secondary",
+  "data-row": "discount"
+};
+const _hoisted_6$2 = { class: "propeller-order-totals__label" };
+const _hoisted_7$2 = { class: "propeller-order-totals__value" };
+const _hoisted_8$2 = {
+  class: "propeller-order-totals__row flex justify-between text-muted-foreground border-t pt-2 border-dashed",
+  "data-row": "subtotal-with-discount"
+};
+const _hoisted_9$1 = { class: "propeller-order-totals__label" };
+const _hoisted_10$1 = { class: "propeller-order-totals__value" };
+const _hoisted_11$1 = {
+  key: 2,
+  class: "propeller-order-totals__row flex justify-between text-muted-foreground",
+  "data-row": "transaction-costs"
+};
+const _hoisted_12 = { class: "propeller-order-totals__label" };
+const _hoisted_13 = { class: "propeller-order-totals__value" };
+const _hoisted_14 = {
+  key: 3,
+  class: "propeller-order-totals__row flex justify-between text-muted-foreground",
+  "data-row": "shipping-costs"
+};
+const _hoisted_15 = { class: "propeller-order-totals__label" };
+const _hoisted_16 = { class: "propeller-order-totals__value" };
+const _hoisted_17 = {
+  key: 4,
+  class: "propeller-order-totals__row flex justify-between text-muted-foreground pt-2 border-t",
+  "data-row": "total-excl-vat"
+};
+const _hoisted_18 = { class: "propeller-order-totals__label" };
+const _hoisted_19 = { class: "propeller-order-totals__value" };
+const _hoisted_20 = { class: "propeller-order-totals__label" };
+const _hoisted_21 = { class: "propeller-order-totals__value" };
+const _hoisted_22 = {
+  key: 6,
+  class: "propeller-order-totals__row flex justify-between text-muted-foreground text-sm",
+  "data-row": "total-vat"
+};
+const _hoisted_23 = { class: "propeller-order-totals__label" };
+const _hoisted_24 = { class: "propeller-order-totals__value" };
+const _hoisted_25 = {
+  class: "propeller-order-totals__row propeller-order-totals__row--total flex justify-between text-xl font-bold pt-4 border-t text-foreground mt-2",
+  "data-row": "total"
+};
+const _hoisted_26 = { class: "propeller-order-totals__label" };
+const _hoisted_27 = { class: "propeller-order-totals__value" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "OrderTotals",
+  props: {
+    order: {},
+    currency: {},
+    title: {},
+    labels: {},
+    showSubtotal: { type: Boolean, default: true },
+    showDiscount: { type: Boolean, default: true },
+    showShippingCosts: { type: Boolean, default: true },
+    showVATs: { type: Boolean, default: true },
+    showTotalExclVat: { type: Boolean, default: true },
+    showTotalVat: { type: Boolean, default: true },
+    formatPrice: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const infra = useInfraProps(props);
+    computed(() => {
+      return props.title || "Order summary";
+    });
+    const showSubtotal = computed(() => {
+      return props.showSubtotal !== void 0 ? props.showSubtotal : true;
+    });
+    const showDiscount = computed(() => {
+      return props.showDiscount !== void 0 ? props.showDiscount : true;
+    });
+    const showShippingCosts = computed(() => {
+      return props.showShippingCosts !== void 0 ? props.showShippingCosts : true;
+    });
+    const showVATs = computed(() => {
+      return props.showVATs !== void 0 ? props.showVATs : true;
+    });
+    const showTotalExclVat = computed(() => {
+      return props.showTotalExclVat !== void 0 ? props.showTotalExclVat : true;
+    });
+    const showTotalVat = computed(() => {
+      return props.showTotalVat !== void 0 ? props.showTotalVat : true;
+    });
+    const subtotal = computed(() => {
+      return props.order?.total?.gross || 0;
+    });
+    const hasDiscount = computed(() => {
+      const total = props.order?.total;
+      return total?.discountType && total.discountType !== OrderDiscountType.N && total.discountValue > 0;
+    });
+    const discountDisplay = computed(() => {
+      const total = props.order?.total;
+      if (!total) return "";
+      if (total.discountType === OrderDiscountType.A) {
+        return "-" + formatItemPrice(total.discountValue);
+      }
+      if (total.discountType === OrderDiscountType.P) {
+        return "- " + total.discountValue + "%";
+      }
+      return "-" + formatItemPrice(total.discountValue);
+    });
+    const subtotalWithDiscount = computed(() => {
+      const total = props.order?.total;
+      return (total?.gross || 0) - (total?.discountValue || 0);
+    });
+    const hasTransactionCosts = computed(() => {
+      return props.order?.paymentData?.gross > 0;
+    });
+    const transactionCosts = computed(() => {
+      return Number(props.order?.paymentData?.gross || 0);
+    });
+    const hasShippingCosts = computed(() => {
+      return props.order?.postageData?.gross > 0;
+    });
+    const shippingCosts = computed(() => {
+      return Number(props.order?.postageData?.gross || 0);
+    });
+    const totalExclVat = computed(() => {
+      return props.order?.total?.gross || 0;
+    });
+    const taxPercentages = computed(() => {
+      const taxes = props.order?.total?.taxPercentages || [];
+      return taxes.filter((tax) => tax.percentage > 0 && tax.total > 0);
+    });
+    const totalInclVat = computed(() => {
+      return props.order?.total?.net || 0;
+    });
+    const totalVat = computed(() => {
+      let sum = 0;
+      const taxes = taxPercentages.value;
+      for (let i = 0; i < taxes.length; i++) {
+        sum += Number(taxes[i].total || 0);
+      }
+      return sum;
+    });
+    function getLabel$1(key, fallback) {
+      return getLabel(props.labels, key, fallback);
+    }
+    function formatItemPrice(price) {
+      if (props.formatPrice) {
+        return props.formatPrice(price);
+      }
+      return formatPrice(price || 0, { symbol: infra.currency ?? "€" });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        showSubtotal.value ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+          createElementVNode("span", _hoisted_3$3, toDisplayString(getLabel$1("subtotal", "Subtotal:")), 1),
+          createElementVNode("span", _hoisted_4$3, toDisplayString(formatItemPrice(subtotal.value)), 1)
+        ])) : createCommentVNode("", true),
+        showDiscount.value && hasDiscount.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createElementVNode("div", _hoisted_5$3, [
+            createElementVNode("span", _hoisted_6$2, toDisplayString(getLabel$1("discount", "Discount:")), 1),
+            createElementVNode("span", _hoisted_7$2, toDisplayString(discountDisplay.value), 1)
+          ]),
+          createElementVNode("div", _hoisted_8$2, [
+            createElementVNode("span", _hoisted_9$1, toDisplayString(getLabel$1("subtotalWithDiscount", "Subtotal with discount:")), 1),
+            createElementVNode("span", _hoisted_10$1, toDisplayString(formatItemPrice(subtotalWithDiscount.value)), 1)
+          ])
+        ], 64)) : createCommentVNode("", true),
+        hasTransactionCosts.value ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
+          createElementVNode("span", _hoisted_12, toDisplayString(getLabel$1("transactionCosts", "Transaction costs:")), 1),
+          createElementVNode("span", _hoisted_13, toDisplayString(formatItemPrice(transactionCosts.value)), 1)
+        ])) : createCommentVNode("", true),
+        showShippingCosts.value && hasShippingCosts.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
+          createElementVNode("span", _hoisted_15, toDisplayString(getLabel$1("shippingCosts", "Shipping costs:")), 1),
+          createElementVNode("span", _hoisted_16, toDisplayString(formatItemPrice(shippingCosts.value)), 1)
+        ])) : createCommentVNode("", true),
+        showTotalExclVat.value ? (openBlock(), createElementBlock("div", _hoisted_17, [
+          createElementVNode("span", _hoisted_18, toDisplayString(getLabel$1("totalExclVat", "Total excl. VAT:")), 1),
+          createElementVNode("span", _hoisted_19, toDisplayString(formatItemPrice(totalExclVat.value)), 1)
+        ])) : createCommentVNode("", true),
+        showVATs.value && taxPercentages.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 5 }, renderList(taxPercentages.value, (tax, index) => {
+          return openBlock(), createElementBlock("div", {
+            key: index,
+            class: "propeller-order-totals__row flex justify-between text-muted-foreground text-sm",
+            "data-row": "vat-line"
+          }, [
+            createElementVNode("span", _hoisted_20, toDisplayString(tax.percentage) + "% " + toDisplayString(getLabel$1("vat", "VAT")) + ":", 1),
+            createElementVNode("span", _hoisted_21, toDisplayString(formatItemPrice(Number(tax.total))), 1)
+          ]);
+        }), 128)) : createCommentVNode("", true),
+        showTotalVat.value ? (openBlock(), createElementBlock("div", _hoisted_22, [
+          createElementVNode("span", _hoisted_23, toDisplayString(getLabel$1("totalVat", "Total VAT:")), 1),
+          createElementVNode("span", _hoisted_24, toDisplayString(formatItemPrice(totalVat.value)), 1)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_25, [
+          createElementVNode("span", _hoisted_26, toDisplayString(getLabel$1("total", "Total:")), 1),
+          createElementVNode("span", _hoisted_27, toDisplayString(formatItemPrice(totalInclVat.value)), 1)
+        ])
+      ]);
+    };
+  }
+});
+const _hoisted_1$3 = ["data-include-tax"];
+const _hoisted_2$2 = {
+  key: 0,
+  class: "propeller-product-bulk-prices__title text-base font-semibold text-foreground mb-3"
+};
+const _hoisted_3$2 = { class: "propeller-product-bulk-prices__table-wrapper overflow-hidden rounded-[var(--radius-container)] border border-border" };
+const _hoisted_4$2 = { class: "propeller-product-bulk-prices__table w-full text-sm" };
+const _hoisted_5$2 = { class: "propeller-product-bulk-prices__thead bg-surface-hover/50" };
+const _hoisted_6$1 = { class: "propeller-product-bulk-prices__th propeller-product-bulk-prices__th--quantity px-4 py-2 text-left font-medium text-muted-foreground" };
+const _hoisted_7$1 = { class: "propeller-product-bulk-prices__th propeller-product-bulk-prices__th--price px-4 py-2 text-right font-medium text-muted-foreground" };
+const _hoisted_8$1 = { class: "propeller-product-bulk-prices__tax-label font-normal text-xs" };
+const _hoisted_9 = { class: "propeller-product-bulk-prices__tbody divide-y divide-border" };
+const _hoisted_10 = { class: "propeller-product-bulk-prices__cell propeller-product-bulk-prices__cell--quantity px-4 py-2 text-foreground font-medium" };
+const _hoisted_11 = { class: "propeller-product-bulk-prices__cell propeller-product-bulk-prices__cell--price px-4 py-2 text-right text-foreground font-semibold" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "ProductBulkPrices",
+  props: {
+    bulkPrices: {},
+    currency: {},
+    includeTax: { type: Boolean },
+    portalMode: {},
+    user: {},
+    taxZone: {},
+    labels: {},
+    className: {}
+  },
+  setup(__props) {
+    const props = __props;
+    function isHidden() {
+      return props.portalMode === "semi-closed" && !props.user;
+    }
+    function getIncludeTax() {
+      return props.includeTax !== void 0 ? !!props.includeTax : false;
+    }
+    function getTierQuantity(tier) {
+      const discount = tier.discount;
+      return discount?.quantityFrom ?? tier.quantity ?? null;
+    }
+    function getBulkPrices() {
+      const rawAll = props.bulkPrices || [];
+      const all = rawAll.filter((tier) => {
+        const t = tier;
+        const priceType = t.type ?? t.discount?.type;
+        const discountType = t.discountType ?? t.discount?.discountType;
+        return !(priceType === "PRICESHEET" && discountType === "LIST_PRICE_MIN");
+      });
+      if (all.length === 0) return [];
+      const now = /* @__PURE__ */ new Date();
+      const groups = /* @__PURE__ */ new Map();
+      for (const tier of all) {
+        const qty = getTierQuantity(tier);
+        if (qty === null) continue;
+        const list = groups.get(qty) || [];
+        list.push(tier);
+        groups.set(qty, list);
+      }
+      const filtered = [];
+      for (const [, prices] of groups) {
+        const validDated = [];
+        const nullDated = [];
+        for (const tier of prices) {
+          const discount = tier.discount;
+          if (!discount) {
+            filtered.push(tier);
+            continue;
+          }
+          const validFrom = discount.validFrom ?? null;
+          const validTo = discount.validTo ?? null;
+          if (validFrom === null && validTo === null) {
+            nullDated.push(tier);
+            continue;
+          }
+          let isValid = true;
+          if (validFrom !== null && now < new Date(validFrom)) isValid = false;
+          if (isValid && validTo !== null && now > new Date(validTo))
+            isValid = false;
+          if (isValid) validDated.push(tier);
+        }
+        if (validDated.length > 0) filtered.push(validDated[0]);
+        else if (nullDated.length > 0) filtered.push(nullDated[0]);
+      }
+      filtered.sort(
+        (a, b) => (getTierQuantity(a) ?? 0) - (getTierQuantity(b) ?? 0)
+      );
+      if (filtered.length === 1 && getTierQuantity(filtered[0]) === 1) return [];
+      return filtered;
+    }
+    function hasItems() {
+      return getBulkPrices().length > 0;
+    }
+    function getPrice(tier) {
+      const useTax = getIncludeTax();
+      const value = useTax ? tier.net : tier.gross;
+      if (value === null || value === void 0) return "";
+      return formatPrice(Number(value), { symbol: props.currency ?? "€" });
+    }
+    function getQuantityLabel(tier, index) {
+      const prices = getBulkPrices();
+      const discount = tier.discount;
+      const qty = discount?.quantityFrom || tier.quantity || 1;
+      const nextTier = prices[index + 1];
+      const nextDiscount = nextTier?.discount;
+      const nextQty = nextDiscount?.quantityFrom || nextTier?.quantity;
+      if (nextQty) {
+        return `${qty}–${nextQty - 1}`;
+      }
+      return `${qty}+`;
+    }
+    function getLabel$1(key, fallback) {
+      return getLabel(props.labels, key, fallback);
+    }
+    return (_ctx, _cache) => {
+      return !isHidden() && hasItems() ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(`propeller-product-bulk-prices ${__props.className || ""}`),
+        "data-include-tax": getIncludeTax() ? "true" : "false"
+      }, [
+        getLabel$1("title", "Volume pricing") ? (openBlock(), createElementBlock("h3", _hoisted_2$2, toDisplayString(getLabel$1("title", "Volume pricing")), 1)) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_3$2, [
+          createElementVNode("table", _hoisted_4$2, [
+            createElementVNode("thead", _hoisted_5$2, [
+              createElementVNode("tr", null, [
+                createElementVNode("th", _hoisted_6$1, toDisplayString(getLabel$1("quantityFrom", "Qty from")), 1),
+                createElementVNode("th", _hoisted_7$1, [
+                  createTextVNode(toDisplayString(getLabel$1("price", "Price")), 1),
+                  createElementVNode("span", _hoisted_8$1, [
+                    _cache[0] || (_cache[0] = createTextVNode(" ( ", -1)),
+                    getIncludeTax() ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                      createTextVNode(toDisplayString(getLabel$1("inclTax", "incl. VAT")), 1)
+                    ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                      createTextVNode(toDisplayString(getLabel$1("exclTax", "excl. VAT")), 1)
+                    ], 64)),
+                    _cache[1] || (_cache[1] = createTextVNode(" ) ", -1))
+                  ])
+                ])
+              ])
+            ]),
+            createElementVNode("tbody", _hoisted_9, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(getBulkPrices(), (tier, index) => {
+                return openBlock(), createElementBlock("tr", {
+                  key: index,
+                  class: "propeller-product-bulk-prices__row bg-card hover:bg-surface-hover/20 transition-colors"
+                }, [
+                  createElementVNode("td", _hoisted_10, toDisplayString(getQuantityLabel(tier, index)), 1),
+                  createElementVNode("td", _hoisted_11, toDisplayString(getPrice(tier)), 1)
+                ]);
+              }), 128))
+            ])
+          ])
+        ])
+      ], 10, _hoisted_1$3)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$2 = {
+  key: 0,
+  class: "propeller-product-downloads__title text-base font-semibold text-foreground mb-3"
+};
+const _hoisted_2$1 = {
+  key: 1,
+  class: "propeller-product-downloads__list space-y-2"
+};
+const _hoisted_3$1 = ["href"];
+const _hoisted_4$1 = { class: "flex-1 min-w-0 truncate" };
+const _hoisted_5$1 = {
+  key: 2,
+  class: "propeller-product-downloads__empty text-sm text-muted-foreground"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "ProductDownloads",
+  props: {
+    downloads: {},
+    language: {},
+    labels: {},
+    className: {}
+  },
+  setup(__props) {
+    const props = __props;
+    function hasItems() {
+      const d = props.downloads;
+      return !!d?.items && d.items.length > 0;
+    }
+    function getDownloadItems() {
+      const d = props.downloads;
+      return d?.items || [];
+    }
+    function getDocumentUrl(doc) {
+      const lang = props.language || "NL";
+      const docs = doc.documents || [];
+      const match = docs.find((d) => d.language === lang);
+      return match?.originalUrl || docs?.[0]?.originalUrl || "";
+    }
+    function getDocumentName(doc) {
+      return getLanguageString(doc.alt, props.language || "NL", "Download");
+    }
+    function getLabel$1(key, fallback) {
+      return getLabel(props.labels, key, fallback);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`propeller-product-downloads ${__props.className || ""}`)
+      }, [
+        hasItems() ? (openBlock(), createElementBlock("h3", _hoisted_1$2, toDisplayString(getLabel$1("title", "Downloads")), 1)) : createCommentVNode("", true),
+        hasItems() ? (openBlock(), createElementBlock("ul", _hoisted_2$1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(getDownloadItems(), (doc, index) => {
+            return openBlock(), createElementBlock("li", {
+              key: index,
+              class: "propeller-product-downloads__item"
+            }, [
+              !!getDocumentUrl(doc) ? (openBlock(), createElementBlock("a", {
+                key: 0,
+                target: "_blank",
+                class: "propeller-product-downloads__link flex items-center gap-3 rounded-[var(--radius-container)] border border-border bg-card px-4 py-3 text-sm text-foreground hover:bg-surface-hover/30 hover:border-primary/40 transition-colors group",
+                href: getDocumentUrl(doc),
+                download: true
+              }, [
+                _cache[0] || (_cache[0] = createElementVNode("svg", {
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  class: "h-5 w-5 flex-shrink-0 text-muted-foreground group-hover:text-primary transition-colors"
+                }, [
+                  createElementVNode("path", {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    d: "M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z",
+                    strokeWidth: 1.5
+                  })
+                ], -1)),
+                createElementVNode("span", _hoisted_4$1, toDisplayString(getDocumentName(doc)), 1),
+                _cache[1] || (_cache[1] = createElementVNode("svg", {
+                  fill: "none",
+                  stroke: "currentColor",
+                  viewBox: "0 0 24 24",
+                  class: "h-4 w-4 flex-shrink-0 text-muted-foreground group-hover:text-primary transition-colors"
+                }, [
+                  createElementVNode("path", {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4",
+                    strokeWidth: 2
+                  })
+                ], -1))
+              ], 8, _hoisted_3$1)) : createCommentVNode("", true)
+            ]);
+          }), 128))
+        ])) : createCommentVNode("", true),
+        !hasItems() ? (openBlock(), createElementBlock("p", _hoisted_5$1, toDisplayString(getLabel$1("empty", "No downloads")), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$1 = ["innerHTML"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "ProductShortDescription",
+  props: {
+    product: {},
+    language: {},
+    className: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const infra = useInfraProps(props);
+    const html = ref("");
+    watch(
+      () => [props.product, infra.language],
+      () => {
+        html.value = getShortDescription();
+      },
+      { immediate: true }
+    );
+    function getShortDescription() {
+      const product = props.product;
+      if (!product?.shortDescriptions) return "";
+      return getLanguageString(product.shortDescriptions, infra.language || "NL", "");
+    }
+    return (_ctx, _cache) => {
+      return !!html.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        innerHTML: html.value,
+        class: normalizeClass(`propeller-product-short-description prose prose-slate max-w-none text-muted-foreground ${__props.className || ""}`)
+      }, null, 10, _hoisted_1$1)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "propeller-product-videos__title text-base font-semibold text-foreground mb-3"
+};
+const _hoisted_2 = {
+  key: 1,
+  class: "propeller-product-videos__list space-y-4"
+};
+const _hoisted_3 = ["data-embedded"];
+const _hoisted_4 = {
+  key: 0,
+  class: "propeller-product-videos__embed relative w-full",
+  style: {
+    paddingBottom: "56.25%"
+  }
+};
+const _hoisted_5 = ["src", "title"];
+const _hoisted_6 = {
+  key: 1,
+  preload: "metadata",
+  class: "propeller-product-videos__video w-full",
+  controls: true
+};
+const _hoisted_7 = ["src"];
+const _hoisted_8 = {
+  key: 2,
+  class: "propeller-product-videos__empty text-sm text-muted-foreground"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ProductVideos",
+  props: {
+    videos: {},
+    language: {},
+    labels: {},
+    className: {}
+  },
+  setup(__props) {
+    const props = __props;
+    function hasItems() {
+      const v = props.videos;
+      return !!v?.items && v.items.length > 0;
+    }
+    function getVideoItems() {
+      const v = props.videos;
+      return v?.items || [];
+    }
+    function getVideoUri(video) {
+      const lang = props.language || "NL";
+      const vids = video.videos || [];
+      const match = vids.find((v) => v.language === lang);
+      return match?.uri || vids?.[0]?.uri || "";
+    }
+    function getVideoTitle(video) {
+      return getLanguageString(video.alt, props.language || "NL", "Video");
+    }
+    function isEmbeddable(uri) {
+      return uri.includes("youtube.com") || uri.includes("youtu.be") || uri.includes("vimeo.com");
+    }
+    function getEmbedUrl(uri) {
+      if (uri.includes("youtube.com/embed/") || uri.includes("player.vimeo.com/video/")) {
+        return uri;
+      }
+      if (uri.includes("youtube.com/watch")) {
+        const url = new URL(uri);
+        const videoId = url.searchParams.get("v") || "";
+        return `https://www.youtube.com/embed/${videoId}`;
+      }
+      if (uri.includes("youtu.be/")) {
+        const videoId = uri.split("youtu.be/")[1]?.split("?")[0] || "";
+        return `https://www.youtube.com/embed/${videoId}`;
+      }
+      if (uri.includes("vimeo.com/")) {
+        const parts = uri.split("vimeo.com/")[1]?.split("?")[0]?.split("/") || [];
+        const videoId = parts[0] || "";
+        const hash = parts[1] || "";
+        return hash ? `https://player.vimeo.com/video/${videoId}?h=${hash}` : `https://player.vimeo.com/video/${videoId}`;
+      }
+      return uri;
+    }
+    function getLabel$1(key, fallback) {
+      return getLabel(props.labels, key, fallback);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(`propeller-product-videos ${__props.className || ""}`)
+      }, [
+        hasItems() ? (openBlock(), createElementBlock("h3", _hoisted_1, toDisplayString(getLabel$1("title", "Videos")), 1)) : createCommentVNode("", true),
+        hasItems() ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(getVideoItems(), (video, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "propeller-product-videos__item rounded-[var(--radius-container)] overflow-hidden border border-border bg-black",
+              "data-embedded": !!getVideoUri(video) && isEmbeddable(getVideoUri(video)) ? "true" : "false"
+            }, [
+              !!getVideoUri(video) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                isEmbeddable(getVideoUri(video)) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+                  createElementVNode("iframe", {
+                    loading: "lazy",
+                    allow: "\n                      accelerometer;\n                      autoplay;\n                      clipboard-write;\n                      encrypted-media;\n                      gyroscope;\n                      picture-in-picture;\n                    ",
+                    class: "propeller-product-videos__iframe absolute inset-0 w-full h-full",
+                    src: getEmbedUrl(getVideoUri(video)),
+                    title: getVideoTitle(video),
+                    allowFullScreen: true
+                  }, null, 8, _hoisted_5)
+                ])) : createCommentVNode("", true),
+                !isEmbeddable(getVideoUri(video)) ? (openBlock(), createElementBlock("video", _hoisted_6, [
+                  createElementVNode("source", {
+                    src: getVideoUri(video)
+                  }, null, 8, _hoisted_7)
+                ])) : createCommentVNode("", true)
+              ], 64)) : createCommentVNode("", true)
+            ], 8, _hoisted_3);
+          }), 128))
+        ])) : createCommentVNode("", true),
+        !hasItems() ? (openBlock(), createElementBlock("p", _hoisted_8, toDisplayString(getLabel$1("empty", "No videos")), 1)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  PropellerDepsKey as P,
+  _sfc_main$a as _,
+  PropellerScopeKey as a,
+  _sfc_main$8 as b,
+  _sfc_main$7 as c,
+  _sfc_main$9 as d,
+  _sfc_main$6 as e,
+  _sfc_main$5 as f,
+  _sfc_main$4 as g,
+  _sfc_main$3 as h,
+  _sfc_main$2 as i,
+  _sfc_main$b as j,
+  _sfc_main$1 as k,
+  _sfc_main as l,
+  usePropellerContext as m,
+  usePropellerDeps as n,
+  useRequiredPropellerContext as o,
+  propellerVue as p,
+  useUserMode as q,
+  tryUsePropellerDeps as t,
+  useInfraProps as u
+};
+//# sourceMappingURL=ProductVideos.vue_vue_type_script_setup_true_lang-BSXOpWBD.js.map