@virtualdisplay.io/client 4.0.0-alpha.29 → 4.0.0-alpha.30

package/dist/virtualdisplay.client.es.js

@@ -23,6 +23,10 @@ const c = {
 }, It = {
   FOCUSED: "focused"
 }, Ot = {
+  /** Price and submit button both shown (default). */
+  AVAILABLE: "available",
+  /** Price shown, submit hidden (sold out / coming soon). */
+  VIEW_ONLY: "view_only",
   /** Behaves exactly like an unpriced combination: no price, no button. */
   HIDDEN: "hidden"
 }, Lt = new Set(Object.values(c));
@@ -33,58 +37,58 @@ function Mt(n) {
   return typeof t.target == "string" ? !1 : typeof t.type == "string" && Lt.has(t.type);
 }
 function Nt(n) {
-  const t = w(n);
+  const t = S(n);
   return t !== null && t.type === c.HANDSHAKE;
 }
 function zt(n) {
-  const t = w(n);
+  const t = S(n);
   return t !== null && t.type === c.SESSION && typeof t.sessionId == "string";
 }
 function Pt(n) {
-  const t = w(n);
+  const t = S(n);
   return t !== null && t.type === c.APP_RESOLVED && typeof t.appType == "string" && t.appType !== "" && typeof t.name == "string";
 }
 function Ft(n) {
-  const t = w(n);
+  const t = S(n);
   return t !== null && t.type === c.MUTATION && typeof t.instance == "string" && t.instance !== "" && Array.isArray(t.results);
 }
