@virtualdisplay.io/client 4.0.0-alpha.26 → 4.0.0-alpha.27

package/dist/virtualdisplay.client.es.js

@@ -17,7 +17,7 @@ const c = {
   SYNC: "sync",
   SELECTABLE: "selectable",
   APP_RESOLVED: "app_resolved"
-}, ee = {
+}, F = "main", te = {
   FOCUS: "focus",
   UNFOCUS: "unfocus"
 }, Ie = {
@@ -46,19 +46,19 @@ function Pe(n) {
 }
 function Fe(n) {
   const e = S(n);
-  return e !== null && e.type === c.MUTATION && Array.isArray(e.results);
+  return e !== null && e.type === c.MUTATION && typeof e.instance == "string" && e.instance !== "" && Array.isArray(e.results);
 }
-function $e(n) {
+function De(n) {
   const e = S(n);
   return e !== null && e.type === c.SNAPSHOT && ("data" in e || "error" in e);
 }
-function De(n) {
+function $e(n) {
   const e = S(n);
   return e !== null && e.type === c.CAMERA && Array.isArray(e.transforms);
 }
 function Ue(n) {
   const e = S(n);
-  return e !== null && e.type === c.MAPPING && Array.isArray(e.attributes);
+  return e !== null && e.type === c.MAPPING && typeof e.instance == "string" && e.instance !== "" && Array.isArray(e.attributes);
 }
 function Be(n) {
   const e = S(n);
@@ -70,7 +70,7 @@ function Ve(n) {
 }
 function je(n) {
   const e = S(n);
-  return e !== null && e.type === c.SELECTABLE && Array.isArray(e.attributes);
+  return e !== null && e.type === c.SELECTABLE && typeof e.instance == "string" && e.instance !== "" && Array.isArray(e.attributes);
 }
 function He(n) {
   const e = S(n);
@@ -78,16 +78,16 @@ function He(n) {
 }
 function qe(n) {
   const e = S(n);
-  return e !== null && e.type === c.FOCUS && typeof e.state == "string";
+  return e !== null && e.type === c.FOCUS && typeof e.instance == "string" && e.instance !== "" && typeof e.state == "string";
 }
 function Ge(n) {
   const e = S(n);
-  return e !== null && e.type === c.PRICING && typeof e.pricing == "object" && e.pricing !== null;
+  return e !== null && e.type === c.PRICING && typeof e.instance == "string" && e.instance !== "" && typeof e.pricing == "object" && e.pricing !== null;
 }
 function S(n) {
   return typeof n != "object" || n === null ? null : n;
 }
-class te {
+class ne {
   constructor(e) {
     this.processor = e;
   }
@@ -136,7 +136,7 @@ class te {
 }
 class Ze {
   constructor(e, t) {
-    this.getTarget = e, this.sourceId = `vd-${Math.random().toString(36).slice(2, 8)}`, this.targetOrigin = "*", this.isValid = t?.isValid ?? Ne, this.publisher = new te((i) => this.post(i)), this.consumer = new te((i) => this.routeToHandler(i)), t?.bufferIncoming !== !0 && this.consumer.markReady();
+    this.getTarget = e, this.sourceId = `vd-${Math.random().toString(36).slice(2, 8)}`, this.targetOrigin = "*", this.isValid = t?.isValid ?? Ne, this.publisher = new ne((i) => this.post(i)), this.consumer = new ne((i) => this.routeToHandler(i)), t?.bufferIncoming !== !0 && this.consumer.markReady();
   }
   getTarget;
   handlers = /* @__PURE__ */ new Map();
@@ -218,18 +218,6 @@ class Ze {
   destroy() {
     this.listener !== null && (window.removeEventListener("message", this.listener), this.listener = null), this.publisher.clear(), this.consumer.clear(), this.handlers.clear();
   }
-  /**
-   * Whether the messenger is ready to send
-   */
-  get ready() {
-    return this.publisher.ready;
-  }
-  /**
-   * Number of messages waiting in the outgoing queue
-   */
-  get pendingCount() {
-    return this.publisher.pendingCount;
-  }
   post(e) {
     const t = this.getTarget();
     t !== null && t.postMessage({ ...e, _source: this.sourceId }, this.targetOrigin);
@@ -246,13 +234,15 @@ class Ze {
   }
 }
 class We {
-  constructor(e) {
-    this.send = e;
+  constructor(e, t) {
+    this.send = e, this.instance = t;
   }
   send;
+  instance;
   setEnabled(e) {
     this.send({
       type: c.ANNOTATION_TOGGLE,
+      instance: this.instance,
       enabled: e
     });
   }
@@ -400,25 +390,25 @@ class Ke {
     return e.defaultValue !== void 0 ? { ...i, defaultValue: e.defaultValue } : i;
   }
 }
-const N = 4096, F = 16384, Xe = [1024, 256, 64], Je = 20, W = ["timestamp", "level", "msg", "service", "trace_id", "span_id"];
+const N = 4096, D = 16384, Xe = [1024, 256, 64], Je = 20, Y = ["timestamp", "level", "msg", "service", "trace_id", "span_id"];
 function et(n) {
-  const e = new Date(n.timestamp).toLocaleTimeString("en-GB", { hour12: !1 }), t = n.level.toUpperCase().padEnd(5), i = n.trace_id?.slice(0, 8) ?? "--------", s = n.msg, o = Object.entries(n).filter(([r]) => !W.includes(r)).map(([r, a]) => `${r}=${L(a, N).line}`).join(" ");
+  const e = new Date(n.timestamp).toLocaleTimeString("en-GB", { hour12: !1 }), t = n.level.toUpperCase().padEnd(5), i = n.trace_id?.slice(0, 8) ?? "--------", s = n.msg, o = Object.entries(n).filter(([r]) => !Y.includes(r)).map(([r, a]) => `${r}=${L(a, N).line}`).join(" ");
   return `${e} ${t} [${i}] ${s}${o ? " " + o : ""}`;
 }
 function tt(n) {
   for (const s of [N, ...Xe]) {
     const { line: o, truncated: r } = L(n, s);
     if (!r) {
-      if (o.length <= F)
+      if (o.length <= D)
         return o;
       continue;
     }
     const { line: a } = L({ ...n, log_truncated: !0 }, s);
-    if (a.length <= F)
+    if (a.length <= D)
       return a;
   }
-  const e = Object.keys(n).filter((s) => !W.includes(s)), t = { ...it(n, W), log_truncated: !0, log_dropped_count: e.length }, i = L({ ...t, log_dropped_attrs: e.slice(0, Je) }, N);
-  return i.line.length <= F ? i.line : L(t, N).line;
+  const e = Object.keys(n).filter((s) => !Y.includes(s)), t = { ...it(n, Y), log_truncated: !0, log_dropped_count: e.length }, i = L({ ...t, log_dropped_attrs: e.slice(0, Je) }, N);
+  return i.line.length <= D ? i.line : L(t, N).line;
 }
 function L(n, e) {
   const t = [];
@@ -448,7 +438,7 @@ function st(n, e) {
   const t = e ? et(n) : tt(n);
   n.level === "error" ? console.error(t) : n.level === "warn" ? console.warn(t) : console.log(t);
 }
-function pe(n, e = 0) {
+function fe(n, e = 0) {
   const t = {
     name: n.name,
     message: n.message
@@ -460,12 +450,12 @@ function pe(n, e = 0) {
     const s = n[i];
     s !== void 0 && (t[i] = s);
   }
-  return n.cause !== void 0 && n.cause !== null && (t.cause = n.cause instanceof Error && e < 5 ? pe(n.cause, e + 1) : String(n.cause)), t;
+  return n.cause !== void 0 && n.cause !== null && (t.cause = n.cause instanceof Error && e < 5 ? fe(n.cause, e + 1) : String(n.cause)), t;
 }
 function ot(n) {
   const e = {};
   for (const [t, i] of Object.entries(n))
-    e[t] = i instanceof Error ? pe(i) : i;
+    e[t] = i instanceof Error ? fe(i) : i;
   return e;
 }
 function rt() {
@@ -474,20 +464,20 @@ function rt() {
 function at(n) {
   return n.toISOString();
 }
-function fe() {
+function ge() {
   return typeof navigator > "u" ? "" : navigator.userAgent;
 }
 function lt() {
   return typeof navigator > "u" ? !1 : navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
 }
 function ct() {
-  return /iPhone|iPad|iPod/i.test(fe()) || lt();
-}
-function dt() {
-  return /Android/i.test(fe());
+  return /iPhone|iPad|iPod/i.test(ge()) || lt();
 }
 function ut() {
-  return ct() || dt();
+  return /Android/i.test(ge());
+}
+function dt() {
+  return ct() || ut();
 }
 class ht {
   constructor(e) {
@@ -533,7 +523,7 @@ class ht {
     this.log("error", e, t);
   }
 }
-function ge(n, e) {
+function be(n, e) {
   const t = e?.isDev !== void 0 ? e.isDev : typeof process < "u" ? process.env.NODE_ENV !== "production" : !0;
   return new ht({ service: n, isDev: t, traceProvider: e?.traceProvider });
 }
@@ -541,7 +531,7 @@ function O(n) {
   if (n !== void 0)
     return typeof n == "object" && n !== null && !Array.isArray(n) && !(n instanceof Error) ? n : n instanceof Error ? { error: n.message } : { value: n };
 }
-function be(n) {
+function ve(n) {
   return {
     debug: (e, t) => n.debug(e, O(t)),
     info: (e, t) => n.info(e, O(t)),
@@ -549,18 +539,19 @@ function be(n) {
     error: (e, t) => n.error(e, O(t))
   };
 }
-let ve = !1, C = be(ge("client", { isDev: !1 }));
+let ye = !1, C = ve(be("client", { isDev: !1 }));
 function mt() {
-  ve = !0, C = be(ge("client", { isDev: !0 }));
+  ye = !0, C = ve(be("client", { isDev: !0 }));
 }
-function vs() {
-  return ve;
+function gs() {
+  return ye;
 }
 class pt {
-  constructor(e, t) {
-    this.send = e, this.onMutationFailed = t;
+  constructor(e, t, i) {
+    this.send = e, this.instance = t, this.onMutationFailed = i;
   }
   send;
+  instance;
   onMutationFailed;
   registry;
   pendingCallbacks = [];
@@ -627,12 +618,10 @@ class pt {
   getSelection() {
     return this.registry?.getSelection() ?? {};
   }
-  get hasMapping() {
-    return this.registry !== void 0;
-  }
   sendMutation(e, t, i = !1) {
     const s = {
       type: c.MUTATION,
+      instance: this.instance,
       mutations: e,
       isInitial: t,
       ...i && { transient: !0 }
@@ -822,13 +811,13 @@ function vt(n, e) {
   const t = n.filter((o) => yt(o, e));
   if (t.length === 0)
     return;
-  const i = Math.max(...t.map(ne)), s = t.filter((o) => ne(o) === i);
+  const i = Math.max(...t.map(ie)), s = t.filter((o) => ie(o) === i);
   return s.length === 1 ? s[0] : void 0;
 }
 function yt(n, e) {
   return Object.entries(n.attributes).every(([t, i]) => e[t] === i);
 }
-function ne(n) {
+function ie(n) {
   return Object.keys(n.attributes).length;
 }
 class St {
@@ -953,11 +942,12 @@ class St {
   }
 }
 class wt {
-  constructor(e, t) {
-    this.send = e, this.dispatch = t;
+  constructor(e, t, i) {
+    this.send = e, this.dispatch = t, this.instance = i;
   }
   send;
   dispatch;
+  instance;
   focused = null;
   attributes = [];
   changeCallbacks = [];
@@ -974,11 +964,16 @@ class wt {
       throw g.invalidParameter(
         `set() requires a non-empty component name, got ${String(e)}`
       );
-    this.send({ type: c.FOCUS, action: ee.FOCUS, component: e });
+    this.send({
+      type: c.FOCUS,
+      instance: this.instance,
+      action: te.FOCUS,
+      component: e
+    });
   }
   /** Return to the overview — unfocus the current component. */
   clear() {
-    this.send({ type: c.FOCUS, action: ee.UNFOCUS });
+    this.send({ type: c.FOCUS, instance: this.instance, action: te.UNFOCUS });
   }
   /**
    * Subscribe to focus changes. The callback fires with the focus state when a
@@ -1049,8 +1044,8 @@ class Ct {
     }), this.developedCallbacks.clear(), this.errorCallbacks.clear());
   }
 }
-const ie = 3e4;
-class _t {
+const se = 3e4;
+class kt {
   constructor(e) {
     this.send = e;
   }
@@ -1068,10 +1063,10 @@ class _t {
     this.validateFilename(e), C.debug("Taking snapshot", { filename: e });
     const t = new Ct(e), i = setTimeout(() => {
       this.pendingPhotos.delete(e), C.warn("Snapshot timed out", { filename: e }), t.fail(new g(
-        `Snapshot timed out: the viewer did not respond within ${ie}ms`,
+        `Snapshot timed out: the viewer did not respond within ${se}ms`,
         A.SNAPSHOT_FAILED
       ));
-    }, ie);
+    }, se);
     return this.pendingPhotos.set(e, { photo: t, timeout: i }), this.send({
       type: c.SNAPSHOT,
       filename: e
@@ -1137,7 +1132,7 @@ class _t {
       );
   }
 }
-class kt {
+class _t {
   container = null;
   attach(e) {
     this.container = e;
@@ -1158,22 +1153,22 @@ class kt {
     };
   }
 }
-const At = {}, Et = "en", ye = (
+const At = {}, Et = "en", Se = (
   /** @type {const} */
   ["en", "nl", "de"]
-), K = [
+), X = [
   "baseLocale"
-], se = [], Y = typeof window > "u";
+], oe = [], Q = typeof window > "u";
 globalThis.__paraglide = /** @type {any} */
 globalThis.__paraglide ?? {};
 globalThis.__paraglide.ssr = /** @type {any} */
 globalThis.__paraglide.ssr ?? {};
-let oe = !1, m = () => {
-  let n = K;
-  !Y && typeof window < "u" && window.location?.href && (n = we(window.location.href));
+let re = !1, m = () => {
+  let n = X;
+  !Q && typeof window < "u" && window.location?.href && (n = Ce(window.location.href));
   const e = xt(n);
   if (e)
-    return oe || (oe = !0, Se(e, { reload: !1 })), e;
+    return re || (re = !0, we(e, { reload: !1 })), e;
   throw new Error("No locale found. Read the docs https://paraglidejs.com/errors#no-locale-found");
 };
 function xt(n, e) {
@@ -1181,7 +1176,7 @@ function xt(n, e) {
   for (const i of n) {
     if (i === "baseLocale")
       t = Et;
-    else if (Ce(i) && M.has(i)) {
+    else if (ke(i) && M.has(i)) {
       const o = M.get(i);
       if (o) {
         const r = o.getLocale();
@@ -1191,7 +1186,7 @@ function xt(n, e) {
           return It(r);
       }
     }
-    const s = X(t);
+    const s = J(t);
     if (s)
       return s;
   }
@@ -1199,7 +1194,7 @@ function xt(n, e) {
 const Tt = (n) => {
   window.location.reload();
 };
-let Se = (n, e) => {
+let we = (n, e) => {
   const t = {
     reload: !0,
     ...e
@@ -1210,22 +1205,22 @@ let Se = (n, e) => {
   } catch {
   }
   const s = [];
-  let o = K;
-  !Y && typeof window < "u" && window.location?.href && (o = we(window.location.href));
+  let o = X;
+  !Q && typeof window < "u" && window.location?.href && (o = Ce(window.location.href));
   for (const a of o)
-    if (a !== "baseLocale" && Ce(a) && M.has(a)) {
-      const d = M.get(a);
-      if (d) {
-        let u = d.setLocale(n);
-        u instanceof Promise && (u = u.catch((f) => {
+    if (a !== "baseLocale" && ke(a) && M.has(a)) {
+      const u = M.get(a);
+      if (u) {
+        let d = u.setLocale(n);
+        d instanceof Promise && (d = d.catch((f) => {
           throw new Error(`Custom strategy "${a}" setLocale failed.`, {
             cause: f
           });
-        }), s.push(u));
+        }), s.push(d));
       }
     }
   const r = () => {
-    !Y && t.reload && window.location && n !== i && Tt();
+    !Q && t.reload && window.location && n !== i && Tt();
   };
   if (s.length)
     return Promise.all(s).then(() => {
@@ -1233,38 +1228,38 @@ let Se = (n, e) => {
     });
   r();
 }, Rt = () => typeof window < "u" ? window.location.origin : "http://fallback.com";
-function X(n) {
+function J(n) {
   if (typeof n != "string")
     return;
   const e = n.toLowerCase();
-  for (const t of ye)
+  for (const t of Se)
     if (t.toLowerCase() === e)
       return t;
 }
 function It(n) {
-  const e = X(n);
+  const e = J(n);
   if (e)
     return e;
-  throw new Error(`Invalid locale: ${n}. Expected one of: ${ye.join(", ")}`);
+  throw new Error(`Invalid locale: ${n}. Expected one of: ${Se.join(", ")}`);
 }
 function Lt(n) {
   return Ot(n);
 }
 function Ot(n) {
   const e = typeof n == "string" ? new URL(n, Rt()) : new URL(n), t = e.pathname.split("/").filter(Boolean);
-  return t.length > 0 && X(t[0]) && (e.pathname = "/" + t.slice(1).join("/")), e;
+  return t.length > 0 && J(t[0]) && (e.pathname = "/" + t.slice(1).join("/")), e;
 }
-let re, ae;
+let ae, le;
 function Nt(n) {
-  if (se.length === 0)
+  if (oe.length === 0)
     return;
   const e = typeof n == "string" ? n : n.href;
-  if (re === e)
-    return ae;
+  if (ae === e)
+    return le;
   const t = new URL(e, "http://example.com"), i = Lt(t), s = i.href === t.href ? [t] : [t, i];
   let o;
   for (const r of s) {
-    for (const a of se)
+    for (const a of oe)
       if (new At(a.match, r.href).exec(r.href)) {
         o = a;
         break;
@@ -1272,14 +1267,14 @@ function Nt(n) {
     if (o)
       break;
   }
-  return re = e, ae = o, o;
+  return ae = e, le = o, o;
 }
-function we(n) {
+function Ce(n) {
   const e = Nt(n);
-  return e && e.exclude !== !0 && Array.isArray(e.strategy) ? e.strategy : K;
+  return e && e.exclude !== !0 && Array.isArray(e.strategy) ? e.strategy : X;
 }
 const M = /* @__PURE__ */ new Map();
-function Ce(n) {
+function ke(n) {
   return typeof n == "string" && /^custom-[A-Za-z0-9_-]+$/.test(n);
 }
 const Mt = (
@@ -1306,13 +1301,13 @@ const Mt = (
     const t = e.locale ?? m();
     return t === "nl" ? zt() : t === "de" ? Pt() : Mt();
   })
-), $t = (
+), Dt = (
   /** @type {(inputs: Controls_Qr_Modaltitle1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Scan to view in AR"
   )
-), Dt = (
+), $t = (
   /** @type {(inputs: Controls_Qr_Modaltitle1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
@@ -1328,7 +1323,7 @@ const Mt = (
   /** @type {((inputs?: Controls_Qr_Modaltitle1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Qr_Modaltitle1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
-    return t === "nl" ? Dt() : t === "de" ? Ut() : $t();
+    return t === "nl" ? $t() : t === "de" ? Ut() : Dt();
   })
 ), Vt = (
   /** @type {(inputs: Controls_Qr_Modaldescription1Inputs) => LocalizedString} */
@@ -1444,350 +1439,326 @@ const Mt = (
     /** @type {LocalizedString} */
     "Herunterladen"
   )
-), _e = (
+), ln = (
   /** @type {((inputs?: Loading_Downloadingshort1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Loading_Downloadingshort1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
     return t === "nl" ? rn() : t === "de" ? an() : on();
   })
-), ln = (
-  /** @type {(inputs: Loading_RenderingInputs) => LocalizedString} */
-  () => (
-    /** @type {LocalizedString} */
-    "Rendering"
-  )
 ), cn = (
-  /** @type {(inputs: Loading_RenderingInputs) => LocalizedString} */
-  () => (
-    /** @type {LocalizedString} */
-    "Renderen"
-  )
-), dn = (
-  /** @type {(inputs: Loading_RenderingInputs) => LocalizedString} */
-  () => (
-    /** @type {LocalizedString} */
-    "Rendern"
-  )
-), un = (
-  /** @type {((inputs?: Loading_RenderingInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Loading_RenderingInputs, { locale?: "en" | "nl" | "de" }, {}>} */
-  ((n = {}, e = {}) => {
-    const t = e.locale ?? m();
-    return t === "nl" ? cn() : t === "de" ? dn() : ln();
-  })
-), hn = (
   /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Screenshot"
   )
-), mn = (
+), un = (
   /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Screenshot"
   )
-), pn = (
+), dn = (
   /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Screenshot"
   )
-), fn = (
+), hn = (
   /** @type {((inputs?: Controls_Screenshot_Buttonlabel1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Screenshot_Buttonlabel1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
-    return t === "nl" ? mn() : t === "de" ? pn() : hn();
+    return t === "nl" ? un() : t === "de" ? dn() : cn();
   })
-), gn = (
+), mn = (
   /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Configure"
   )
-), bn = (
+), pn = (
   /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Configureren"
   )
-), vn = (
+), fn = (
   /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Konfigurieren"
   )
-), yn = (
+), gn = (
   /** @type {((inputs?: Controls_Configurator_OpenInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Configurator_OpenInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
-    return t === "nl" ? bn() : t === "de" ? vn() : gn();
+    return t === "nl" ? pn() : t === "de" ? fn() : mn();
   })
-), Sn = (
+), bn = (
   /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Close"
   )
-), wn = (
+), vn = (
   /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Sluiten"
   )
-), Cn = (
+), yn = (
   /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Schließen"
   )
-), _n = (
+), Sn = (
   /** @type {((inputs?: Controls_Configurator_CloseInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Configurator_CloseInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
-    return t === "nl" ? wn() : t === "de" ? Cn() : Sn();
+    return t === "nl" ? vn() : t === "de" ? yn() : bn();
   })
-), kn = (
+), wn = (
   /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Reset camera"
   )
-), An = (
+), Cn = (
   /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Camera resetten"
   )
-), En = (
+), kn = (
   /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Kamera zurücksetzen"
   )
-), xn = (
+), _n = (
   /** @type {((inputs?: Controls_Camera_ResetInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_ResetInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
-    return t === "nl" ? An() : t === "de" ? En() : kn();
+    return t === "nl" ? Cn() : t === "de" ? kn() : wn();
   })
-), Tn = (
+), An = (
   /** @type {(inputs: Controls_Camera_Zoomin1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Zoom in"
   )
-), Rn = (
+), En = (
   /** @type {(inputs: Controls_Camera_Zoomin1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Inzoomen"
   )
-), In = (
+), xn = (
   /** @type {(inputs: Controls_Camera_Zoomin1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Hineinzoomen"
   )
-), Ln = (
+), Tn = (
   /** @type {((inputs?: Controls_Camera_Zoomin1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Zoomin1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
-    return t === "nl" ? Rn() : t === "de" ? In() : Tn();
+    return t === "nl" ? En() : t === "de" ? xn() : An();
   })
-), On = (
+), Rn = (
   /** @type {(inputs: Controls_Camera_Zoomout1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Zoom out"
   )
-), Nn = (
+), In = (
   /** @type {(inputs: Controls_Camera_Zoomout1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Uitzoomen"
   )
-), Mn = (
+), Ln = (
   /** @type {(inputs: Controls_Camera_Zoomout1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Herauszoomen"
   )
-), zn = (
+), On = (
   /** @type {((inputs?: Controls_Camera_Zoomout1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Zoomout1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
-    return t === "nl" ? Nn() : t === "de" ? Mn() : On();
+    return t === "nl" ? In() : t === "de" ? Ln() : Rn();
   })
-), Pn = (
+), Nn = (
   /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Rotate left"
   )
-), Fn = (
+), Mn = (
   /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Naar links draaien"
   )
-), $n = (
+), zn = (
   /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Nach links drehen"
   )
-), Dn = (
+), Pn = (
   /** @type {((inputs?: Controls_Camera_Rotateleft1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Rotateleft1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
-    return t === "nl" ? Fn() : t === "de" ? $n() : Pn();
+    return t === "nl" ? Mn() : t === "de" ? zn() : Nn();
   })
-), Un = (
+), Fn = (
   /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Rotate right"
   )
-), Bn = (
+), Dn = (
   /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Naar rechts draaien"
   )
-), Vn = (
+), $n = (
   /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Nach rechts drehen"
   )
-), jn = (
+), Un = (
   /** @type {((inputs?: Controls_Camera_Rotateright1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Rotateright1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
-    return t === "nl" ? Bn() : t === "de" ? Vn() : Un();
+    return t === "nl" ? Dn() : t === "de" ? $n() : Fn();
   })
-), Hn = (
+), Bn = (
   /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Tilt up"
   )
-), qn = (
+), Vn = (
   /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Omhoog kantelen"
   )
-), Gn = (
+), jn = (
   /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Nach oben kippen"
   )
-), Zn = (
+), Hn = (
   /** @type {((inputs?: Controls_Camera_Tiltup1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Tiltup1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
-    return t === "nl" ? qn() : t === "de" ? Gn() : Hn();
+    return t === "nl" ? Vn() : t === "de" ? jn() : Bn();
   })
-), Wn = (
+), qn = (
   /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Tilt down"
   )
-), Yn = (
+), Gn = (
   /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Omlaag kantelen"
   )
-), Qn = (
+), Zn = (
   /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Nach unten kippen"
   )
-), Kn = (
+), Wn = (
   /** @type {((inputs?: Controls_Camera_Tiltdown1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Tiltdown1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
-    return t === "nl" ? Yn() : t === "de" ? Qn() : Wn();
+    return t === "nl" ? Gn() : t === "de" ? Zn() : qn();
   })
-), Xn = (
+), Yn = (
   /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Working…"
   )
-), Jn = (
+), Qn = (
   /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Bezig…"
   )
-), ei = (
+), Kn = (
   /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Läuft…"
   )
-), ti = (
+), Xn = (
   /** @type {((inputs?: Commerce_Submit_BusyInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Commerce_Submit_BusyInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
-    return t === "nl" ? Jn() : t === "de" ? ei() : Xn();
+    return t === "nl" ? Qn() : t === "de" ? Kn() : Yn();
   })
-), ni = (
+), Jn = (
   /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Done"
   )
-), ii = (
+), ei = (
   /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Gelukt"
   )
-), si = (
+), ti = (
   /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Fertig"
   )
-), oi = (
+), ni = (
   /** @type {((inputs?: Commerce_Submit_SuccessInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Commerce_Submit_SuccessInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
-    return t === "nl" ? ii() : t === "de" ? si() : ni();
+    return t === "nl" ? ei() : t === "de" ? ti() : Jn();
   })
-), ri = (
+), ii = (
   /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Failed"
   )
-), ai = (
+), si = (
   /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Mislukt"
   )
-), li = (
+), oi = (
   /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Fehlgeschlagen"
   )
-), ci = (
+), ri = (
   /** @type {((inputs?: Commerce_Submit_FailedInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Commerce_Submit_FailedInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, e = {}) => {
     const t = e.locale ?? m();
-    return t === "nl" ? ai() : t === "de" ? li() : ri();
+    return t === "nl" ? si() : t === "de" ? oi() : ii();
   })
 );
-const di = {
+const ai = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -1798,22 +1769,22 @@ const di = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-const ke = ([n, e, t]) => {
+const _e = ([n, e, t]) => {
   const i = document.createElementNS("http://www.w3.org/2000/svg", n);
   return Object.keys(e).forEach((s) => {
     i.setAttribute(s, String(e[s]));
   }), t?.length && t.forEach((s) => {
-    const o = ke(s);
+    const o = _e(s);
     i.appendChild(o);
   }), i;
 }, Ae = (n, e = {}) => {
   const i = {
-    ...di,
+    ...ai,
     ...e
   };
-  return ke(["svg", i, n]);
+  return _e(["svg", i, n]);
 };
-const ui = [
+const li = [
   [
     "path",
     {
@@ -1823,7 +1794,7 @@ const ui = [
   ["path", { d: "m3.3 7 8.7 5 8.7-5" }],
   ["path", { d: "M12 22V12" }]
 ];
-const hi = [
+const ci = [
   [
     "path",
     {
@@ -1833,26 +1804,26 @@ const hi = [
   ["circle", { cx: "12", cy: "13", r: "3" }]
 ];
 const Ee = [["path", { d: "m6 9 6 6 6-6" }]];
-const mi = [["path", { d: "m15 18-6-6 6-6" }]];
-const pi = [["path", { d: "m9 18 6-6-6-6" }]];
-const fi = [["path", { d: "m18 15-6-6-6 6" }]];
-const gi = [
+const ui = [["path", { d: "m15 18-6-6 6-6" }]];
+const di = [["path", { d: "m9 18 6-6-6-6" }]];
+const hi = [["path", { d: "m18 15-6-6-6 6" }]];
+const mi = [
   ["path", { d: "M15 3h6v6" }],
   ["path", { d: "m21 3-7 7" }],
   ["path", { d: "m3 21 7-7" }],
   ["path", { d: "M9 21H3v-6" }]
 ];
-const bi = [
+const pi = [
   ["path", { d: "m14 10 7-7" }],
   ["path", { d: "M20 10h-6V4" }],
   ["path", { d: "m3 21 7-7" }],
   ["path", { d: "M4 14h6v6" }]
 ];
-const vi = [
+const fi = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }],
   ["path", { d: "M3 3v5h5" }]
 ];
-const yi = [
+const gi = [
   ["path", { d: "M10 5H3" }],
   ["path", { d: "M12 19H3" }],
   ["path", { d: "M14 3v4" }],
@@ -1863,17 +1834,17 @@ const yi = [
   ["path", { d: "M8 10v4" }],
   ["path", { d: "M8 12H3" }]
 ];
-const Si = [
+const bi = [
   ["path", { d: "M18 6 6 18" }],
   ["path", { d: "m6 6 12 12" }]
 ];
-const wi = [
+const vi = [
   ["circle", { cx: "11", cy: "11", r: "8" }],
   ["line", { x1: "21", x2: "16.65", y1: "21", y2: "16.65" }],
   ["line", { x1: "11", x2: "11", y1: "8", y2: "14" }],
   ["line", { x1: "8", x2: "14", y1: "11", y2: "11" }]
 ];
-const Ci = [
+const yi = [
   ["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" }]
@@ -1882,19 +1853,19 @@ function y(n, { size: e = 20, strokeWidth: t = 1.75 } = {}) {
   return Ae(n, { width: e, height: e, "stroke-width": t });
 }
 const b = {
-  ar: (n) => y(ui, n),
-  fullscreen: (n) => y(gi, n),
-  exitFullscreen: (n) => y(bi, n),
-  screenshot: (n) => y(hi, n),
-  tiltUp: (n) => y(fi, n),
+  ar: (n) => y(li, n),
+  fullscreen: (n) => y(mi, n),
+  exitFullscreen: (n) => y(pi, n),
+  screenshot: (n) => y(ci, n),
+  tiltUp: (n) => y(hi, n),
   tiltDown: (n) => y(Ee, n),
-  rotateLeft: (n) => y(mi, n),
-  rotateRight: (n) => y(pi, n),
-  zoomIn: (n) => y(wi, n),
-  zoomOut: (n) => y(Ci, n),
-  reset: (n) => y(vi, n),
-  configurator: (n) => y(yi, n),
-  close: (n) => y(Si, n)
+  rotateLeft: (n) => y(ui, n),
+  rotateRight: (n) => y(di, n),
+  zoomIn: (n) => y(vi, n),
+  zoomOut: (n) => y(yi, n),
+  reset: (n) => y(fi, n),
+  configurator: (n) => y(gi, n),
+  close: (n) => y(bi, n)
 };
 class v {
   element;
@@ -1940,7 +1911,7 @@ const p = {
   // 32px
   9: "2.25rem"
 };
-class _i {
+class Si {
   element;
   constructor() {
     this.element = document.createElement("div"), Object.assign(this.element.style, {
@@ -1953,9 +1924,9 @@ class _i {
     });
   }
 }
-class ki {
+class wi {
   constructor(e = {}) {
-    this.options = e, this.card = new _i(), this.backdrop = this.createBackdrop(), this.backdrop.appendChild(this.card.element);
+    this.options = e, this.card = new Si(), this.backdrop = this.createBackdrop(), this.backdrop.appendChild(this.card.element);
   }
   options;
   card;
@@ -1984,7 +1955,7 @@ class ki {
     }), e;
   }
 }
-class Ai {
+class Ci {
   element;
   selectCallback = null;
   constructor(e, t, i) {
@@ -2017,7 +1988,7 @@ class Ai {
     }
   }
 }
-class Ei {
+class ki {
   element;
   select;
   constructor(e, t, i, s, o) {
@@ -2025,13 +1996,13 @@ class Ei {
     const r = document.createElement("option");
     r.value = "", r.disabled = !0, r.textContent = i, this.select.appendChild(r);
     let a = !1;
-    for (let u = 0; u < t.length; u++) {
-      const f = t[u], h = document.createElement("option");
-      h.value = f, h.textContent = o?.[u] ?? f, f === s && (h.selected = !0, a = !0), this.select.appendChild(h);
+    for (let d = 0; d < t.length; d++) {
+      const f = t[d], h = document.createElement("option");
+      h.value = f, h.textContent = o?.[d] ?? f, f === s && (h.selected = !0, a = !0), this.select.appendChild(h);
     }
     a || (r.selected = !0);
-    const d = Ae(Ee, { width: 16, height: 16, "stroke-width": 2 });
-    d.classList.add("ui-native-select-icon"), this.element = document.createElement("div"), this.element.className = "ui-native-select-wrap", this.element.appendChild(this.select), this.element.appendChild(d);
+    const u = Ae(Ee, { width: 16, height: 16, "stroke-width": 2 });
+    u.classList.add("ui-native-select-icon"), this.element = document.createElement("div"), this.element.className = "ui-native-select-wrap", this.element.appendChild(this.select), this.element.appendChild(u);
   }
   setSelected(e) {
     this.select.value = e;
@@ -2047,7 +2018,7 @@ class Ei {
       t.value !== "" && (t.disabled = e !== null && !e.includes(t.value));
   }
 }
-class xi {
+class _i {
   element;
   input;
   valueText;
@@ -2129,7 +2100,7 @@ const w = {
     medium: "500",
     semibold: "600"
   }
-}, x = w.fontFamily.sans.join(", "), Ti = `
+}, x = w.fontFamily.sans.join(", "), Ai = `
   --primary: oklch(5% 0 0);
   --primary-foreground: oklch(100% 0 0);
   --secondary: oklch(92% 0 0);
@@ -2142,8 +2113,8 @@ const w = {
   --accent: oklch(92% 0 0);
   --accent-foreground: oklch(5% 0 0);
   --muted-foreground: oklch(44% 0 0);
-`, Ri = `
-:root { ${Ti} }
+`, Ei = `
+:root { ${Ai} }
 
 /* ── Button ──────────────────────────────────────────────── */
 .ui-btn {
@@ -2513,29 +2484,29 @@ const w = {
   50% { opacity: 0.55; }
 }
 `;
-let le = !1;
+let ce = !1;
 function xe() {
-  if (le || typeof document > "u")
+  if (ce || typeof document > "u")
     return;
-  le = !0;
+  ce = !0;
   const n = document.createElement("style");
-  n.id = "vd-ui-vanilla", n.textContent = Ri, document.head.appendChild(n);
+  n.id = "vd-ui-vanilla", n.textContent = Ei, document.head.appendChild(n);
 }
-const Ii = w.fontFamily.sans.join(", ");
-class Li {
+const xi = w.fontFamily.sans.join(", ");
+class Ti {
   qrLib = null;
   dialog = null;
   qrSlot = null;
   /** Open the modal immediately, with a loading placeholder in the QR slot. */
   show() {
-    this.hide(), xe(), this.dialog = new ki({ onClose: () => {
+    this.hide(), xe(), this.dialog = new wi({ onClose: () => {
       this.dialog = null, this.qrSlot = null;
     } }), Object.assign(this.dialog.card.element.style, {
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
       gap: l[3],
-      fontFamily: Ii
+      fontFamily: xi
     }), this.dialog.card.element.appendChild(this.createText(Bt(), {
       fontSize: w.fontSize.base,
       fontWeight: w.fontWeight.semibold,
@@ -2587,40 +2558,40 @@ class Li {
     return t.src = e, t.alt = "QR code", t;
   }
 }
-function ce(n) {
+function ue(n) {
   const e = Math.max(0, Math.min(1, n));
   return e * e * (3 - 2 * e);
 }
-function Oi(n, e, t, i, s, o) {
-  const [r, a, d] = n, u = Math.cos(e), f = Math.sin(e), h = u * r + f * d, E = -f * r + u * d, k = Math.cos(t), _ = Math.sin(t), I = k * a - _ * E, P = _ * a + k * E, J = 0.55;
-  return [i + h * o * J, s - I * o * J, P];
+function Ri(n, e, t, i, s, o) {
+  const [r, a, u] = n, d = Math.cos(e), f = Math.sin(e), h = d * r + f * u, E = -f * r + d * u, _ = Math.cos(t), k = Math.sin(t), I = _ * a - k * E, P = k * a + _ * E, ee = 0.55;
+  return [i + h * o * ee, s - I * o * ee, P];
 }
-function Ni(n, e, t) {
+function Ii(n, e, t) {
   n.beginPath(), n.moveTo(e[0], e[1]), n.lineTo(t[0], t[1]), n.strokeStyle = "#000", n.lineWidth = 2, n.stroke();
 }
-function Mi(n, e, t, i, s) {
+function Li(n, e, t, i, s) {
   const o = e(t), r = e(i), a = [
     o[0] + (r[0] - o[0]) * s,
     o[1] + (r[1] - o[1]) * s,
     o[2]
   ];
-  Ni(n, o, a);
+  Ii(n, o, a);
 }
-const $ = [-1, -1, 1], D = [1, -1, 1], U = [1, -1, -1], B = [-1, -1, -1], V = [-1, 1, 1], j = [1, 1, 1], H = [1, 1, -1], q = [-1, 1, -1], de = [
-  [$, D],
-  [D, U],
+const $ = [-1, -1, 1], U = [1, -1, 1], B = [1, -1, -1], V = [-1, -1, -1], j = [-1, 1, 1], H = [1, 1, 1], q = [1, 1, -1], G = [-1, 1, -1], de = [
+  [$, U],
   [U, B],
-  [B, $],
-  [$, V],
-  [D, j],
+  [B, V],
+  [V, $],
+  [$, j],
   [U, H],
   [B, q],
-  [V, j],
+  [V, G],
   [j, H],
   [H, q],
-  [q, V]
-], zi = 400, ue = '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif';
-function Pi() {
+  [q, G],
+  [G, j]
+], Oi = 400, he = '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif';
+function Ni() {
   const n = document.createElement("div");
   Object.assign(n.style, {
     position: "absolute",
@@ -2656,16 +2627,16 @@ function Pi() {
     fontWeight: "400",
     color: "#000",
     fontVariantNumeric: "tabular-nums",
-    fontFamily: ue
+    fontFamily: he
   });
   const s = document.createElement("span");
   return Object.assign(s.style, {
     fontSize: "13px",
     color: "#000",
-    fontFamily: ue
-  }), s.textContent = _e(), t.appendChild(i), t.appendChild(s), n.appendChild(e), n.appendChild(t), { overlay: n, canvas: e, pctEl: i, phaseEl: s };
+    fontFamily: he
+  }), s.textContent = ln(), t.appendChild(i), t.appendChild(s), n.appendChild(e), n.appendChild(t), { overlay: n, canvas: e, pctEl: i, phaseEl: s };
 }
-class Fi {
+class Mi {
   overlay;
   canvas;
   ctx;
@@ -2678,19 +2649,13 @@ class Fi {
   visible = !1;
   constructor(e, t = {}) {
     this.startTime = performance.now();
-    const i = Pi();
+    const i = Ni();
     this.overlay = i.overlay, this.canvas = i.canvas, this.pctEl = i.pctEl, this.phaseEl = i.phaseEl, e.appendChild(this.overlay), this.ctx = this.canvas.getContext("2d"), this.ctx !== null && (this.sizeCanvas(), this.tick());
-    const s = t.showDelay ?? zi;
+    const s = t.showDelay ?? Oi;
     this.showTimerId = setTimeout(() => {
       this.reveal();
     }, s);
   }
-  get loadingTexts() {
-    return {
-      downloading: _e(),
-      rendering: un()
-    };
-  }
   updateProgress(e, t) {
     this.hidden || (this.pctEl.textContent = `${Math.round(e)}%`, this.phaseEl.textContent = t !== "" ? ` · ${t}` : "");
   }
@@ -2741,20 +2706,20 @@ class Fi {
       return;
     const e = this.canvas.width / Math.min(devicePixelRatio, 2), t = this.canvas.height / Math.min(devicePixelRatio, 2), i = (performance.now() - this.startTime) / 1e3;
     this.ctx.fillStyle = "#fff", this.ctx.fillRect(0, 0, e, t);
-    const s = e / 2, o = t * 0.44, r = Math.min(e, t) * 0.08, a = 0.785, d = 0.615, u = (_) => Oi(_, a, d, s, o, r), f = 6, h = i % f / f, E = de.length;
-    let k;
-    h < 0.35 ? k = ce(h / 0.35) * E : h < 0.55 ? k = E : h < 0.9 ? k = (1 - ce((h - 0.55) / 0.35)) * E : k = 0, this.ctx.shadowBlur = 5, this.ctx.shadowColor = "rgba(30,30,30,0.08)";
-    for (let _ = 0; _ < E && !(_ >= k); _++) {
-      const I = de[_];
+    const s = e / 2, o = t * 0.44, r = Math.min(e, t) * 0.08, a = 0.785, u = 0.615, d = (k) => Ri(k, a, u, s, o, r), f = 6, h = i % f / f, E = de.length;
+    let _;
+    h < 0.35 ? _ = ue(h / 0.35) * E : h < 0.55 ? _ = E : h < 0.9 ? _ = (1 - ue((h - 0.55) / 0.35)) * E : _ = 0, this.ctx.shadowBlur = 5, this.ctx.shadowColor = "rgba(30,30,30,0.08)";
+    for (let k = 0; k < E && !(k >= _); k++) {
+      const I = de[k];
       if (I === void 0)
         continue;
-      const P = Math.min(1, k - _);
-      Mi(this.ctx, u, I[0], I[1], P);
+      const P = Math.min(1, _ - k);
+      Li(this.ctx, d, I[0], I[1], P);
     }
     this.ctx.shadowBlur = 0;
   }
 }
-class $i {
+class zi {
   constructor(e) {
     this.options = e, this.element = document.createElement("div"), Object.assign(this.element.style, { display: "flex", gap: "0.375rem" }), this.onFullscreenChange = () => {
       this.setFullscreenIcon(document.fullscreenElement !== null);
@@ -2808,9 +2773,9 @@ class z {
       targetTilt: t.tilt,
       targetZoom: t.zoom,
       thetaOffset: 0
-    }, s = Di(e, t, i);
+    }, s = Pi(e, t, i);
     t.onChange((o) => {
-      i.targetRotation = o.rotation - i.thetaOffset, i.targetTilt = o.tilt, i.targetZoom = o.zoom, Ui(s, t, o);
+      i.targetRotation = o.rotation - i.thetaOffset, i.targetTilt = o.tilt, i.targetZoom = o.zoom, Fi(s, t, o);
     }), this.element.appendChild(z.buildZoom(s.zoomOut, s.zoomIn)), this.element.appendChild(z.buildDpad(s.tiltUp, s.rotateLeft, s.reset, s.rotateRight, s.tiltDown));
   }
   static buildZoom(e, t) {
@@ -2820,55 +2785,55 @@ class z {
   static buildDpad(e, t, i, s, o) {
     const r = document.createElement("div");
     r.className = "vd-dpad";
-    for (const [a, d] of [
+    for (const [a, u] of [
       [e, "up"],
       [t, "left"],
       [i, "center"],
       [s, "right"],
       [o, "down"]
     ])
-      a.element.classList.add(`vd-dpad-${d}`), r.appendChild(a.element);
+      a.element.classList.add(`vd-dpad-${u}`), r.appendChild(a.element);
     return r;
   }
 }
-function Di(n, e, t) {
+function Pi(n, e, t) {
   const i = (r) => Math.max(e.limits?.minZoom ?? 1, Math.min(e.limits?.maxZoom ?? 1 / 0, r)), s = (r) => {
-    const a = e.limits?.minRotate, d = e.limits?.maxRotate;
-    return a !== void 0 || d !== void 0 ? Math.max(a ?? -1 / 0, Math.min(d ?? 1 / 0, r)) : r;
+    const a = e.limits?.minRotate, u = e.limits?.maxRotate;
+    return a !== void 0 || u !== void 0 ? Math.max(a ?? -1 / 0, Math.min(u ?? 1 / 0, r)) : r;
   }, o = (r) => {
-    const a = e.limits?.minTilt, d = e.limits?.maxTilt;
-    if (a !== void 0 || d !== void 0) {
-      t.targetTilt = Math.max(a ?? 0, Math.min(d ?? 180, t.targetTilt + r)), n.tilt(t.targetTilt).set();
+    const a = e.limits?.minTilt, u = e.limits?.maxTilt;
+    if (a !== void 0 || u !== void 0) {
+      t.targetTilt = Math.max(a ?? 0, Math.min(u ?? 180, t.targetTilt + r)), n.tilt(t.targetTilt).set();
       return;
     }
-    const u = t.targetTilt + r;
-    u > 180 || u < 0 ? (t.targetTilt = u > 180 ? 360 - u : -u, t.thetaOffset = (t.thetaOffset + 180) % 360, n.tilt(t.targetTilt).rotate(t.targetRotation + t.thetaOffset).set()) : (t.targetTilt = u, n.tilt(t.targetTilt).set());
+    const d = t.targetTilt + r;
+    d > 180 || d < 0 ? (t.targetTilt = d > 180 ? 360 - d : -d, t.thetaOffset = (t.thetaOffset + 180) % 360, n.tilt(t.targetTilt).rotate(t.targetRotation + t.thetaOffset).set()) : (t.targetTilt = d, n.tilt(t.targetTilt).set());
   };
   return {
-    zoomOut: new v({ variant: "outline", size: "icon", label: zn(), icon: b.zoomOut(), onClick: () => {
+    zoomOut: new v({ variant: "outline", size: "icon", label: On(), icon: b.zoomOut(), onClick: () => {
       t.targetZoom = i(t.targetZoom - 10), n.zoom(t.targetZoom).set();
     } }),
-    zoomIn: new v({ variant: "outline", size: "icon", label: Ln(), icon: b.zoomIn(), onClick: () => {
+    zoomIn: new v({ variant: "outline", size: "icon", label: Tn(), icon: b.zoomIn(), onClick: () => {
       t.targetZoom = i(t.targetZoom + 10), n.zoom(t.targetZoom).set();
     } }),
-    tiltUp: new v({ variant: "outline", size: "icon", label: Zn(), icon: b.tiltUp(), onClick: () => {
+    tiltUp: new v({ variant: "outline", size: "icon", label: Hn(), icon: b.tiltUp(), onClick: () => {
       o(-15);
     } }),
-    rotateLeft: new v({ variant: "outline", size: "icon", label: Dn(), icon: b.rotateLeft(), onClick: () => {
+    rotateLeft: new v({ variant: "outline", size: "icon", label: Pn(), icon: b.rotateLeft(), onClick: () => {
       t.targetRotation = s(t.targetRotation - 15), n.rotate(t.targetRotation + t.thetaOffset).set();
     } }),
-    reset: new v({ variant: "outline", size: "icon", label: xn(), icon: b.reset(), onClick: () => {
+    reset: new v({ variant: "outline", size: "icon", label: _n(), icon: b.reset(), onClick: () => {
       t.thetaOffset = 0, n.reset();
     } }),
-    rotateRight: new v({ variant: "outline", size: "icon", label: jn(), icon: b.rotateRight(), onClick: () => {
+    rotateRight: new v({ variant: "outline", size: "icon", label: Un(), icon: b.rotateRight(), onClick: () => {
       t.targetRotation = s(t.targetRotation + 15), n.rotate(t.targetRotation + t.thetaOffset).set();
     } }),
-    tiltDown: new v({ variant: "outline", size: "icon", label: Kn(), icon: b.tiltDown(), onClick: () => {
+    tiltDown: new v({ variant: "outline", size: "icon", label: Wn(), icon: b.tiltDown(), onClick: () => {
       o(15);
     } })
   };
 }
-function Ui(n, e, t) {
+function Fi(n, e, t) {
   const i = e.limits;
   i !== void 0 && (n.zoomOut.element.disabled = i.minZoom !== void 0 && t.zoom <= i.minZoom + R, n.zoomIn.element.disabled = i.maxZoom !== void 0 && t.zoom >= i.maxZoom - R, n.tiltUp.element.disabled = i.minTilt !== void 0 && t.tilt <= i.minTilt + R, n.tiltDown.element.disabled = i.maxTilt !== void 0 && t.tilt >= i.maxTilt - R, n.rotateLeft.element.disabled = i.minRotate !== void 0 && t.rotation <= i.minRotate + R, n.rotateRight.element.disabled = i.maxRotate !== void 0 && t.rotation >= i.maxRotate - R);
 }
@@ -2888,29 +2853,29 @@ const T = {
   cm: 10,
   m: 1e3,
   in: 25.4
-}, he = 3;
-function Bi(n) {
+}, me = 3;
+function Di(n) {
   const e = n.stepMm / Te[n.displayUnit];
-  for (let t = 0; t <= he; t++) {
+  for (let t = 0; t <= me; t++) {
     const i = e * 10 ** t;
     if (Math.abs(i - Math.round(i)) < 1e-9)
       return t;
   }
-  return he;
+  return me;
 }
-function Vi(n, e, t) {
-  const i = Bi(e), s = n / Te[e.displayUnit];
+function $i(n, e, t) {
+  const i = Di(e), s = n / Te[e.displayUnit];
   return new Intl.NumberFormat(t, {
     minimumFractionDigits: i,
     maximumFractionDigits: i
   }).format(s);
 }
-function ji(n, e, t, i, s, o, r) {
-  const a = m(), d = n.values.map((h) => Vi(Number(h), e, a)), u = n.values.find((h) => t.getValue(n.name, h)?.isSelected === !0) ?? n.defaultValue, f = new xi(n.values, {
+function Ui(n, e, t, i, s, o, r) {
+  const a = m(), u = n.values.map((h) => $i(Number(h), e, a)), d = n.values.find((h) => t.getValue(n.name, h)?.isSelected === !0) ?? n.defaultValue, f = new _i(n.values, {
     label: n.name,
-    labels: d,
+    labels: u,
     unit: e.displayUnit,
-    ...u !== void 0 && { initialSelected: u }
+    ...d !== void 0 && { initialSelected: d }
   });
   return f.onSelect((h) => {
     s(n.name, h);
@@ -2929,20 +2894,20 @@ function ji(n, e, t, i, s, o, r) {
     }
   };
 }
-const Hi = 5;
-let qi = 0;
-function Q(n) {
+const Bi = 5;
+let Vi = 0;
+function K(n) {
   const e = n.replace(/([A-Z])/g, " $1").trim();
   return e.charAt(0).toUpperCase() + e.slice(1).toLowerCase();
 }
-function Gi(n, e, t, i, s, o) {
+function ji(n, e, t, i, s, o) {
   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 = Q(n.name), a.id = `vd-attribute-label-${qi++}`, r.appendChild(a), r.setAttribute("role", "group"), r.setAttribute("aria-labelledby", a.id);
-  const d = (f) => {
+  a.className = "vd-attribute-label", a.textContent = K(n.name), a.id = `vd-attribute-label-${Vi++}`, r.appendChild(a), r.setAttribute("role", "group"), r.setAttribute("aria-labelledby", a.id);
+  const u = (f) => {
     r.style.display = f ? "none" : "";
-  }, u = n.dimension !== void 0 ? ji(
+  }, d = n.dimension !== void 0 ? Ui(
     n,
     n.dimension,
     e,
@@ -2950,27 +2915,27 @@ function Gi(n, e, t, i, s, o) {
     s,
     i,
     o
-  ) : Zi(n, e, t, i, o);
-  return r.appendChild(u.element), { element: r, setSelectable: u.setSelectable, setHidden: d };
+  ) : Hi(n, e, t, i, o);
+  return r.appendChild(d.element), { element: r, setSelectable: d.setSelectable, setHidden: u };
 }
-function Zi(n, e, t, i, s) {
+function Hi(n, e, t, i, s) {
   const o = n.values.find(
-    (d) => e.getValue(n.name, d)?.isSelected === !0
-  ), r = n.values.map(Q), a = n.values.length <= Hi ? new Ai(n.values, o, r) : new Ei(n.name, n.values, Q(n.name), o, r);
-  return a.onSelect((d) => {
-    t.dispatch(T.SELECT, { attribute: n.name, value: d }, !0).defaultPrevented || i(n.name, d);
-  }), s(n.name, (d) => {
-    a.setSelected(d.value), t.dispatch(T.SELECTED, { attribute: n.name, value: d.value });
+    (u) => e.getValue(n.name, u)?.isSelected === !0
+  ), r = n.values.map(K), a = n.values.length <= Bi ? new Ci(n.values, o, r) : new ki(n.name, n.values, K(n.name), o, r);
+  return a.onSelect((u) => {
+    t.dispatch(T.SELECT, { attribute: n.name, value: u }, !0).defaultPrevented || i(n.name, u);
+  }), s(n.name, (u) => {
+    a.setSelected(u.value), t.dispatch(T.SELECTED, { attribute: n.name, value: u.value });
   }), {
     element: a.element,
-    setSelectable: (d) => {
-      a.setEnabled(d);
+    setSelectable: (u) => {
+      a.setEnabled(u);
     }
   };
 }
-const Wi = 80, Yi = 2500;
-class Qi {
-  constructor(e, t = Yi) {
+const qi = 80, Gi = 2500;
+class Zi {
+  constructor(e, t = Gi) {
     this.configuration = e, this.resetMs = t, 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: () => {
@@ -3002,19 +2967,19 @@ class Qi {
       this.priceEl.textContent = "", this.vatEl.textContent = "";
       return;
     }
-    this.priceEl.textContent = Ki(e.price, e.currency), this.vatEl.textContent = me(this.configuration.vatDisplay);
+    this.priceEl.textContent = Wi(e.price, e.currency), this.vatEl.textContent = pe(this.configuration.vatDisplay);
   }
   renderButton() {
     const e = this.configuration.submitEnabled;
-    this.button.element.classList.toggle("vd-hidden", !e), e && this.state === "idle" && this.setButtonText(me(this.configuration.buttonLabel));
+    this.button.element.classList.toggle("vd-hidden", !e), e && this.state === "idle" && this.setButtonText(pe(this.configuration.buttonLabel));
   }
   async handleSubmit() {
     if (this.state !== "busy") {
-      this.setState("busy", ti());
+      this.setState("busy", Xn());
       try {
-        await this.configuration.submit(), this.setState("success", oi());
+        await this.configuration.submit(), this.setState("success", ni());
       } catch {
-        this.setState("failed", ci());
+        this.setState("failed", ri());
       }
       this.scheduleReset();
     }
@@ -3031,10 +2996,10 @@ class Qi {
     this.button.element.textContent = e, this.button.element.setAttribute("aria-label", e);
   }
 }
-function me(n) {
-  return (n ?? "").slice(0, Wi);
+function pe(n) {
+  return (n ?? "").slice(0, qi);
 }
-function Ki(n, e) {
+function Wi(n, e) {
   try {
     const t = new Intl.NumberFormat(m(), { style: "currency", currency: e }), i = t.resolvedOptions().maximumFractionDigits ?? 2;
     return t.format(n / 10 ** i);
@@ -3055,8 +3020,8 @@ class Re {
     this.slot?.remove(), this.slot = null, this.panel = null;
   }
 }
-const Xi = 572;
-class Ji {
+const Yi = 572;
+class Qi {
   /** @param actionBarSlot The shared corner slot the AR/fullscreen buttons live in — the
    * "open configurator" toggle joins them there instead of floating as its own overlay. */
   constructor(e) {
@@ -3076,7 +3041,7 @@ class Ji {
     this.container = e, t.classList.add("vd-attributes-sidebar"), this.closeButton = new v({
       variant: "ghost",
       size: "icon-sm",
-      label: _n(),
+      label: Sn(),
       icon: b.close({ size: 18 }),
       onClick: () => {
         this.expanded = !1, this.render();
@@ -3086,7 +3051,7 @@ class Ji {
     i.className = "vd-sidebar-header", i.appendChild(this.closeButton.element), this.body = document.createElement("div"), this.body.className = "vd-sidebar-body", this.body.appendChild(t), this.element = document.createElement("div"), this.element.className = "vd-sidebar vd-hidden", this.element.append(i, this.body), e.appendChild(this.element), this.openButton = new v({
       variant: "outline",
       size: "icon",
-      label: yn(),
+      label: gn(),
       icon: b.configurator({ size: 18 }),
       onClick: () => {
         this.expanded = !0, this.render();
@@ -3102,7 +3067,7 @@ class Ji {
   observe() {
     typeof ResizeObserver > "u" || this.container === null || (this.observer = new ResizeObserver((e) => {
       const t = e[0]?.contentRect.width ?? 0;
-      this.setCollapsible(t > 0 && t < Xi);
+      this.setCollapsible(t > 0 && t < Yi);
     }), this.observer.observe(this.container));
   }
   setCollapsible(e) {
@@ -3115,7 +3080,7 @@ class Ji {
     this.element.classList.toggle("vd-hidden", !this.visible), this.element.classList.toggle("vd-sidebar-collapsed", t), this.openButton.element.classList.toggle("vd-hidden", !t), this.closeButton.element.style.display = this.collapsible ? "" : "none", this.container.classList.toggle("vd-layout-sidebar-right", e), this.container.classList.toggle("vd-layout-sidebar-permanent", e && !this.collapsible);
   }
 }
-class es {
+class Ki {
   attach(e, t) {
   }
   setVisible(e) {
@@ -3123,20 +3088,20 @@ class es {
   destroy() {
   }
 }
-const ts = {
+const Xi = {
   "inframe-bottom-left": () => new Re(),
-  "sidebar-right": (n) => new Ji(n),
-  hidden: () => new es()
+  "sidebar-right": (n) => new Qi(n),
+  hidden: () => new Ki()
 };
-function ns(n, e) {
-  return (ts[n ?? ""] ?? (() => new Re()))(e);
+function Ji(n, e) {
+  return (Xi[n ?? ""] ?? (() => new Re()))(e);
 }
-const G = w.fontFamily.sans.join(", "), Z = `
+const Z = w.fontFamily.sans.join(", "), W = `
   position: absolute;
   display: flex;
   z-index: 10;
   transition: inset-inline-end 0.18s ease;
-`, is = `
+`, es = `
 /* Override browser's default black fullscreen backdrop */
 .vd-container:fullscreen {
   background: oklch(100% 0 0);
@@ -3144,7 +3109,7 @@ const G = w.fontFamily.sans.join(", "), Z = `
 
 /* Layout slots — four corners */
 .vd-slot-top-right {
-  ${Z}
+  ${W}
   inset-block-start: ${l[3]};
   inset-inline-end: ${l[3]};
   flex-direction: column;
@@ -3153,7 +3118,7 @@ const G = w.fontFamily.sans.join(", "), Z = `
 }
 
 .vd-slot-bottom-left {
-  ${Z}
+  ${W}
   inset-block-end: ${l[3]};
   inset-inline-start: ${l[3]};
   flex-direction: column;
@@ -3162,7 +3127,7 @@ const G = w.fontFamily.sans.join(", "), Z = `
 }
 
 .vd-slot-bottom-right {
-  ${Z}
+  ${W}
   inset-block-end: ${l[3]};
   inset-inline-end: ${l[3]};
   flex-direction: row;
@@ -3208,7 +3173,7 @@ const G = w.fontFamily.sans.join(", "), Z = `
   border-radius: ${l[3]};
   padding: ${l[3]};
   box-shadow: 0 ${l[1]} ${l[4]} color-mix(in oklch, ${p.neutral[900]} 6%, transparent);
-  font-family: ${G};
+  font-family: ${Z};
 }
 
 .vd-attribute {
@@ -3224,7 +3189,7 @@ const G = w.fontFamily.sans.join(", "), Z = `
   color: ${p.neutral[500]};
   text-transform: uppercase;
   letter-spacing: 0.05em;
-  font-family: ${G};
+  font-family: ${Z};
 }
 
 /* sidebar-right layout — a docked, full-height right panel */
@@ -3306,7 +3271,7 @@ const G = w.fontFamily.sans.join(", "), Z = `
   gap: ${l[2]};
   padding-block-start: ${l[3]};
   border-block-start: 1px solid color-mix(in oklch, ${p.neutral[900]} 8%, transparent);
-  font-family: ${G};
+  font-family: ${Z};
 }
 
 .vd-commerce-price {
@@ -3339,17 +3304,17 @@ const G = w.fontFamily.sans.join(", "), Z = `
 }
 
 `;
-function ss() {
+function ts() {
   if (xe(), document.getElementById("vd-styles") !== null)
     return;
   const n = document.createElement("style");
-  n.id = "vd-styles", n.textContent = is, document.head.appendChild(n);
+  n.id = "vd-styles", n.textContent = es, document.head.appendChild(n);
 }
-function os(n, e) {
+function ns(n, e) {
   const t = document.createElement("a");
   t.href = `data:image/png;base64,${n}`, t.download = e, t.click();
 }
-class rs {
+class is {
   options;
   settings = {};
   container = null;
@@ -3369,7 +3334,7 @@ class rs {
     this.options = e;
   }
   attach(e) {
-    ss(), this.container = e, this.loading = new Fi(e), this.slots.topRight = this.createSlot(e, "vd-slot-top-right"), this.slots.bottomRight = this.createSlot(e, "vd-slot-bottom-right");
+    ts(), this.container = e, this.loading = new Mi(e), this.slots.topRight = this.createSlot(e, "vd-slot-top-right"), this.slots.bottomRight = this.createSlot(e, "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);
@@ -3378,7 +3343,7 @@ class rs {
     if (this.actionBar !== null || this.slots.bottomRight === null || this.container === null)
       return;
     const e = typeof this.container.requestFullscreen == "function";
-    this.actionBar = new $i({
+    this.actionBar = new zi({
       onAr: this.options.onAr,
       onFullscreen: e ? () => {
         this.toggleFullscreen();
@@ -3395,7 +3360,7 @@ class rs {
     this.loading?.showError(e);
   }
   applyViewerSettings(e) {
-    this.settings = e, e.language !== void 0 && Se(e.language, { reload: !1 }), this.syncScreenshotButton(), this.actionBar?.applySettings(e), this.cameraControls !== null && (this.cameraControls.element.style.display = e.cameraControls === !0 ? "flex" : "none"), this.placeScreenshotButton();
+    this.settings = e, e.language !== void 0 && we(e.language, { reload: !1 }), this.syncScreenshotButton(), this.actionBar?.applySettings(e), this.cameraControls !== null && (this.cameraControls.element.style.display = e.cameraControls === !0 ? "flex" : "none"), this.placeScreenshotButton();
   }
   renderAttributeControls(e, t) {
     if (!(this.container === null || this.slots.topRight === null || this.slots.bottomRight === null) && (this.cameraControls?.element.remove(), this.cameraControls = null, this.teardownConfigurator(), this.settings.cameraControls === !0 && (this.cameraControls = new z(
@@ -3404,7 +3369,7 @@ class rs {
     ), this.cameraControls.element.style.display = "none", this.slots.topRight.appendChild(this.cameraControls.element)), this.placeScreenshotButton(), t.length !== 0)) {
       this.attributes = document.createElement("div"), this.attributes.className = "vd-attributes", this.groupHandles = /* @__PURE__ */ new Map();
       for (const i of t) {
-        const s = Gi(
+        const s = ji(
           i,
           e,
           this.options.eventBus,
@@ -3414,7 +3379,7 @@ class rs {
         );
         this.groupHandles.set(i.name, s), this.attributes.appendChild(s.element);
       }
-      this.commerce = new Qi(this.options.configuration), this.attributes.appendChild(this.commerce.element), this.layout = ns(
+      this.commerce = new Zi(this.options.configuration), this.attributes.appendChild(this.commerce.element), this.layout = Ji(
         this.settings.configuratorLayout,
         this.slots.bottomRight
       ), this.layout.attach(this.container, this.attributes), this.lastSelectable !== null && this.applySelectable(this.lastSelectable);
@@ -3455,11 +3420,11 @@ class rs {
     e && this.screenshotBtn === null && (this.screenshotBtn = new v({
       variant: "outline",
       size: "icon",
-      label: fn(),
+      label: hn(),
       icon: b.screenshot(),
       onClick: () => {
         this.options.snapshotApi.take("snapshot.png").onDeveloped(({ data: t, filename: i }) => {
-          os(t, i);
+          ns(t, i);
         });
       }
     })), !e && this.screenshotBtn !== null && (this.screenshotBtn.element.remove(), this.screenshotBtn = null);
@@ -3468,8 +3433,8 @@ class rs {
     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 as = {};
-class ls {
+const ss = {};
+class os {
   defaultServer = "https://server.virtualdisplay.io";
   options;
   serverHost;
@@ -3523,7 +3488,7 @@ class ls {
   getServerUrl() {
     if (this.serverHost !== void 0)
       return this.serverHost;
-    if (as?.VITE_VIRTUALDISPLAY_SERVER_HOST === void 0)
+    if (ss?.VITE_VIRTUALDISPLAY_SERVER_HOST === void 0)
       return this.defaultServer;
   }
   getParentElement() {
@@ -3535,7 +3500,7 @@ class ls {
     return e;
   }
 }
-function cs(n) {
+function rs(n) {
   const { messenger: e } = n;
   e.on(c.HANDSHAKE, (t) => {
     Me(t) && (C.info("Server handshake received, flushing publisher queue"), e.markReady());
@@ -3544,18 +3509,18 @@ function cs(n) {
   }), e.on(c.MUTATION, (t) => {
     Fe(t) && (n.attributes.handleMutationResult(t), n.configuration.handleSelectionChanged(n.attributes.getSelection()));
   }), e.on(c.SNAPSHOT, (t) => {
-    $e(t) && n.snapshot.handleSnapshotResult(t);
+    De(t) && n.snapshot.handleSnapshotResult(t);
   }), e.on(c.CAMERA, (t) => {
-    De(t) && n.cameraPosition.handlePositionUpdate(t);
+    $e(t) && n.cameraPosition.handlePositionUpdate(t);
   }), e.on(c.LOADING_INDICATOR, (t) => {
     Be(t) && (t.error !== void 0 ? n.ui.showError(t.error) : n.ui.updateProgress(t.progress, t.phase));
   }), e.on(c.CONFIG, (t) => {
     He(t) && n.applyConfig(t);
   }), e.on(c.MAPPING, (t) => {
     Ue(t) && (n.attributes.handleMappingReceived(t), n.configuration.handleSelectionChanged(n.attributes.getSelection()), n.ui.renderAttributeControls(n.attributes, t.attributes), n.readyStateTracker.handleMappingReceived());
-  }), ds(n);
+  }), as(n);
 }
-function ds(n) {
+function as(n) {
   const { messenger: e } = n;
   e.on(c.FOCUS, (t) => {
     qe(t) && n.focus.handleStateReceived(t);
@@ -3569,7 +3534,7 @@ function ds(n) {
     Pe(t) && n.onAppResolved(t);
   });
 }
-class us {
+class ls {
   ready = !1;
   onReady;
   constructor(e) {
@@ -3585,7 +3550,13 @@ class us {
     this.ready = !1;
   }
 }
-class hs {
+function cs(n) {
+  if (n === void 0)
+    return;
+  const { annotations: e, ...t } = n;
+  return e === void 0 ? t : e === !0 ? { ...t, annotations: "show" } : e === !1 ? { ...t, annotations: "hide" } : { ...t, annotations: e };
+}
+class us {
   attributes;
   selectableState;
   readyStateTracker;
@@ -3624,25 +3595,25 @@ class hs {
     const s = (o) => {
       this.messenger.send(o);
     };
-    this.attributes = new pt(s, (o, r) => {
+    this.attributes = new pt(s, F, (o, r) => {
       this.notifyMutationFailed(o, r);
-    }), this.selectableState = new ft(), this.snapshotApi = new _t(s), this.annotationsApi = new We(s), this.cameraApi = new gt(s), this.cameraPositionApi = new bt(), this.focusApi = new wt(s, (o) => {
+    }), this.selectableState = new ft(), this.snapshotApi = new kt(s), this.annotationsApi = new We(s, F), this.cameraApi = new gt(s), this.cameraPositionApi = new bt(), this.focusApi = new wt(s, (o) => {
       this.dispatchFocusChange(o);
-    }), this.configurationApi = new St(
+    }, F), this.configurationApi = new St(
       (o) => {
         this.dispatchConfigurationChange(o);
       },
       (o) => {
         this.dispatchConfigurationSubmit(o);
       }
-    ), this.eventBus = new kt(), this.arActivation = i.createArActivation?.(s), this.syncTracker = i.createSyncTracker?.(), this.readyStateTracker = new us(() => {
+    ), this.eventBus = new _t(), this.arActivation = i.createArActivation?.(s), this.syncTracker = i.createSyncTracker?.(), this.readyStateTracker = new ls(() => {
       this.notifyReady();
     }), this.ui = this.createStandardInterface(), this.wireIncomingMessages(), i.registerHandlers?.(this.messenger, s), this.messenger.start(), this.createAndConnectIframe();
   }
   /** The configurator UI, every callback bridging it to the facade that owns the action. */
   createStandardInterface() {
     const e = this.arActivation;
-    return new rs({
+    return new is({
       snapshotApi: this.snapshotApi,
       cameraApi: this.cameraApi,
       cameraPositionApi: this.cameraPositionApi,
@@ -3663,7 +3634,7 @@ class hs {
   }
   /** Wire the inbound viewer protocol to the facades. */
   wireIncomingMessages() {
-    cs({
+    rs({
       messenger: this.messenger,
       attributes: this.attributes,
       selectable: this.selectableState,
@@ -3740,7 +3711,7 @@ class hs {
     );
   }
   handleConfig(e) {
-    const t = e.viewerSettings, i = this.options.viewerSettings;
+    const t = e.viewerSettings, i = cs(this.options.viewerSettings);
     if (t !== void 0 || i !== void 0) {
       const s = i !== void 0 ? { ...t ?? {}, ...i } : t;
       if (i !== void 0 && t !== void 0) {
@@ -3749,10 +3720,20 @@ class hs {
         );
         o.length > 0 && C.warn(`Viewer settings override active: ${o.join(", ")}`);
       }
-      this.ui.applyViewerSettings(s), this.annotationsApi.setEnabled(s.annotations !== !1);
+      this.ui.applyViewerSettings(s), this.echoAnnotationsDifference(t?.annotations, s.annotations);
     }
     this.cameraPositionApi.applyLimits(e.cameraLimits);
   }
+  /**
+   * The difference echo: the viewer already applied the app-config mode
+   * itself, so the client only speaks up when the merged mode (config plus
+   * integrator override) differs from what CONFIG announced, in either
+   * direction. Equal modes echo nothing, so a boot without overrides sends
+   * no toggle at all.
+   */
+  echoAnnotationsDifference(e, t) {
+    t === void 0 || t === e || this.annotationsApi.setEnabled(t === "show" || t === "toggle-shown");
+  }
   /** Tell the viewer the user entered fullscreen, so it records the engagement. */
   trackFullscreen() {
     this.messenger.send({ type: c.FULLSCREEN });
@@ -3763,7 +3744,7 @@ class hs {
     });
   }
   createAndConnectIframe() {
-    const t = new ls(this.options, this.serverHost, this.iframeParams).create();
+    const t = new os(this.options, this.serverHost, this.iframeParams).create();
     this.container = t.container, this.iframe = t.iframe, this.eventBus.attach(this.container), this.ui.attach(this.container);
     try {
       const i = new URL(this.iframe.src).origin;
@@ -3863,15 +3844,15 @@ class hs {
     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 ms = "ar.virtualdisplay.io";
-function ps(n) {
-  const e = new URL(`https://${ms}/go`);
+const ds = "ar.virtualdisplay.io";
+function hs(n) {
+  const e = new URL(`https://${ds}/go`);
   return n.sessionId !== void 0 ? e.searchParams.set("session", n.sessionId) : n.app !== void 0 ? e.searchParams.set("app", n.app) : n.license !== void 0 && n.model !== void 0 && (e.searchParams.set("license", n.license), e.searchParams.set("model", n.model)), e.toString();
 }
-const fs = 1500;
-class gs {
+const ms = 1500;
+class ps {
   options;
-  qrModal = new Li();
+  qrModal = new Ti();
   /** 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. */
@@ -3893,7 +3874,7 @@ class gs {
   }
   /** The AR button handler: mobile activates AR in the engine, desktop shows the hand-off QR. */
   activate() {
-    if (ut()) {
+    if (dt()) {
       this.options.send({ type: c.AR_ACTIVATE });
       return;
     }
@@ -3917,7 +3898,7 @@ class gs {
     const e = await this.waitForSessionId();
     if (this.destroyed)
       return;
-    const t = ps({
+    const t = hs({
       sessionId: e,
       app: this.options.app,
       license: this.options.license,
@@ -3939,14 +3920,14 @@ class gs {
     return this.sessionId !== void 0 ? Promise.resolve(this.sessionId) : new Promise((e) => {
       const t = setTimeout(() => {
         this.pendingTimers.delete(t), e(void 0);
-      }, fs);
+      }, ms);
       this.pendingTimers.add(t), this.waiters.push((i) => {
         this.pendingTimers.delete(t), clearTimeout(t), e(i);
       });
     });
   }
 }
-class bs {
+class fs {
   callbacks = [];
   lastKnown;
   handleSync(e) {
@@ -3958,12 +3939,12 @@ class bs {
     this.callbacks.push(e), this.lastKnown !== void 0 && e(this.lastKnown);
   }
 }
-class Ss extends hs {
+class vs extends us {
   syncStatusTracker;
   constructor(e) {
-    const t = new bs();
+    const t = new fs();
     super(e, {
-      createArActivation: (i) => new gs({
+      createArActivation: (i) => new ps({
         app: e.app,
         license: e.license,
         model: e.model,
@@ -3986,11 +3967,11 @@ export {
   A as ERROR_CODES,
   wt as Focus,
   Ct as Photo,
-  _t as Snapshot,
+  kt as Snapshot,
   T as VD_EVENTS,
-  Ss as VirtualdisplayClient,
+  vs as VirtualdisplayClient,
   g as VirtualdisplayError,
   mt as enableDebugMode,
-  vs as isDebugMode,
+  gs as isDebugMode,
   C as logger
 };