@virtualdisplay.io/client 4.0.0-alpha.23 → 4.0.0-alpha.25

package/dist/virtualdisplay.client.es.js

@@ -14,70 +14,75 @@ const c = {
   FOCUS: "focus",
   PRICING: "pricing",
   QR_SHOWN: "qr_shown",
-  SYNC: "sync"
-}, Q = {
+  SYNC: "sync",
+  SELECTABLE: "selectable"
+}, tt = {
   FOCUS: "focus",
   UNFOCUS: "unfocus"
-}, kt = {
+}, Tt = {
   FOCUSED: "focused"
-}, At = {
+}, Rt = {
   /** Behaves exactly like an unpriced combination: no price, no button. */
   HIDDEN: "hidden"
-}, Et = new Set(Object.values(c));
-function xt(n) {
+}, It = new Set(Object.values(c));
+function Lt(n) {
   if (typeof n != "object" || n === null)
     return !1;
   const t = n;
-  return typeof t.target == "string" ? !1 : typeof t.type == "string" && Et.has(t.type);
+  return typeof t.target == "string" ? !1 : typeof t.type == "string" && It.has(t.type);
 }
-function Tt(n) {
-  const t = C(n);
+function Ot(n) {
+  const t = S(n);
   return t !== null && t.type === c.HANDSHAKE;
 }
-function Rt(n) {
-  const t = C(n);
+function Nt(n) {
+  const t = S(n);
   return t !== null && t.type === c.SESSION && typeof t.sessionId == "string";
 }
-function It(n) {
-  const t = C(n);
+function Mt(n) {
+  const t = S(n);
   return t !== null && t.type === c.MUTATION && Array.isArray(t.results);
 }
-function Ot(n) {
-  const t = C(n);
+function zt(n) {
+  const t = S(n);
   return t !== null && t.type === c.SNAPSHOT && ("data" in t || "error" in t);
 }
-function Nt(n) {
-  const t = C(n);
+function Pt(n) {
+  const t = S(n);
   return t !== null && t.type === c.CAMERA && Array.isArray(t.transforms);
 }
-function Mt(n) {
-  const t = C(n);
+function Ft(n) {
+  const t = S(n);
   return t !== null && t.type === c.MAPPING && Array.isArray(t.attributes);
 }
-function Lt(n) {
-  const t = C(n);
+function $t(n) {
+  const t = S(n);
   return t !== null && t.type === c.LOADING_INDICATOR && typeof t.progress == "number";
 }
-function zt(n) {
-  const t = C(n);
+function Dt(n) {
+  const t = S(n);
   return t !== null && t.type === c.SYNC && typeof t.connected == "boolean";
 }
-function Pt(n) {
-  const t = C(n);
+function Bt(n) {
+  const t = S(n);
+  return t !== null && t.type === c.SELECTABLE && Array.isArray(t.attributes);
+}
+function Ut(n) {
+  const t = S(n);
   return t !== null && t.type === c.CONFIG && typeof t.viewerSettings == "object";
 }
-function Ft(n) {
-  const t = C(n);
+function Vt(n) {
+  const t = S(n);
   return t !== null && t.type === c.FOCUS && typeof t.state == "string";
 }
-function $t(n) {
-  const t = C(n);
+function jt(n) {
+  const t = S(n);
   return t !== null && t.type === c.PRICING && typeof t.pricing == "object" && t.pricing !== null;
 }
-function C(n) {
+function S(n) {
   return typeof n != "object" || n === null ? null : n;
 }
-class Y {
+class et {
   constructor(t) {
     this.processor = t;
   }
@@ -124,15 +129,14 @@ class Y {
     this.pending.length = 0;
   }
 }
-class Dt {
+class Ht {
   constructor(t, e) {
-    this.getTarget = t, this.sourceId = `vd-${Math.random().toString(36).slice(2, 8)}`, this.targetOrigin = e?.targetOrigin ?? "*", this.isValid = e?.isValid ?? xt, this.publisher = new Y((i) => this.post(i)), this.consumer = new Y((i) => this.routeToHandler(i)), this.shouldBuffer = e?.shouldBuffer ?? null, e?.bufferIncoming !== !0 && this.consumer.markReady();
+    this.getTarget = t, this.sourceId = `vd-${Math.random().toString(36).slice(2, 8)}`, this.targetOrigin = "*", this.isValid = e?.isValid ?? Lt, this.publisher = new et((i) => this.post(i)), this.consumer = new et((i) => this.routeToHandler(i)), e?.bufferIncoming !== !0 && this.consumer.markReady();
   }
   getTarget;
   handlers = /* @__PURE__ */ new Map();
   publisher;
   consumer;
-  shouldBuffer;
   listener = null;
   sourceId;
   targetOrigin;
@@ -143,12 +147,6 @@ class Dt {
   on(t, e) {
     this.handlers.set(t, e);
   }
-  /**
-   * Remove a handler for a specific message type
-   */
-  off(t) {
-    this.handlers.delete(t);
-  }
   /**
    * Update the target origin for outgoing postMessage calls.
    * Use when the target origin is discovered at runtime (e.g. from the first incoming message).
@@ -166,20 +164,14 @@ class Dt {
   /**
    * Feed a message through the same routing path as one that just arrived via
    * postMessage, without an actual postMessage round-trip: still validated
-   * against `isValid`, and still respects the consumer queue's buffering and
-   * the `shouldBuffer` bypass. For a transport that delivers messages some
+   * against `isValid`, and still respects the consumer queue's buffering. For
+   * a transport that delivers messages some
    * other way than the iframe channel this messenger already listens on (the
    * viewer engine's SSE-sourced live sync channel, ar-session-handoff) and
    * needs them to land exactly where a postMessage would.
    */
   receive(t) {
-    if (this.isValid(t)) {
-      if (this.shouldBuffer !== null && !this.shouldBuffer(t)) {
-        this.routeToHandler(t);
-        return;
-      }
-      this.consumer.enqueue(t);
-    }
+    this.isValid(t) && this.consumer.enqueue(t);
   }
   /**
    * Enable sending and flush queued outgoing messages
@@ -212,10 +204,6 @@ class Dt {
       if (i !== null && t.source !== null && t.source !== i)
         return;
       const o = e;
-      if (this.shouldBuffer !== null && !this.shouldBuffer(o)) {
-        this.routeToHandler(o);
-        return;
-      }
       this.consumer.enqueue(o);
     }, window.addEventListener("message", this.listener));
   }
@@ -252,7 +240,7 @@ class Dt {
     });
   }
 }
-class Bt {
+class qt {
   constructor(t) {
     this.send = t;
   }
@@ -264,7 +252,7 @@ class Bt {
     });
   }
 }
-class Ut {
+class Gt {
   constructor(t, e) {
     this.value = t, this.attribute = e;
   }
@@ -307,7 +295,7 @@ class f extends Error {
     return new f(t, A.INVALID_PARAMETER);
   }
 }
-class Vt {
+class Zt {
   name;
   defaultValue;
   values;
@@ -359,18 +347,18 @@ class Vt {
   createValues(t) {
     const e = /* @__PURE__ */ new Map();
     for (const i of t) {
-      const o = new Ut(i, this.name);
+      const o = new Gt(i, this.name);
       i === this.defaultValue && o.setSelected(!0), e.set(i, o);
     }
     return e;
   }
 }
-class jt {
+class Wt {
   attributes = /* @__PURE__ */ new Map();
   constructor(t, e, i) {
     for (const o of t) {
       const s = this.buildOptions(o, e);
-      this.attributes.set(o.name, new Vt(s));
+      this.attributes.set(o.name, new Zt(s));
     }
     this.onMutationFailed = i;
   }
@@ -407,18 +395,55 @@ class jt {
     return t.defaultValue !== void 0 ? { ...i, defaultValue: t.defaultValue } : i;
   }
 }
-function Ht(n) {
-  const t = new Date(n.timestamp).toLocaleTimeString("en-GB", { hour12: !1 }), e = n.level.toUpperCase().padEnd(5), i = n.trace_id?.slice(0, 8) ?? "--------", o = n.msg, s = ["timestamp", "level", "msg", "service", "trace_id", "span_id"], r = Object.entries(n).filter(([l]) => !s.includes(l)).map(([l, d]) => `${l}=${JSON.stringify(d)}`).join(" ");
-  return `${t} ${e} [${i}] ${o}${r ? " " + r : ""}`;
+const N = 4096, F = 16384, Yt = [1024, 256, 64], Qt = 20, Y = ["timestamp", "level", "msg", "service", "trace_id", "span_id"];
+function Kt(n) {
+  const t = new Date(n.timestamp).toLocaleTimeString("en-GB", { hour12: !1 }), e = n.level.toUpperCase().padEnd(5), i = n.trace_id?.slice(0, 8) ?? "--------", o = n.msg, s = Object.entries(n).filter(([r]) => !Y.includes(r)).map(([r, a]) => `${r}=${I(a, N).line}`).join(" ");
+  return `${t} ${e} [${i}] ${o}${s ? " " + s : ""}`;
 }
-function qt(n) {
-  return JSON.stringify(n);
-}
-function Gt(n, t) {
-  const e = t ? Ht(n) : qt(n);
+function Xt(n) {
+  for (const o of [N, ...Yt]) {
+    const { line: s, truncated: r } = I(n, o);
+    if (!r) {
+      if (s.length <= F)
+        return s;
+      continue;
+    }
+    const { line: a } = I({ ...n, log_truncated: !0 }, o);
+    if (a.length <= F)
+      return a;
+  }
+  const t = Object.keys(n).filter((o) => !Y.includes(o)), e = { ...te(n, Y), log_truncated: !0, log_dropped_count: t.length }, i = I({ ...e, log_dropped_attrs: t.slice(0, Qt) }, N);
+  return i.line.length <= F ? i.line : I(e, N).line;
+}
+function I(n, t) {
+  const e = [];
+  let i = !1;
+  return { line: JSON.stringify(n, function(r, a) {
+    if (typeof a == "string")
+      return a.length > t && (i = !0), Jt(a, t);
+    if (typeof a == "bigint")
+      return a.toString();
+    if (typeof a != "object" || a === null)
+      return a;
+    for (; e.length > 0 && e.at(-1) !== this; )
+      e.pop();
+    return e.includes(a) ? "[Circular]" : (e.push(a), a);
+  }), truncated: i };
+}
+function Jt(n, t) {
+  return n.length <= t ? n : `${n.slice(0, t)}...[truncated ${n.length - t} chars]`;
+}
+function te(n, t) {
+  const e = {};
+  for (const i of t)
+    n[i] !== void 0 && (e[i] = n[i]);
+  return e;
+}
+function ee(n, t) {
+  const e = t ? Kt(n) : Xt(n);
   n.level === "error" ? console.error(e) : n.level === "warn" ? console.warn(e) : console.log(e);
 }
-function lt(n, t = 0) {
+function mt(n, t = 0) {
   const e = {
     name: n.name,
     message: n.message
@@ -430,36 +455,36 @@ function lt(n, t = 0) {
     const o = n[i];
     o !== void 0 && (e[i] = o);
   }
-  return n.cause !== void 0 && n.cause !== null && (e.cause = n.cause instanceof Error && t < 5 ? lt(n.cause, t + 1) : String(n.cause)), e;
+  return n.cause !== void 0 && n.cause !== null && (e.cause = n.cause instanceof Error && t < 5 ? mt(n.cause, t + 1) : String(n.cause)), e;
 }
-function Zt(n) {
+function ne(n) {
   const t = {};
   for (const [e, i] of Object.entries(n))
-    t[e] = i instanceof Error ? lt(i) : i;
+    t[e] = i instanceof Error ? mt(i) : i;
   return t;
 }
-function Wt() {
+function ie() {
   return /* @__PURE__ */ new Date();
 }
-function Qt(n) {
+function oe(n) {
   return n.toISOString();
 }
-function ct() {
+function pt() {
   return typeof navigator > "u" ? "" : navigator.userAgent;
 }
-function Yt() {
+function se() {
   return typeof navigator > "u" ? !1 : navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
 }
-function Kt() {
-  return /iPhone|iPad|iPod/i.test(ct()) || Yt();
+function re() {
+  return /iPhone|iPad|iPod/i.test(pt()) || se();
 }
-function Xt() {
-  return /Android/i.test(ct());
+function ae() {
+  return /Android/i.test(pt());
 }
-function Jt() {
-  return Kt() || Xt();
+function le() {
+  return re() || ae();
 }
-class te {
+class ce {
   constructor(t) {
     this.config = t;
   }
@@ -469,14 +494,14 @@ class te {
    */
   log(t, e, i = {}) {
     const o = this.config.traceProvider?.() ?? {}, s = {
-      timestamp: Qt(Wt()),
+      timestamp: oe(ie()),
       level: t,
       msg: e,
       service: this.config.service,
       ...o,
-      ...Zt(i)
+      ...ne(i)
     };
-    Gt(s, this.config.isDev);
+    ee(s, this.config.isDev);
   }
   /**
    * Log at DEBUG level (development only).
@@ -503,15 +528,15 @@ class te {
     this.log("error", t, e);
   }
 }
-function ut(n, t) {
+function ft(n, t) {
   const e = t?.isDev !== void 0 ? t.isDev : typeof process < "u" ? process.env.NODE_ENV !== "production" : !0;
-  return new te({ service: n, isDev: e, traceProvider: t?.traceProvider });
+  return new ce({ service: n, isDev: e, traceProvider: t?.traceProvider });
 }
 function O(n) {
   if (n !== void 0)
     return typeof n == "object" && n !== null && !Array.isArray(n) && !(n instanceof Error) ? n : n instanceof Error ? { error: n.message } : { value: n };
 }
-function dt(n) {
+function gt(n) {
   return {
     debug: (t, e) => n.debug(t, O(e)),
     info: (t, e) => n.info(t, O(e)),
@@ -519,14 +544,14 @@ function dt(n) {
     error: (t, e) => n.error(t, O(e))
   };
 }
-let ht = !1, _ = dt(ut("client", { isDev: !1 }));
-function ee() {
-  ht = !0, _ = dt(ut("client", { isDev: !0 }));
+let bt = !1, _ = gt(ft("client", { isDev: !1 }));
+function de() {
+  bt = !0, _ = gt(ft("client", { isDev: !0 }));
 }
-function Ki() {
-  return ht;
+function uo() {
+  return bt;
 }
-class ne {
+class ue {
   constructor(t, e) {
     this.send = t, this.onMutationFailed = e;
   }
@@ -540,7 +565,7 @@ class ne {
   handleMappingReceived(t) {
     _.debug("Initializing from server mapping", {
       attributeCount: t.attributes.length
-    }), this.registry = new jt(
+    }), this.registry = new Wt(
       t.attributes,
       (e, i) => this.sendMutation(e, i),
       this.onMutationFailed
@@ -605,7 +630,27 @@ class ne {
     this.pendingCallbacks.length = 0;
   }
 }
-let ie = class {
+class he {
+  snapshot;
+  callbacks = [];
+  handleSnapshot(t) {
+    this.snapshot = t.attributes;
+    for (const e of this.callbacks)
+      e(t.attributes);
+  }
+  onChange(t) {
+    this.callbacks.push(t), this.snapshot !== void 0 && t(this.snapshot);
+  }
+  /** The selectable values for one attribute, or null when unrestricted. */
+  selectableFor(t) {
+    return this.snapshot?.find((i) => i.name === t)?.selectable ?? null;
+  }
+  /** The latest snapshot; empty before the viewer has reported anything. */
+  get current() {
+    return this.snapshot ?? [];
+  }
+}
+let me = class {
   constructor(t) {
     this.send = t;
   }
@@ -668,7 +713,7 @@ let ie = class {
     this.send(t);
   }
 };
-class oe {
+class pe {
   state;
   limitsState;
   changeCallbacks = [];
@@ -756,20 +801,20 @@ class oe {
     }
   }
 }
-function se(n, t) {
-  const e = n.filter((s) => re(s, t));
+function fe(n, t) {
+  const e = n.filter((s) => ge(s, t));
   if (e.length === 0)
     return;
-  const i = Math.max(...e.map(K)), o = e.filter((s) => K(s) === i);
+  const i = Math.max(...e.map(nt)), o = e.filter((s) => nt(s) === i);
   return o.length === 1 ? o[0] : void 0;
 }
-function re(n, t) {
+function ge(n, t) {
   return Object.entries(n.attributes).every(([e, i]) => t[e] === i);
 }
-function K(n) {
+function nt(n) {
   return Object.keys(n.attributes).length;
 }
-class ae {
+class be {
   constructor(t, e) {
     this.dispatchChange = t, this.dispatchSubmit = e;
   }
@@ -879,8 +924,8 @@ class ae {
   resolve() {
     if (this.pricing === void 0)
       return;
-    const t = se(this.pricing.rules, this.selection);
-    if (!(t === void 0 || t.availability === At.HIDDEN))
+    const t = fe(this.pricing.rules, this.selection);
+    if (!(t === void 0 || t.availability === Rt.HIDDEN))
       return {
         attributes: { ...this.selection },
         reference: t.reference,
@@ -890,7 +935,7 @@ class ae {
       };
   }
 }
-class le {
+class ve {
   constructor(t, e) {
     this.send = t, this.dispatch = e;
   }
@@ -912,11 +957,11 @@ class le {
       throw f.invalidParameter(
         `set() requires a non-empty component name, got ${String(t)}`
       );
-    this.send({ type: c.FOCUS, action: Q.FOCUS, component: t });
+    this.send({ type: c.FOCUS, action: tt.FOCUS, component: t });
   }
   /** Return to the overview — unfocus the current component. */
   clear() {
-    this.send({ type: c.FOCUS, action: Q.UNFOCUS });
+    this.send({ type: c.FOCUS, action: tt.UNFOCUS });
   }
   /**
    * Subscribe to focus changes. The callback fires with the focus state when a
@@ -927,14 +972,14 @@ class le {
   }
   /** Called by the client when a FocusStateMessage is received from the viewer. */
   handleStateReceived(t) {
-    t.state === kt.FOCUSED && t.component !== void 0 ? (this.focused = t.component, this.attributes = t.attributes ?? []) : (this.focused = null, this.attributes = []);
+    t.state === Tt.FOCUSED && t.component !== void 0 ? (this.focused = t.component, this.attributes = t.attributes ?? []) : (this.focused = null, this.attributes = []);
     const e = this.focused !== null ? { component: this.focused, attributes: this.attributes } : null;
     for (const i of this.changeCallbacks)
       i(e);
     this.dispatch(e);
   }
 }
-class ce {
+class ye {
   constructor(t) {
     this.filename = t;
   }
@@ -987,8 +1032,8 @@ class ce {
     }), this.developedCallbacks.clear(), this.errorCallbacks.clear());
   }
 }
-const X = 3e4;
-class ue {
+const it = 3e4;
+class we {
   constructor(t) {
     this.send = t;
   }
@@ -1004,12 +1049,12 @@ class ue {
    */
   take(t) {
     this.validateFilename(t), _.debug("Taking snapshot", { filename: t });
-    const e = new ce(t), i = setTimeout(() => {
+    const e = new ye(t), i = setTimeout(() => {
       this.pendingPhotos.delete(t), _.warn("Snapshot timed out", { filename: t }), e.fail(new f(
-        `Snapshot timed out: the viewer did not respond within ${X}ms`,
+        `Snapshot timed out: the viewer did not respond within ${it}ms`,
         A.SNAPSHOT_FAILED
       ));
-    }, X);
+    }, it);
     return this.pendingPhotos.set(t, { photo: e, timeout: i }), this.send({
       type: c.SNAPSHOT,
       filename: t
@@ -1075,7 +1120,7 @@ class ue {
       );
   }
 }
-class de {
+class Se {
   container = null;
   attach(t) {
     this.container = t;
@@ -1096,626 +1141,636 @@ class de {
     };
   }
 }
-const he = {}, me = "en", mt = (
+const _e = {}, Ce = "en", vt = (
   /** @type {const} */
   ["en", "nl", "de"]
-), Z = [
+), K = [
   "baseLocale"
-], J = [];
-let tt, et;
-function pe(n) {
-  if (J.length === 0)
-    return;
-  const t = typeof n == "string" ? n : n.href;
-  if (tt === t)
-    return et;
-  const e = new URL(t, "http://dummy.com");
-  let i;
-  for (const o of J)
-    if (new he(o.match, e.href).exec(e.href)) {
-      i = o;
-      break;
-    }
-  return tt = t, et = i, i;
-}
-function pt(n) {
-  const t = pe(n);
-  return t && t.exclude !== !0 && Array.isArray(t.strategy) ? t.strategy : Z;
-}
-const G = typeof window > "u";
+], ot = [], Q = typeof window > "u";
 globalThis.__paraglide = /** @type {any} */
 globalThis.__paraglide ?? {};
 globalThis.__paraglide.ssr = /** @type {any} */
 globalThis.__paraglide.ssr ?? {};
-let nt = !1, h = () => {
-  let n = Z;
-  !G && typeof window < "u" && window.location?.href && (n = pt(window.location.href));
-  const t = fe(n);
+let st = !1, u = () => {
+  let n = K;
+  !Q && typeof window < "u" && window.location?.href && (n = wt(window.location.href));
+  const t = ke(n);
   if (t)
-    return nt || (nt = !0, ft(t, { reload: !1 })), t;
+    return st || (st = !0, yt(t, { reload: !1 })), t;
   throw new Error("No locale found. Read the docs https://paraglidejs.com/errors#no-locale-found");
 };
-function fe(n, t) {
+function ke(n, t) {
   let e;
   for (const i of n) {
     if (i === "baseLocale")
-      e = me;
-    else if (bt(i) && N.has(i)) {
-      const s = N.get(i);
+      e = Ce;
+    else if (St(i) && M.has(i)) {
+      const s = M.get(i);
       if (s) {
         const r = s.getLocale();
         if (r instanceof Promise)
           continue;
         if (r !== void 0)
-          return be(r);
+          return xe(r);
       }
     }
-    const o = gt(e);
+    const o = X(e);
     if (o)
       return o;
   }
 }
-const ge = (n) => {
+const Ae = (n) => {
   window.location.reload();
 };
-let ft = (n, t) => {
+let yt = (n, t) => {
   const e = {
     reload: !0,
     ...t
   };
   let i;
   try {
-    i = h();
+    i = u();
   } catch {
   }
   const o = [];
-  let s = Z;
-  !G && typeof window < "u" && window.location?.href && (s = pt(window.location.href));
-  for (const l of s)
-    if (l !== "baseLocale" && bt(l) && N.has(l)) {
-      const d = N.get(l);
-      if (d) {
-        let u = d.setLocale(n);
-        u instanceof Promise && (u = u.catch((p) => {
-          throw new Error(`Custom strategy "${l}" setLocale failed.`, {
-            cause: p
+  let s = K;
+  !Q && typeof window < "u" && window.location?.href && (s = wt(window.location.href));
+  for (const a of s)
+    if (a !== "baseLocale" && St(a) && M.has(a)) {
+      const h = M.get(a);
+      if (h) {
+        let d = h.setLocale(n);
+        d instanceof Promise && (d = d.catch((m) => {
+          throw new Error(`Custom strategy "${a}" setLocale failed.`, {
+            cause: m
           });
-        }), o.push(u));
+        }), o.push(d));
       }
     }
   const r = () => {
-    !G && e.reload && window.location && n !== i && ge();
+    !Q && e.reload && window.location && n !== i && Ae();
   };
   if (o.length)
     return Promise.all(o).then(() => {
       r();
     });
   r();
-};
-function gt(n) {
+}, Ee = () => typeof window < "u" ? window.location.origin : "http://fallback.com";
+function X(n) {
   if (typeof n != "string")
     return;
   const t = n.toLowerCase();
-  for (const e of mt)
+  for (const e of vt)
     if (e.toLowerCase() === t)
       return e;
 }
-function be(n) {
-  const t = gt(n);
+function xe(n) {
+  const t = X(n);
   if (t)
     return t;
-  throw new Error(`Invalid locale: ${n}. Expected one of: ${mt.join(", ")}`);
+  throw new Error(`Invalid locale: ${n}. Expected one of: ${vt.join(", ")}`);
+}
+function Te(n) {
+  return Re(n);
+}
+function Re(n) {
+  const t = typeof n == "string" ? new URL(n, Ee()) : new URL(n), e = t.pathname.split("/").filter(Boolean);
+  return e.length > 0 && X(e[0]) && (t.pathname = "/" + e.slice(1).join("/")), t;
+}
+let rt, at;
+function Ie(n) {
+  if (ot.length === 0)
+    return;
+  const t = typeof n == "string" ? n : n.href;
+  if (rt === t)
+    return at;
+  const e = new URL(t, "http://example.com"), i = Te(e), o = i.href === e.href ? [e] : [e, i];
+  let s;
+  for (const r of o) {
+    for (const a of ot)
+      if (new _e(a.match, r.href).exec(r.href)) {
+        s = a;
+        break;
+      }
+    if (s)
+      break;
+  }
+  return rt = t, at = s, s;
 }
-const N = /* @__PURE__ */ new Map();
-function bt(n) {
+function wt(n) {
+  const t = Ie(n);
+  return t && t.exclude !== !0 && Array.isArray(t.strategy) ? t.strategy : K;
+}
+const M = /* @__PURE__ */ new Map();
+function St(n) {
   return typeof n == "string" && /^custom-[A-Za-z0-9_-]+$/.test(n);
 }
-const ve = (
+const Le = (
   /** @type {(inputs: Controls_Ar_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Activate AR"
   )
-), ye = (
+), Oe = (
   /** @type {(inputs: Controls_Ar_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "AR activeren"
   )
-), we = (
+), Ne = (
   /** @type {(inputs: Controls_Ar_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "AR aktivieren"
   )
-), _e = (
+), Me = (
   /** @type {((inputs?: Controls_Ar_Buttonlabel1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Ar_Buttonlabel1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? ve() : e === "nl" ? ye() : we();
+    const e = t.locale ?? u();
+    return e === "nl" ? Oe() : e === "de" ? Ne() : Le();
   })
-), Ce = (
+), ze = (
   /** @type {(inputs: Controls_Qr_Modaltitle1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Scan to view in AR"
   )
-), Se = (
+), Pe = (
   /** @type {(inputs: Controls_Qr_Modaltitle1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Scan om in AR te bekijken"
   )
-), ke = (
+), Fe = (
   /** @type {(inputs: Controls_Qr_Modaltitle1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Scannen für AR-Ansicht"
   )
-), Ae = (
+), $e = (
   /** @type {((inputs?: Controls_Qr_Modaltitle1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Qr_Modaltitle1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? Ce() : e === "nl" ? Se() : ke();
+    const e = t.locale ?? u();
+    return e === "nl" ? Pe() : e === "de" ? Fe() : ze();
   })
-), Ee = (
+), De = (
   /** @type {(inputs: Controls_Qr_Modaldescription1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Use your smartphone camera to scan this QR code"
   )
-), xe = (
+), Be = (
   /** @type {(inputs: Controls_Qr_Modaldescription1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Gebruik de camera van je smartphone om deze QR-code te scannen"
   )
-), Te = (
+), Ue = (
   /** @type {(inputs: Controls_Qr_Modaldescription1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Verwende die Kamera deines Smartphones, um diesen QR-Code zu scannen"
   )
-), Re = (
+), Ve = (
   /** @type {((inputs?: Controls_Qr_Modaldescription1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Qr_Modaldescription1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? Ee() : e === "nl" ? xe() : Te();
+    const e = t.locale ?? u();
+    return e === "nl" ? Be() : e === "de" ? Ue() : De();
   })
-), Ie = (
+), je = (
   /** @type {(inputs: Controls_Qr_Modalinstructions1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Your phone will open the 3D model in AR mode."
   )
-), Oe = (
+), He = (
   /** @type {(inputs: Controls_Qr_Modalinstructions1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Je telefoon opent het 3D-model in AR-modus."
   )
-), Ne = (
+), qe = (
   /** @type {(inputs: Controls_Qr_Modalinstructions1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Dein Telefon öffnet das 3D-Modell im AR-Modus."
   )
-), Me = (
+), Ge = (
   /** @type {((inputs?: Controls_Qr_Modalinstructions1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Qr_Modalinstructions1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? Ie() : e === "nl" ? Oe() : Ne();
+    const e = t.locale ?? u();
+    return e === "nl" ? He() : e === "de" ? qe() : je();
   })
-), Le = (
+), Ze = (
   /** @type {(inputs: Controls_Qr_Closebutton1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Close"
   )
-), ze = (
+), We = (
   /** @type {(inputs: Controls_Qr_Closebutton1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Sluiten"
   )
-), Pe = (
+), Ye = (
   /** @type {(inputs: Controls_Qr_Closebutton1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Schließen"
   )
-), Fe = (
+), Qe = (
   /** @type {((inputs?: Controls_Qr_Closebutton1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Qr_Closebutton1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? Le() : e === "nl" ? ze() : Pe();
+    const e = t.locale ?? u();
+    return e === "nl" ? We() : e === "de" ? Ye() : Ze();
   })
-), $e = (
+), Ke = (
   /** @type {(inputs: Controls_Fullscreen_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Fullscreen"
   )
-), De = (
+), Xe = (
   /** @type {(inputs: Controls_Fullscreen_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Volledig scherm"
   )
-), Be = (
+), Je = (
   /** @type {(inputs: Controls_Fullscreen_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Vollbild"
   )
-), Ue = (
+), tn = (
   /** @type {((inputs?: Controls_Fullscreen_Buttonlabel1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Fullscreen_Buttonlabel1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? $e() : e === "nl" ? De() : Be();
+    const e = t.locale ?? u();
+    return e === "nl" ? Xe() : e === "de" ? Je() : Ke();
   })
-), Ve = (
+), en = (
   /** @type {(inputs: Loading_Downloadingshort1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Downloading"
   )
-), je = (
+), nn = (
   /** @type {(inputs: Loading_Downloadingshort1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Downloaden"
   )
-), He = (
+), on = (
   /** @type {(inputs: Loading_Downloadingshort1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Herunterladen"
   )
-), vt = (
+), _t = (
   /** @type {((inputs?: Loading_Downloadingshort1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Loading_Downloadingshort1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? Ve() : e === "nl" ? je() : He();
+    const e = t.locale ?? u();
+    return e === "nl" ? nn() : e === "de" ? on() : en();
   })
-), qe = (
+), sn = (
   /** @type {(inputs: Loading_RenderingInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Rendering"
   )
-), Ge = (
+), rn = (
   /** @type {(inputs: Loading_RenderingInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Renderen"
   )
-), Ze = (
+), an = (
   /** @type {(inputs: Loading_RenderingInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Rendern"
   )
-), We = (
+), ln = (
   /** @type {((inputs?: Loading_RenderingInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Loading_RenderingInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? qe() : e === "nl" ? Ge() : Ze();
+    const e = t.locale ?? u();
+    return e === "nl" ? rn() : e === "de" ? an() : sn();
   })
-), Qe = (
+), cn = (
   /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Screenshot"
   )
-), Ye = (
+), dn = (
   /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Screenshot"
   )
-), Ke = (
+), un = (
   /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Screenshot"
   )
-), Xe = (
+), hn = (
   /** @type {((inputs?: Controls_Screenshot_Buttonlabel1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Screenshot_Buttonlabel1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? Qe() : e === "nl" ? Ye() : Ke();
+    const e = t.locale ?? u();
+    return e === "nl" ? dn() : e === "de" ? un() : cn();
   })
-), Je = (
+), mn = (
   /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Configure"
   )
-), tn = (
+), pn = (
   /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Configureren"
   )
-), en = (
+), fn = (
   /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Konfigurieren"
   )
-), nn = (
+), gn = (
   /** @type {((inputs?: Controls_Configurator_OpenInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Configurator_OpenInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? Je() : e === "nl" ? tn() : en();
+    const e = t.locale ?? u();
+    return e === "nl" ? pn() : e === "de" ? fn() : mn();
   })
-), on = (
+), bn = (
   /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Close"
   )
-), sn = (
+), vn = (
   /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Sluiten"
   )
-), rn = (
+), yn = (
   /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Schließen"
   )
-), an = (
+), wn = (
   /** @type {((inputs?: Controls_Configurator_CloseInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Configurator_CloseInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? on() : e === "nl" ? sn() : rn();
+    const e = t.locale ?? u();
+    return e === "nl" ? vn() : e === "de" ? yn() : bn();
   })
-), ln = (
+), Sn = (
   /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Reset camera"
   )
-), cn = (
+), _n = (
   /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Camera resetten"
   )
-), un = (
+), Cn = (
   /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Kamera zurücksetzen"
   )
-), dn = (
+), kn = (
   /** @type {((inputs?: Controls_Camera_ResetInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_ResetInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? ln() : e === "nl" ? cn() : un();
+    const e = t.locale ?? u();
+    return e === "nl" ? _n() : e === "de" ? Cn() : Sn();
   })
-), hn = (
+), An = (
   /** @type {(inputs: Controls_Camera_Zoomin1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Zoom in"
   )
-), mn = (
+), En = (
   /** @type {(inputs: Controls_Camera_Zoomin1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Inzoomen"
   )
-), pn = (
+), xn = (
   /** @type {(inputs: Controls_Camera_Zoomin1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Hineinzoomen"
   )
-), fn = (
+), Tn = (
   /** @type {((inputs?: Controls_Camera_Zoomin1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Zoomin1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? hn() : e === "nl" ? mn() : pn();
+    const e = t.locale ?? u();
+    return e === "nl" ? En() : e === "de" ? xn() : An();
   })
-), gn = (
+), Rn = (
   /** @type {(inputs: Controls_Camera_Zoomout1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Zoom out"
   )
-), bn = (
+), In = (
   /** @type {(inputs: Controls_Camera_Zoomout1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Uitzoomen"
   )
-), vn = (
+), Ln = (
   /** @type {(inputs: Controls_Camera_Zoomout1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Herauszoomen"
   )
-), yn = (
+), On = (
   /** @type {((inputs?: Controls_Camera_Zoomout1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Zoomout1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? gn() : e === "nl" ? bn() : vn();
+    const e = t.locale ?? u();
+    return e === "nl" ? In() : e === "de" ? Ln() : Rn();
   })
-), wn = (
+), Nn = (
   /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Rotate left"
   )
-), _n = (
+), Mn = (
   /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Naar links draaien"
   )
-), Cn = (
+), zn = (
   /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Nach links drehen"
   )
-), Sn = (
+), Pn = (
   /** @type {((inputs?: Controls_Camera_Rotateleft1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Rotateleft1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? wn() : e === "nl" ? _n() : Cn();
+    const e = t.locale ?? u();
+    return e === "nl" ? Mn() : e === "de" ? zn() : Nn();
   })
-), kn = (
+), Fn = (
   /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Rotate right"
   )
-), An = (
+), $n = (
   /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Naar rechts draaien"
   )
-), En = (
+), Dn = (
   /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Nach rechts drehen"
   )
-), xn = (
+), Bn = (
   /** @type {((inputs?: Controls_Camera_Rotateright1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Rotateright1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? kn() : e === "nl" ? An() : En();
+    const e = t.locale ?? u();
+    return e === "nl" ? $n() : e === "de" ? Dn() : Fn();
   })
-), Tn = (
+), Un = (
   /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Tilt up"
   )
-), Rn = (
+), Vn = (
   /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Omhoog kantelen"
   )
-), In = (
+), jn = (
   /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Nach oben kippen"
   )
-), On = (
+), Hn = (
   /** @type {((inputs?: Controls_Camera_Tiltup1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Tiltup1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? Tn() : e === "nl" ? Rn() : In();
+    const e = t.locale ?? u();
+    return e === "nl" ? Vn() : e === "de" ? jn() : Un();
   })
-), Nn = (
+), qn = (
   /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Tilt down"
   )
-), Mn = (
+), Gn = (
   /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Omlaag kantelen"
   )
-), Ln = (
+), Zn = (
   /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Nach unten kippen"
   )
-), zn = (
+), Wn = (
   /** @type {((inputs?: Controls_Camera_Tiltdown1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Tiltdown1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? Nn() : e === "nl" ? Mn() : Ln();
+    const e = t.locale ?? u();
+    return e === "nl" ? Gn() : e === "de" ? Zn() : qn();
   })
-), Pn = (
+), Yn = (
   /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Working…"
   )
-), Fn = (
+), Qn = (
   /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Bezig…"
   )
-), $n = (
+), Kn = (
   /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Läuft…"
   )
-), Dn = (
+), Xn = (
   /** @type {((inputs?: Commerce_Submit_BusyInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Commerce_Submit_BusyInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? Pn() : e === "nl" ? Fn() : $n();
+    const e = t.locale ?? u();
+    return e === "nl" ? Qn() : e === "de" ? Kn() : Yn();
   })
-), Bn = (
+), Jn = (
   /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Done"
   )
-), Un = (
+), ti = (
   /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Gelukt"
   )
-), Vn = (
+), ei = (
   /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Fertig"
   )
-), jn = (
+), ni = (
   /** @type {((inputs?: Commerce_Submit_SuccessInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Commerce_Submit_SuccessInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? Bn() : e === "nl" ? Un() : Vn();
+    const e = t.locale ?? u();
+    return e === "nl" ? ti() : e === "de" ? ei() : Jn();
   })
-), Hn = (
+), ii = (
   /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Failed"
   )
-), qn = (
+), oi = (
   /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Mislukt"
   )
-), Gn = (
+), si = (
   /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Fehlgeschlagen"
   )
-), Zn = (
+), ri = (
   /** @type {((inputs?: Commerce_Submit_FailedInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Commerce_Submit_FailedInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
-    const e = t.locale ?? h();
-    return e === "en" ? Hn() : e === "nl" ? qn() : Gn();
+    const e = t.locale ?? u();
+    return e === "nl" ? oi() : e === "de" ? si() : ii();
   })
 );
-const Wn = {
+const ai = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -1726,22 +1781,22 @@ const Wn = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-const yt = ([n, t, e]) => {
+const Ct = ([n, t, e]) => {
   const i = document.createElementNS("http://www.w3.org/2000/svg", n);
   return Object.keys(t).forEach((o) => {
     i.setAttribute(o, String(t[o]));
   }), e?.length && e.forEach((o) => {
-    const s = yt(o);
+    const s = Ct(o);
     i.appendChild(s);
   }), i;
-}, wt = (n, t = {}) => {
+}, kt = (n, t = {}) => {
   const i = {
-    ...Wn,
+    ...ai,
     ...t
   };
-  return yt(["svg", i, n]);
+  return Ct(["svg", i, n]);
 };
-const Qn = [
+const li = [
   [
     "path",
     {
@@ -1751,7 +1806,7 @@ const Qn = [
   ["path", { d: "m3.3 7 8.7 5 8.7-5" }],
   ["path", { d: "M12 22V12" }]
 ];
-const Yn = [
+const ci = [
   [
     "path",
     {
@@ -1760,27 +1815,27 @@ const Yn = [
   ],
   ["circle", { cx: "12", cy: "13", r: "3" }]
 ];
-const _t = [["path", { d: "m6 9 6 6 6-6" }]];
-const Kn = [["path", { d: "m15 18-6-6 6-6" }]];
-const Xn = [["path", { d: "m9 18 6-6-6-6" }]];
-const Jn = [["path", { d: "m18 15-6-6-6 6" }]];
-const ti = [
+const At = [["path", { d: "m6 9 6 6 6-6" }]];
+const di = [["path", { d: "m15 18-6-6 6-6" }]];
+const ui = [["path", { d: "m9 18 6-6-6-6" }]];
+const hi = [["path", { d: "m18 15-6-6-6 6" }]];
+const mi = [
   ["path", { d: "M15 3h6v6" }],
   ["path", { d: "m21 3-7 7" }],
   ["path", { d: "m3 21 7-7" }],
   ["path", { d: "M9 21H3v-6" }]
 ];
-const ei = [
+const pi = [
   ["path", { d: "m14 10 7-7" }],
   ["path", { d: "M20 10h-6V4" }],
   ["path", { d: "m3 21 7-7" }],
   ["path", { d: "M4 14h6v6" }]
 ];
-const ni = [
+const fi = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }],
   ["path", { d: "M3 3v5h5" }]
 ];
-const ii = [
+const gi = [
   ["path", { d: "M10 5H3" }],
   ["path", { d: "M12 19H3" }],
   ["path", { d: "M14 3v4" }],
@@ -1791,38 +1846,38 @@ const ii = [
   ["path", { d: "M8 10v4" }],
   ["path", { d: "M8 12H3" }]
 ];
-const oi = [
+const bi = [
   ["path", { d: "M18 6 6 18" }],
   ["path", { d: "m6 6 12 12" }]
 ];
-const si = [
+const vi = [
   ["circle", { cx: "11", cy: "11", r: "8" }],
   ["line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }],
-  ["line", { x1: "11", x2: "11", y1: "8", y2: "14" }],
   ["line", { x1: "8", x2: "14", y1: "11", y2: "11" }]
 ];
-const ri = [
+const yi = [
   ["circle", { cx: "11", cy: "11", r: "8" }],
   ["line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }],
+  ["line", { x1: "11", x2: "11", y1: "8", y2: "14" }],
   ["line", { x1: "8", x2: "14", y1: "11", y2: "11" }]
 ];
 function y(n, { size: t = 20, strokeWidth: e = 1.75 } = {}) {
-  return wt(n, { width: t, height: t, "stroke-width": e });
+  return kt(n, { width: t, height: t, "stroke-width": e });
 }
 const g = {
-  ar: (n) => y(Qn, n),
-  fullscreen: (n) => y(ti, n),
-  exitFullscreen: (n) => y(ei, n),
-  screenshot: (n) => y(Yn, n),
-  tiltUp: (n) => y(Jn, n),
-  tiltDown: (n) => y(_t, n),
-  rotateLeft: (n) => y(Kn, n),
-  rotateRight: (n) => y(Xn, n),
-  zoomIn: (n) => y(si, n),
-  zoomOut: (n) => y(ri, n),
-  reset: (n) => y(ni, n),
-  configurator: (n) => y(ii, n),
-  close: (n) => y(oi, n)
+  ar: (n) => y(li, n),
+  fullscreen: (n) => y(mi, n),
+  exitFullscreen: (n) => y(pi, n),
+  screenshot: (n) => y(ci, n),
+  tiltUp: (n) => y(hi, n),
+  tiltDown: (n) => y(At, n),
+  rotateLeft: (n) => y(di, n),
+  rotateRight: (n) => y(ui, n),
+  zoomIn: (n) => y(yi, n),
+  zoomOut: (n) => y(vi, n),
+  reset: (n) => y(fi, n),
+  configurator: (n) => y(gi, n),
+  close: (n) => y(bi, n)
 };
 class b {
   element;
@@ -1834,7 +1889,7 @@ class b {
     e !== null ? e.replaceWith(t) : this.element.appendChild(t);
   }
 }
-const m = {
+const p = {
   semantic: {
     // eslint-disable-next-line vd-custom/enforce-error-codes -- This is a hex color, not an error code
     error: "#dc2626"
@@ -1846,7 +1901,7 @@ const m = {
   },
   white: "#ffffff",
   black: "#000000"
-}, a = {
+}, l = {
   0: "0",
   0.5: "0.125rem",
   // 2px
@@ -1868,22 +1923,22 @@ const m = {
   // 32px
   9: "2.25rem"
 };
-class ai {
+class wi {
   element;
   constructor() {
     this.element = document.createElement("div"), Object.assign(this.element.style, {
-      background: m.white,
-      borderRadius: a[3],
-      padding: a[6],
-      boxShadow: `0 ${a[2]} ${a[8]} oklch(0% 0 0 / 20%)`,
+      background: p.white,
+      borderRadius: l[3],
+      padding: l[6],
+      boxShadow: `0 ${l[2]} ${l[8]} oklch(0% 0 0 / 20%)`,
       maxWidth: "20rem",
       width: "100%"
     });
   }
 }
-class li {
+class Si {
   constructor(t = {}) {
-    this.options = t, this.card = new ai(), this.backdrop = this.createBackdrop(), this.backdrop.appendChild(this.card.element);
+    this.options = t, this.card = new wi(), this.backdrop = this.createBackdrop(), this.backdrop.appendChild(this.card.element);
   }
   options;
   card;
@@ -1901,7 +1956,7 @@ class li {
     const t = document.createElement("div");
     return Object.assign(t.style, {
       position: "fixed",
-      inset: a[0],
+      inset: l[0],
       background: "oklch(0% 0 0 / 50%)",
       zIndex: "9999",
       display: "flex",
@@ -1912,7 +1967,7 @@ class li {
     }), t;
   }
 }
-class ci {
+class _i {
   element;
   selectCallback = null;
   constructor(t, e, i) {
@@ -1933,22 +1988,33 @@ class ci {
   onSelect(t) {
     this.selectCallback = t;
   }
+  /**
+   * Enable only the given values; null lifts every restriction. A disabled
+   * value stays visible (the buyer sees the option exists) but cannot be
+   * picked: the selectable snapshot's "not in the list = grey".
+   */
+  setEnabled(t) {
+    for (const e of this.element.querySelectorAll(".ui-toggle-group-item")) {
+      const i = t === null || t.includes(e.dataset.value ?? "");
+      e.disabled = !i, e.setAttribute("aria-disabled", i ? "false" : "true");
+    }
+  }
 }
-class ui {
+class Ci {
   element;
   select;
   constructor(t, e, i, o, s) {
     this.select = document.createElement("select"), this.select.className = "ui-native-select", this.select.dataset.name = t, this.select.setAttribute("aria-label", i);
     const r = document.createElement("option");
     r.value = "", r.disabled = !0, r.textContent = i, this.select.appendChild(r);
-    let l = !1;
-    for (let u = 0; u < e.length; u++) {
-      const p = e[u], v = document.createElement("option");
-      v.value = p, v.textContent = s?.[u] ?? p, p === o && (v.selected = !0, l = !0), this.select.appendChild(v);
+    let a = !1;
+    for (let d = 0; d < e.length; d++) {
+      const m = e[d], v = document.createElement("option");
+      v.value = m, v.textContent = s?.[d] ?? m, m === o && (v.selected = !0, a = !0), this.select.appendChild(v);
     }
-    l || (r.selected = !0);
-    const d = wt(_t, { width: 16, height: 16, "stroke-width": 2 });
-    d.classList.add("ui-native-select-icon"), this.element = document.createElement("div"), this.element.className = "ui-native-select-wrap", this.element.appendChild(this.select), this.element.appendChild(d);
+    a || (r.selected = !0);
+    const h = kt(At, { width: 16, height: 16, "stroke-width": 2 });
+    h.classList.add("ui-native-select-icon"), this.element = document.createElement("div"), this.element.className = "ui-native-select-wrap", this.element.appendChild(this.select), this.element.appendChild(h);
   }
   setSelected(t) {
     this.select.value = t;
@@ -1958,6 +2024,11 @@ class ui {
       t(this.select.value);
     });
   }
+  /** Enable only the given values; null lifts every restriction (see ToggleGroup.setEnabled). */
+  setEnabled(t) {
+    for (const e of this.select.options)
+      e.value !== "" && (e.disabled = t !== null && !t.includes(e.value));
+  }
 }
 const w = {
   fontFamily: {
@@ -1976,7 +2047,7 @@ const w = {
     medium: "500",
     semibold: "600"
   }
-}, x = w.fontFamily.sans.join(", "), di = `
+}, x = w.fontFamily.sans.join(", "), ki = `
   --primary: oklch(5% 0 0);
   --primary-foreground: oklch(100% 0 0);
   --secondary: oklch(92% 0 0);
@@ -1989,8 +2060,8 @@ const w = {
   --accent: oklch(92% 0 0);
   --accent-foreground: oklch(5% 0 0);
   --muted-foreground: oklch(44% 0 0);
-`, hi = `
-:root { ${di} }
+`, Ai = `
+:root { ${ki} }
 
 /* ── Button ──────────────────────────────────────────────── */
 .ui-btn {
@@ -2066,6 +2137,8 @@ const w = {
   box-shadow: 0 1px 2px oklch(5% 0 0 / 8%);
 }
 .ui-toggle-group-item:hover { background: var(--accent); border-color: oklch(85% 0 0); }
+.ui-toggle-group-item:disabled { opacity: 0.4; cursor: not-allowed; }
+.ui-toggle-group-item:disabled:hover { background: var(--background); border-color: var(--border); }
 .ui-toggle-group-item:active { transform: scale(0.98); }
 .ui-toggle-group-item:focus-visible {
   outline: none;
@@ -2267,43 +2340,43 @@ const w = {
   50% { opacity: 0.55; }
 }
 `;
-let it = !1;
-function Ct() {
-  if (it || typeof document > "u")
+let lt = !1;
+function Et() {
+  if (lt || typeof document > "u")
     return;
-  it = !0;
+  lt = !0;
   const n = document.createElement("style");
-  n.id = "vd-ui-vanilla", n.textContent = hi, document.head.appendChild(n);
+  n.id = "vd-ui-vanilla", n.textContent = Ai, document.head.appendChild(n);
 }
-const mi = w.fontFamily.sans.join(", ");
-class pi {
+const Ei = w.fontFamily.sans.join(", ");
+class xi {
   qrLib = null;
   dialog = null;
   qrSlot = null;
   /** Open the modal immediately, with a loading placeholder in the QR slot. */
   show() {
-    this.hide(), Ct(), this.dialog = new li({ onClose: () => {
+    this.hide(), Et(), this.dialog = new Si({ onClose: () => {
       this.dialog = null, this.qrSlot = null;
     } }), Object.assign(this.dialog.card.element.style, {
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
-      gap: a[3],
-      fontFamily: mi
-    }), this.dialog.card.element.appendChild(this.createText(Ae(), {
+      gap: l[3],
+      fontFamily: Ei
+    }), this.dialog.card.element.appendChild(this.createText($e(), {
       fontSize: w.fontSize.base,
       fontWeight: w.fontWeight.semibold,
-      color: m.neutral[900]
-    })), this.dialog.card.element.appendChild(this.createText(Re(), {
+      color: p.neutral[900]
+    })), this.dialog.card.element.appendChild(this.createText(Ve(), {
       fontSize: w.fontSize.sm,
-      color: m.neutral[600]
-    })), this.qrSlot = this.createQrSlot(), this.dialog.card.element.appendChild(this.qrSlot), this.dialog.card.element.appendChild(this.createText(Me(), {
+      color: p.neutral[600]
+    })), this.qrSlot = this.createQrSlot(), this.dialog.card.element.appendChild(this.qrSlot), this.dialog.card.element.appendChild(this.createText(Ge(), {
       fontSize: w.fontSize.xs,
-      color: m.neutral[500]
+      color: p.neutral[500]
     }));
     const t = new b({
       variant: "outline",
-      label: Fe(),
+      label: Qe(),
       onClick: () => {
         this.hide();
       }
@@ -2321,7 +2394,7 @@ class pi {
       width: 256,
       margin: 4,
       errorCorrectionLevel: "M",
-      color: { dark: m.black, light: m.white }
+      color: { dark: p.black, light: p.white }
     });
     return this.qrSlot === null ? !1 : (this.qrSlot.classList.remove("ui-qr-slot--loading"), this.qrSlot.replaceChildren(this.createQrImage(e)), !0);
   }
@@ -2341,40 +2414,40 @@ class pi {
     return e.src = t, e.alt = "QR code", e;
   }
 }
-function ot(n) {
+function ct(n) {
   const t = Math.max(0, Math.min(1, n));
   return t * t * (3 - 2 * t);
 }
-function fi(n, t, e, i, o, s) {
-  const [r, l, d] = n, u = Math.cos(t), p = Math.sin(t), v = u * r + p * d, E = -p * r + u * d, k = Math.cos(e), S = Math.sin(e), R = k * l - S * E, L = S * l + k * E, W = 0.55;
-  return [i + v * s * W, o - R * s * W, L];
+function Ti(n, t, e, i, o, s) {
+  const [r, a, h] = n, d = Math.cos(t), m = Math.sin(t), v = d * r + m * h, E = -m * r + d * h, k = Math.cos(e), C = Math.sin(e), R = k * a - C * E, P = C * a + k * E, J = 0.55;
+  return [i + v * s * J, o - R * s * J, P];
 }
-function gi(n, t, e) {
+function Ri(n, t, e) {
   n.beginPath(), n.moveTo(t[0], t[1]), n.lineTo(e[0], e[1]), n.strokeStyle = "#000", n.lineWidth = 2, n.stroke();
 }
-function bi(n, t, e, i, o) {
-  const s = t(e), r = t(i), l = [
+function Ii(n, t, e, i, o) {
+  const s = t(e), r = t(i), a = [
     s[0] + (r[0] - s[0]) * o,
     s[1] + (r[1] - s[1]) * o,
     s[2]
   ];
-  gi(n, s, l);
-}
-const z = [-1, -1, 1], P = [1, -1, 1], F = [1, -1, -1], $ = [-1, -1, -1], D = [-1, 1, 1], B = [1, 1, 1], U = [1, 1, -1], V = [-1, 1, -1], st = [
-  [z, P],
-  [P, F],
-  [F, $],
-  [$, z],
-  [z, D],
-  [P, B],
-  [F, U],
-  [$, V],
+  Ri(n, s, a);
+}
+const $ = [-1, -1, 1], D = [1, -1, 1], B = [1, -1, -1], U = [-1, -1, -1], V = [-1, 1, 1], j = [1, 1, 1], H = [1, 1, -1], q = [-1, 1, -1], dt = [
+  [$, D],
   [D, B],
   [B, U],
-  [U, V],
-  [V, D]
-], vi = 400, rt = '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif';
-function yi() {
+  [U, $],
+  [$, V],
+  [D, j],
+  [B, H],
+  [U, q],
+  [V, j],
+  [j, H],
+  [H, q],
+  [q, V]
+], Li = 400, ut = '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif';
+function Oi() {
   const n = document.createElement("div");
   Object.assign(n.style, {
     position: "absolute",
@@ -2410,16 +2483,16 @@ function yi() {
     fontWeight: "400",
     color: "#000",
     fontVariantNumeric: "tabular-nums",
-    fontFamily: rt
+    fontFamily: ut
   });
   const o = document.createElement("span");
   return Object.assign(o.style, {
     fontSize: "13px",
     color: "#000",
-    fontFamily: rt
-  }), o.textContent = vt(), e.appendChild(i), e.appendChild(o), n.appendChild(t), n.appendChild(e), { overlay: n, canvas: t, pctEl: i, phaseEl: o };
+    fontFamily: ut
+  }), o.textContent = _t(), e.appendChild(i), e.appendChild(o), n.appendChild(t), n.appendChild(e), { overlay: n, canvas: t, pctEl: i, phaseEl: o };
 }
-class wi {
+class Ni {
   overlay;
   canvas;
   ctx;
@@ -2432,17 +2505,17 @@ class wi {
   visible = !1;
   constructor(t, e = {}) {
     this.startTime = performance.now();
-    const i = yi();
+    const i = Oi();
     this.overlay = i.overlay, this.canvas = i.canvas, this.pctEl = i.pctEl, this.phaseEl = i.phaseEl, t.appendChild(this.overlay), this.ctx = this.canvas.getContext("2d"), this.ctx !== null && (this.sizeCanvas(), this.tick());
-    const o = e.showDelay ?? vi;
+    const o = e.showDelay ?? Li;
     this.showTimerId = setTimeout(() => {
       this.reveal();
     }, o);
   }
   get loadingTexts() {
     return {
-      downloading: vt(),
-      rendering: We()
+      downloading: _t(),
+      rendering: ln()
     };
   }
   updateProgress(t, e) {
@@ -2495,20 +2568,20 @@ class wi {
       return;
     const t = this.canvas.width / Math.min(devicePixelRatio, 2), e = this.canvas.height / Math.min(devicePixelRatio, 2), i = (performance.now() - this.startTime) / 1e3;
     this.ctx.fillStyle = "#fff", this.ctx.fillRect(0, 0, t, e);
-    const o = t / 2, s = e * 0.44, r = Math.min(t, e) * 0.08, l = 0.785, d = 0.615, u = (S) => fi(S, l, d, o, s, r), p = 6, v = i % p / p, E = st.length;
+    const o = t / 2, s = e * 0.44, r = Math.min(t, e) * 0.08, a = 0.785, h = 0.615, d = (C) => Ti(C, a, h, o, s, r), m = 6, v = i % m / m, E = dt.length;
     let k;
-    v < 0.35 ? k = ot(v / 0.35) * E : v < 0.55 ? k = E : v < 0.9 ? k = (1 - ot((v - 0.55) / 0.35)) * E : k = 0, this.ctx.shadowBlur = 5, this.ctx.shadowColor = "rgba(30,30,30,0.08)";
-    for (let S = 0; S < E && !(S >= k); S++) {
-      const R = st[S];
+    v < 0.35 ? k = ct(v / 0.35) * E : v < 0.55 ? k = E : v < 0.9 ? k = (1 - ct((v - 0.55) / 0.35)) * E : k = 0, this.ctx.shadowBlur = 5, this.ctx.shadowColor = "rgba(30,30,30,0.08)";
+    for (let C = 0; C < E && !(C >= k); C++) {
+      const R = dt[C];
       if (R === void 0)
         continue;
-      const L = Math.min(1, k - S);
-      bi(this.ctx, u, R[0], R[1], L);
+      const P = Math.min(1, k - C);
+      Ii(this.ctx, d, R[0], R[1], P);
     }
     this.ctx.shadowBlur = 0;
   }
 }
-class _i {
+class Mi {
   constructor(t) {
     this.options = t, this.element = document.createElement("div"), Object.assign(this.element.style, { display: "flex", gap: "0.375rem" }), this.onFullscreenChange = () => {
       this.setFullscreenIcon(document.fullscreenElement !== null);
@@ -2533,7 +2606,7 @@ class _i {
     this.arBtn = this.syncButton(this.arBtn, t.ar !== !1 && this.options.onAr !== void 0, () => new b({
       variant: "outline",
       size: "icon",
-      label: _e(),
+      label: Me(),
       icon: g.ar(),
       onClick: () => {
         this.options.onAr?.();
@@ -2541,7 +2614,7 @@ class _i {
     })), this.fullscreenBtn = this.syncButton(this.fullscreenBtn, t.fullscreen !== !1 && this.options.onFullscreen !== void 0, () => new b({
       variant: "outline",
       size: "icon",
-      label: Ue(),
+      label: tn(),
       icon: g.fullscreen(),
       onClick: () => {
         this.options.onFullscreen?.();
@@ -2553,7 +2626,7 @@ class _i {
   }
 }
 const T = 0.5;
-class M {
+class z {
   element;
   constructor(t, e) {
     this.element = Object.assign(document.createElement("div"), { className: "vd-camera-controls" });
@@ -2562,10 +2635,10 @@ class M {
       targetTilt: e.tilt,
       targetZoom: e.zoom,
       thetaOffset: 0
-    }, o = Ci(t, e, i);
+    }, o = zi(t, e, i);
     e.onChange((s) => {
-      i.targetRotation = s.rotation - i.thetaOffset, i.targetTilt = s.tilt, i.targetZoom = s.zoom, Si(o, e, s);
-    }), this.element.appendChild(M.buildZoom(o.zoomOut, o.zoomIn)), this.element.appendChild(M.buildDpad(o.tiltUp, o.rotateLeft, o.reset, o.rotateRight, o.tiltDown));
+      i.targetRotation = s.rotation - i.thetaOffset, i.targetTilt = s.tilt, i.targetZoom = s.zoom, Pi(o, e, s);
+    }), this.element.appendChild(z.buildZoom(o.zoomOut, o.zoomIn)), this.element.appendChild(z.buildDpad(o.tiltUp, o.rotateLeft, o.reset, o.rotateRight, o.tiltDown));
   }
   static buildZoom(t, e) {
     const i = document.createElement("div");
@@ -2574,59 +2647,59 @@ class M {
   static buildDpad(t, e, i, o, s) {
     const r = document.createElement("div");
     r.className = "vd-dpad";
-    for (const [l, d] of [
+    for (const [a, h] of [
       [t, "up"],
       [e, "left"],
       [i, "center"],
       [o, "right"],
       [s, "down"]
     ])
-      l.element.classList.add(`vd-dpad-${d}`), r.appendChild(l.element);
+      a.element.classList.add(`vd-dpad-${h}`), r.appendChild(a.element);
     return r;
   }
 }
-function Ci(n, t, e) {
+function zi(n, t, e) {
   const i = (r) => Math.max(t.limits?.minZoom ?? 1, Math.min(t.limits?.maxZoom ?? 1 / 0, r)), o = (r) => {
-    const l = t.limits?.minRotate, d = t.limits?.maxRotate;
-    return l !== void 0 || d !== void 0 ? Math.max(l ?? -1 / 0, Math.min(d ?? 1 / 0, r)) : r;
+    const a = t.limits?.minRotate, h = t.limits?.maxRotate;
+    return a !== void 0 || h !== void 0 ? Math.max(a ?? -1 / 0, Math.min(h ?? 1 / 0, r)) : r;
   }, s = (r) => {
-    const l = t.limits?.minTilt, d = t.limits?.maxTilt;
-    if (l !== void 0 || d !== void 0) {
-      e.targetTilt = Math.max(l ?? 0, Math.min(d ?? 180, e.targetTilt + r)), n.tilt(e.targetTilt).set();
+    const a = t.limits?.minTilt, h = t.limits?.maxTilt;
+    if (a !== void 0 || h !== void 0) {
+      e.targetTilt = Math.max(a ?? 0, Math.min(h ?? 180, e.targetTilt + r)), n.tilt(e.targetTilt).set();
       return;
     }
-    const u = e.targetTilt + r;
-    u > 180 || u < 0 ? (e.targetTilt = u > 180 ? 360 - u : -u, e.thetaOffset = (e.thetaOffset + 180) % 360, n.tilt(e.targetTilt).rotate(e.targetRotation + e.thetaOffset).set()) : (e.targetTilt = u, n.tilt(e.targetTilt).set());
+    const d = e.targetTilt + r;
+    d > 180 || d < 0 ? (e.targetTilt = d > 180 ? 360 - d : -d, e.thetaOffset = (e.thetaOffset + 180) % 360, n.tilt(e.targetTilt).rotate(e.targetRotation + e.thetaOffset).set()) : (e.targetTilt = d, n.tilt(e.targetTilt).set());
   };
   return {
-    zoomOut: new b({ variant: "outline", size: "icon", label: yn(), icon: g.zoomOut(), onClick: () => {
+    zoomOut: new b({ variant: "outline", size: "icon", label: On(), icon: g.zoomOut(), onClick: () => {
       e.targetZoom = i(e.targetZoom - 10), n.zoom(e.targetZoom).set();
     } }),
-    zoomIn: new b({ variant: "outline", size: "icon", label: fn(), icon: g.zoomIn(), onClick: () => {
+    zoomIn: new b({ variant: "outline", size: "icon", label: Tn(), icon: g.zoomIn(), onClick: () => {
       e.targetZoom = i(e.targetZoom + 10), n.zoom(e.targetZoom).set();
     } }),
-    tiltUp: new b({ variant: "outline", size: "icon", label: On(), icon: g.tiltUp(), onClick: () => {
+    tiltUp: new b({ variant: "outline", size: "icon", label: Hn(), icon: g.tiltUp(), onClick: () => {
       s(-15);
     } }),
-    rotateLeft: new b({ variant: "outline", size: "icon", label: Sn(), icon: g.rotateLeft(), onClick: () => {
+    rotateLeft: new b({ variant: "outline", size: "icon", label: Pn(), icon: g.rotateLeft(), onClick: () => {
       e.targetRotation = o(e.targetRotation - 15), n.rotate(e.targetRotation + e.thetaOffset).set();
     } }),
-    reset: new b({ variant: "outline", size: "icon", label: dn(), icon: g.reset(), onClick: () => {
+    reset: new b({ variant: "outline", size: "icon", label: kn(), icon: g.reset(), onClick: () => {
       e.thetaOffset = 0, n.reset();
     } }),
-    rotateRight: new b({ variant: "outline", size: "icon", label: xn(), icon: g.rotateRight(), onClick: () => {
+    rotateRight: new b({ variant: "outline", size: "icon", label: Bn(), icon: g.rotateRight(), onClick: () => {
       e.targetRotation = o(e.targetRotation + 15), n.rotate(e.targetRotation + e.thetaOffset).set();
     } }),
-    tiltDown: new b({ variant: "outline", size: "icon", label: zn(), icon: g.tiltDown(), onClick: () => {
+    tiltDown: new b({ variant: "outline", size: "icon", label: Wn(), icon: g.tiltDown(), onClick: () => {
       s(15);
     } })
   };
 }
-function Si(n, t, e) {
+function Pi(n, t, e) {
   const i = t.limits;
   i !== void 0 && (n.zoomOut.element.disabled = i.minZoom !== void 0 && e.zoom <= i.minZoom + T, n.zoomIn.element.disabled = i.maxZoom !== void 0 && e.zoom >= i.maxZoom - T, n.tiltUp.element.disabled = i.minTilt !== void 0 && e.tilt <= i.minTilt + T, n.tiltDown.element.disabled = i.maxTilt !== void 0 && e.tilt >= i.maxTilt - T, n.rotateLeft.element.disabled = i.minRotate !== void 0 && e.rotation <= i.minRotate + T, n.rotateRight.element.disabled = i.maxRotate !== void 0 && e.rotation >= i.maxRotate - T);
 }
-const I = {
+const L = {
   /** Attribute selection requested (cancelable). `detail`: `{ attribute, value }`. */
   SELECT: "ui:select",
   /** Attribute selection applied. `detail`: `{ attribute, value }`. */
@@ -2637,27 +2710,29 @@ const I = {
   CONFIGURATION_CHANGE: "vd:configuration-change",
   /** Configuration submitted (bubbles). `detail`: the resolved configuration handed to the host. */
   CONFIGURATION_SUBMIT: "vd:configuration-submit"
-}, ki = 5;
-let Ai = 0;
-function j(n) {
+}, Fi = 5;
+let $i = 0;
+function G(n) {
   const t = n.replace(/([A-Z])/g, " $1").trim();
   return t.charAt(0).toUpperCase() + t.slice(1).toLowerCase();
 }
-function Ei(n, t, e, i, o) {
+function Di(n, t, e, i, o) {
   const s = document.createElement("div");
   s.className = "vd-attribute", s.dataset.name = n.name;
   const r = document.createElement("span");
-  r.className = "vd-attribute-label", r.textContent = j(n.name), r.id = `vd-attribute-label-${Ai++}`, s.appendChild(r), s.setAttribute("role", "group"), s.setAttribute("aria-labelledby", r.id);
-  const l = n.values.find((p) => t.getValue(n.name, p)?.isSelected === !0), d = n.values.map(j), u = n.values.length <= ki ? new ci(n.values, l, d) : new ui(n.name, n.values, j(n.name), l, d);
-  return u.onSelect((p) => {
-    e.dispatch(I.SELECT, { attribute: n.name, value: p }, !0).defaultPrevented || i(n.name, p);
-  }), o(n.name, (p) => {
-    u.setSelected(p.value), e.dispatch(I.SELECTED, { attribute: n.name, value: p.value });
-  }), s.appendChild(u.element), s;
-}
-const xi = 80, Ti = 2500;
-class Ri {
-  constructor(t, e = Ti) {
+  r.className = "vd-attribute-label", r.textContent = G(n.name), r.id = `vd-attribute-label-${$i++}`, s.appendChild(r), s.setAttribute("role", "group"), s.setAttribute("aria-labelledby", r.id);
+  const a = n.values.find((m) => t.getValue(n.name, m)?.isSelected === !0), h = n.values.map(G), d = n.values.length <= Fi ? new _i(n.values, a, h) : new Ci(n.name, n.values, G(n.name), a, h);
+  return d.onSelect((m) => {
+    e.dispatch(L.SELECT, { attribute: n.name, value: m }, !0).defaultPrevented || i(n.name, m);
+  }), o(n.name, (m) => {
+    d.setSelected(m.value), e.dispatch(L.SELECTED, { attribute: n.name, value: m.value });
+  }), s.appendChild(d.element), { element: s, setSelectable: (m) => {
+    d.setEnabled(m);
+  } };
+}
+const Bi = 80, Ui = 2500;
+class Vi {
+  constructor(t, e = Ui) {
     this.configuration = t, this.resetMs = e, this.element = document.createElement("div"), this.element.className = "vd-commerce vd-hidden";
     const i = document.createElement("div");
     i.className = "vd-commerce-price", this.priceEl = document.createElement("span"), this.priceEl.className = "vd-price", this.vatEl = document.createElement("span"), this.vatEl.className = "vd-vat", i.append(this.priceEl, this.vatEl), this.button = new b({ variant: "default", onClick: () => {
@@ -2689,19 +2764,19 @@ class Ri {
       this.priceEl.textContent = "", this.vatEl.textContent = "";
       return;
     }
-    this.priceEl.textContent = Ii(t.price, t.currency), this.vatEl.textContent = at(this.configuration.vatDisplay);
+    this.priceEl.textContent = ji(t.price, t.currency), this.vatEl.textContent = ht(this.configuration.vatDisplay);
   }
   renderButton() {
     const t = this.configuration.submitEnabled;
-    this.button.element.classList.toggle("vd-hidden", !t), t && this.state === "idle" && this.setButtonText(at(this.configuration.buttonLabel));
+    this.button.element.classList.toggle("vd-hidden", !t), t && this.state === "idle" && this.setButtonText(ht(this.configuration.buttonLabel));
   }
   async handleSubmit() {
     if (this.state !== "busy") {
-      this.setState("busy", Dn());
+      this.setState("busy", Xn());
       try {
-        await this.configuration.submit(), this.setState("success", jn());
+        await this.configuration.submit(), this.setState("success", ni());
       } catch {
-        this.setState("failed", Zn());
+        this.setState("failed", ri());
       }
       this.scheduleReset();
     }
@@ -2718,18 +2793,18 @@ class Ri {
     this.button.element.textContent = t, this.button.element.setAttribute("aria-label", t);
   }
 }
-function at(n) {
-  return (n ?? "").slice(0, xi);
+function ht(n) {
+  return (n ?? "").slice(0, Bi);
 }
-function Ii(n, t) {
+function ji(n, t) {
   try {
-    const e = new Intl.NumberFormat(h(), { style: "currency", currency: t }), i = e.resolvedOptions().maximumFractionDigits ?? 2;
+    const e = new Intl.NumberFormat(u(), { style: "currency", currency: t }), i = e.resolvedOptions().maximumFractionDigits ?? 2;
     return e.format(n / 10 ** i);
   } catch {
     return `${t} ${(n / 100).toFixed(2)}`;
   }
 }
-class St {
+class xt {
   slot = null;
   panel = null;
   attach(t, e) {
@@ -2742,8 +2817,8 @@ class St {
     this.slot?.remove(), this.slot = null, this.panel = null;
   }
 }
-const Oi = 572;
-class Ni {
+const Hi = 572;
+class qi {
   /** @param actionBarSlot The shared corner slot the AR/fullscreen buttons live in — the
    * "open configurator" toggle joins them there instead of floating as its own overlay. */
   constructor(t) {
@@ -2763,7 +2838,7 @@ class Ni {
     this.container = t, e.classList.add("vd-attributes-sidebar"), this.closeButton = new b({
       variant: "ghost",
       size: "icon-sm",
-      label: an(),
+      label: wn(),
       icon: g.close({ size: 18 }),
       onClick: () => {
         this.expanded = !1, this.render();
@@ -2773,7 +2848,7 @@ class Ni {
     i.className = "vd-sidebar-header", i.appendChild(this.closeButton.element), this.body = document.createElement("div"), this.body.className = "vd-sidebar-body", this.body.appendChild(e), this.element = document.createElement("div"), this.element.className = "vd-sidebar vd-hidden", this.element.append(i, this.body), t.appendChild(this.element), this.openButton = new b({
       variant: "outline",
       size: "icon",
-      label: nn(),
+      label: gn(),
       icon: g.configurator({ size: 18 }),
       onClick: () => {
         this.expanded = !0, this.render();
@@ -2789,7 +2864,7 @@ class Ni {
   observe() {
     typeof ResizeObserver > "u" || this.container === null || (this.observer = new ResizeObserver((t) => {
       const e = t[0]?.contentRect.width ?? 0;
-      this.setCollapsible(e > 0 && e < Oi);
+      this.setCollapsible(e > 0 && e < Hi);
     }), this.observer.observe(this.container));
   }
   setCollapsible(t) {
@@ -2802,7 +2877,7 @@ class Ni {
     this.element.classList.toggle("vd-hidden", !this.visible), this.element.classList.toggle("vd-sidebar-collapsed", e), this.openButton.element.classList.toggle("vd-hidden", !e), this.closeButton.element.style.display = this.collapsible ? "" : "none", this.container.classList.toggle("vd-layout-sidebar-right", t), this.container.classList.toggle("vd-layout-sidebar-permanent", t && !this.collapsible);
   }
 }
-class Mi {
+class Gi {
   attach(t, e) {
   }
   setVisible(t) {
@@ -2810,20 +2885,20 @@ class Mi {
   destroy() {
   }
 }
-const Li = {
-  "inframe-bottom-left": () => new St(),
-  "sidebar-right": (n) => new Ni(n),
-  hidden: () => new Mi()
+const Zi = {
+  "inframe-bottom-left": () => new xt(),
+  "sidebar-right": (n) => new qi(n),
+  hidden: () => new Gi()
 };
-function zi(n, t) {
-  return (Li[n ?? ""] ?? (() => new St()))(t);
+function Wi(n, t) {
+  return (Zi[n ?? ""] ?? (() => new xt()))(t);
 }
-const H = w.fontFamily.sans.join(", "), q = `
+const Z = w.fontFamily.sans.join(", "), W = `
   position: absolute;
   display: flex;
   z-index: 10;
   transition: inset-inline-end 0.18s ease;
-`, Pi = `
+`, Yi = `
 /* Override browser's default black fullscreen backdrop */
 .vd-container:fullscreen {
   background: oklch(100% 0 0);
@@ -2831,52 +2906,52 @@ const H = w.fontFamily.sans.join(", "), q = `
 
 /* Layout slots — four corners */
 .vd-slot-top-right {
-  ${q}
-  inset-block-start: ${a[3]};
-  inset-inline-end: ${a[3]};
+  ${W}
+  inset-block-start: ${l[3]};
+  inset-inline-end: ${l[3]};
   flex-direction: column;
   align-items: flex-end;
-  gap: ${a[1.5]};
+  gap: ${l[1.5]};
 }
 
 .vd-slot-bottom-left {
-  ${q}
-  inset-block-end: ${a[3]};
-  inset-inline-start: ${a[3]};
+  ${W}
+  inset-block-end: ${l[3]};
+  inset-inline-start: ${l[3]};
   flex-direction: column;
   align-items: flex-start;
-  gap: ${a[1.5]};
+  gap: ${l[1.5]};
 }
 
 .vd-slot-bottom-right {
-  ${q}
-  inset-block-end: ${a[3]};
-  inset-inline-end: ${a[3]};
+  ${W}
+  inset-block-end: ${l[3]};
+  inset-inline-end: ${l[3]};
   flex-direction: row;
-  gap: ${a[1.5]};
+  gap: ${l[1.5]};
 }
 
 /* Component styles — no positioning */
 .vd-camera-controls {
   display: flex;
   flex-direction: column;
-  gap: ${a[1]};
-  background: color-mix(in oklch, ${m.white} 85%, transparent);
+  gap: ${l[1]};
+  background: color-mix(in oklch, ${p.white} 85%, transparent);
   backdrop-filter: blur(8px);
-  border-radius: ${a[2]};
-  padding: ${a[2]};
+  border-radius: ${l[2]};
+  padding: ${l[2]};
 }
 
 .vd-zoom {
   display: flex;
-  gap: ${a[0.5]};
+  gap: ${l[0.5]};
 }
 
 .vd-dpad {
   display: grid;
-  grid-template-columns: repeat(3, ${a[9]});
-  grid-template-rows: repeat(3, ${a[9]});
-  gap: ${a[0.5]};
+  grid-template-columns: repeat(3, ${l[9]});
+  grid-template-rows: repeat(3, ${l[9]});
+  gap: ${l[0.5]};
 }
 
 .vd-dpad-up    { grid-column: 2; grid-row: 1; }
@@ -2888,30 +2963,30 @@ const H = w.fontFamily.sans.join(", "), q = `
 .vd-attributes {
   display: flex;
   flex-direction: column;
-  gap: ${a[3]};
-  background: color-mix(in oklch, ${m.white} 85%, transparent);
+  gap: ${l[3]};
+  background: color-mix(in oklch, ${p.white} 85%, transparent);
   backdrop-filter: blur(8px);
-  border: 1px solid color-mix(in oklch, ${m.neutral[900]} 8%, transparent);
-  border-radius: ${a[3]};
-  padding: ${a[3]};
-  box-shadow: 0 ${a[1]} ${a[4]} color-mix(in oklch, ${m.neutral[900]} 6%, transparent);
-  font-family: ${H};
+  border: 1px solid color-mix(in oklch, ${p.neutral[900]} 8%, transparent);
+  border-radius: ${l[3]};
+  padding: ${l[3]};
+  box-shadow: 0 ${l[1]} ${l[4]} color-mix(in oklch, ${p.neutral[900]} 6%, transparent);
+  font-family: ${Z};
 }
 
 .vd-attribute {
   display: flex;
   flex-direction: column;
-  gap: ${a[1.5]};
+  gap: ${l[1.5]};
 }
 
 /* Micro-label: recedes so the controls lead. */
 .vd-attribute-label {
   font-size: ${w.fontSize.xs};
   font-weight: ${w.fontWeight.medium};
-  color: ${m.neutral[500]};
+  color: ${p.neutral[500]};
   text-transform: uppercase;
   letter-spacing: 0.05em;
-  font-family: ${H};
+  font-family: ${Z};
 }
 
 /* sidebar-right layout — a docked, full-height right panel */
@@ -2947,10 +3022,10 @@ const H = w.fontFamily.sans.join(", "), q = `
   z-index: 11;
   display: flex;
   flex-direction: column;
-  background: color-mix(in oklch, ${m.white} 90%, transparent);
+  background: color-mix(in oklch, ${p.white} 90%, transparent);
   backdrop-filter: blur(10px);
-  border-inline-start: 1px solid color-mix(in oklch, ${m.neutral[900]} 8%, transparent);
-  box-shadow: -${a[1]} 0 ${a[4]} color-mix(in oklch, ${m.neutral[900]} 5%, transparent);
+  border-inline-start: 1px solid color-mix(in oklch, ${p.neutral[900]} 8%, transparent);
+  box-shadow: -${l[1]} 0 ${l[4]} color-mix(in oklch, ${p.neutral[900]} 5%, transparent);
 }
 
 @media (prefers-reduced-motion: no-preference) {
@@ -2962,13 +3037,13 @@ const H = w.fontFamily.sans.join(", "), q = `
 .vd-sidebar-header {
   display: flex;
   justify-content: flex-end;
-  padding: ${a[1.5]} ${a[1.5]} 0;
+  padding: ${l[1.5]} ${l[1.5]} 0;
 }
 
 .vd-sidebar-body {
   flex: 1;
   overflow-y: auto;
-  padding: ${a[4]};
+  padding: ${l[4]};
 }
 
 /* attributes inside the sidebar: flat and full-width — the panel provides the frosting */
@@ -2979,38 +3054,38 @@ const H = w.fontFamily.sans.join(", "), q = `
   border-radius: 0;
   padding: 0;
   box-shadow: none;
-  gap: ${a[5]};
+  gap: ${l[5]};
 }
 
 /* while the panel is open, keep the corner controls clear of it */
-.vd-layout-sidebar-right .vd-slot-top-right { inset-inline-end: calc(var(--vd-sidebar-width) + ${a[3]}); }
-.vd-layout-sidebar-right .vd-slot-bottom-right { inset-inline-end: calc(var(--vd-sidebar-width) + ${a[3]}); }
+.vd-layout-sidebar-right .vd-slot-top-right { inset-inline-end: calc(var(--vd-sidebar-width) + ${l[3]}); }
+.vd-layout-sidebar-right .vd-slot-bottom-right { inset-inline-end: calc(var(--vd-sidebar-width) + ${l[3]}); }
 
 /* Price + CTA — sit under the attribute controls, separated by a hairline */
 .vd-commerce {
   display: flex;
   flex-direction: column;
-  gap: ${a[2]};
-  padding-block-start: ${a[3]};
-  border-block-start: 1px solid color-mix(in oklch, ${m.neutral[900]} 8%, transparent);
-  font-family: ${H};
+  gap: ${l[2]};
+  padding-block-start: ${l[3]};
+  border-block-start: 1px solid color-mix(in oklch, ${p.neutral[900]} 8%, transparent);
+  font-family: ${Z};
 }
 
 .vd-commerce-price {
   display: flex;
   align-items: baseline;
-  gap: ${a[1.5]};
+  gap: ${l[1.5]};
 }
 
 .vd-price {
   font-size: ${w.fontSize.lg};
   font-weight: ${w.fontWeight.semibold};
-  color: ${m.neutral[900]};
+  color: ${p.neutral[900]};
 }
 
 .vd-vat {
   font-size: ${w.fontSize.xs};
-  color: ${m.neutral[500]};
+  color: ${p.neutral[500]};
 }
 
 .vd-cta {
@@ -3020,23 +3095,23 @@ const H = w.fontFamily.sans.join(", "), q = `
 
 /* Failed submit is the one place red belongs: a clear, recoverable error state. */
 .vd-commerce[data-submit="failed"] .vd-cta {
-  background: ${m.semantic.error};
-  border-color: ${m.semantic.error};
-  color: ${m.white};
+  background: ${p.semantic.error};
+  border-color: ${p.semantic.error};
+  color: ${p.white};
 }
 
 `;
-function Fi() {
-  if (Ct(), document.getElementById("vd-styles") !== null)
+function Qi() {
+  if (Et(), document.getElementById("vd-styles") !== null)
     return;
   const n = document.createElement("style");
-  n.id = "vd-styles", n.textContent = Pi, document.head.appendChild(n);
+  n.id = "vd-styles", n.textContent = Yi, document.head.appendChild(n);
 }
-function $i(n, t) {
+function Ki(n, t) {
   const e = document.createElement("a");
   e.href = `data:image/png;base64,${n}`, e.download = t, e.click();
 }
-class Di {
+class Xi {
   options;
   settings = {};
   container = null;
@@ -3046,13 +3121,17 @@ class Di {
   actionBar = null;
   cameraControls = null;
   attributes = null;
+  /** Rendered attribute groups by name, so a selectable snapshot can reach their controls. */
+  groupHandles = /* @__PURE__ */ new Map();
+  /** The latest selectable snapshot, re-applied when the controls re-render. */
+  lastSelectable = null;
   layout = null;
   commerce = null;
   constructor(t) {
     this.options = t;
   }
   attach(t) {
-    Fi(), this.container = t, this.loading = new wi(t), this.slots.topRight = this.createSlot(t, "vd-slot-top-right"), this.slots.bottomRight = this.createSlot(t, "vd-slot-bottom-right");
+    Qi(), this.container = t, this.loading = new Ni(t), this.slots.topRight = this.createSlot(t, "vd-slot-top-right"), this.slots.bottomRight = this.createSlot(t, "vd-slot-bottom-right");
   }
   onReady() {
     this.loading?.hide(), this.loading = null, this.mountToolbar(), this.cameraControls !== null && (this.cameraControls.element.style.display = "flex"), this.layout?.setVisible(!0);
@@ -3061,7 +3140,7 @@ class Di {
     if (this.actionBar !== null || this.slots.bottomRight === null || this.container === null)
       return;
     const t = typeof this.container.requestFullscreen == "function";
-    this.actionBar = new _i({
+    this.actionBar = new Mi({
       onAr: this.options.onAr,
       onFullscreen: t ? () => {
         this.toggleFullscreen();
@@ -3078,20 +3157,35 @@ class Di {
     this.loading?.showError(t);
   }
   applyViewerSettings(t) {
-    this.settings = t, t.language !== void 0 && ft(t.language, { reload: !1 }), this.syncScreenshotButton(), this.actionBar?.applySettings(t), this.cameraControls !== null && (this.cameraControls.element.style.display = t.cameraControls === !0 ? "flex" : "none"), this.placeScreenshotButton();
+    this.settings = t, t.language !== void 0 && yt(t.language, { reload: !1 }), this.syncScreenshotButton(), this.actionBar?.applySettings(t), this.cameraControls !== null && (this.cameraControls.element.style.display = t.cameraControls === !0 ? "flex" : "none"), this.placeScreenshotButton();
   }
   renderAttributeControls(t, e) {
-    if (!(this.container === null || this.slots.topRight === null || this.slots.bottomRight === null) && (this.cameraControls?.element.remove(), this.cameraControls = null, this.teardownConfigurator(), this.settings.cameraControls === !0 && (this.cameraControls = new M(this.options.cameraApi, this.options.cameraPositionApi), this.cameraControls.element.style.display = "none", this.slots.topRight.appendChild(this.cameraControls.element)), this.placeScreenshotButton(), e.length !== 0)) {
-      this.attributes = document.createElement("div"), this.attributes.className = "vd-attributes";
-      for (const i of e)
-        this.attributes.appendChild(Ei(
+    if (!(this.container === null || this.slots.topRight === null || this.slots.bottomRight === null) && (this.cameraControls?.element.remove(), this.cameraControls = null, this.teardownConfigurator(), this.settings.cameraControls === !0 && (this.cameraControls = new z(this.options.cameraApi, this.options.cameraPositionApi), this.cameraControls.element.style.display = "none", this.slots.topRight.appendChild(this.cameraControls.element)), this.placeScreenshotButton(), e.length !== 0)) {
+      this.attributes = document.createElement("div"), this.attributes.className = "vd-attributes", this.groupHandles = /* @__PURE__ */ new Map();
+      for (const i of e) {
+        const o = Di(
           i,
           t,
           this.options.eventBus,
           this.options.onSelect,
           this.options.onSubscribe
-        ));
-      this.commerce = new Ri(this.options.configuration), this.attributes.appendChild(this.commerce.element), this.layout = zi(this.settings.configuratorLayout, this.slots.bottomRight), this.layout.attach(this.container, this.attributes);
+        );
+        this.groupHandles.set(i.name, o), this.attributes.appendChild(o.element);
+      }
+      this.commerce = new Vi(this.options.configuration), this.attributes.appendChild(this.commerce.element), this.layout = Wi(this.settings.configuratorLayout, this.slots.bottomRight), this.layout.attach(this.container, this.attributes), this.lastSelectable !== null && this.applySelectable(this.lastSelectable);
+    }
+  }
+  /**
+   * Grey out what the viewer reports as not pickable: per attribute in the
+   * snapshot only the listed values stay enabled; attributes the snapshot
+   * does not name are unrestricted. The interface renders, it never knows
+   * the exclusion rules (kiesbaarheid live, binding-studio task 17).
+   */
+  applySelectable(t) {
+    this.lastSelectable = t;
+    for (const [e, i] of this.groupHandles) {
+      const o = t.find((s) => s.name === e);
+      i.setSelectable(o?.selectable ?? null);
     }
   }
   get viewerSettings() {
@@ -3099,7 +3193,7 @@ class Di {
   }
   /** Tear down the configurator panel: price + CTA, attribute controls, layout. */
   teardownConfigurator() {
-    this.commerce?.destroy(), this.commerce = null, this.attributes?.remove(), this.attributes = null, this.layout?.destroy(), this.layout = null;
+    this.commerce?.destroy(), this.commerce = null, this.attributes?.remove(), this.attributes = null, this.groupHandles = /* @__PURE__ */ new Map(), this.layout?.destroy(), this.layout = null;
   }
   destroy() {
     this.loading?.destroy(), this.screenshotBtn?.element.remove(), this.actionBar?.destroy(), this.actionBar?.element.remove(), this.cameraControls?.element.remove(), this.teardownConfigurator();
@@ -3116,11 +3210,11 @@ class Di {
     t && this.screenshotBtn === null && (this.screenshotBtn = new b({
       variant: "outline",
       size: "icon",
-      label: Xe(),
+      label: hn(),
       icon: g.screenshot(),
       onClick: () => {
         this.options.snapshotApi.take("snapshot.png").onDeveloped(({ data: e, filename: i }) => {
-          $i(e, i);
+          Ki(e, i);
         });
       }
     })), !t && this.screenshotBtn !== null && (this.screenshotBtn.element.remove(), this.screenshotBtn = null);
@@ -3129,13 +3223,14 @@ class Di {
     this.screenshotBtn === null || this.slots.topRight === null || (this.cameraControls !== null ? this.cameraControls.element.appendChild(this.screenshotBtn.element) : this.slots.topRight.appendChild(this.screenshotBtn.element));
   }
 }
-const Bi = {};
-class Ui {
+const Ji = {};
+class to {
   defaultServer = "https://server.virtualdisplay.io";
   options;
   serverHost;
-  constructor(t, e) {
-    this.options = t, this.serverHost = e;
+  extraParams;
+  constructor(t, e, i) {
+    this.options = t, this.serverHost = e, this.extraParams = i;
   }
   /**
    * Create container and iframe, attach to parent element
@@ -3162,12 +3257,15 @@ class Ui {
   }
   buildUrl() {
     const t = this.getServerUrl(), e = new URL(t);
-    return e.searchParams.set("license", this.options.license), e.searchParams.set("model", this.options.model), this.options.language !== void 0 && e.searchParams.set("language", this.options.language), this.options.session !== void 0 && e.searchParams.set("session", this.options.session), this.options.debug === !0 && e.searchParams.set("debug", "true"), this.options.traceparent !== void 0 && e.searchParams.set("traceparent", this.options.traceparent), e.toString();
+    e.searchParams.set("license", this.options.license), e.searchParams.set("model", this.options.model), this.options.language !== void 0 && e.searchParams.set("language", this.options.language), this.options.session !== void 0 && e.searchParams.set("session", this.options.session), this.options.debug === !0 && e.searchParams.set("debug", "true"), this.options.traceparent !== void 0 && e.searchParams.set("traceparent", this.options.traceparent);
+    for (const [i, o] of Object.entries(this.extraParams ?? {}))
+      e.searchParams.set(i, o);
+    return e.toString();
   }
   getServerUrl() {
     if (this.serverHost !== void 0)
       return this.serverHost;
-    if (Bi?.VITE_VIRTUALDISPLAY_SERVER_HOST === void 0)
+    if (Ji?.VITE_VIRTUALDISPLAY_SERVER_HOST === void 0)
       return this.defaultServer;
   }
   getParentElement() {
@@ -3179,37 +3277,39 @@ class Ui {
     return t;
   }
 }
-function Vi(n) {
+function eo(n) {
   const { messenger: t } = n;
   t.on(c.HANDSHAKE, (e) => {
-    Tt(e) && (_.info("Server handshake received, flushing publisher queue"), t.markReady());
+    Ot(e) && (_.info("Server handshake received, flushing publisher queue"), t.markReady());
   }), t.on(c.SESSION, (e) => {
-    Rt(e) && n.onSession(e.sessionId);
+    Nt(e) && n.onSession(e.sessionId);
   }), t.on(c.MUTATION, (e) => {
-    It(e) && (n.attributes.handleMutationResult(e), n.configuration.handleSelectionChanged(n.attributes.getSelection()));
+    Mt(e) && (n.attributes.handleMutationResult(e), n.configuration.handleSelectionChanged(n.attributes.getSelection()));
   }), t.on(c.SNAPSHOT, (e) => {
-    Ot(e) && n.snapshot.handleSnapshotResult(e);
+    zt(e) && n.snapshot.handleSnapshotResult(e);
   }), t.on(c.CAMERA, (e) => {
-    Nt(e) && n.cameraPosition.handlePositionUpdate(e);
+    Pt(e) && n.cameraPosition.handlePositionUpdate(e);
   }), t.on(c.LOADING_INDICATOR, (e) => {
-    Lt(e) && (e.error !== void 0 ? n.ui.showError(e.error) : n.ui.updateProgress(e.progress, e.phase));
+    $t(e) && (e.error !== void 0 ? n.ui.showError(e.error) : n.ui.updateProgress(e.progress, e.phase));
   }), t.on(c.CONFIG, (e) => {
-    Pt(e) && n.applyConfig(e);
+    Ut(e) && n.applyConfig(e);
   }), t.on(c.MAPPING, (e) => {
-    Mt(e) && (n.attributes.handleMappingReceived(e), n.configuration.handleSelectionChanged(n.attributes.getSelection()), n.ui.renderAttributeControls(n.attributes, e.attributes), n.readyStateTracker.handleMappingReceived());
-  }), ji(n);
+    Ft(e) && (n.attributes.handleMappingReceived(e), n.configuration.handleSelectionChanged(n.attributes.getSelection()), n.ui.renderAttributeControls(n.attributes, e.attributes), n.readyStateTracker.handleMappingReceived());
+  }), no(n);
 }
-function ji(n) {
+function no(n) {
   const { messenger: t } = n;
   t.on(c.FOCUS, (e) => {
-    Ft(e) && n.focus.handleStateReceived(e);
+    Vt(e) && n.focus.handleStateReceived(e);
   }), t.on(c.PRICING, (e) => {
-    $t(e) && n.configuration.handlePricingReceived(e.pricing);
+    jt(e) && n.configuration.handlePricingReceived(e.pricing);
   }), t.on(c.SYNC, (e) => {
-    zt(e) && n.onSync(e.connected);
+    Dt(e) && n.onSync(e.connected);
+  }), t.on(c.SELECTABLE, (e) => {
+    Bt(e) && (n.selectable.handleSnapshot(e), n.ui.applySelectable(e.attributes));
   });
 }
-class Hi {
+class io {
   ready = !1;
   onReady;
   constructor(t) {
@@ -3225,8 +3325,9 @@ class Hi {
     this.ready = !1;
   }
 }
-class qi {
+class oo {
   attributes;
+  selectableState;
   readyStateTracker;
   messenger;
   cameraApi;
@@ -3239,6 +3340,7 @@ class qi {
   ui;
   options;
   serverHost;
+  iframeParams;
   /** The composed AR flow, or undefined in builds without one (the studio). */
   arActivation;
   /** The composed sync tracker, or undefined in builds without one (the studio). */
@@ -3250,49 +3352,52 @@ class qi {
   /** The viewer's tracking session id, once the server announces it (SESSION). */
   viewerSessionId;
   constructor(t, e) {
-    this.options = t, this.serverHost = e?.serverHost, this.initializeLogging(), this.messenger = new Dt(
+    this.options = t;
+    const i = e ?? {};
+    this.serverHost = i.serverHost, this.iframeParams = i.iframeParams, this.initializeLogging(), this.messenger = new Ht(
       () => this.iframe?.contentWindow ?? null,
-      e?.messengerOptions
+      i.messengerOptions
     );
-    const i = (s) => {
-      this.messenger.send(s);
+    const o = (r) => {
+      this.messenger.send(r);
     };
-    this.attributes = new ne(i, (s, r) => {
-      this.notifyMutationFailed(s, r);
-    }), this.snapshotApi = new ue(i), this.annotationsApi = new Bt(i), this.cameraApi = new ie(i), this.cameraPositionApi = new oe(), this.focusApi = new le(i, (s) => {
-      this.dispatchFocusChange(s);
-    }), this.configurationApi = new ae(
-      (s) => {
-        this.dispatchConfigurationChange(s);
+    this.attributes = new ue(o, (r, a) => {
+      this.notifyMutationFailed(r, a);
+    }), this.selectableState = new he(), this.snapshotApi = new we(o), this.annotationsApi = new qt(o), this.cameraApi = new me(o), this.cameraPositionApi = new pe(), this.focusApi = new ve(o, (r) => {
+      this.dispatchFocusChange(r);
+    }), this.configurationApi = new be(
+      (r) => {
+        this.dispatchConfigurationChange(r);
       },
-      (s) => {
-        this.dispatchConfigurationSubmit(s);
+      (r) => {
+        this.dispatchConfigurationSubmit(r);
       }
-    ), this.eventBus = new de(), this.arActivation = e?.createArActivation?.(i), this.syncTracker = e?.createSyncTracker?.(), this.readyStateTracker = new Hi(() => {
+    ), this.eventBus = new Se(), this.arActivation = i.createArActivation?.(o), this.syncTracker = i.createSyncTracker?.(), this.readyStateTracker = new io(() => {
       this.notifyReady();
     });
-    const o = this.arActivation;
-    this.ui = new Di({
+    const s = this.arActivation;
+    this.ui = new Xi({
       snapshotApi: this.snapshotApi,
       cameraApi: this.cameraApi,
       cameraPositionApi: this.cameraPositionApi,
       eventBus: this.eventBus,
       configuration: this.configurationApi,
-      onSelect: (s, r) => this.attributes.select(s, r),
-      onSubscribe: (s, r) => this.attributes.onChange(s, r),
-      ...o !== void 0 && { onAr: () => {
-        o.activate();
+      onSelect: (r, a) => this.attributes.select(r, a),
+      onSubscribe: (r, a) => this.attributes.onChange(r, a),
+      ...s !== void 0 && { onAr: () => {
+        s.activate();
       } },
       onFullscreenEnter: () => {
         this.trackFullscreen();
       }
-    }), this.wireIncomingMessages(), e?.registerHandlers?.(this.messenger, i), this.messenger.start(), this.createAndConnectIframe();
+    }), this.wireIncomingMessages(), i.registerHandlers?.(this.messenger, o), this.messenger.start(), this.createAndConnectIframe();
   }
   /** Wire the inbound viewer protocol to the facades. */
   wireIncomingMessages() {
-    Vi({
+    eo({
       messenger: this.messenger,
       attributes: this.attributes,
+      selectable: this.selectableState,
       configuration: this.configurationApi,
       snapshot: this.snapshotApi,
       cameraPosition: this.cameraPositionApi,
@@ -3333,7 +3438,7 @@ class qi {
    */
   dispatchFocusChange(t) {
     this.container?.dispatchEvent(
-      new CustomEvent(I.FOCUS_CHANGE, { detail: t, bubbles: !0 })
+      new CustomEvent(L.FOCUS_CHANGE, { detail: t, bubbles: !0 })
     );
   }
   /**
@@ -3342,13 +3447,13 @@ class qi {
    */
   dispatchConfigurationChange(t) {
     this.container?.dispatchEvent(
-      new CustomEvent(I.CONFIGURATION_CHANGE, { detail: t ?? null, bubbles: !0 })
+      new CustomEvent(L.CONFIGURATION_CHANGE, { detail: t ?? null, bubbles: !0 })
     );
   }
   /** Dispatch a bubbling `vd:configuration-submit` event when the CTA is used. */
   dispatchConfigurationSubmit(t) {
     this.container?.dispatchEvent(
-      new CustomEvent(I.CONFIGURATION_SUBMIT, { detail: t, bubbles: !0 })
+      new CustomEvent(L.CONFIGURATION_SUBMIT, { detail: t, bubbles: !0 })
     );
   }
   handleConfig(t) {
@@ -3356,7 +3461,7 @@ class qi {
     if (e !== void 0 || i !== void 0) {
       const o = i !== void 0 ? { ...e ?? {}, ...i } : e;
       if (i !== void 0 && e !== void 0) {
-        const s = Object.entries(i).filter(([r, l]) => e[r] !== l).map(([r, l]) => `${r} (metadata: ${e[r] ?? "undefined"}, override: ${l})`);
+        const s = Object.entries(i).filter(([r, a]) => e[r] !== a).map(([r, a]) => `${r} (metadata: ${e[r] ?? "undefined"}, override: ${a})`);
         s.length > 0 && _.warn(`Viewer settings override active: ${s.join(", ")}`);
       }
       this.ui.applyViewerSettings(o), this.annotationsApi.setEnabled(o.annotations !== !1);
@@ -3368,10 +3473,10 @@ class qi {
     this.messenger.send({ type: c.FULLSCREEN });
   }
   initializeLogging() {
-    this.options.debug === !0 && ee(), _.info("Initializing Virtualdisplay client", { model: this.options.model });
+    this.options.debug === !0 && de(), _.info("Initializing Virtualdisplay client", { model: this.options.model });
   }
   createAndConnectIframe() {
-    const e = new Ui(this.options, this.serverHost).create();
+    const e = new to(this.options, this.serverHost, this.iframeParams).create();
     this.container = e.container, this.iframe = e.iframe, this.eventBus.attach(this.container), this.ui.attach(this.container);
     try {
       const i = new URL(this.iframe.src).origin;
@@ -3407,6 +3512,20 @@ class qi {
   onMutationFailed(t) {
     this.mutationFailedCallbacks.push(t);
   }
+  /**
+   * Subscribe to the viewer's selectability snapshots (kiesbaarheid live):
+   * per attribute, which values the buyer can pick right now. Fires with the
+   * current snapshot immediately when one already arrived. A model without
+   * exclusions never sends one: everything stays selectable and this never
+   * fires.
+   */
+  onSelectableChange(t) {
+    this.selectableState.onChange(t);
+  }
+  /** The selectable values for one attribute right now, or null when unrestricted. */
+  getSelectable(t) {
+    return this.selectableState.selectableFor(t);
+  }
   /**
    * Trigger the composed AR flow directly (ar-session-handoff task 035): a host
    * page that hides the built-in corner button (`viewerSettings.ar = false`,
@@ -3449,15 +3568,15 @@ class qi {
     this.readyStateTracker.clear(), this.readyCallbacks = [], this.mutationFailedCallbacks.length = 0, this.snapshotApi.clear(), this.messenger.destroy(), this.arActivation?.destroy(), this.ui.destroy(), this.container?.parentElement !== null && this.container?.parentElement !== void 0 && this.container.parentElement.removeChild(this.container), this.container = void 0, this.iframe = void 0;
   }
 }
-const Gi = "ar.virtualdisplay.io";
-function Zi(n) {
-  const t = new URL(`https://${Gi}/go`);
+const so = "ar.virtualdisplay.io";
+function ro(n) {
+  const t = new URL(`https://${so}/go`);
   return n.sessionId !== void 0 ? t.searchParams.set("session", n.sessionId) : (t.searchParams.set("license", n.license), t.searchParams.set("model", n.model)), t.toString();
 }
-const Wi = 1500;
-class Qi {
+const ao = 1500;
+class lo {
   options;
-  qrModal = new pi();
+  qrModal = new xi();
   /** The viewer's tracking session id, once the engine announces it (SESSION). */
   sessionId;
   /** Callbacks waiting on the SESSION message, resolved (or timed out) exactly once each. */
@@ -3479,7 +3598,7 @@ class Qi {
   }
   /** The AR button handler: mobile activates AR in the engine, desktop shows the hand-off QR. */
   activate() {
-    if (Jt()) {
+    if (le()) {
       this.options.send({ type: c.AR_ACTIVATE });
       return;
     }
@@ -3503,7 +3622,7 @@ class Qi {
     const t = await this.waitForSessionId();
     if (this.destroyed)
       return;
-    const e = Zi({
+    const e = ro({
       sessionId: t,
       license: this.options.license,
       model: this.options.model
@@ -3524,14 +3643,14 @@ class Qi {
     return this.sessionId !== void 0 ? Promise.resolve(this.sessionId) : new Promise((t) => {
       const e = setTimeout(() => {
         this.pendingTimers.delete(e), t(void 0);
-      }, Wi);
+      }, ao);
       this.pendingTimers.add(e), this.waiters.push((i) => {
         this.pendingTimers.delete(e), clearTimeout(e), t(i);
       });
     });
   }
 }
-class Yi {
+class co {
   callbacks = [];
   lastKnown;
   handleSync(t) {
@@ -3543,12 +3662,12 @@ class Yi {
     this.callbacks.push(t), this.lastKnown !== void 0 && t(this.lastKnown);
   }
 }
-class Ji extends qi {
+class mo extends oo {
   syncStatusTracker;
   constructor(t) {
-    const e = new Yi();
+    const e = new co();
     super(t, {
-      createArActivation: (i) => new Qi({
+      createArActivation: (i) => new lo({
         license: t.license,
         model: t.model,
         send: i
@@ -3562,19 +3681,19 @@ class Ji extends qi {
   }
 }
 export {
-  Bt as Annotations,
-  Vt as Attribute,
-  Ut as AttributeValue,
-  ie as Camera,
-  ae as Configuration,
+  qt as Annotations,
+  Zt as Attribute,
+  Gt as AttributeValue,
+  me as Camera,
+  be as Configuration,
   A as ERROR_CODES,
-  le as Focus,
-  ce as Photo,
-  ue as Snapshot,
-  I as VD_EVENTS,
-  Ji as VirtualdisplayClient,
+  ve as Focus,
+  ye as Photo,
+  we as Snapshot,
+  L as VD_EVENTS,
+  mo as VirtualdisplayClient,
   f as VirtualdisplayError,
-  ee as enableDebugMode,
-  Ki as isDebugMode,
+  de as enableDebugMode,
+  uo as isDebugMode,
   _ as logger
 };