-function Dt(n) {
-  const t = w(n);
+function $t(n) {
+  const t = S(n);
   return t !== null && t.type === c.SNAPSHOT && ("data" in t || "error" in t);
 }
-function $t(n) {
-  const t = w(n);
+function Dt(n) {
+  const t = S(n);
   return t !== null && t.type === c.CAMERA && Array.isArray(t.transforms);
 }
 function Bt(n) {
-  const t = w(n);
+  const t = S(n);
   return t !== null && t.type === c.MAPPING && typeof t.instance == "string" && t.instance !== "" && Array.isArray(t.attributes);
 }
 function Ut(n) {
-  const t = w(n);
+  const t = S(n);
   return t !== null && t.type === c.LOADING_INDICATOR && typeof t.progress == "number";
 }
 function Vt(n) {
-  const t = w(n);
+  const t = S(n);
   return t !== null && t.type === c.SYNC && typeof t.connected == "boolean";
 }
-function jt(n) {
-  const t = w(n);
+function Ht(n) {
+  const t = S(n);
   return t !== null && t.type === c.SELECTABLE && typeof t.instance == "string" && t.instance !== "" && Array.isArray(t.attributes);
 }
-function Ht(n) {
-  const t = w(n);
+function jt(n) {
+  const t = S(n);
   return t !== null && t.type === c.CONFIG && typeof t.viewerSettings == "object";
 }
 function qt(n) {
-  const t = w(n);
+  const t = S(n);
   return t !== null && t.type === c.FOCUS && typeof t.instance == "string" && t.instance !== "" && typeof t.state == "string";
 }
 function Gt(n) {
-  const t = w(n);
+  const t = S(n);
   return t !== null && t.type === c.PRICING && typeof t.instance == "string" && t.instance !== "" && typeof t.pricing == "object" && t.pricing !== null;
 }
-function w(n) {
+function S(n) {
   return typeof n != "object" || n === null ? null : n;
 }
 class nt {
@@ -136,7 +140,7 @@ class nt {
 }
 class Zt {
   constructor(t, e) {
-    this.getTarget = t, this.sourceId = `vd-${Math.random().toString(36).slice(2, 8)}`, this.targetOrigin = "*", this.isValid = e?.isValid ?? Mt, this.publisher = new nt((i) => this.post(i)), this.consumer = new nt((i) => this.routeToHandler(i)), 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 ?? Mt, this.onHandlerError = e?.onHandlerError ?? Wt, this.publisher = new nt((i) => this.post(i)), this.consumer = new nt((i) => this.routeToHandler(i)), e?.bufferIncoming !== !0 && this.consumer.markReady();
   }
   getTarget;
   handlers = /* @__PURE__ */ new Map();
@@ -146,6 +150,7 @@ class Zt {
   sourceId;
   targetOrigin;
   isValid;
+  onHandlerError;
   /**
    * Register a handler for a specific message type
    */
@@ -226,12 +231,16 @@ class Zt {
       return;
     const i = e(t);
     i instanceof Promise && i.catch((o) => {
-      const s = o instanceof Error ? o.message : String(o);
-      console.error(`Virtualdisplay: error handling ${t.type}: ${s}`);
+      this.onHandlerError(t, o);
     });
   }
 }
-class Wt {
+function Wt(n, t) {
+  const e = t instanceof Error ? t.message : String(t);
+  console.error(`Virtualdisplay: error handling ${n.type}: ${e}`);
+}
+class Qt {
+  /** @internal */
   constructor(t, e) {
     this.send = t, this.instance = e;
   }
@@ -245,7 +254,8 @@ class Wt {
     });
   }
 }
-class Qt {
+class Yt {
+  /** @internal */
   constructor(t, e) {
     this.value = t, this.attribute = e;
   }
@@ -255,6 +265,7 @@ class Qt {
   get isSelected() {
     return this.isSelectedValue;
   }
+  /** @internal */
   setSelected(t) {
     this.isSelectedValue = t;
   }
@@ -288,12 +299,13 @@ class y extends Error {
     return new y(t, A.INVALID_PARAMETER);
   }
 }
-class Yt {
+class Kt {
   name;
   defaultValue;
   values;
   onSelect;
   onChangeCallback;
+  /** @internal */
   constructor(t) {
     this.name = t.name, this.defaultValue = t.defaultValue, this.onSelect = t.onSelect, this.values = this.createValues(t.values);
   }
@@ -328,6 +340,7 @@ class Yt {
   /**
    * Update selection state from server mutation result
    * Direct value comparison - no source/target translation
+   * @internal
    */
   handleResult(t) {
     let e;
@@ -340,18 +353,18 @@ class Yt {
   createValues(t) {
     const e = /* @__PURE__ */ new Map();
     for (const i of t) {
-      const o = new Qt(i, this.name);
+      const o = new Yt(i, this.name);
       i === this.defaultValue && o.setSelected(!0), e.set(i, o);
     }
     return e;
   }
 }
-class Kt {
+class Xt {
   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 Yt(s));
+      this.attributes.set(o.name, new Kt(s));
     }
     this.onMutationFailed = i;
   }
@@ -368,6 +381,7 @@ class Kt {
     }
     return t;
   }
+  /** @internal */
   handleResults(t) {
     for (const e of t) {
       if (!e.success) {
@@ -388,32 +402,32 @@ class Kt {
     return t.defaultValue !== void 0 ? { ...i, defaultValue: t.defaultValue } : i;
   }
 }
-const N = 4096, D = 16384, Xt = [1024, 256, 64], Jt = 20, Q = ["timestamp", "level", "msg", "service", "trace_id", "span_id"];
-function te(n) {
+const N = 4096, $ = 16384, Jt = [1024, 256, 64], te = 20, Q = ["timestamp", "level", "msg", "service", "trace_id", "span_id"];
+function ee(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]) => !Q.includes(r)).map(([r, a]) => `${r}=${O(a, N).line}`).join(" ");
   return `${t} ${e} [${i}] ${o}${s ? " " + s : ""}`;
 }
-function ee(n) {
-  for (const o of [N, ...Xt]) {
+function ne(n) {
+  for (const o of [N, ...Jt]) {
     const { line: s, truncated: r } = O(n, o);
     if (!r) {
-      if (s.length <= D)
+      if (s.length <= $)
         return s;
       continue;
     }
     const { line: a } = O({ ...n, log_truncated: !0 }, o);
-    if (a.length <= D)
+    if (a.length <= $)
       return a;
   }
-  const t = Object.keys(n).filter((o) => !Q.includes(o)), e = { ...ie(n, Q), log_truncated: !0, log_dropped_count: t.length }, i = O({ ...e, log_dropped_attrs: t.slice(0, Jt) }, N);
-  return i.line.length <= D ? i.line : O(e, N).line;
+  const t = Object.keys(n).filter((o) => !Q.includes(o)), e = { ...oe(n, Q), log_truncated: !0, log_dropped_count: t.length }, i = O({ ...e, log_dropped_attrs: t.slice(0, te) }, N);
+  return i.line.length <= $ ? i.line : O(e, N).line;
 }
 function O(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), ne(a, t);
+      return a.length > t && (i = !0), ie(a, t);
     if (typeof a == "bigint")
       return a.toString();
     if (typeof a != "object" || a === null)
@@ -423,17 +437,17 @@ function O(n, t) {
     return e.includes(a) ? "[Circular]" : (e.push(a), a);
   }), truncated: i };
 }
-function ne(n, t) {
+function ie(n, t) {
   return n.length <= t ? n : `${n.slice(0, t)}...[truncated ${n.length - t} chars]`;
 }
-function ie(n, t) {
+function oe(n, t) {
   const e = {};
   for (const i of t)
     n[i] !== void 0 && (e[i] = n[i]);
   return e;
 }
-function oe(n, t) {
-  const e = t ? te(n) : ee(n);
+function se(n, t) {
+  const e = t ? ee(n) : ne(n);
   n.level === "error" ? console.error(e) : n.level === "warn" ? console.warn(e) : console.log(e);
 }
 function ft(n, t = 0) {
@@ -450,34 +464,34 @@ function ft(n, t = 0) {
   }
   return n.cause !== void 0 && n.cause !== null && (e.cause = n.cause instanceof Error && t < 5 ? ft(n.cause, t + 1) : String(n.cause)), e;
 }
-function se(n) {
+function re(n) {
   const t = {};
   for (const [e, i] of Object.entries(n))
     t[e] = i instanceof Error ? ft(i) : i;
   return t;
 }
-function re() {
+function ae() {
   return /* @__PURE__ */ new Date();
 }
-function ae(n) {
+function le(n) {
   return n.toISOString();
 }
 function gt() {
   return typeof navigator > "u" ? "" : navigator.userAgent;
 }
-function le() {
-  return typeof navigator > "u" ? !1 : navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
-}
 function ce() {
-  return /iPhone|iPad|iPod/i.test(gt()) || le();
+  return typeof navigator > "u" ? !1 : navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
 }
 function de() {
-  return /Android/i.test(gt());
+  return /iPhone|iPad|iPod/i.test(gt()) || ce();
 }
 function ue() {
-  return ce() || de();
+  return /Android/i.test(gt());
+}
+function he() {
+  return de() || ue();
 }
-class he {
+class pe {
   constructor(t) {
     this.config = t;
   }
@@ -487,14 +501,14 @@ class he {
    */
   log(t, e, i = {}) {
     const o = this.config.traceProvider?.() ?? {}, s = {
-      timestamp: ae(re()),
+      timestamp: le(ae()),
       level: t,
       msg: e,
       service: this.config.service,
       ...o,
-      ...se(i)
+      ...re(i)
     };
-    oe(s, this.config.isDev);
+    se(s, this.config.isDev);
   }
   /**
    * Log at DEBUG level (development only).
@@ -523,7 +537,7 @@ class he {
 }
 function bt(n, t) {
   const e = t?.isDev !== void 0 ? t.isDev : typeof process < "u" ? process.env.NODE_ENV !== "production" : !0;
-  return new he({ service: n, isDev: e, traceProvider: t?.traceProvider });
+  return new pe({ service: n, isDev: e, traceProvider: t?.traceProvider });
 }
 function M(n) {
   if (n !== void 0)
@@ -537,14 +551,15 @@ function vt(n) {
     error: (t, e) => n.error(t, M(e))
   };
 }
-let yt = !1, k = vt(bt("client", { isDev: !1 }));
-function pe() {
-  yt = !0, k = vt(bt("client", { isDev: !0 }));
+let yt = !1, w = vt(bt("client", { isDev: !1 }));
+function me() {
+  yt = !0, w = vt(bt("client", { isDev: !0 }));
 }
-function Co() {
+function Ao() {
   return yt;
 }
-class me {
+class fe {
+  /** @internal */
   constructor(t, e, i) {
     this.send = t, this.instance = e, this.onMutationFailed = i;
   }
@@ -555,16 +570,18 @@ class me {
   pendingCallbacks = [];
   /**
    * Handle incoming MAPPING message from server
+   * @internal
    */
   handleMappingReceived(t) {
-    k.debug("Initializing from server mapping", {
+    w.debug("Initializing from server mapping", {
       attributeCount: t.attributes.length
-    }), this.registry = new Kt(
+    }), this.registry = new Xt(
       t.attributes,
       (e, i) => this.sendMutation(e, i),
       this.onMutationFailed
     ), this.replayPendingCallbacks();
   }
+  /** @internal */
   handleMutationResult(t) {
     this.registry?.handleResults(t.results);
   }
@@ -604,7 +621,7 @@ class me {
     }
     const i = this.registry.get(t);
     if (i === void 0) {
-      k.warn(`onChange: attribute "${t}" not found — callback will not fire`);
+      w.warn(`onChange: attribute "${t}" not found — callback will not fire`);
       return;
     }
     i.onChange(e);
@@ -629,14 +646,15 @@ class me {
   replayPendingCallbacks() {
     for (const { name: t, callback: e } of this.pendingCallbacks) {
       const i = this.registry?.get(t);
-      i === void 0 && k.warn(`onChange: attribute "${t}" not found — buffered callback will not fire`), i?.onChange(e);
+      i === void 0 && w.warn(`onChange: attribute "${t}" not found — buffered callback will not fire`), i?.onChange(e);
     }
     this.pendingCallbacks.length = 0;
   }
 }
-class fe {
+class ge {
   snapshot;
   callbacks = [];
+  /** @internal */
   handleSnapshot(t) {
     this.snapshot = t.attributes;
     for (const e of this.callbacks)
@@ -654,7 +672,8 @@ class fe {
     return this.snapshot ?? [];
   }
 }
-let ge = class {
+let be = class {
+  /** @internal */
   constructor(t) {
     this.send = t;
   }
@@ -717,10 +736,11 @@ let ge = class {
     this.send(t);
   }
 };
-class be {
+class ve {
   state;
   limitsState;
   changeCallbacks = [];
+  /** @internal */
   constructor() {
     this.state = {
       rotation: 0,
@@ -747,9 +767,9 @@ class be {
     return this.state.zoom;
   }
   /**
-   * Subscribe to camera position changes.
-   * Also fires when limits are applied via applyLimits() so components
-   * can re-evaluate disabled states without a separate callback.
+   * Subscribe to camera position changes. Also fires when the viewer reports new
+   * movement limits, so controls can re-evaluate their disabled state without a
+   * second callback.
    */
   onChange(t) {
     this.changeCallbacks.push(t);
@@ -764,6 +784,7 @@ class be {
   /**
    * Apply camera limits received from the server CONFIG message.
    * Fires onChange callbacks so button disabled states update immediately.
+   * @internal
    */
   applyLimits(t) {
     this.limitsState = t;
@@ -773,12 +794,14 @@ class be {
   }
   /**
    * Handle incoming camera position message from server
+   * @internal
    */
   handlePositionUpdate(t) {
     this.update(t.transforms);
   }
   /**
    * Update camera position from server transforms
+   * @internal
    */
   update(t) {
     let e = !1;
@@ -805,20 +828,21 @@ class be {
     }
   }
 }
-function ve(n, t) {
-  const e = n.filter((s) => ye(s, t));
+function ye(n, t) {
+  const e = n.filter((s) => we(s, t));
   if (e.length === 0)
     return;
   const i = Math.max(...e.map(it)), o = e.filter((s) => it(s) === i);
   return o.length === 1 ? o[0] : void 0;
 }
-function ye(n, t) {
+function we(n, t) {
   return Object.entries(n.attributes).every(([e, i]) => t[e] === i);
 }
 function it(n) {
   return Object.keys(n.attributes).length;
 }
-class we {
+class Se {
+  /** @internal */
   constructor(t, e) {
     this.dispatchChange = t, this.dispatchSubmit = e;
   }
@@ -888,6 +912,7 @@ class we {
    * resolve and when a submit handler is registered (which can switch the button
    * on without a configuration change). Separate from `onChange`, which stays the
    * host-facing, mutation-driven contract. Returns a disposer.
+   * @internal
    */
   onRender(t) {
     return this.renderCallbacks.push(t), () => {
@@ -907,11 +932,17 @@ class we {
     const t = this.resolved !== void 0 ? { attributes: this.resolved.attributes, reference: this.resolved.reference } : { attributes: { ...this.selection }, reference: "" };
     this.dispatchSubmit(t), await this.submitCallback?.(t);
   }
-  /** Called by the client when a PRICING message arrives from the viewer. */
+  /**
+   * Called by the client when a PRICING message arrives from the viewer.
+   * @internal
+   */
   handlePricingReceived(t) {
     this.pricing = t, this.recompute();
   }
-  /** Called by the client after every mutation result, with the full selection. */
+  /**
+   * Called by the client after every mutation result, with the full selection.
+   * @internal
+   */
   handleSelectionChanged(t) {
     this.selection = t, this.recompute();
   }
@@ -928,7 +959,7 @@ class we {
   resolve() {
     if (this.pricing === void 0)
       return;
-    const t = ve(this.pricing.rules, this.selection);
+    const t = ye(this.pricing.rules, this.selection);
     if (!(t === void 0 || t.availability === Ot.HIDDEN))
       return {
         attributes: { ...this.selection },
@@ -939,7 +970,8 @@ class we {
       };
   }
 }
-class Se {
+class _e {
+  /** @internal */
   constructor(t, e, i) {
     this.send = t, this.dispatch = e, this.instance = i;
   }
@@ -980,7 +1012,10 @@ class Se {
   onChange(t) {
     this.changeCallbacks.push(t);
   }
-  /** Called by the client when a FocusStateMessage is received from the viewer. */
+  /**
+   * Called by the client when a FocusStateMessage is received from the viewer.
+   * @internal
+   */
   handleStateReceived(t) {
     t.state === It.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;
@@ -990,6 +1025,7 @@ class Se {
   }
 }
 class ke {
+  /** @internal */
   constructor(t) {
     this.filename = t;
   }
@@ -1027,6 +1063,7 @@ class ke {
   /**
    * Mark the photo as developed and notify all callbacks
    * This method is called by Snapshot when the photo data arrives from the server
+   * @internal
    */
   develop(t) {
     this.developed || this.failed || (this.photoData = t, this.developed = !0, this.developedCallbacks.forEach((e) => {
@@ -1035,6 +1072,7 @@ class ke {
   }
   /**
    * Mark the photo as failed and notify error callbacks
+   * @internal
    */
   fail(t) {
     this.developed || this.failed || (this.failed = !0, this.errorCallbacks.forEach((e) => {
@@ -1044,6 +1082,7 @@ class ke {
 }
 const ot = 3e4;
 class Ce {
+  /** @internal */
   constructor(t) {
     this.send = t;
   }
@@ -1058,9 +1097,9 @@ class Ce {
    * @throws VirtualdisplayError if filename is invalid
    */
   take(t) {
-    this.validateFilename(t), k.debug("Taking snapshot", { filename: t });
+    this.validateFilename(t), w.debug("Taking snapshot", { filename: t });
     const e = new ke(t), i = setTimeout(() => {
-      this.pendingPhotos.delete(t), k.warn("Snapshot timed out", { filename: t }), e.fail(new y(
+      this.pendingPhotos.delete(t), w.warn("Snapshot timed out", { filename: t }), e.fail(new y(
         `Snapshot timed out: the viewer did not respond within ${ot}ms`,
         A.SNAPSHOT_FAILED
       ));
@@ -1073,11 +1112,12 @@ class Ce {
   /**
    * Handle incoming snapshot result from server
    * Matches the message to a pending photo by filename, then develops or fails it
+   * @internal
    */
   handleSnapshotResult(t) {
     const e = this.pendingPhotos.get(t.filename);
     if (e === void 0) {
-      k.warn("No pending photo found for filename", {
+      w.warn("No pending photo found for filename", {
         filename: t.filename,
         pendingFilenames: Array.from(this.pendingPhotos.keys())
       });
@@ -1130,7 +1170,7 @@ class Ce {
       );
   }
 }
-class _e {
+class Ae {
   container = null;
   attach(t) {
     this.container = t;
@@ -1151,7 +1191,7 @@ class _e {
     };
   }
 }
-const Ae = {}, Ee = "en", wt = (
+const Ee = {}, xe = "en", wt = (
   /** @type {const} */
   ["en", "nl", "de"]
 ), X = [
@@ -1163,25 +1203,25 @@ globalThis.__paraglide.ssr = /** @type {any} */
 globalThis.__paraglide.ssr ?? {};
 let rt = !1, p = () => {
   let n = X;
-  !Y && typeof window < "u" && window.location?.href && (n = kt(window.location.href));
-  const t = xe(n);
+  !Y && typeof window < "u" && window.location?.href && (n = _t(window.location.href));
+  const t = Te(n);
   if (t)
     return rt || (rt = !0, St(t, { reload: !1 })), t;
   throw new Error("No locale found. Read the docs https://paraglidejs.com/errors#no-locale-found");
 };
-function xe(n, t) {
+function Te(n, t) {
   let e;
   for (const i of n) {
     if (i === "baseLocale")
-      e = Ee;
-    else if (Ct(i) && z.has(i)) {
+      e = xe;
+    else if (kt(i) && z.has(i)) {
       const s = z.get(i);
       if (s) {
         const r = s.getLocale();
         if (r instanceof Promise)
           continue;
         if (r !== void 0)
-          return Ie(r);
+          return Oe(r);
       }
     }
     const o = J(e);
@@ -1189,7 +1229,7 @@ function xe(n, t) {
       return o;
   }
 }
-const Te = (n) => {
+const Re = (n) => {
   window.location.reload();
 };
 let St = (n, t) => {
@@ -1204,9 +1244,9 @@ let St = (n, t) => {
   }
   const o = [];
   let s = X;
-  !Y && typeof window < "u" && window.location?.href && (s = kt(window.location.href));
+  !Y && typeof window < "u" && window.location?.href && (s = _t(window.location.href));
   for (const a of s)
-    if (a !== "baseLocale" && Ct(a) && z.has(a)) {
+    if (a !== "baseLocale" && kt(a) && z.has(a)) {
       const d = z.get(a);
       if (d) {
         let u = d.setLocale(n);
@@ -1218,14 +1258,14 @@ let St = (n, t) => {
       }
     }
   const r = () => {
-    !Y && e.reload && window.location && n !== i && Te();
+    !Y && e.reload && window.location && n !== i && Re();
   };
   if (o.length)
     return Promise.all(o).then(() => {
       r();
     });
   r();
-}, Re = () => typeof window < "u" ? window.location.origin : "http://fallback.com";
+}, Ie = () => typeof window < "u" ? window.location.origin : "http://fallback.com";
 function J(n) {
   if (typeof n != "string")
     return;
@@ -1234,553 +1274,558 @@ function J(n) {
     if (e.toLowerCase() === t)
       return e;
 }
-function Ie(n) {
+function Oe(n) {
   const t = J(n);
   if (t)
     return t;
   throw new Error(`Invalid locale: ${n}. Expected one of: ${wt.join(", ")}`);
 }
-function Oe(n) {
-  return Le(n);
+function Le(n, t) {
+  return n.exec(t.href);
+}
+function Me(n) {
+  return Ne(n);
 }
-function Le(n) {
-  const t = typeof n == "string" ? new URL(n, Re()) : new URL(n), e = t.pathname.split("/").filter(Boolean);
+function Ne(n) {
+  const t = typeof n == "string" ? new URL(n, Ie()) : new URL(n), e = t.pathname.split("/").filter(Boolean);
   return e.length > 0 && J(e[0]) && (t.pathname = "/" + e.slice(1).join("/")), t;
 }
 let at, lt;
-function Me(n) {
+function ze(n) {
   if (st.length === 0)
     return;
   const t = typeof n == "string" ? n : n.href;
   if (at === t)
     return lt;
-  const e = new URL(t, "http://example.com"), i = Oe(e), o = i.href === e.href ? [e] : [e, i];
+  const e = new URL(t, "http://example.com"), i = Me(e), o = i.href === e.href ? [e] : [e, i];
   let s;
   for (const r of o) {
-    for (const a of st)
-      if (new Ae(a.match, r.href).exec(r.href)) {
+    for (const a of st) {
+      const d = new Ee(a.match, r.href);
+      if (Le(d, r)) {
         s = a;
         break;
       }
+    }
     if (s)
       break;
   }
   return at = t, lt = s, s;
 }
-function kt(n) {
-  const t = Me(n);
+function _t(n) {
+  const t = ze(n);
   return t && t.exclude !== !0 && Array.isArray(t.strategy) ? t.strategy : X;
 }
 const z = /* @__PURE__ */ new Map();
-function Ct(n) {
+function kt(n) {
   return typeof n == "string" && /^custom-[A-Za-z0-9_-]+$/.test(n);
 }
-const Ne = (
-  /** @type {(inputs: Controls_Ar_Buttonlabel1Inputs) => LocalizedString} */
+const Pe = (
+  /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Activate AR"
+    "Working…"
   )
-), ze = (
-  /** @type {(inputs: Controls_Ar_Buttonlabel1Inputs) => LocalizedString} */
+), Fe = (
+  /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "AR activeren"
+    "Bezig…"
   )
-), Pe = (
-  /** @type {(inputs: Controls_Ar_Buttonlabel1Inputs) => LocalizedString} */
+), $e = (
+  /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "AR aktivieren"
+    "Läuft…"
   )
-), Fe = (
-  /** @type {((inputs?: Controls_Ar_Buttonlabel1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Ar_Buttonlabel1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), De = (
+  /** @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 ?? p();
-    return e === "nl" ? ze() : e === "de" ? Pe() : Ne();
+    return e === "nl" ? Fe() : e === "de" ? $e() : Pe();
   })
-), De = (
-  /** @type {(inputs: Controls_Qr_Modaltitle1Inputs) => LocalizedString} */
-  () => (
-    /** @type {LocalizedString} */
-    "Scan to view in AR"
-  )
-), $e = (
-  /** @type {(inputs: Controls_Qr_Modaltitle1Inputs) => LocalizedString} */
-  () => (
-    /** @type {LocalizedString} */
-    "Scan om in AR te bekijken"
-  )
 ), Be = (
-  /** @type {(inputs: Controls_Qr_Modaltitle1Inputs) => LocalizedString} */
+  /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Scannen für AR-Ansicht"
+    "Failed"
   )
 ), Ue = (
-  /** @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 ?? p();
-    return e === "nl" ? $e() : e === "de" ? Be() : De();
-  })
-), Ve = (
-  /** @type {(inputs: Controls_Qr_Modaldescription1Inputs) => LocalizedString} */
+  /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Use your smartphone camera to scan this QR code"
+    "Mislukt"
   )
-), je = (
-  /** @type {(inputs: Controls_Qr_Modaldescription1Inputs) => LocalizedString} */
+), Ve = (
+  /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Gebruik de camera van je smartphone om deze QR-code te scannen"
+    "Fehlgeschlagen"
   )
 ), He = (
-  /** @type {(inputs: Controls_Qr_Modaldescription1Inputs) => LocalizedString} */
-  () => (
-    /** @type {LocalizedString} */
-    "Verwende die Kamera deines Smartphones, um diesen QR-Code zu scannen"
-  )
-), qe = (
-  /** @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 ?? p();
-    return e === "nl" ? je() : e === "de" ? He() : Ve();
-  })
-), Ge = (
-  /** @type {(inputs: Controls_Qr_Modalinstructions1Inputs) => LocalizedString} */
-  () => (
-    /** @type {LocalizedString} */
-    "Your phone will open the 3D model in AR mode."
-  )
-), Ze = (
-  /** @type {(inputs: Controls_Qr_Modalinstructions1Inputs) => LocalizedString} */
-  () => (
-    /** @type {LocalizedString} */
-    "Je telefoon opent het 3D-model in AR-modus."
-  )
-), We = (
-  /** @type {(inputs: Controls_Qr_Modalinstructions1Inputs) => LocalizedString} */
-  () => (
-    /** @type {LocalizedString} */
-    "Dein Telefon öffnet das 3D-Modell im AR-Modus."
-  )
-), Qe = (
-  /** @type {((inputs?: Controls_Qr_Modalinstructions1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Qr_Modalinstructions1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
+  /** @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 ?? p();
-    return e === "nl" ? Ze() : e === "de" ? We() : Ge();
+    return e === "nl" ? Ue() : e === "de" ? Ve() : Be();
   })
-), Ye = (
-  /** @type {(inputs: Controls_Qr_Closebutton1Inputs) => LocalizedString} */
+), je = (
+  /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Close"
+    "Done"
   )
-), Ke = (
-  /** @type {(inputs: Controls_Qr_Closebutton1Inputs) => LocalizedString} */
+), qe = (
+  /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Sluiten"
+    "Gelukt"
   )
-), Xe = (
-  /** @type {(inputs: Controls_Qr_Closebutton1Inputs) => LocalizedString} */
+), Ge = (
+  /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Schließen"
+    "Fertig"
   )
-), Je = (
-  /** @type {((inputs?: Controls_Qr_Closebutton1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Qr_Closebutton1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), Ze = (
+  /** @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 ?? p();
-    return e === "nl" ? Ke() : e === "de" ? Xe() : Ye();
+    return e === "nl" ? qe() : e === "de" ? Ge() : je();
   })
-), tn = (
+), We = (
   /** @type {(inputs: Controls_Annotations_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Annotations"
   )
-), en = (
+), Qe = (
   /** @type {(inputs: Controls_Annotations_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Annotaties"
   )
-), nn = (
+), Ye = (
   /** @type {(inputs: Controls_Annotations_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Anmerkungen"
   )
-), on = (
+), Ke = (
   /** @type {((inputs?: Controls_Annotations_Buttonlabel1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Annotations_Buttonlabel1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? p();
-    return e === "nl" ? en() : e === "de" ? nn() : tn();
+    return e === "nl" ? Qe() : e === "de" ? Ye() : We();
   })
-), sn = (
-  /** @type {(inputs: Controls_Fullscreen_Buttonlabel1Inputs) => LocalizedString} */
+), Xe = (
+  /** @type {(inputs: Controls_Ar_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Fullscreen"
+    "Activate AR"
   )
-), rn = (
-  /** @type {(inputs: Controls_Fullscreen_Buttonlabel1Inputs) => LocalizedString} */
+), Je = (
+  /** @type {(inputs: Controls_Ar_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Volledig scherm"
+    "AR activeren"
   )
-), an = (
-  /** @type {(inputs: Controls_Fullscreen_Buttonlabel1Inputs) => LocalizedString} */
+), tn = (
+  /** @type {(inputs: Controls_Ar_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Vollbild"
+    "AR aktivieren"
   )
-), ln = (
-  /** @type {((inputs?: Controls_Fullscreen_Buttonlabel1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Fullscreen_Buttonlabel1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), en = (
+  /** @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 ?? p();
-    return e === "nl" ? rn() : e === "de" ? an() : sn();
+    return e === "nl" ? Je() : e === "de" ? tn() : Xe();
   })
-), cn = (
-  /** @type {(inputs: Loading_Downloadingshort1Inputs) => LocalizedString} */
+), nn = (
+  /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Downloading"
+    "Reset camera"
   )
-), dn = (
-  /** @type {(inputs: Loading_Downloadingshort1Inputs) => LocalizedString} */
+), on = (
+  /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Downloaden"
+    "Camera resetten"
   )
-), un = (
-  /** @type {(inputs: Loading_Downloadingshort1Inputs) => LocalizedString} */
+), sn = (
+  /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Herunterladen"
+    "Kamera zurücksetzen"
   )
-), hn = (
-  /** @type {((inputs?: Loading_Downloadingshort1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Loading_Downloadingshort1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), rn = (
+  /** @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 ?? p();
-    return e === "nl" ? dn() : e === "de" ? un() : cn();
+    return e === "nl" ? on() : e === "de" ? sn() : nn();
   })
-), pn = (
-  /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
+), an = (
+  /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Screenshot"
+    "Rotate left"
   )
-), mn = (
-  /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
+), ln = (
+  /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Screenshot"
+    "Naar links draaien"
   )
-), fn = (
-  /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
+), cn = (
+  /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Screenshot"
+    "Nach links drehen"
   )
-), gn = (
-  /** @type {((inputs?: Controls_Screenshot_Buttonlabel1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Screenshot_Buttonlabel1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), dn = (
+  /** @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 ?? p();
-    return e === "nl" ? mn() : e === "de" ? fn() : pn();
+    return e === "nl" ? ln() : e === "de" ? cn() : an();
   })
-), bn = (
-  /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
+), un = (
+  /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Configure"
+    "Rotate right"
   )
-), vn = (
-  /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
+), hn = (
+  /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Configureren"
+    "Naar rechts draaien"
   )
-), yn = (
-  /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
+), pn = (
+  /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Konfigurieren"
+    "Nach rechts drehen"
   )
-), wn = (
-  /** @type {((inputs?: Controls_Configurator_OpenInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Configurator_OpenInputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), mn = (
+  /** @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 ?? p();
-    return e === "nl" ? vn() : e === "de" ? yn() : bn();
+    return e === "nl" ? hn() : e === "de" ? pn() : un();
   })
-), Sn = (
-  /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
+), fn = (
+  /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Close"
+    "Tilt down"
   )
-), kn = (
-  /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
+), gn = (
+  /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Sluiten"
+    "Omlaag kantelen"
   )
-), Cn = (
-  /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
+), bn = (
+  /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Schließen"
+    "Nach unten kippen"
   )
-), _n = (
-  /** @type {((inputs?: Controls_Configurator_CloseInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Configurator_CloseInputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), vn = (
+  /** @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 ?? p();
-    return e === "nl" ? kn() : e === "de" ? Cn() : Sn();
+    return e === "nl" ? gn() : e === "de" ? bn() : fn();
   })
-), An = (
-  /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
+), yn = (
+  /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Reset camera"
+    "Tilt up"
   )
-), En = (
-  /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
+), wn = (
+  /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Camera resetten"
+    "Omhoog kantelen"
   )
-), xn = (
-  /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
+), Sn = (
+  /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Kamera zurücksetzen"
+    "Nach oben kippen"
   )
-), Tn = (
-  /** @type {((inputs?: Controls_Camera_ResetInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_ResetInputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), _n = (
+  /** @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 ?? p();
-    return e === "nl" ? En() : e === "de" ? xn() : An();
+    return e === "nl" ? wn() : e === "de" ? Sn() : yn();
   })
-), Rn = (
+), kn = (
   /** @type {(inputs: Controls_Camera_Zoomin1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Zoom in"
   )
-), In = (
+), Cn = (
   /** @type {(inputs: Controls_Camera_Zoomin1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Inzoomen"
   )
-), On = (
+), An = (
   /** @type {(inputs: Controls_Camera_Zoomin1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Hineinzoomen"
   )
-), Ln = (
+), En = (
   /** @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 ?? p();
-    return e === "nl" ? In() : e === "de" ? On() : Rn();
+    return e === "nl" ? Cn() : e === "de" ? An() : kn();
   })
-), Mn = (
+), xn = (
   /** @type {(inputs: Controls_Camera_Zoomout1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Zoom out"
   )
-), Nn = (
+), Tn = (
   /** @type {(inputs: Controls_Camera_Zoomout1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Uitzoomen"
   )
-), zn = (
+), Rn = (
   /** @type {(inputs: Controls_Camera_Zoomout1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Herauszoomen"
   )
-), Pn = (
+), In = (
   /** @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 ?? p();
-    return e === "nl" ? Nn() : e === "de" ? zn() : Mn();
+    return e === "nl" ? Tn() : e === "de" ? Rn() : xn();
   })
-), Fn = (
-  /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
+), On = (
+  /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Rotate left"
+    "Close"
   )
-), Dn = (
-  /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
+), Ln = (
+  /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Naar links draaien"
+    "Sluiten"
   )
-), $n = (
-  /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
+), Mn = (
+  /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Nach links drehen"
+    "Schließen"
   )
-), Bn = (
-  /** @type {((inputs?: Controls_Camera_Rotateleft1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Rotateleft1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), Nn = (
+  /** @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 ?? p();
+    return e === "nl" ? Ln() : e === "de" ? Mn() : On();
+  })
+), zn = (
+  /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Configure"
+  )
+), Pn = (
+  /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Configureren"
+  )
+), Fn = (
+  /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Konfigurieren"
+  )
+), $n = (
+  /** @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 ?? p();
-    return e === "nl" ? Dn() : e === "de" ? $n() : Fn();
+    return e === "nl" ? Pn() : e === "de" ? Fn() : zn();
   })
+), Dn = (
+  /** @type {(inputs: Controls_Fullscreen_Buttonlabel1Inputs) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Fullscreen"
+  )
+), Bn = (
+  /** @type {(inputs: Controls_Fullscreen_Buttonlabel1Inputs) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Volledig scherm"
+  )
 ), Un = (
-  /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
+  /** @type {(inputs: Controls_Fullscreen_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Rotate right"
+    "Vollbild"
   )
 ), Vn = (
-  /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
+  /** @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 ?? p();
+    return e === "nl" ? Bn() : e === "de" ? Un() : Dn();
+  })
+), Hn = (
+  /** @type {(inputs: Controls_Qr_Closebutton1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Naar rechts draaien"
+    "Close"
   )
 ), jn = (
-  /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
+  /** @type {(inputs: Controls_Qr_Closebutton1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Nach rechts drehen"
+    "Sluiten"
   )
-), Hn = (
-  /** @type {((inputs?: Controls_Camera_Rotateright1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Rotateright1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), qn = (
+  /** @type {(inputs: Controls_Qr_Closebutton1Inputs) => LocalizedString} */
+  () => (
+    /** @type {LocalizedString} */
+    "Schließen"
+  )
+), Gn = (
+  /** @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 ?? p();
-    return e === "nl" ? Vn() : e === "de" ? jn() : Un();
+    return e === "nl" ? jn() : e === "de" ? qn() : Hn();
   })
-), qn = (
-  /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
+), Zn = (
+  /** @type {(inputs: Controls_Qr_Modaldescription1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Tilt up"
+    "Use your smartphone camera to scan this QR code"
   )
-), Gn = (
-  /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
+), Wn = (
+  /** @type {(inputs: Controls_Qr_Modaldescription1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Omhoog kantelen"
+    "Gebruik de camera van je smartphone om deze QR-code te scannen"
   )
-), Zn = (
-  /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
+), Qn = (
+  /** @type {(inputs: Controls_Qr_Modaldescription1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Nach oben kippen"
+    "Verwende die Kamera deines Smartphones, um diesen QR-Code zu scannen"
   )
-), Wn = (
-  /** @type {((inputs?: Controls_Camera_Tiltup1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Tiltup1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), Yn = (
+  /** @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 ?? p();
-    return e === "nl" ? Gn() : e === "de" ? Zn() : qn();
+    return e === "nl" ? Wn() : e === "de" ? Qn() : Zn();
   })
-), Qn = (
-  /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
+), Kn = (
+  /** @type {(inputs: Controls_Qr_Modalinstructions1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Tilt down"
+    "Your phone will open the 3D model in AR mode."
   )
-), Yn = (
-  /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
+), Xn = (
+  /** @type {(inputs: Controls_Qr_Modalinstructions1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Omlaag kantelen"
+    "Je telefoon opent het 3D-model in AR-modus."
   )
-), Kn = (
-  /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
+), Jn = (
+  /** @type {(inputs: Controls_Qr_Modalinstructions1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Nach unten kippen"
+    "Dein Telefon öffnet das 3D-Modell im AR-Modus."
   )
-), Xn = (
-  /** @type {((inputs?: Controls_Camera_Tiltdown1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Tiltdown1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), ti = (
+  /** @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 ?? p();
-    return e === "nl" ? Yn() : e === "de" ? Kn() : Qn();
+    return e === "nl" ? Xn() : e === "de" ? Jn() : Kn();
   })
-), Jn = (
-  /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
+), ei = (
+  /** @type {(inputs: Controls_Qr_Modaltitle1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Working…"
+    "Scan to view in AR"
   )
-), ti = (
-  /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
+), ni = (
+  /** @type {(inputs: Controls_Qr_Modaltitle1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Bezig…"
+    "Scan om in AR te bekijken"
   )
-), ei = (
-  /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
+), ii = (
+  /** @type {(inputs: Controls_Qr_Modaltitle1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Läuft…"
+    "Scannen für AR-Ansicht"
   )
-), ni = (
-  /** @type {((inputs?: Commerce_Submit_BusyInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Commerce_Submit_BusyInputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), oi = (
+  /** @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 ?? p();
-    return e === "nl" ? ti() : e === "de" ? ei() : Jn();
+    return e === "nl" ? ni() : e === "de" ? ii() : ei();
   })
-), ii = (
-  /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
+), si = (
+  /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Done"
+    "Screenshot"
   )
-), oi = (
-  /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
+), ri = (
+  /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Gelukt"
+    "Screenshot"
   )
-), si = (
-  /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
+), ai = (
+  /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Fertig"
+    "Screenshot"
   )
-), ri = (
-  /** @type {((inputs?: Commerce_Submit_SuccessInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Commerce_Submit_SuccessInputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), li = (
+  /** @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 ?? p();
-    return e === "nl" ? oi() : e === "de" ? si() : ii();
+    return e === "nl" ? ri() : e === "de" ? ai() : si();
   })
-), ai = (
-  /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
+), ci = (
+  /** @type {(inputs: Loading_Downloadingshort1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Failed"
+    "Downloading"
   )
-), li = (
-  /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
+), di = (
+  /** @type {(inputs: Loading_Downloadingshort1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Mislukt"
+    "Downloaden"
   )
-), ci = (
-  /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
+), ui = (
+  /** @type {(inputs: Loading_Downloadingshort1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Fehlgeschlagen"
+    "Herunterladen"
   )
-), di = (
-  /** @type {((inputs?: Commerce_Submit_FailedInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Commerce_Submit_FailedInputs, { locale?: "en" | "nl" | "de" }, {}>} */
+), hi = (
+  /** @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 ?? p();
-    return e === "nl" ? li() : e === "de" ? ci() : ai();
+    return e === "nl" ? di() : e === "de" ? ui() : ci();
   })
 );
-const ui = {
+const pi = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -1791,22 +1836,22 @@ const ui = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-const _t = ([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 = _t(o);
+    const s = Ct(o);
     i.appendChild(s);
   }), i;
 }, At = (n, t = {}) => {
   const i = {
-    ...ui,
+    ...pi,
     ...t
   };
-  return _t(["svg", i, n]);
+  return Ct(["svg", i, n]);
 };
-const hi = [
+const mi = [
   [
     "path",
     {
@@ -1816,7 +1861,7 @@ const hi = [
   ["path", { d: "m3.3 7 8.7 5 8.7-5" }],
   ["path", { d: "M12 22V12" }]
 ];
-const pi = [
+const fi = [
   [
     "path",
     {
@@ -1826,10 +1871,10 @@ const pi = [
   ["circle", { cx: "12", cy: "13", r: "3" }]
 ];
 const Et = [["path", { d: "m6 9 6 6 6-6" }]];
-const mi = [["path", { d: "m15 18-6-6 6-6" }]];
-const fi = [["path", { d: "m9 18 6-6-6-6" }]];
-const gi = [["path", { d: "m18 15-6-6-6 6" }]];
-const bi = [
+const gi = [["path", { d: "m15 18-6-6 6-6" }]];
+const bi = [["path", { d: "m9 18 6-6-6-6" }]];
+const vi = [["path", { d: "m18 15-6-6-6 6" }]];
+const yi = [
   ["path", { d: "M12.75 7.09a3 3 0 0 1 2.16 2.16" }],
   [
     "path",
@@ -1841,7 +1886,7 @@ const bi = [
   ["path", { d: "M8.475 2.818A8 8 0 0 1 20 10c0 1.183-.31 2.377-.81 3.533" }],
   ["path", { d: "M9.13 9.13a3 3 0 0 0 3.74 3.74" }]
 ];
-const vi = [
+const wi = [
   [
     "path",
     {
@@ -1850,23 +1895,23 @@ const vi = [
   ],
   ["circle", { cx: "12", cy: "10", r: "3" }]
 ];
-const yi = [
+const Si = [
   ["path", { d: "M15 3h6v6" }],
   ["path", { d: "m21 3-7 7" }],
   ["path", { d: "m3 21 7-7" }],
   ["path", { d: "M9 21H3v-6" }]
 ];
-const wi = [
+const _i = [
   ["path", { d: "m14 10 7-7" }],
   ["path", { d: "M20 10h-6V4" }],
   ["path", { d: "m3 21 7-7" }],
   ["path", { d: "M4 14h6v6" }]
 ];
-const Si = [
+const ki = [
   ["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 ki = [
+const Ci = [
   ["path", { d: "M10 5H3" }],
   ["path", { d: "M12 19H3" }],
   ["path", { d: "M14 3v4" }],
@@ -1877,17 +1922,17 @@ const ki = [
   ["path", { d: "M8 10v4" }],
   ["path", { d: "M8 12H3" }]
 ];
-const Ci = [
+const Ai = [
   ["path", { d: "M18 6 6 18" }],
   ["path", { d: "m6 6 12 12" }]
 ];
-const _i = [
+const Ei = [
   ["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 Ai = [
+const xi = [
   ["circle", { cx: "11", cy: "11", r: "8" }],
   ["line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }],
   ["line", { x1: "8", x2: "14", y1: "11", y2: "11" }]
@@ -1896,21 +1941,21 @@ function b(n, { size: t = 20, strokeWidth: e = 1.75 } = {}) {
   return At(n, { width: t, height: t, "stroke-width": e });
 }
 const g = {
-  ar: (n) => b(hi, n),
-  annotations: (n) => b(vi, n),
-  annotationsOff: (n) => b(bi, n),
-  fullscreen: (n) => b(yi, n),
-  exitFullscreen: (n) => b(wi, n),
-  screenshot: (n) => b(pi, n),
-  tiltUp: (n) => b(gi, n),
+  ar: (n) => b(mi, n),
+  annotations: (n) => b(wi, n),
+  annotationsOff: (n) => b(yi, n),
+  fullscreen: (n) => b(Si, n),
+  exitFullscreen: (n) => b(_i, n),
+  screenshot: (n) => b(fi, n),
+  tiltUp: (n) => b(vi, n),
   tiltDown: (n) => b(Et, n),
-  rotateLeft: (n) => b(mi, n),
-  rotateRight: (n) => b(fi, n),
-  zoomIn: (n) => b(_i, n),
-  zoomOut: (n) => b(Ai, n),
-  reset: (n) => b(Si, n),
-  configurator: (n) => b(ki, n),
-  close: (n) => b(Ci, n)
+  rotateLeft: (n) => b(gi, n),
+  rotateRight: (n) => b(bi, n),
+  zoomIn: (n) => b(Ei, n),
+  zoomOut: (n) => b(xi, n),
+  reset: (n) => b(ki, n),
+  configurator: (n) => b(Ci, n),
+  close: (n) => b(Ai, n)
 };
 class v {
   element;
@@ -1956,7 +2001,7 @@ const m = {
   // 32px
   9: "2.25rem"
 };
-class Ei {
+class Ti {
   element;
   constructor() {
     this.element = document.createElement("div"), Object.assign(this.element.style, {
@@ -1969,9 +2014,9 @@ class Ei {
     });
   }
 }
-class xi {
+class Ri {
   constructor(t = {}) {
-    this.options = t, this.card = new Ei(), this.backdrop = this.createBackdrop(), this.backdrop.appendChild(this.card.element);
+    this.options = t, this.card = new Ti(), this.backdrop = this.createBackdrop(), this.backdrop.appendChild(this.card.element);
   }
   options;
   card;
@@ -2000,7 +2045,7 @@ class xi {
     }), t;
   }
 }
-class Ti {
+class Ii {
   element;
   selectCallback = null;
   constructor(t, e, i) {
@@ -2033,7 +2078,7 @@ class Ti {
     }
   }
 }
-class Ri {
+class Oi {
   element;
   select;
   constructor(t, e, i, o, s) {
@@ -2063,7 +2108,7 @@ class Ri {
       e.value !== "" && (e.disabled = t !== null && !t.includes(e.value));
   }
 }
-class Ii {
+class Li {
   element;
   input;
   valueText;
@@ -2128,7 +2173,7 @@ class Ii {
     return this.options.unit === void 0 ? e : `${e} ${this.options.unit}`;
   }
 }
-const S = {
+const _ = {
   fontFamily: {
     sans: ["Mona Sans", "ui-sans-serif", "system-ui", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"]
   },
@@ -2145,7 +2190,7 @@ const S = {
     medium: "500",
     semibold: "600"
   }
-}, x = S.fontFamily.sans.join(", "), Oi = `
+}, x = _.fontFamily.sans.join(", "), Mi = `
   --primary: oklch(5% 0 0);
   --primary-foreground: oklch(100% 0 0);
   --secondary: oklch(92% 0 0);
@@ -2158,8 +2203,8 @@ const S = {
   --accent: oklch(92% 0 0);
   --accent-foreground: oklch(5% 0 0);
   --muted-foreground: oklch(44% 0 0);
-`, Li = `
-:root { ${Oi} }
+`, Ni = `
+:root { ${Mi} }
 
 /* ── Button ──────────────────────────────────────────────── */
 .ui-btn {
@@ -2550,37 +2595,37 @@ function xt() {
     return;
   ct = !0;
   const n = document.createElement("style");
-  n.id = "vd-ui-vanilla", n.textContent = Li, document.head.appendChild(n);
+  n.id = "vd-ui-vanilla", n.textContent = Ni, document.head.appendChild(n);
 }
-const Mi = S.fontFamily.sans.join(", ");
-class Ni {
+const zi = _.fontFamily.sans.join(", ");
+class Pi {
   qrLib = null;
   dialog = null;
   qrSlot = null;
   /** Open the modal immediately, with a loading placeholder in the QR slot. */
   show() {
-    this.hide(), xt(), this.dialog = new xi({ onClose: () => {
+    this.hide(), xt(), this.dialog = new Ri({ onClose: () => {
       this.dialog = null, this.qrSlot = null;
     } }), Object.assign(this.dialog.card.element.style, {
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
       gap: l[3],
-      fontFamily: Mi
-    }), this.dialog.card.element.appendChild(this.createText(Ue(), {
-      fontSize: S.fontSize.base,
-      fontWeight: S.fontWeight.semibold,
+      fontFamily: zi
+    }), this.dialog.card.element.appendChild(this.createText(oi(), {
+      fontSize: _.fontSize.base,
+      fontWeight: _.fontWeight.semibold,
       color: m.neutral[900]
-    })), this.dialog.card.element.appendChild(this.createText(qe(), {
-      fontSize: S.fontSize.sm,
+    })), this.dialog.card.element.appendChild(this.createText(Yn(), {
+      fontSize: _.fontSize.sm,
       color: m.neutral[600]
-    })), this.qrSlot = this.createQrSlot(), this.dialog.card.element.appendChild(this.qrSlot), this.dialog.card.element.appendChild(this.createText(Qe(), {
-      fontSize: S.fontSize.xs,
+    })), this.qrSlot = this.createQrSlot(), this.dialog.card.element.appendChild(this.qrSlot), this.dialog.card.element.appendChild(this.createText(ti(), {
+      fontSize: _.fontSize.xs,
       color: m.neutral[500]
     }));
     const t = new v({
       variant: "outline",
-      label: Je(),
+      label: Gn(),
       onClick: () => {
         this.hide();
       }
@@ -2622,36 +2667,36 @@ function dt(n) {
   const t = Math.max(0, Math.min(1, n));
   return t * t * (3 - 2 * t);
 }
-function zi(n, t, e, i, o, s) {
-  const [r, a, d] = n, u = Math.cos(t), f = Math.sin(t), h = u * r + f * d, E = -f * r + u * d, _ = Math.cos(e), C = Math.sin(e), I = _ * a - C * E, F = C * a + _ * E, tt = 0.55;
+function Fi(n, t, e, i, o, s) {
+  const [r, a, d] = n, u = Math.cos(t), f = Math.sin(t), h = u * r + f * d, E = -f * r + u * d, C = Math.cos(e), k = Math.sin(e), I = C * a - k * E, F = k * a + C * E, tt = 0.55;
   return [i + h * s * tt, o - I * s * tt, F];
 }
-function Pi(n, t, e) {
+function $i(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 Fi(n, t, e, i, o) {
+function Di(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]
   ];
-  Pi(n, s, a);
+  $i(n, s, a);
 }
-const $ = [-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], G = [-1, 1, -1], ut = [
-  [$, B],
+const D = [-1, -1, 1], B = [1, -1, 1], U = [1, -1, -1], V = [-1, -1, -1], H = [-1, 1, 1], j = [1, 1, 1], q = [1, 1, -1], G = [-1, 1, -1], ut = [
+  [D, B],
   [B, U],
   [U, V],
-  [V, $],
-  [$, j],
-  [B, H],
+  [V, D],
+  [D, H],
+  [B, j],
   [U, q],
   [V, G],
-  [j, H],
-  [H, q],
+  [H, j],
+  [j, q],
   [q, G],
-  [G, j]
-], Di = 400, ht = '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif';
-function $i() {
+  [G, H]
+], Bi = 400, ht = '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif';
+function Ui() {
   const n = document.createElement("div");
   Object.assign(n.style, {
     position: "absolute",
@@ -2694,9 +2739,9 @@ function $i() {
     fontSize: "13px",
     color: "#000",
     fontFamily: ht
-  }), o.textContent = hn(), e.appendChild(i), e.appendChild(o), n.appendChild(t), n.appendChild(e), { overlay: n, canvas: t, pctEl: i, phaseEl: o };
+  }), o.textContent = hi(), e.appendChild(i), e.appendChild(o), n.appendChild(t), n.appendChild(e), { overlay: n, canvas: t, pctEl: i, phaseEl: o };
 }
-class Bi {
+class Vi {
   overlay;
   canvas;
   ctx;
@@ -2709,9 +2754,9 @@ class Bi {
   visible = !1;
   constructor(t, e = {}) {
     this.startTime = performance.now();
-    const i = $i();
+    const i = Ui();
     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 ?? Di;
+    const o = e.showDelay ?? Bi;
     this.showTimerId = setTimeout(() => {
       this.reveal();
     }, o);
@@ -2766,20 +2811,20 @@ class Bi {
       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, a = 0.785, d = 0.615, u = (C) => zi(C, a, d, o, s, r), f = 6, h = i % f / f, E = ut.length;
-    let _;
-    h < 0.35 ? _ = dt(h / 0.35) * E : h < 0.55 ? _ = E : h < 0.9 ? _ = (1 - dt((h - 0.55) / 0.35)) * E : _ = 0, this.ctx.shadowBlur = 5, this.ctx.shadowColor = "rgba(30,30,30,0.08)";
-    for (let C = 0; C < E && !(C >= _); C++) {
-      const I = ut[C];
+    const o = t / 2, s = e * 0.44, r = Math.min(t, e) * 0.08, a = 0.785, d = 0.615, u = (k) => Fi(k, a, d, o, s, r), f = 6, h = i % f / f, E = ut.length;
+    let C;
+    h < 0.35 ? C = dt(h / 0.35) * E : h < 0.55 ? C = E : h < 0.9 ? C = (1 - dt((h - 0.55) / 0.35)) * E : C = 0, this.ctx.shadowBlur = 5, this.ctx.shadowColor = "rgba(30,30,30,0.08)";
+    for (let k = 0; k < E && !(k >= C); k++) {
+      const I = ut[k];
       if (I === void 0)
         continue;
-      const F = Math.min(1, _ - C);
-      Fi(this.ctx, u, I[0], I[1], F);
+      const F = Math.min(1, C - k);
+      Di(this.ctx, u, I[0], I[1], F);
     }
     this.ctx.shadowBlur = 0;
   }
 }
-class Ui {
+class Hi {
   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);
@@ -2811,7 +2856,7 @@ class Ui {
     this.arBtn = this.syncButton(this.arBtn, t.ar !== !1 && this.options.onAr !== void 0, () => new v({
       variant: "outline",
       size: "icon",
-      label: Fe(),
+      label: en(),
       icon: g.ar(),
       onClick: () => {
         this.options.onAr?.();
@@ -2819,7 +2864,7 @@ class Ui {
     })), this.fullscreenBtn = this.syncButton(this.fullscreenBtn, t.fullscreen !== !1 && this.options.onFullscreen !== void 0, () => new v({
       variant: "outline",
       size: "icon",
-      label: ln(),
+      label: Vn(),
       icon: g.fullscreen(),
       onClick: () => {
         this.options.onFullscreen?.();
@@ -2831,7 +2876,7 @@ class Ui {
       const i = new v({
         variant: "outline",
         size: "icon",
-        label: on(),
+        label: Ke(),
         icon: this.annotationsShown ? g.annotations() : g.annotationsOff(),
         onClick: () => {
           this.flipAnnotations();
@@ -2857,9 +2902,9 @@ class P {
       targetTilt: e.tilt,
       targetZoom: e.zoom,
       thetaOffset: 0
-    }, o = Vi(t, e, i);
+    }, o = ji(t, e, i);
     e.onChange((s) => {
-      i.targetRotation = s.rotation - i.thetaOffset, i.targetTilt = s.tilt, i.targetZoom = s.zoom, ji(o, e, s);
+      i.targetRotation = s.rotation - i.thetaOffset, i.targetTilt = s.tilt, i.targetZoom = s.zoom, qi(o, e, s);
     }), this.element.appendChild(P.buildZoom(o.zoomOut, o.zoomIn)), this.element.appendChild(P.buildDpad(o.tiltUp, o.rotateLeft, o.reset, o.rotateRight, o.tiltDown));
   }
   static buildZoom(t, e) {
@@ -2880,7 +2925,7 @@ class P {
     return r;
   }
 }
-function Vi(n, t, e) {
+function ji(n, t, e) {
   const i = (r) => Math.max(t.limits?.minZoom ?? 1, Math.min(t.limits?.maxZoom ?? 1 / 0, r)), o = (r) => {
     const a = t.limits?.minRotate, d = t.limits?.maxRotate;
     return a !== void 0 || d !== void 0 ? Math.max(a ?? -1 / 0, Math.min(d ?? 1 / 0, r)) : r;
@@ -2894,30 +2939,30 @@ function Vi(n, t, e) {
     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());
   };
   return {
-    zoomOut: new v({ variant: "outline", size: "icon", label: Pn(), icon: g.zoomOut(), onClick: () => {
+    zoomOut: new v({ variant: "outline", size: "icon", label: In(), icon: g.zoomOut(), onClick: () => {
       e.targetZoom = i(e.targetZoom - 10), n.zoom(e.targetZoom).set();
     } }),
-    zoomIn: new v({ variant: "outline", size: "icon", label: Ln(), icon: g.zoomIn(), onClick: () => {
+    zoomIn: new v({ variant: "outline", size: "icon", label: En(), icon: g.zoomIn(), onClick: () => {
       e.targetZoom = i(e.targetZoom + 10), n.zoom(e.targetZoom).set();
     } }),
-    tiltUp: new v({ variant: "outline", size: "icon", label: Wn(), icon: g.tiltUp(), onClick: () => {
+    tiltUp: new v({ variant: "outline", size: "icon", label: _n(), icon: g.tiltUp(), onClick: () => {
       s(-15);
     } }),
-    rotateLeft: new v({ variant: "outline", size: "icon", label: Bn(), icon: g.rotateLeft(), onClick: () => {
+    rotateLeft: new v({ variant: "outline", size: "icon", label: dn(), icon: g.rotateLeft(), onClick: () => {
       e.targetRotation = o(e.targetRotation - 15), n.rotate(e.targetRotation + e.thetaOffset).set();
     } }),
-    reset: new v({ variant: "outline", size: "icon", label: Tn(), icon: g.reset(), onClick: () => {
+    reset: new v({ variant: "outline", size: "icon", label: rn(), icon: g.reset(), onClick: () => {
       e.thetaOffset = 0, n.reset();
     } }),
-    rotateRight: new v({ variant: "outline", size: "icon", label: Hn(), icon: g.rotateRight(), onClick: () => {
+    rotateRight: new v({ variant: "outline", size: "icon", label: mn(), icon: g.rotateRight(), onClick: () => {
       e.targetRotation = o(e.targetRotation + 15), n.rotate(e.targetRotation + e.thetaOffset).set();
     } }),
-    tiltDown: new v({ variant: "outline", size: "icon", label: Xn(), icon: g.tiltDown(), onClick: () => {
+    tiltDown: new v({ variant: "outline", size: "icon", label: vn(), icon: g.tiltDown(), onClick: () => {
       s(15);
     } })
   };
 }
-function ji(n, t, e) {
+function qi(n, t, e) {
   const i = t.limits;
   i !== void 0 && (n.zoomOut.element.disabled = i.minZoom !== void 0 && e.zoom <= i.minZoom + R, n.zoomIn.element.disabled = i.maxZoom !== void 0 && e.zoom >= i.maxZoom - R, n.tiltUp.element.disabled = i.minTilt !== void 0 && e.tilt <= i.minTilt + R, n.tiltDown.element.disabled = i.maxTilt !== void 0 && e.tilt >= i.maxTilt - R, n.rotateLeft.element.disabled = i.minRotate !== void 0 && e.rotation <= i.minRotate + R, n.rotateRight.element.disabled = i.maxRotate !== void 0 && e.rotation >= i.maxRotate - R);
 }
@@ -2938,7 +2983,7 @@ const T = {
   m: 1e3,
   in: 25.4
 }, pt = 3;
-function Hi(n) {
+function Gi(n) {
   const t = n.stepMm / Tt[n.displayUnit];
   for (let e = 0; e <= pt; e++) {
     const i = t * 10 ** e;
@@ -2947,15 +2992,15 @@ function Hi(n) {
   }
   return pt;
 }
-function qi(n, t, e) {
-  const i = Hi(t), o = n / Tt[t.displayUnit];
+function Zi(n, t, e) {
+  const i = Gi(t), o = n / Tt[t.displayUnit];
   return new Intl.NumberFormat(e, {
     minimumFractionDigits: i,
     maximumFractionDigits: i
   }).format(o);
 }
-function Gi(n, t, e, i, o, s, r) {
-  const a = p(), d = n.values.map((h) => qi(Number(h), t, a)), u = n.values.find((h) => e.getValue(n.name, h)?.isSelected === !0) ?? n.defaultValue, f = new Ii(n.values, {
+function Wi(n, t, e, i, o, s, r) {
+  const a = p(), d = n.values.map((h) => Zi(Number(h), t, a)), u = n.values.find((h) => e.getValue(n.name, h)?.isSelected === !0) ?? n.defaultValue, f = new Li(n.values, {
     label: n.name,
     labels: d,
     unit: t.displayUnit,
@@ -2978,20 +3023,20 @@ function Gi(n, t, e, i, o, s, r) {
     }
   };
 }
-const Zi = 5;
-let Wi = 0;
+const Qi = 5;
+let Yi = 0;
 function K(n) {
   const t = n.replace(/([A-Z])/g, " $1").trim();
   return t.charAt(0).toUpperCase() + t.slice(1).toLowerCase();
 }
-function Qi(n, t, e, i, o, s) {
+function Ki(n, t, e, i, o, s) {
   const r = document.createElement("div");
   r.className = "vd-attribute", r.dataset.name = n.name;
   const a = document.createElement("span");
-  a.className = "vd-attribute-label", a.textContent = K(n.name), a.id = `vd-attribute-label-${Wi++}`, r.appendChild(a), r.setAttribute("role", "group"), r.setAttribute("aria-labelledby", a.id);
+  a.className = "vd-attribute-label", a.textContent = K(n.name), a.id = `vd-attribute-label-${Yi++}`, r.appendChild(a), r.setAttribute("role", "group"), r.setAttribute("aria-labelledby", a.id);
   const d = (f) => {
     r.style.display = f ? "none" : "";
-  }, u = n.dimension !== void 0 ? Gi(
+  }, u = n.dimension !== void 0 ? Wi(
     n,
     n.dimension,
     t,
@@ -2999,13 +3044,13 @@ function Qi(n, t, e, i, o, s) {
     o,
     i,
     s
-  ) : Yi(n, t, e, i, s);
+  ) : Xi(n, t, e, i, s);
   return r.appendChild(u.element), { element: r, setSelectable: u.setSelectable, setHidden: d };
 }
-function Yi(n, t, e, i, o) {
+function Xi(n, t, e, i, o) {
   const s = n.values.find(
     (d) => t.getValue(n.name, d)?.isSelected === !0
-  ), r = n.values.map(K), a = n.values.length <= Zi ? new Ti(n.values, s, r) : new Ri(n.name, n.values, K(n.name), s, r);
+  ), r = n.values.map(K), a = n.values.length <= Qi ? new Ii(n.values, s, r) : new Oi(n.name, n.values, K(n.name), s, r);
   return a.onSelect((d) => {
     e.dispatch(T.SELECT, { attribute: n.name, value: d }, !0).defaultPrevented || i(n.name, d);
   }), o(n.name, (d) => {
@@ -3017,9 +3062,9 @@ function Yi(n, t, e, i, o) {
     }
   };
 }
-const Ki = 80, Xi = 2500;
-class Ji {
-  constructor(t, e = Xi) {
+const Ji = 80, to = 2500;
+class eo {
+  constructor(t, e = to) {
     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 v({ variant: "default", onClick: () => {
@@ -3051,7 +3096,7 @@ class Ji {
       this.priceEl.textContent = "", this.vatEl.textContent = "";
       return;
     }
-    this.priceEl.textContent = to(t.price, t.currency), this.vatEl.textContent = mt(this.configuration.vatDisplay);
+    this.priceEl.textContent = no(t.price, t.currency), this.vatEl.textContent = mt(this.configuration.vatDisplay);
   }
   renderButton() {
     const t = this.configuration.submitEnabled;
@@ -3059,11 +3104,11 @@ class Ji {
   }
   async handleSubmit() {
     if (this.state !== "busy") {
-      this.setState("busy", ni());
+      this.setState("busy", De());
       try {
-        await this.configuration.submit(), this.setState("success", ri());
+        await this.configuration.submit(), this.setState("success", Ze());
       } catch {
-        this.setState("failed", di());
+        this.setState("failed", He());
       }
       this.scheduleReset();
     }
@@ -3081,9 +3126,9 @@ class Ji {
   }
 }
 function mt(n) {
-  return (n ?? "").slice(0, Ki);
+  return (n ?? "").slice(0, Ji);
 }
-function to(n, t) {
+function no(n, t) {
   try {
     const e = new Intl.NumberFormat(p(), { style: "currency", currency: t }), i = e.resolvedOptions().maximumFractionDigits ?? 2;
     return e.format(n / 10 ** i);
@@ -3104,8 +3149,8 @@ class Rt {
     this.slot?.remove(), this.slot = null, this.panel = null;
   }
 }
-const eo = 572;
-class no {
+const io = 572;
+class oo {
   /** @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) {
@@ -3125,7 +3170,7 @@ class no {
     this.container = t, e.classList.add("vd-attributes-sidebar"), this.closeButton = new v({
       variant: "ghost",
       size: "icon-sm",
-      label: _n(),
+      label: Nn(),
       icon: g.close({ size: 18 }),
       onClick: () => {
         this.expanded = !1, this.render();
@@ -3135,7 +3180,7 @@ class no {
     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 v({
       variant: "outline",
       size: "icon",
-      label: wn(),
+      label: $n(),
       icon: g.configurator({ size: 18 }),
       onClick: () => {
         this.expanded = !0, this.render();
@@ -3151,7 +3196,7 @@ class no {
   observe() {
     typeof ResizeObserver > "u" || this.container === null || (this.observer = new ResizeObserver((t) => {
       const e = t[0]?.contentRect.width ?? 0;
-      this.setCollapsible(e > 0 && e < eo);
+      this.setCollapsible(e > 0 && e < io);
     }), this.observer.observe(this.container));
   }
   setCollapsible(t) {
@@ -3164,7 +3209,7 @@ class no {
     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 io {
+class so {
   attach(t, e) {
   }
   setVisible(t) {
@@ -3172,20 +3217,20 @@ class io {
   destroy() {
   }
 }
-const oo = {
+const ro = {
   "inframe-bottom-left": () => new Rt(),
-  "sidebar-right": (n) => new no(n),
-  hidden: () => new io()
+  "sidebar-right": (n) => new oo(n),
+  hidden: () => new so()
 };
-function so(n, t) {
-  return (oo[n ?? ""] ?? (() => new Rt()))(t);
+function ao(n, t) {
+  return (ro[n ?? ""] ?? (() => new Rt()))(t);
 }
-const Z = S.fontFamily.sans.join(", "), W = `
+const Z = _.fontFamily.sans.join(", "), W = `
   position: absolute;
   display: flex;
   z-index: 10;
   transition: inset-inline-end 0.18s ease;
-`, ro = `
+`, lo = `
 /* Override browser's default black fullscreen backdrop */
 .vd-container:fullscreen {
   background: oklch(100% 0 0);
@@ -3268,8 +3313,8 @@ const Z = S.fontFamily.sans.join(", "), W = `
 
 /* Micro-label: recedes so the controls lead. */
 .vd-attribute-label {
-  font-size: ${S.fontSize.xs};
-  font-weight: ${S.fontWeight.medium};
+  font-size: ${_.fontSize.xs};
+  font-weight: ${_.fontWeight.medium};
   color: ${m.neutral[500]};
   text-transform: uppercase;
   letter-spacing: 0.05em;
@@ -3365,13 +3410,13 @@ const Z = S.fontFamily.sans.join(", "), W = `
 }
 
 .vd-price {
-  font-size: ${S.fontSize.lg};
-  font-weight: ${S.fontWeight.semibold};
+  font-size: ${_.fontSize.lg};
+  font-weight: ${_.fontWeight.semibold};
   color: ${m.neutral[900]};
 }
 
 .vd-vat {
-  font-size: ${S.fontSize.xs};
+  font-size: ${_.fontSize.xs};
   color: ${m.neutral[500]};
 }
 
@@ -3388,17 +3433,17 @@ const Z = S.fontFamily.sans.join(", "), W = `
 }
 
 `;
-function ao() {
+function co() {
   if (xt(), document.getElementById("vd-styles") !== null)
     return;
   const n = document.createElement("style");
-  n.id = "vd-styles", n.textContent = ro, document.head.appendChild(n);
+  n.id = "vd-styles", n.textContent = lo, document.head.appendChild(n);
 }
-function lo(n, t) {
+function uo(n, t) {
   const e = document.createElement("a");
   e.href = `data:image/png;base64,${n}`, e.download = t, e.click();
 }
-class co {
+class ho {
   options;
   settings = {};
   container = null;
@@ -3418,7 +3463,7 @@ class co {
     this.options = t;
   }
   attach(t) {
-    ao(), this.container = t, this.loading = new Bi(t), this.slots.topRight = this.createSlot(t, "vd-slot-top-right"), this.slots.bottomRight = this.createSlot(t, "vd-slot-bottom-right");
+    co(), this.container = t, this.loading = new Vi(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);
@@ -3427,7 +3472,7 @@ class co {
     if (this.actionBar !== null || this.slots.bottomRight === null || this.container === null)
       return;
     const t = typeof this.container.requestFullscreen == "function";
-    this.actionBar = new Ui({
+    this.actionBar = new Hi({
       onAr: this.options.onAr,
       onFullscreen: t ? () => {
         this.toggleFullscreen();
@@ -3454,7 +3499,7 @@ class co {
     ), 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 = Qi(
+        const o = Ki(
           i,
           t,
           this.options.eventBus,
@@ -3464,7 +3509,7 @@ class co {
         );
         this.groupHandles.set(i.name, o), this.attributes.appendChild(o.element);
       }
-      this.commerce = new Ji(this.options.configuration), this.attributes.appendChild(this.commerce.element), this.layout = so(
+      this.commerce = new eo(this.options.configuration), this.attributes.appendChild(this.commerce.element), this.layout = ao(
         this.settings.configuratorLayout,
         this.slots.bottomRight
       ), this.layout.attach(this.container, this.attributes), this.lastSelectable !== null && this.applySelectable(this.lastSelectable);
@@ -3505,11 +3550,11 @@ class co {
     t && this.screenshotBtn === null && (this.screenshotBtn = new v({
       variant: "outline",
       size: "icon",
-      label: gn(),
+      label: li(),
       icon: g.screenshot(),
       onClick: () => {
         this.options.snapshotApi.take("snapshot.png").onDeveloped(({ data: e, filename: i }) => {
-          lo(e, i);
+          uo(e, i);
         });
       }
     })), !t && this.screenshotBtn !== null && (this.screenshotBtn.element.remove(), this.screenshotBtn = null);
@@ -3518,8 +3563,8 @@ class co {
     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 uo = {};
-class ho {
+const po = {};
+class mo {
   defaultServer = "https://server.virtualdisplay.io";
   options;
   serverHost;
@@ -3568,12 +3613,12 @@ class ho {
       t.searchParams.set("license", this.options.license), t.searchParams.set("model", this.options.model);
       return;
     }
-    t.searchParams.set("app", this.options.app), (this.options.license !== void 0 || this.options.model !== void 0) && k.warn("Both `app` and `license`/`model` were supplied: `app` wins, the pair was ignored");
+    t.searchParams.set("app", this.options.app), (this.options.license !== void 0 || this.options.model !== void 0) && w.warn("Both `app` and `license`/`model` were supplied: `app` wins, the pair was ignored");
   }
   getServerUrl() {
     if (this.serverHost !== void 0)
       return this.serverHost;
-    if (uo?.VITE_VIRTUALDISPLAY_SERVER_HOST === void 0)
+    if (po?.VITE_VIRTUALDISPLAY_SERVER_HOST === void 0)
       return this.defaultServer;
   }
   getParentElement() {
@@ -3585,27 +3630,27 @@ class ho {
     return t;
   }
 }
-function po(n) {
+function fo(n) {
   const { messenger: t } = n;
   t.on(c.HANDSHAKE, (e) => {
-    Nt(e) && (k.info("Server handshake received, flushing publisher queue"), t.markReady());
+    Nt(e) && (w.info("Server handshake received, flushing publisher queue"), t.markReady());
   }), t.on(c.SESSION, (e) => {
     zt(e) && n.onSession(e.sessionId);
   }), t.on(c.MUTATION, (e) => {
     Ft(e) && (n.attributes.handleMutationResult(e), n.configuration.handleSelectionChanged(n.attributes.getSelection()));
   }), t.on(c.SNAPSHOT, (e) => {
-    Dt(e) && n.snapshot.handleSnapshotResult(e);
+    $t(e) && n.snapshot.handleSnapshotResult(e);
   }), t.on(c.CAMERA, (e) => {
-    $t(e) && n.cameraPosition.handlePositionUpdate(e);
+    Dt(e) && n.cameraPosition.handlePositionUpdate(e);
   }), t.on(c.LOADING_INDICATOR, (e) => {
     Ut(e) && (e.error !== void 0 ? n.ui.showError(e.error) : n.ui.updateProgress(e.progress, e.phase));
   }), t.on(c.CONFIG, (e) => {
-    Ht(e) && n.applyConfig(e);
+    jt(e) && n.applyConfig(e);
   }), t.on(c.MAPPING, (e) => {
     Bt(e) && (n.attributes.handleMappingReceived(e), n.configuration.handleSelectionChanged(n.attributes.getSelection()), n.ui.renderAttributeControls(n.attributes, e.attributes), n.readyStateTracker.handleMappingReceived());
-  }), mo(n);
+  }), go(n);
 }
-function mo(n) {
+function go(n) {
   const { messenger: t } = n;
   t.on(c.FOCUS, (e) => {
     qt(e) && n.focus.handleStateReceived(e);
@@ -3614,19 +3659,19 @@ function mo(n) {
   }), t.on(c.SYNC, (e) => {
     Vt(e) && n.onSync(e.connected);
   }), t.on(c.SELECTABLE, (e) => {
-    jt(e) && (n.selectable.handleSnapshot(e), n.ui.applySelectable(e.attributes));
+    Ht(e) && (n.selectable.handleSnapshot(e), n.ui.applySelectable(e.attributes));
   }), t.on(c.APP_RESOLVED, (e) => {
     Pt(e) && n.onAppResolved(e);
   });
 }
-class fo {
+class bo {
   ready = !1;
   onReady;
   constructor(t) {
     this.onReady = t;
   }
   handleMappingReceived() {
-    this.ready || (this.ready = !0, k.info("Mapping received from server, client is now ready"), this.onReady?.());
+    this.ready || (this.ready = !0, w.info("Mapping received from server, client is now ready"), this.onReady?.());
   }
   get isReady() {
     return this.ready;
@@ -3635,13 +3680,13 @@ class fo {
     this.ready = !1;
   }
 }
-function go(n) {
+function vo(n) {
   if (n === void 0)
     return;
   const { annotations: t, ...e } = n;
   return t === void 0 ? e : t === !0 ? { ...e, annotations: "show" } : t === !1 ? { ...e, annotations: "hide" } : { ...e, annotations: t };
 }
-class bo {
+class yo {
   attributes;
   selectableState;
   readyStateTracker;
@@ -3657,48 +3702,49 @@ class bo {
   options;
   serverHost;
   iframeParams;
-  /** The composed AR flow, or undefined in a build that composes none. */
+  // The composed AR flow, or undefined in a build that composes none.
   arActivation;
-  /** The composed sync tracker, or undefined in a build that composes none. */
+  // The composed sync tracker, or undefined in a build that composes none.
   syncTracker;
   iframe;
   container;
   readyCallbacks = [];
   mutationFailedCallbacks = [];
-  /** The viewer's tracking session id, once the server announces it (SESSION). */
+  // The viewer's tracking session id, once the server announces it (SESSION).
   viewerSessionId;
-  /** Which app the viewer resolved, once reported (APP_RESOLVED). */
+  // Which app the viewer resolved, once reported (APP_RESOLVED).
   resolvedApp;
   appResolvedCallbacks = [];
+  /** @internal */
   constructor(t, e) {
     this.options = t;
     const i = e ?? {};
-    this.serverHost = i.serverHost, this.iframeParams = i.iframeParams, this.initializeLogging(), this.messenger = new Zt(
-      () => this.iframe?.contentWindow ?? null,
-      i.messengerOptions
-    );
+    this.serverHost = i.serverHost, this.iframeParams = i.iframeParams, this.initializeLogging(), this.messenger = new Zt(() => this.iframe?.contentWindow ?? null, {
+      onHandlerError: (s, r) => w.error(`Error handling ${s.type}`, r),
+      ...i.messengerOptions
+    });
     const o = (s) => {
       this.messenger.send(s);
     };
-    this.attributes = new me(o, L, (s, r) => {
+    this.attributes = new fe(o, L, (s, r) => {
       this.notifyMutationFailed(s, r);
-    }), this.selectableState = new fe(), this.snapshotApi = new Ce(o), this.annotationsApi = new Wt(o, L), this.cameraApi = new ge(o), this.cameraPositionApi = new be(), this.focusApi = new Se(o, (s) => {
+    }), this.selectableState = new ge(), this.snapshotApi = new Ce(o), this.annotationsApi = new Qt(o, L), this.cameraApi = new be(o), this.cameraPositionApi = new ve(), this.focusApi = new _e(o, (s) => {
       this.dispatchFocusChange(s);
-    }, L), this.configurationApi = new we(
+    }, L), this.configurationApi = new Se(
       (s) => {
         this.dispatchConfigurationChange(s);
       },
       (s) => {
         this.dispatchConfigurationSubmit(s);
       }
-    ), this.eventBus = new _e(), this.arActivation = i.createArActivation?.(o), this.syncTracker = i.createSyncTracker?.(), this.readyStateTracker = new fo(() => {
+    ), this.eventBus = new Ae(), this.arActivation = i.createArActivation?.(o), this.syncTracker = i.createSyncTracker?.(), this.readyStateTracker = new bo(() => {
       this.notifyReady();
     }), this.ui = this.createStandardInterface(), this.wireIncomingMessages(), i.registerHandlers?.(this.messenger, o), this.messenger.start(), this.createAndConnectIframe();
   }
-  /** The configurator UI, every callback bridging it to the facade that owns the action. */
+  // The configurator UI, every callback bridging it to the facade that owns the action.
   createStandardInterface() {
     const t = this.arActivation;
-    return new co({
+    return new ho({
       snapshotApi: this.snapshotApi,
       cameraApi: this.cameraApi,
       cameraPositionApi: this.cameraPositionApi,
@@ -3733,9 +3779,9 @@ class bo {
       origin: "control"
     });
   }
-  /** Wire the inbound viewer protocol to the facades. */
+  // Wire the inbound viewer protocol to the facades.
   wireIncomingMessages() {
-    po({
+    fo({
       messenger: this.messenger,
       attributes: this.attributes,
       selectable: this.selectableState,
@@ -3764,22 +3810,22 @@ class bo {
       }
     });
   }
-  /** Store the resolved app and notify every registered `onAppResolved` callback. */
+  // Store the resolved app and notify every registered `onAppResolved` callback.
   handleAppResolved(t) {
     this.resolvedApp = t;
     for (const e of this.appResolvedCallbacks)
       e(t);
   }
-  /** Store the tracking session id and hand it to the AR flow, which waits on it for the QR. */
+  // Store the tracking session id and hand it to the AR flow, which waits on it for the QR.
   handleSession(t) {
     this.viewerSessionId = t, this.arActivation?.onSession(t);
   }
-  /** Forward a failed mutation to every registered `onMutationFailed` callback. */
+  // Forward a failed mutation to every registered `onMutationFailed` callback.
   notifyMutationFailed(t, e) {
     for (const i of this.mutationFailedCallbacks)
       i({ attribute: t, value: e });
   }
-  /** Flush the queued `onReady` callbacks once, then let the standard interface know. */
+  // Flush the queued `onReady` callbacks once, then let the standard interface know.
   notifyReady() {
     const t = this.readyCallbacks;
     this.readyCallbacks = [];
@@ -3787,39 +3833,35 @@ class bo {
       e(this);
     this.ui.onReady();
   }
-  /**
-   * Dispatch a bubbling `vd:focus-change` event on the container so a page can
-   * react to focus without registering an `onChange` callback.
-   */
+  // Dispatch a bubbling `vd:focus-change` event on the container so a page can
+  // react to focus without registering an `onChange` callback.
   dispatchFocusChange(t) {
     this.container?.dispatchEvent(
       new CustomEvent(T.FOCUS_CHANGE, { detail: t, bubbles: !0 })
     );
   }
-  /**
-   * Dispatch a bubbling `vd:configuration-change` event on the container so a
-   * page or tag manager can react to price changes without a client callback.
-   */
+  // Dispatch a bubbling `vd:configuration-change` event on the container so a
+  // page or tag manager can react to price changes without a client callback.
   dispatchConfigurationChange(t) {
     this.container?.dispatchEvent(
       new CustomEvent(T.CONFIGURATION_CHANGE, { detail: t ?? null, bubbles: !0 })
     );
   }
-  /** Dispatch a bubbling `vd:configuration-submit` event when the CTA is used. */
+  // Dispatch a bubbling `vd:configuration-submit` event when the CTA is used.
   dispatchConfigurationSubmit(t) {
     this.container?.dispatchEvent(
       new CustomEvent(T.CONFIGURATION_SUBMIT, { detail: t, bubbles: !0 })
     );
   }
   handleConfig(t) {
-    const e = t.viewerSettings, i = go(this.options.viewerSettings);
+    const e = t.viewerSettings, i = vo(this.options.viewerSettings);
     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, a]) => e[r] !== a).map(
           ([r, a]) => `${r} (metadata: ${e[r] ?? "undefined"}, override: ${a})`
         );
-        s.length > 0 && k.warn(`Viewer settings override active: ${s.join(", ")}`);
+        s.length > 0 && w.warn(`Viewer settings override active: ${s.join(", ")}`);
       }
       this.ui.applyViewerSettings(o), this.echoAnnotationsDifference(e?.annotations, o.annotations);
     }
@@ -3828,24 +3870,22 @@ class bo {
   // The viewer already applied the announced mode itself, so speaking up when
   // the merged mode matches would toggle it back and forth for nothing. A boot
   // without overrides therefore sends no toggle at all.
-  /**
-   * Tell the viewer about the annotation mode only when the merged mode differs
-   * from the one it announced.
-   */
+  // Tell the viewer about the annotation mode only when the merged mode differs
+  // from the one it announced.
   echoAnnotationsDifference(t, e) {
     e === void 0 || e === t || this.annotationsApi.setEnabled(e === "show" || e === "toggle-shown");
   }
-  /** Tell the viewer the user entered fullscreen, so it records the engagement. */
+  // Tell the viewer the user entered fullscreen, so it records the engagement.
   trackFullscreen() {
     this.messenger.send({ type: c.FULLSCREEN });
   }
   initializeLogging() {
-    this.options.debug === !0 && pe(), k.info("Initializing Virtualdisplay client", {
+    this.options.debug === !0 && me(), w.info("Initializing Virtualdisplay client", {
       ...this.options.app === void 0 ? { model: this.options.model } : { app: this.options.app }
     });
   }
   createAndConnectIframe() {
-    const e = new ho(this.options, this.serverHost, this.iframeParams).create();
+    const e = new mo(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;
@@ -3942,15 +3982,15 @@ class bo {
     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 vo = "ar.virtualdisplay.io";
-function yo(n) {
-  const t = new URL(`https://${vo}/go`);
+const wo = "ar.virtualdisplay.io";
+function So(n) {
+  const t = new URL(`https://${wo}/go`);
   return n.sessionId !== void 0 ? t.searchParams.set("session", n.sessionId) : n.app !== void 0 ? t.searchParams.set("app", n.app) : n.license !== void 0 && n.model !== void 0 && (t.searchParams.set("license", n.license), t.searchParams.set("model", n.model)), t.toString();
 }
-const wo = 1500;
-class So {
+const _o = 1500;
+class ko {
   options;
-  qrModal = new Ni();
+  qrModal = new Pi();
   /** 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. */
@@ -3972,7 +4012,7 @@ class So {
   }
   /** The AR button handler: mobile activates AR in the engine, desktop shows the hand-off QR. */
   activate() {
-    if (ue()) {
+    if (he()) {
       this.options.send({ type: c.AR_ACTIVATE });
       return;
     }
@@ -3996,7 +4036,7 @@ class So {
     const t = await this.waitForSessionId();
     if (this.destroyed)
       return;
-    const e = yo({
+    const e = So({
       sessionId: t,
       app: this.options.app,
       license: this.options.license,
@@ -4018,14 +4058,14 @@ class So {
     return this.sessionId !== void 0 ? Promise.resolve(this.sessionId) : new Promise((t) => {
       const e = setTimeout(() => {
         this.pendingTimers.delete(e), t(void 0);
-      }, wo);
+      }, _o);
       this.pendingTimers.add(e), this.waiters.push((i) => {
         this.pendingTimers.delete(e), clearTimeout(e), t(i);
       });
     });
   }
 }
-class ko {
+class Co {
   callbacks = [];
   lastKnown;
   handleSync(t) {
@@ -4037,12 +4077,12 @@ class ko {
     this.callbacks.push(t), this.lastKnown !== void 0 && t(this.lastKnown);
   }
 }
-class Ao extends bo {
+class xo extends yo {
   syncStatusTracker;
   constructor(t) {
-    const e = new ko();
+    const e = new Co();
     super(t, {
-      createArActivation: (i) => new So({
+      createArActivation: (i) => new ko({
         app: t.app,
         license: t.license,
         model: t.model,
@@ -4057,19 +4097,21 @@ class Ao extends bo {
   }
 }
 export {
-  Wt as Annotations,
-  Yt as Attribute,
-  Qt as AttributeValue,
-  ge as Camera,
-  we as Configuration,
+  Ot as AVAILABILITY,
+  Qt as Annotations,
+  Kt as Attribute,
+  Yt as AttributeValue,
+  be as Camera,
+  ve as CameraPosition,
+  Se as Configuration,
   A as ERROR_CODES,
-  Se as Focus,
+  _e as Focus,
   ke as Photo,
   Ce as Snapshot,
   T as VD_EVENTS,
-  Ao as VirtualdisplayClient,
+  xo as VirtualdisplayClient,
   y as VirtualdisplayError,
-  pe as enableDebugMode,
-  Co as isDebugMode,
-  k as logger
+  me as enableDebugMode,
+  Ao as isDebugMode,
+  w as logger
 };