@virtualdisplay.io/client 4.0.0-alpha.15 → 4.0.0-alpha.16

package/dist/virtualdisplay.client.es.js

@@ -223,6 +223,132 @@ class Ft {
     this.ready = !1;
   }
 }
+const O = {
+  /** Attribute selection requested (cancelable). `detail`: `{ attribute, value }`. */
+  SELECT: "ui:select",
+  /** Attribute selection applied. `detail`: `{ attribute, value }`. */
+  SELECTED: "ui:selected",
+  /** Focus changed (bubbles). `detail`: `{ component, attributes }`, or `null` for the overview. */
+  FOCUS_CHANGE: "vd:focus-change",
+  /** Resolved configuration changed (bubbles). `detail`: the resolved configuration, or `null` when nothing matches. */
+  CONFIGURATION_CHANGE: "vd:configuration-change",
+  /** Configuration submitted (bubbles). `detail`: the resolved configuration handed to the host. */
+  CONFIGURATION_SUBMIT: "vd:configuration-submit"
+};
+class $t {
+  constructor(t, e) {
+    this.value = t, this.attribute = e;
+  }
+  value;
+  attribute;
+  isSelectedValue = !1;
+  get isSelected() {
+    return this.isSelectedValue;
+  }
+  setSelected(t) {
+    this.isSelectedValue = t;
+  }
+}
+class Dt {
+  name;
+  defaultValue;
+  values;
+  onSelect;
+  onChangeCallback;
+  constructor(t) {
+    this.name = t.name, this.defaultValue = t.defaultValue, this.onSelect = t.onSelect, this.values = this.createValues(t.values);
+  }
+  /**
+   * Select a value for this attribute
+   * @throws {VirtualdisplayError} When value not found
+   */
+  select(t) {
+    if (!this.values.has(t))
+      throw f.valueNotFound(this.name, t);
+    this.onSelect(this.name, t);
+  }
+  getValues() {
+    return Array.from(this.values.values());
+  }
+  getValue(t) {
+    return this.values.get(t);
+  }
+  /** The currently selected value, or undefined before any selection lands. */
+  get selected() {
+    for (const t of this.values.values())
+      if (t.isSelected)
+        return t.value;
+  }
+  /**
+   * Register callback that fires when selection changes
+   * Receives the newly selected AttributeValue
+   */
+  onChange(t) {
+    this.onChangeCallback = t;
+  }
+  /**
+   * Update selection state from server mutation result
+   * Direct value comparison - no source/target translation
+   */
+  handleResult(t) {
+    let e;
+    for (const i of this.values.values()) {
+      const o = i.value === t;
+      i.setSelected(o), o && (e = i);
+    }
+    e !== void 0 && this.onChangeCallback !== void 0 && this.onChangeCallback(e);
+  }
+  createValues(t) {
+    const e = /* @__PURE__ */ new Map();
+    for (const i of t) {
+      const o = new $t(i, this.name);
+      i === this.defaultValue && o.setSelected(!0), e.set(i, o);
+    }
+    return e;
+  }
+}
+class Bt {
+  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 Dt(s));
+    }
+    this.onMutationFailed = i;
+  }
+  onMutationFailed;
+  get(t) {
+    return this.attributes.get(t);
+  }
+  /** The current selection as attribute name→value pairs, skipping unset attributes. */
+  getSelection() {
+    const t = {};
+    for (const [e, i] of this.attributes) {
+      const o = i.selected;
+      o !== void 0 && (t[e] = o);
+    }
+    return t;
+  }
+  handleResults(t) {
+    for (const e of t) {
+      if (!e.success) {
+        this.onMutationFailed?.(e.name, e.value);
+        continue;
+      }
+      this.get(e.name)?.handleResult(e.value);
+    }
+  }
+  buildOptions(t, e) {
+    const i = {
+      name: t.name,
+      values: t.values,
+      onSelect: (o, s) => {
+        e([{ name: o, value: s }], !1);
+      }
+    };
+    return t.defaultValue !== void 0 ? { ...i, defaultValue: t.defaultValue } : i;
+  }
+}
 const c = {
   HANDSHAKE: "handshake",
   MUTATION: "mutation",
@@ -241,55 +367,55 @@ const c = {
 }, X = {
   FOCUS: "focus",
   UNFOCUS: "unfocus"
-}, $t = {
+}, Ut = {
   FOCUSED: "focused"
-}, Dt = {
+}, Vt = {
   /** Behaves exactly like an unpriced combination: no price, no button. */
   HIDDEN: "hidden"
-}, Bt = new Set(Object.values(c));
-function Ut(n) {
+}, jt = new Set(Object.values(c));
+function Ht(n) {
   if (typeof n != "object" || n === null)
     return !1;
   const t = n;
-  return typeof t.target == "string" ? !1 : typeof t.type == "string" && Bt.has(t.type);
+  return typeof t.target == "string" ? !1 : typeof t.type == "string" && jt.has(t.type);
 }
-function Vt(n) {
+function Gt(n) {
   const t = k(n);
   return t !== null && t.type === c.HANDSHAKE;
 }
-function jt(n) {
+function qt(n) {
   const t = k(n);
   return t !== null && t.type === c.MUTATION && Array.isArray(t.results);
 }
-function Ht(n) {
+function Zt(n) {
   const t = k(n);
   return t !== null && t.type === c.SNAPSHOT && ("data" in t || "error" in t);
 }
-function Gt(n) {
+function Wt(n) {
   const t = k(n);
   return t !== null && t.type === c.CAMERA && Array.isArray(t.transforms);
 }
-function qt(n) {
+function Yt(n) {
   const t = k(n);
   return t !== null && t.type === c.MAPPING && Array.isArray(t.attributes);
 }
-function Zt(n) {
+function Xt(n) {
   const t = k(n);
   return t !== null && t.type === c.LOADING_INDICATOR && typeof t.progress == "number";
 }
-function Wt(n) {
+function Kt(n) {
   const t = k(n);
   return t !== null && t.type === c.CONFIG && typeof t.viewerSettings == "object";
 }
-function Yt(n) {
+function Qt(n) {
   const t = k(n);
   return t !== null && t.type === c.ANNOTATION_PLACED && typeof t.position == "object" && t.position !== null;
 }
-function Xt(n) {
+function Jt(n) {
   const t = k(n);
   return t !== null && t.type === c.FOCUS && typeof t.state == "string";
 }
-function Kt(n) {
+function te(n) {
   const t = k(n);
   return t !== null && t.type === c.PRICING && typeof t.pricing == "object" && t.pricing !== null;
 }
@@ -343,7 +469,7 @@ class K {
     this.pending.length = 0;
   }
 }
-class Qt {
+class ee {
   constructor(t, e) {
     this.getTarget = t, this.sourceId = `vd-${Math.random().toString(36).slice(2, 8)}`, this.targetOrigin = e?.targetOrigin ?? "*", this.publisher = new K((i) => this.post(i)), this.consumer = new K((i) => this.routeToHandler(i)), this.shouldBuffer = e?.shouldBuffer ?? null, e?.bufferIncoming !== !0 && this.consumer.markReady();
   }
@@ -406,7 +532,7 @@ class Qt {
   start() {
     this.listener === null && (this.listener = (t) => {
       const { data: e } = t;
-      if (!Ut(e) || e._source === this.sourceId)
+      if (!Ht(e) || e._source === this.sourceId)
         return;
       const i = this.getTarget();
       if (i !== null && t.source !== null && t.source !== i)
@@ -441,165 +567,18 @@ class Qt {
     const e = this.getTarget();
     e !== null && e.postMessage({ ...t, _source: this.sourceId }, this.targetOrigin);
   }
-  routeToHandler(t) {
-    const e = this.handlers.get(t.type);
-    if (e === void 0)
-      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}`);
-    });
-  }
-}
-class Jt {
-  constructor(t) {
-    this.send = t;
-  }
-  send;
-  placedCallbacks = [];
-  setEnabled(t) {
-    this.send({
-      type: c.ANNOTATION_TOGGLE,
-      enabled: t
-    });
-  }
-  startPlacing() {
-    this.send({
-      type: c.ANNOTATION_PLACE_MODE,
-      enabled: !0
-    });
-  }
-  stopPlacing() {
-    this.send({
-      type: c.ANNOTATION_PLACE_MODE,
-      enabled: !1
-    });
-  }
-  onPlaced(t) {
-    this.placedCallbacks.push(t);
-  }
-  /** Called by the client when an ANNOTATION_PLACED message is received. */
-  handlePlaced(t) {
-    for (const e of this.placedCallbacks)
-      e(t);
-  }
-}
-class te {
-  constructor(t, e) {
-    this.value = t, this.attribute = e;
-  }
-  value;
-  attribute;
-  isSelectedValue = !1;
-  get isSelected() {
-    return this.isSelectedValue;
-  }
-  setSelected(t) {
-    this.isSelectedValue = t;
-  }
-}
-class ee {
-  name;
-  defaultValue;
-  values;
-  onSelect;
-  onChangeCallback;
-  constructor(t) {
-    this.name = t.name, this.defaultValue = t.defaultValue, this.onSelect = t.onSelect, this.values = this.createValues(t.values);
-  }
-  /**
-   * Select a value for this attribute
-   * @throws {VirtualdisplayError} When value not found
-   */
-  select(t) {
-    if (!this.values.has(t))
-      throw f.valueNotFound(this.name, t);
-    this.onSelect(this.name, t);
-  }
-  getValues() {
-    return Array.from(this.values.values());
-  }
-  getValue(t) {
-    return this.values.get(t);
-  }
-  /** The currently selected value, or undefined before any selection lands. */
-  get selected() {
-    for (const t of this.values.values())
-      if (t.isSelected)
-        return t.value;
-  }
-  /**
-   * Register callback that fires when selection changes
-   * Receives the newly selected AttributeValue
-   */
-  onChange(t) {
-    this.onChangeCallback = t;
-  }
-  /**
-   * Update selection state from server mutation result
-   * Direct value comparison - no source/target translation
-   */
-  handleResult(t) {
-    let e;
-    for (const i of this.values.values()) {
-      const o = i.value === t;
-      i.setSelected(o), o && (e = i);
-    }
-    e !== void 0 && this.onChangeCallback !== void 0 && this.onChangeCallback(e);
-  }
-  createValues(t) {
-    const e = /* @__PURE__ */ new Map();
-    for (const i of t) {
-      const o = new te(i, this.name);
-      i === this.defaultValue && o.setSelected(!0), e.set(i, o);
-    }
-    return e;
-  }
-}
-class ne {
-  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 ee(s));
-    }
-    this.onMutationFailed = i;
-  }
-  onMutationFailed;
-  get(t) {
-    return this.attributes.get(t);
-  }
-  /** The current selection as attribute name→value pairs, skipping unset attributes. */
-  getSelection() {
-    const t = {};
-    for (const [e, i] of this.attributes) {
-      const o = i.selected;
-      o !== void 0 && (t[e] = o);
-    }
-    return t;
-  }
-  handleResults(t) {
-    for (const e of t) {
-      if (!e.success) {
-        this.onMutationFailed?.(e.name, e.value);
-        continue;
-      }
-      this.get(e.name)?.handleResult(e.value);
-    }
-  }
-  buildOptions(t, e) {
-    const i = {
-      name: t.name,
-      values: t.values,
-      onSelect: (o, s) => {
-        e([{ name: o, value: s }], !1);
-      }
-    };
-    return t.defaultValue !== void 0 ? { ...i, defaultValue: t.defaultValue } : i;
+  routeToHandler(t) {
+    const e = this.handlers.get(t.type);
+    if (e === void 0)
+      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}`);
+    });
   }
 }
-class ie {
+class ne {
   constructor(t, e) {
     this.send = t, this.onMutationFailed = e;
   }
@@ -613,7 +592,7 @@ class ie {
   handleMappingReceived(t) {
     C.debug("Initializing from server mapping", {
       attributeCount: t.attributes.length
-    }), this.registry = new ne(
+    }), this.registry = new Bt(
       t.attributes,
       (e, i) => this.sendMutation(e, i),
       this.onMutationFailed
@@ -678,7 +657,7 @@ class ie {
     this.pendingCallbacks.length = 0;
   }
 }
-let oe = class {
+let ie = class {
   constructor(t) {
     this.send = t;
   }
@@ -741,7 +720,7 @@ let oe = class {
     this.send(t);
   }
 };
-class se {
+class oe {
   state;
   limitsState;
   changeCallbacks = [];
@@ -829,19 +808,7 @@ class se {
     }
   }
 }
-const O = {
-  /** Attribute selection requested (cancelable). `detail`: `{ attribute, value }`. */
-  SELECT: "ui:select",
-  /** Attribute selection applied. `detail`: `{ attribute, value }`. */
-  SELECTED: "ui:selected",
-  /** Focus changed (bubbles). `detail`: `{ component, attributes }`, or `null` for the overview. */
-  FOCUS_CHANGE: "vd:focus-change",
-  /** Resolved configuration changed (bubbles). `detail`: the resolved configuration, or `null` when nothing matches. */
-  CONFIGURATION_CHANGE: "vd:configuration-change",
-  /** Configuration submitted (bubbles). `detail`: the resolved configuration handed to the host. */
-  CONFIGURATION_SUBMIT: "vd:configuration-submit"
-};
-class re {
+class se {
   constructor(t, e) {
     this.send = t, this.dispatch = e;
   }
@@ -878,27 +845,27 @@ class re {
   }
   /** Called by the client when a FocusStateMessage is received from the viewer. */
   handleStateReceived(t) {
-    t.state === $t.FOCUSED && t.component !== void 0 ? (this.focused = t.component, this.attributes = t.attributes ?? []) : (this.focused = null, this.attributes = []);
+    t.state === Ut.FOCUSED && t.component !== void 0 ? (this.focused = t.component, this.attributes = t.attributes ?? []) : (this.focused = null, this.attributes = []);
     const e = this.focused !== null ? { component: this.focused, attributes: this.attributes } : null;
     for (const i of this.changeCallbacks)
       i(e);
     this.dispatch(e);
   }
 }
-function ae(n, t) {
-  const e = n.filter((s) => le(s, t));
+function re(n, t) {
+  const e = n.filter((s) => ae(s, t));
   if (e.length === 0)
     return;
   const i = Math.max(...e.map(Q)), o = e.filter((s) => Q(s) === i);
   return o.length === 1 ? o[0] : void 0;
 }
-function le(n, t) {
+function ae(n, t) {
   return Object.entries(n.attributes).every(([e, i]) => t[e] === i);
 }
 function Q(n) {
   return Object.keys(n.attributes).length;
 }
-class ce {
+class le {
   constructor(t, e) {
     this.dispatchChange = t, this.dispatchSubmit = e;
   }
@@ -1008,8 +975,8 @@ class ce {
   resolve() {
     if (this.pricing === void 0)
       return;
-    const t = ae(this.pricing.rules, this.selection);
-    if (!(t === void 0 || t.availability === Dt.HIDDEN))
+    const t = re(this.pricing.rules, this.selection);
+    if (!(t === void 0 || t.availability === Vt.HIDDEN))
       return {
         attributes: { ...this.selection },
         reference: t.reference,
@@ -1019,7 +986,7 @@ class ce {
       };
   }
 }
-class ue {
+class ce {
   constructor(t) {
     this.filename = t;
   }
@@ -1073,7 +1040,7 @@ class ue {
   }
 }
 const J = 3e4;
-class de {
+class ue {
   constructor(t) {
     this.send = t;
   }
@@ -1089,7 +1056,7 @@ class de {
    */
   take(t) {
     this.validateFilename(t), C.debug("Taking snapshot", { filename: t });
-    const e = new ue(t), i = setTimeout(() => {
+    const e = new ce(t), i = setTimeout(() => {
       this.pendingPhotos.delete(t), C.warn("Snapshot timed out", { filename: t }), e.fail(new f(
         `Snapshot timed out: the viewer did not respond within ${J}ms`,
         A.SNAPSHOT_FAILED
@@ -1160,7 +1127,7 @@ class de {
       );
   }
 }
-class he {
+class de {
   container = null;
   attach(t) {
     this.container = t;
@@ -1181,14 +1148,14 @@ class he {
     };
   }
 }
-const me = {}, pe = "en", pt = (
+const he = {}, me = "en", pt = (
   /** @type {const} */
   ["en", "nl", "de"]
 ), W = [
   "baseLocale"
 ], tt = [];
 let et, nt;
-function fe(n) {
+function pe(n) {
   if (tt.length === 0)
     return;
   const t = typeof n == "string" ? n : n.href;
@@ -1197,14 +1164,14 @@ function fe(n) {
   const e = new URL(t, "http://dummy.com");
   let i;
   for (const o of tt)
-    if (new me(o.match, e.href).exec(e.href)) {
+    if (new he(o.match, e.href).exec(e.href)) {
       i = o;
       break;
     }
   return et = t, nt = i, i;
 }
 function ft(n) {
-  const t = fe(n);
+  const t = pe(n);
   return t && t.exclude !== !0 && Array.isArray(t.strategy) ? t.strategy : W;
 }
 const q = typeof window > "u";
@@ -1215,16 +1182,16 @@ globalThis.__paraglide.ssr ?? {};
 let it = !1, h = () => {
   let n = W;
   !q && typeof window < "u" && window.location?.href && (n = ft(window.location.href));
-  const t = ge(n);
+  const t = fe(n);
   if (t)
     return it || (it = !0, gt(t, { reload: !1 })), t;
   throw new Error("No locale found. Read the docs https://paraglidejs.com/errors#no-locale-found");
 };
-function ge(n, t) {
+function fe(n, t) {
   let e;
   for (const i of n) {
     if (i === "baseLocale")
-      e = pe;
+      e = me;
     else if (vt(i) && I.has(i)) {
       const s = I.get(i);
       if (s) {
@@ -1232,7 +1199,7 @@ function ge(n, t) {
         if (r instanceof Promise)
           continue;
         if (r !== void 0)
-          return ve(r);
+          return be(r);
       }
     }
     const o = bt(e);
@@ -1240,7 +1207,7 @@ function ge(n, t) {
       return o;
   }
 }
-const be = (n) => {
+const ge = (n) => {
   window.location.reload();
 };
 let gt = (n, t) => {
@@ -1269,7 +1236,7 @@ let gt = (n, t) => {
       }
     }
   const r = () => {
-    !q && e.reload && window.location && n !== i && be();
+    !q && e.reload && window.location && n !== i && ge();
   };
   if (o.length)
     return Promise.all(o).then(() => {
@@ -1285,7 +1252,7 @@ function bt(n) {
     if (e.toLowerCase() === t)
       return e;
 }
-function ve(n) {
+function be(n) {
   const t = bt(n);
   if (t)
     return t;
@@ -1295,163 +1262,163 @@ const I = /* @__PURE__ */ new Map();
 function vt(n) {
   return typeof n == "string" && /^custom-[A-Za-z0-9_-]+$/.test(n);
 }
-const ye = (
+const ve = (
   /** @type {(inputs: Controls_Ar_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Activate AR"
   )
-), _e = (
+), ye = (
   /** @type {(inputs: Controls_Ar_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "AR activeren"
   )
-), Ce = (
+), _e = (
   /** @type {(inputs: Controls_Ar_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "AR aktivieren"
   )
-), we = (
+), Ce = (
   /** @type {((inputs?: Controls_Ar_Buttonlabel1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Ar_Buttonlabel1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? ye() : e === "nl" ? _e() : Ce();
+    return e === "en" ? ve() : e === "nl" ? ye() : _e();
   })
-), ke = (
+), we = (
   /** @type {(inputs: Controls_Qr_Modaltitle1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Scan to view in AR"
   )
-), Se = (
+), ke = (
   /** @type {(inputs: Controls_Qr_Modaltitle1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Scan om in AR te bekijken"
   )
-), Ae = (
+), Se = (
   /** @type {(inputs: Controls_Qr_Modaltitle1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Scannen für AR-Ansicht"
   )
-), Ee = (
+), Ae = (
   /** @type {((inputs?: Controls_Qr_Modaltitle1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Qr_Modaltitle1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? ke() : e === "nl" ? Se() : Ae();
+    return e === "en" ? we() : e === "nl" ? ke() : Se();
   })
-), xe = (
+), Ee = (
   /** @type {(inputs: Controls_Qr_Modaldescription1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Use your smartphone camera to scan this QR code"
   )
-), Te = (
+), xe = (
   /** @type {(inputs: Controls_Qr_Modaldescription1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Gebruik de camera van je smartphone om deze QR-code te scannen"
   )
-), Re = (
+), Te = (
   /** @type {(inputs: Controls_Qr_Modaldescription1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Verwenden Sie die Kamera Ihres Smartphones, um diesen QR-Code zu scannen"
   )
-), Oe = (
+), Re = (
   /** @type {((inputs?: Controls_Qr_Modaldescription1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Qr_Modaldescription1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? xe() : e === "nl" ? Te() : Re();
+    return e === "en" ? Ee() : e === "nl" ? xe() : Te();
   })
-), Ne = (
+), Oe = (
   /** @type {(inputs: Controls_Qr_Modalinstructions1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Your phone will open the 3D model in AR mode."
   )
-), Ie = (
+), Ne = (
   /** @type {(inputs: Controls_Qr_Modalinstructions1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Je telefoon opent het 3D-model in AR-modus."
   )
-), Le = (
+), Ie = (
   /** @type {(inputs: Controls_Qr_Modalinstructions1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Das 3D-Modell wird im AR-Modus Ihres Telefons geöffnet"
   )
-), Me = (
+), Le = (
   /** @type {((inputs?: Controls_Qr_Modalinstructions1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Qr_Modalinstructions1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? Ne() : e === "nl" ? Ie() : Le();
+    return e === "en" ? Oe() : e === "nl" ? Ne() : Ie();
   })
-), ze = (
+), Me = (
   /** @type {(inputs: Controls_Qr_Closebutton1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Close"
   )
-), Pe = (
+), ze = (
   /** @type {(inputs: Controls_Qr_Closebutton1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Sluiten"
   )
-), Fe = (
+), Pe = (
   /** @type {(inputs: Controls_Qr_Closebutton1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Schließen"
   )
-), $e = (
+), Fe = (
   /** @type {((inputs?: Controls_Qr_Closebutton1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Qr_Closebutton1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? ze() : e === "nl" ? Pe() : Fe();
+    return e === "en" ? Me() : e === "nl" ? ze() : Pe();
   })
-), De = (
+), $e = (
   /** @type {(inputs: Controls_Fullscreen_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Fullscreen"
   )
-), Be = (
+), De = (
   /** @type {(inputs: Controls_Fullscreen_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Volledig scherm"
   )
-), Ue = (
+), Be = (
   /** @type {(inputs: Controls_Fullscreen_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Vollbild"
   )
-), Ve = (
+), Ue = (
   /** @type {((inputs?: Controls_Fullscreen_Buttonlabel1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Fullscreen_Buttonlabel1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? De() : e === "nl" ? Be() : Ue();
+    return e === "en" ? $e() : e === "nl" ? De() : Be();
   })
-), je = (
+), Ve = (
   /** @type {(inputs: Loading_Downloadingshort1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Downloading"
   )
-), He = (
+), je = (
   /** @type {(inputs: Loading_Downloadingshort1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Downloaden"
   )
-), Ge = (
+), He = (
   /** @type {(inputs: Loading_Downloadingshort1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
@@ -1461,346 +1428,346 @@ const ye = (
   /** @type {((inputs?: Loading_Downloadingshort1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Loading_Downloadingshort1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? je() : e === "nl" ? He() : Ge();
+    return e === "en" ? Ve() : e === "nl" ? je() : He();
   })
-), qe = (
+), Ge = (
   /** @type {(inputs: Loading_RenderingInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Rendering"
   )
-), Ze = (
+), qe = (
   /** @type {(inputs: Loading_RenderingInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Renderen"
   )
-), We = (
+), Ze = (
   /** @type {(inputs: Loading_RenderingInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Rendern"
   )
-), Ye = (
+), We = (
   /** @type {((inputs?: Loading_RenderingInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Loading_RenderingInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? qe() : e === "nl" ? Ze() : We();
+    return e === "en" ? Ge() : e === "nl" ? qe() : Ze();
   })
-), Xe = (
+), Ye = (
   /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Screenshot"
   )
-), Ke = (
+), Xe = (
   /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Screenshot"
   )
-), Qe = (
+), Ke = (
   /** @type {(inputs: Controls_Screenshot_Buttonlabel1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Screenshot"
   )
-), Je = (
+), Qe = (
   /** @type {((inputs?: Controls_Screenshot_Buttonlabel1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Screenshot_Buttonlabel1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? Xe() : e === "nl" ? Ke() : Qe();
+    return e === "en" ? Ye() : e === "nl" ? Xe() : Ke();
   })
-), tn = (
+), Je = (
   /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Configure"
   )
-), en = (
+), tn = (
   /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Configureer"
+    "Configureren"
   )
-), nn = (
+), en = (
   /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Konfigurieren"
   )
-), on = (
+), nn = (
   /** @type {((inputs?: Controls_Configurator_OpenInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Configurator_OpenInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? tn() : e === "nl" ? en() : nn();
+    return e === "en" ? Je() : e === "nl" ? tn() : en();
   })
-), sn = (
+), on = (
   /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Close"
   )
-), rn = (
+), sn = (
   /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Sluiten"
   )
-), an = (
+), rn = (
   /** @type {(inputs: Controls_Configurator_CloseInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Schließen"
   )
-), ln = (
+), an = (
   /** @type {((inputs?: Controls_Configurator_CloseInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Configurator_CloseInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? sn() : e === "nl" ? rn() : an();
+    return e === "en" ? on() : e === "nl" ? sn() : rn();
   })
-), cn = (
+), ln = (
   /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Reset camera"
   )
-), un = (
+), cn = (
   /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Camera resetten"
   )
-), dn = (
+), un = (
   /** @type {(inputs: Controls_Camera_ResetInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Kamera zurücksetzen"
   )
-), hn = (
+), dn = (
   /** @type {((inputs?: Controls_Camera_ResetInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_ResetInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? cn() : e === "nl" ? un() : dn();
+    return e === "en" ? ln() : e === "nl" ? cn() : un();
   })
-), mn = (
+), hn = (
   /** @type {(inputs: Controls_Camera_Zoomin1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Zoom in"
   )
-), pn = (
+), mn = (
   /** @type {(inputs: Controls_Camera_Zoomin1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Inzoomen"
   )
-), fn = (
+), pn = (
   /** @type {(inputs: Controls_Camera_Zoomin1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Hineinzoomen"
   )
-), gn = (
+), fn = (
   /** @type {((inputs?: Controls_Camera_Zoomin1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Zoomin1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? mn() : e === "nl" ? pn() : fn();
+    return e === "en" ? hn() : e === "nl" ? mn() : pn();
   })
-), bn = (
+), gn = (
   /** @type {(inputs: Controls_Camera_Zoomout1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Zoom out"
   )
-), vn = (
+), bn = (
   /** @type {(inputs: Controls_Camera_Zoomout1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Uitzoomen"
   )
-), yn = (
+), vn = (
   /** @type {(inputs: Controls_Camera_Zoomout1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Herauszoomen"
   )
-), _n = (
+), yn = (
   /** @type {((inputs?: Controls_Camera_Zoomout1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Zoomout1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? bn() : e === "nl" ? vn() : yn();
+    return e === "en" ? gn() : e === "nl" ? bn() : vn();
   })
-), Cn = (
+), _n = (
   /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Rotate left"
   )
-), wn = (
+), Cn = (
   /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Naar links draaien"
   )
-), kn = (
+), wn = (
   /** @type {(inputs: Controls_Camera_Rotateleft1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Nach links drehen"
   )
-), Sn = (
+), kn = (
   /** @type {((inputs?: Controls_Camera_Rotateleft1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Rotateleft1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? Cn() : e === "nl" ? wn() : kn();
+    return e === "en" ? _n() : e === "nl" ? Cn() : wn();
   })
-), An = (
+), Sn = (
   /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Rotate right"
   )
-), En = (
+), An = (
   /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Naar rechts draaien"
   )
-), xn = (
+), En = (
   /** @type {(inputs: Controls_Camera_Rotateright1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Nach rechts drehen"
   )
-), Tn = (
+), xn = (
   /** @type {((inputs?: Controls_Camera_Rotateright1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Rotateright1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? An() : e === "nl" ? En() : xn();
+    return e === "en" ? Sn() : e === "nl" ? An() : En();
   })
-), Rn = (
+), Tn = (
   /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Tilt up"
   )
-), On = (
+), Rn = (
   /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Omhoog kantelen"
   )
-), Nn = (
+), On = (
   /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Nach oben kippen"
   )
-), In = (
+), Nn = (
   /** @type {((inputs?: Controls_Camera_Tiltup1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Tiltup1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? Rn() : e === "nl" ? On() : Nn();
+    return e === "en" ? Tn() : e === "nl" ? Rn() : On();
   })
-), Ln = (
+), In = (
   /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Tilt down"
   )
-), Mn = (
+), Ln = (
   /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Omlaag kantelen"
   )
-), zn = (
+), Mn = (
   /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Nach unten kippen"
   )
-), Pn = (
+), zn = (
   /** @type {((inputs?: Controls_Camera_Tiltdown1Inputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Controls_Camera_Tiltdown1Inputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? Ln() : e === "nl" ? Mn() : zn();
+    return e === "en" ? In() : e === "nl" ? Ln() : Mn();
   })
-), Fn = (
+), Pn = (
   /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Working…"
   )
-), $n = (
+), Fn = (
   /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Bezig…"
   )
-), Dn = (
+), $n = (
   /** @type {(inputs: Commerce_Submit_BusyInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Läuft…"
   )
-), Bn = (
+), Dn = (
   /** @type {((inputs?: Commerce_Submit_BusyInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Commerce_Submit_BusyInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? Fn() : e === "nl" ? $n() : Dn();
+    return e === "en" ? Pn() : e === "nl" ? Fn() : $n();
   })
-), Un = (
+), Bn = (
   /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Done"
   )
-), Vn = (
+), Un = (
   /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Gelukt"
   )
-), jn = (
+), Vn = (
   /** @type {(inputs: Commerce_Submit_SuccessInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Fertig"
   )
-), Hn = (
+), jn = (
   /** @type {((inputs?: Commerce_Submit_SuccessInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Commerce_Submit_SuccessInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? Un() : e === "nl" ? Vn() : jn();
+    return e === "en" ? Bn() : e === "nl" ? Un() : Vn();
   })
-), Gn = (
+), Hn = (
   /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Failed"
   )
-), qn = (
+), Gn = (
   /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Mislukt"
   )
-), Zn = (
+), qn = (
   /** @type {(inputs: Commerce_Submit_FailedInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Fehlgeschlagen"
   )
-), Wn = (
+), Zn = (
   /** @type {((inputs?: Commerce_Submit_FailedInputs, options?: { locale?: "en" | "nl" | "de" }) => LocalizedString) & import('../runtime.js').MessageMetadata<Commerce_Submit_FailedInputs, { locale?: "en" | "nl" | "de" }, {}>} */
   ((n = {}, t = {}) => {
     const e = t.locale ?? h();
-    return e === "en" ? Gn() : e === "nl" ? qn() : Zn();
+    return e === "en" ? Hn() : e === "nl" ? Gn() : qn();
   })
 );
-const Yn = {
+const Wn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -1821,12 +1788,12 @@ const _t = ([n, t, e]) => {
   }), i;
 }, Ct = (n, t = {}) => {
   const i = {
-    ...Yn,
+    ...Wn,
     ...t
   };
   return _t(["svg", i, n]);
 };
-const Xn = [
+const Yn = [
   [
     "path",
     {
@@ -1836,7 +1803,7 @@ const Xn = [
   ["path", { d: "m3.3 7 8.7 5 8.7-5" }],
   ["path", { d: "M12 22V12" }]
 ];
-const Kn = [
+const Xn = [
   [
     "path",
     {
@@ -1846,26 +1813,26 @@ const Kn = [
   ["circle", { cx: "12", cy: "13", r: "3" }]
 ];
 const wt = [["path", { d: "m6 9 6 6 6-6" }]];
-const Qn = [["path", { d: "m15 18-6-6 6-6" }]];
-const Jn = [["path", { d: "m9 18 6-6-6-6" }]];
-const ti = [["path", { d: "m18 15-6-6-6 6" }]];
-const ei = [
+const Kn = [["path", { d: "m15 18-6-6 6-6" }]];
+const Qn = [["path", { d: "m9 18 6-6-6-6" }]];
+const Jn = [["path", { d: "m18 15-6-6-6 6" }]];
+const ti = [
   ["path", { d: "M15 3h6v6" }],
   ["path", { d: "m21 3-7 7" }],
   ["path", { d: "m3 21 7-7" }],
   ["path", { d: "M9 21H3v-6" }]
 ];
-const ni = [
+const ei = [
   ["path", { d: "m14 10 7-7" }],
   ["path", { d: "M20 10h-6V4" }],
   ["path", { d: "m3 21 7-7" }],
   ["path", { d: "M4 14h6v6" }]
 ];
-const ii = [
+const ni = [
   ["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 oi = [
+const ii = [
   ["path", { d: "M10 5H3" }],
   ["path", { d: "M12 19H3" }],
   ["path", { d: "M14 3v4" }],
@@ -1876,17 +1843,17 @@ const oi = [
   ["path", { d: "M8 10v4" }],
   ["path", { d: "M8 12H3" }]
 ];
-const si = [
+const oi = [
   ["path", { d: "M18 6 6 18" }],
   ["path", { d: "m6 6 12 12" }]
 ];
-const ri = [
+const si = [
   ["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 ri = [
   ["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" }]
@@ -1895,19 +1862,19 @@ function y(n, { size: t = 20, strokeWidth: e = 1.75 } = {}) {
   return Ct(n, { width: t, height: t, "stroke-width": e });
 }
 const g = {
-  ar: (n) => y(Xn, n),
-  fullscreen: (n) => y(ei, n),
-  exitFullscreen: (n) => y(ni, n),
-  screenshot: (n) => y(Kn, n),
-  tiltUp: (n) => y(ti, n),
+  ar: (n) => y(Yn, n),
+  fullscreen: (n) => y(ti, n),
+  exitFullscreen: (n) => y(ei, n),
+  screenshot: (n) => y(Xn, n),
+  tiltUp: (n) => y(Jn, n),
   tiltDown: (n) => y(wt, n),
-  rotateLeft: (n) => y(Qn, n),
-  rotateRight: (n) => y(Jn, n),
-  zoomIn: (n) => y(ri, n),
-  zoomOut: (n) => y(ai, n),
-  reset: (n) => y(ii, n),
-  configurator: (n) => y(oi, n),
-  close: (n) => y(si, n)
+  rotateLeft: (n) => y(Kn, n),
+  rotateRight: (n) => y(Qn, n),
+  zoomIn: (n) => y(si, n),
+  zoomOut: (n) => y(ri, n),
+  reset: (n) => y(ni, n),
+  configurator: (n) => y(ii, n),
+  close: (n) => y(oi, n)
 };
 class b {
   element;
@@ -1956,7 +1923,7 @@ const m = {
   24: "6rem"
   // 96px
 };
-class li {
+class ai {
   element;
   constructor() {
     this.element = document.createElement("div"), Object.assign(this.element.style, {
@@ -1969,9 +1936,9 @@ class li {
     });
   }
 }
-class ci {
+class li {
   constructor(t = {}) {
-    this.options = t, this.card = new li(), this.backdrop = this.createBackdrop(), this.backdrop.appendChild(this.card.element);
+    this.options = t, this.card = new ai(), this.backdrop = this.createBackdrop(), this.backdrop.appendChild(this.card.element);
   }
   options;
   card;
@@ -2000,7 +1967,7 @@ class ci {
     }), t;
   }
 }
-class ui {
+class ci {
   element;
   selectCallback = null;
   constructor(t, e, i) {
@@ -2022,7 +1989,7 @@ class ui {
     this.selectCallback = t;
   }
 }
-class di {
+class ui {
   element;
   select;
   constructor(t, e, i, o, s) {
@@ -2064,8 +2031,8 @@ const _ = {
     medium: "500",
     semibold: "600"
   }
-}, hi = _.fontFamily.sans.join(", ");
-class mi {
+}, di = _.fontFamily.sans.join(", ");
+class hi {
   qrLib = null;
   dialog = null;
   async show(t) {
@@ -2076,28 +2043,28 @@ class mi {
       errorCorrectionLevel: "M",
       color: { dark: m.black, light: m.white }
     });
-    this.dialog = new ci({ onClose: () => {
+    this.dialog = new li({ onClose: () => {
       this.dialog = null;
     } }), Object.assign(this.dialog.card.element.style, {
       display: "flex",
       flexDirection: "column",
       alignItems: "center",
       gap: a[3],
-      fontFamily: hi
-    }), this.dialog.card.element.appendChild(this.createText(Ee(), {
+      fontFamily: di
+    }), this.dialog.card.element.appendChild(this.createText(Ae(), {
       fontSize: _.fontSize.base,
       fontWeight: _.fontWeight.semibold,
       color: m.neutral[900]
-    })), this.dialog.card.element.appendChild(this.createText(Oe(), {
+    })), this.dialog.card.element.appendChild(this.createText(Re(), {
       fontSize: _.fontSize.sm,
       color: m.neutral[600]
-    })), this.dialog.card.element.appendChild(this.createQrImage(e)), this.dialog.card.element.appendChild(this.createText(Me(), {
+    })), this.dialog.card.element.appendChild(this.createQrImage(e)), this.dialog.card.element.appendChild(this.createText(Le(), {
       fontSize: _.fontSize.xs,
       color: m.neutral[500]
     }));
     const i = new b({
       variant: "outline",
-      label: $e(),
+      label: Fe(),
       onClick: () => {
         this.hide();
       }
@@ -2120,7 +2087,7 @@ class mi {
     }), e;
   }
 }
-const x = _.fontFamily.sans.join(", "), pi = `
+const x = _.fontFamily.sans.join(", "), mi = `
   --primary: oklch(5% 0 0);
   --primary-foreground: oklch(100% 0 0);
   --secondary: oklch(92% 0 0);
@@ -2133,8 +2100,8 @@ const x = _.fontFamily.sans.join(", "), pi = `
   --accent: oklch(92% 0 0);
   --accent-foreground: oklch(5% 0 0);
   --muted-foreground: oklch(44% 0 0);
-`, fi = `
-:root { ${pi} }
+`, pi = `
+:root { ${mi} }
 
 /* ── Button ──────────────────────────────────────────────── */
 .ui-btn {
@@ -2380,31 +2347,31 @@ const x = _.fontFamily.sans.join(", "), pi = `
 }
 `;
 let ot = !1;
-function gi() {
+function fi() {
   if (ot || typeof document > "u")
     return;
   ot = !0;
   const n = document.createElement("style");
-  n.id = "vd-ui-vanilla", n.textContent = fi, document.head.appendChild(n);
+  n.id = "vd-ui-vanilla", n.textContent = pi, document.head.appendChild(n);
 }
 function st(n) {
   const t = Math.max(0, Math.min(1, n));
   return t * t * (3 - 2 * t);
 }
-function bi(n, t, e, i, o, s) {
+function gi(n, t, e, i, o, s) {
   const [r, l, d] = n, u = Math.cos(t), p = Math.sin(t), v = u * r + p * d, E = -p * r + u * d, S = Math.cos(e), w = Math.sin(e), R = S * l - w * E, M = w * l + S * E, Y = 0.55;
   return [i + v * s * Y, o - R * s * Y, M];
 }
-function vi(n, t, e) {
+function bi(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 yi(n, t, e, i, o) {
+function vi(n, t, e, i, o) {
   const s = t(e), r = t(i), l = [
     s[0] + (r[0] - s[0]) * o,
     s[1] + (r[1] - s[1]) * o,
     s[2]
   ];
-  vi(n, s, l);
+  bi(n, s, l);
 }
 const z = [-1, -1, 1], P = [1, -1, 1], F = [1, -1, -1], $ = [-1, -1, -1], D = [-1, 1, 1], B = [1, 1, 1], U = [1, 1, -1], V = [-1, 1, -1], rt = [
   [z, P],
@@ -2419,8 +2386,8 @@ const z = [-1, -1, 1], P = [1, -1, 1], F = [1, -1, -1], $ = [-1, -1, -1], D = [-
   [B, U],
   [U, V],
   [V, D]
-], _i = 400, at = '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif';
-function Ci() {
+], yi = 400, at = '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif';
+function _i() {
   const n = document.createElement("div");
   Object.assign(n.style, {
     position: "absolute",
@@ -2465,7 +2432,7 @@ function Ci() {
     fontFamily: at
   }), o.textContent = yt(), e.appendChild(i), e.appendChild(o), n.appendChild(t), n.appendChild(e), { overlay: n, canvas: t, pctEl: i, phaseEl: o };
 }
-class wi {
+class Ci {
   overlay;
   canvas;
   ctx;
@@ -2478,9 +2445,9 @@ class wi {
   visible = !1;
   constructor(t, e = {}) {
     this.startTime = performance.now();
-    const i = Ci();
+    const i = _i();
     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 ?? _i;
+    const o = e.showDelay ?? yi;
     this.showTimerId = setTimeout(() => {
       this.reveal();
     }, o);
@@ -2488,7 +2455,7 @@ class wi {
   get loadingTexts() {
     return {
       downloading: yt(),
-      rendering: Ye()
+      rendering: We()
     };
   }
   updateProgress(t, e) {
@@ -2541,7 +2508,7 @@ class wi {
       return;
     const t = this.canvas.width / Math.min(devicePixelRatio, 2), e = this.canvas.height / Math.min(devicePixelRatio, 2), i = (performance.now() - this.startTime) / 1e3;
     this.ctx.fillStyle = "#fff", this.ctx.fillRect(0, 0, t, e);
-    const o = t / 2, s = e * 0.44, r = Math.min(t, e) * 0.08, l = 0.785, d = 0.615, u = (w) => bi(w, l, d, o, s, r), p = 6, v = i % p / p, E = rt.length;
+    const o = t / 2, s = e * 0.44, r = Math.min(t, e) * 0.08, l = 0.785, d = 0.615, u = (w) => gi(w, l, d, o, s, r), p = 6, v = i % p / p, E = rt.length;
     let S;
     v < 0.35 ? S = st(v / 0.35) * E : v < 0.55 ? S = E : v < 0.9 ? S = (1 - st((v - 0.55) / 0.35)) * E : S = 0, this.ctx.shadowBlur = 5, this.ctx.shadowColor = "rgba(30,30,30,0.08)";
     for (let w = 0; w < E && !(w >= S); w++) {
@@ -2549,12 +2516,12 @@ class wi {
       if (R === void 0)
         continue;
       const M = Math.min(1, S - w);
-      yi(this.ctx, u, R[0], R[1], M);
+      vi(this.ctx, u, R[0], R[1], M);
     }
     this.ctx.shadowBlur = 0;
   }
 }
-class ki {
+class wi {
   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);
@@ -2579,7 +2546,7 @@ class ki {
     this.arBtn = this.syncButton(this.arBtn, t.ar !== !1 && this.options.onAr !== void 0, () => new b({
       variant: "outline",
       size: "icon",
-      label: we(),
+      label: Ce(),
       icon: g.ar(),
       onClick: () => {
         this.options.onAr?.();
@@ -2587,7 +2554,7 @@ class ki {
     })), this.fullscreenBtn = this.syncButton(this.fullscreenBtn, t.fullscreen !== !1 && this.options.onFullscreen !== void 0, () => new b({
       variant: "outline",
       size: "icon",
-      label: Ve(),
+      label: Ue(),
       icon: g.fullscreen(),
       onClick: () => {
         this.options.onFullscreen?.();
@@ -2608,9 +2575,9 @@ class L {
       targetTilt: e.tilt,
       targetZoom: e.zoom,
       thetaOffset: 0
-    }, o = Si(t, e, i);
+    }, o = ki(t, e, i);
     e.onChange((s) => {
-      i.targetRotation = s.rotation - i.thetaOffset, i.targetTilt = s.tilt, i.targetZoom = s.zoom, Ai(o, e, s);
+      i.targetRotation = s.rotation - i.thetaOffset, i.targetTilt = s.tilt, i.targetZoom = s.zoom, Si(o, e, s);
     }), this.element.appendChild(L.buildZoom(o.zoomOut, o.zoomIn)), this.element.appendChild(L.buildDpad(o.tiltUp, o.rotateLeft, o.reset, o.rotateRight, o.tiltDown));
   }
   static buildZoom(t, e) {
@@ -2631,7 +2598,7 @@ class L {
     return r;
   }
 }
-function Si(n, t, e) {
+function ki(n, t, e) {
   const i = (r) => Math.max(t.limits?.minZoom ?? 1, Math.min(t.limits?.maxZoom ?? 1 / 0, r)), o = (r) => {
     const l = t.limits?.minRotate, d = t.limits?.maxRotate;
     return l !== void 0 || d !== void 0 ? Math.max(l ?? -1 / 0, Math.min(d ?? 1 / 0, r)) : r;
@@ -2645,54 +2612,54 @@ function Si(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 b({ variant: "outline", size: "icon", label: _n(), icon: g.zoomOut(), onClick: () => {
+    zoomOut: new b({ variant: "outline", size: "icon", label: yn(), icon: g.zoomOut(), onClick: () => {
       e.targetZoom = i(e.targetZoom - 10), n.zoom(e.targetZoom).set();
     } }),
-    zoomIn: new b({ variant: "outline", size: "icon", label: gn(), icon: g.zoomIn(), onClick: () => {
+    zoomIn: new b({ variant: "outline", size: "icon", label: fn(), icon: g.zoomIn(), onClick: () => {
       e.targetZoom = i(e.targetZoom + 10), n.zoom(e.targetZoom).set();
     } }),
-    tiltUp: new b({ variant: "outline", size: "icon", label: In(), icon: g.tiltUp(), onClick: () => {
+    tiltUp: new b({ variant: "outline", size: "icon", label: Nn(), icon: g.tiltUp(), onClick: () => {
       s(-15);
     } }),
-    rotateLeft: new b({ variant: "outline", size: "icon", label: Sn(), icon: g.rotateLeft(), onClick: () => {
+    rotateLeft: new b({ variant: "outline", size: "icon", label: kn(), icon: g.rotateLeft(), onClick: () => {
       e.targetRotation = o(e.targetRotation - 15), n.rotate(e.targetRotation + e.thetaOffset).set();
     } }),
-    reset: new b({ variant: "outline", size: "icon", label: hn(), icon: g.reset(), onClick: () => {
+    reset: new b({ variant: "outline", size: "icon", label: dn(), icon: g.reset(), onClick: () => {
       e.thetaOffset = 0, n.reset();
     } }),
-    rotateRight: new b({ variant: "outline", size: "icon", label: Tn(), icon: g.rotateRight(), onClick: () => {
+    rotateRight: new b({ variant: "outline", size: "icon", label: xn(), icon: g.rotateRight(), onClick: () => {
       e.targetRotation = o(e.targetRotation + 15), n.rotate(e.targetRotation + e.thetaOffset).set();
     } }),
-    tiltDown: new b({ variant: "outline", size: "icon", label: Pn(), icon: g.tiltDown(), onClick: () => {
+    tiltDown: new b({ variant: "outline", size: "icon", label: zn(), icon: g.tiltDown(), onClick: () => {
       s(15);
     } })
   };
 }
-function Ai(n, t, e) {
+function Si(n, t, e) {
   const i = t.limits;
   i !== void 0 && (n.zoomOut.element.disabled = i.minZoom !== void 0 && e.zoom <= i.minZoom + T, n.zoomIn.element.disabled = i.maxZoom !== void 0 && e.zoom >= i.maxZoom - T, n.tiltUp.element.disabled = i.minTilt !== void 0 && e.tilt <= i.minTilt + T, n.tiltDown.element.disabled = i.maxTilt !== void 0 && e.tilt >= i.maxTilt - T, n.rotateLeft.element.disabled = i.minRotate !== void 0 && e.rotation <= i.minRotate + T, n.rotateRight.element.disabled = i.maxRotate !== void 0 && e.rotation >= i.maxRotate - T);
 }
-const Ei = 5;
-let xi = 0;
+const Ai = 5;
+let Ei = 0;
 function j(n) {
   const t = n.replace(/([A-Z])/g, " $1").trim();
   return t.charAt(0).toUpperCase() + t.slice(1).toLowerCase();
 }
-function Ti(n, t, e, i, o) {
+function xi(n, t, e, i, o) {
   const s = document.createElement("div");
   s.className = "vd-attribute", s.dataset.name = n.name;
   const r = document.createElement("span");
-  r.className = "vd-attribute-label", r.textContent = j(n.name), r.id = `vd-attribute-label-${xi++}`, s.appendChild(r), s.setAttribute("role", "group"), s.setAttribute("aria-labelledby", r.id);
-  const l = n.values.find((p) => t.getValue(n.name, p)?.isSelected === !0), d = n.values.map(j), u = n.values.length <= Ei ? new ui(n.values, l, d) : new di(n.name, n.values, j(n.name), l, d);
+  r.className = "vd-attribute-label", r.textContent = j(n.name), r.id = `vd-attribute-label-${Ei++}`, s.appendChild(r), s.setAttribute("role", "group"), s.setAttribute("aria-labelledby", r.id);
+  const l = n.values.find((p) => t.getValue(n.name, p)?.isSelected === !0), d = n.values.map(j), u = n.values.length <= Ai ? new ci(n.values, l, d) : new ui(n.name, n.values, j(n.name), l, d);
   return u.onSelect((p) => {
     e.dispatch(O.SELECT, { attribute: n.name, value: p }, !0).defaultPrevented || i(n.name, p);
   }), o(n.name, (p) => {
     u.setSelected(p.value), e.dispatch(O.SELECTED, { attribute: n.name, value: p.value });
   }), s.appendChild(u.element), s;
 }
-const Ri = 80, Oi = 2500;
-class Ni {
-  constructor(t, e = Oi) {
+const Ti = 80, Ri = 2500;
+class Oi {
+  constructor(t, e = Ri) {
     this.configuration = t, this.resetMs = e, this.element = document.createElement("div"), this.element.className = "vd-commerce vd-hidden";
     const i = document.createElement("div");
     i.className = "vd-commerce-price", this.priceEl = document.createElement("span"), this.priceEl.className = "vd-price", this.vatEl = document.createElement("span"), this.vatEl.className = "vd-vat", i.append(this.priceEl, this.vatEl), this.button = new b({ variant: "default", onClick: () => {
@@ -2724,7 +2691,7 @@ class Ni {
       this.priceEl.textContent = "", this.vatEl.textContent = "";
       return;
     }
-    this.priceEl.textContent = Ii(t.price, t.currency), this.vatEl.textContent = lt(this.configuration.vatDisplay);
+    this.priceEl.textContent = Ni(t.price, t.currency), this.vatEl.textContent = lt(this.configuration.vatDisplay);
   }
   renderButton() {
     const t = this.configuration.submitEnabled;
@@ -2732,11 +2699,11 @@ class Ni {
   }
   async handleSubmit() {
     if (this.state !== "busy") {
-      this.setState("busy", Bn());
+      this.setState("busy", Dn());
       try {
-        await this.configuration.submit(), this.setState("success", Hn());
+        await this.configuration.submit(), this.setState("success", jn());
       } catch {
-        this.setState("failed", Wn());
+        this.setState("failed", Zn());
       }
       this.scheduleReset();
     }
@@ -2754,9 +2721,9 @@ class Ni {
   }
 }
 function lt(n) {
-  return (n ?? "").slice(0, Ri);
+  return (n ?? "").slice(0, Ti);
 }
-function Ii(n, t) {
+function Ni(n, t) {
   try {
     const e = new Intl.NumberFormat(h(), { style: "currency", currency: t }), i = e.resolvedOptions().maximumFractionDigits ?? 2;
     return e.format(n / 10 ** i);
@@ -2777,8 +2744,8 @@ class kt {
     this.slot?.remove(), this.slot = null, this.panel = null;
   }
 }
-const Li = 572;
-class Mi {
+const Ii = 572;
+class Li {
   element = null;
   body = null;
   openButton = null;
@@ -2792,7 +2759,7 @@ class Mi {
     this.container = t, e.classList.add("vd-attributes-sidebar"), this.closeButton = new b({
       variant: "ghost",
       size: "icon-sm",
-      label: ln(),
+      label: an(),
       icon: g.close({ size: 18 }),
       onClick: () => {
         this.expanded = !1, this.render();
@@ -2802,7 +2769,7 @@ class Mi {
     i.className = "vd-sidebar-header", i.appendChild(this.closeButton.element), this.body = document.createElement("div"), this.body.className = "vd-sidebar-body", this.body.appendChild(e), this.element = document.createElement("div"), this.element.className = "vd-sidebar vd-hidden", this.element.append(i, this.body), t.appendChild(this.element), this.openButton = new b({
       variant: "outline",
       size: "default",
-      label: on(),
+      label: nn(),
       icon: g.configurator({ size: 18 }),
       onClick: () => {
         this.expanded = !0, this.render();
@@ -2818,7 +2785,7 @@ class Mi {
   observe() {
     typeof ResizeObserver > "u" || this.container === null || (this.observer = new ResizeObserver((t) => {
       const e = t[0]?.contentRect.width ?? 0;
-      this.setCollapsible(e > 0 && e < Li);
+      this.setCollapsible(e > 0 && e < Ii);
     }), this.observer.observe(this.container));
   }
   setCollapsible(t) {
@@ -2831,7 +2798,7 @@ class Mi {
     this.element.classList.toggle("vd-hidden", !this.visible), this.element.classList.toggle("vd-sidebar-collapsed", this.visible && !this.expanded), this.openButton.element.classList.toggle("vd-hidden", !(this.visible && !this.expanded)), this.closeButton.element.style.display = this.collapsible ? "" : "none", this.container.classList.toggle("vd-layout-sidebar-right", t);
   }
 }
-class zi {
+class Mi {
   attach(t, e) {
   }
   setVisible(t) {
@@ -2839,20 +2806,20 @@ class zi {
   destroy() {
   }
 }
-const Pi = {
+const zi = {
   "inframe-bottom-left": () => new kt(),
-  "sidebar-right": () => new Mi(),
-  hidden: () => new zi()
+  "sidebar-right": () => new Li(),
+  hidden: () => new Mi()
 };
-function Fi(n) {
-  return (Pi[n ?? ""] ?? (() => new kt()))();
+function Pi(n) {
+  return (zi[n ?? ""] ?? (() => new kt()))();
 }
 const H = _.fontFamily.sans.join(", "), G = `
   position: absolute;
   display: flex;
   z-index: 10;
   transition: inset-inline-end 0.18s ease;
-`, $i = `
+`, Fi = `
 /* Override browser's default black fullscreen backdrop */
 .vd-container:fullscreen {
   background: oklch(100% 0 0);
@@ -3043,17 +3010,17 @@ const H = _.fontFamily.sans.join(", "), G = `
 }
 
 `;
-function Di() {
-  if (gi(), document.getElementById("vd-styles") !== null)
+function $i() {
+  if (fi(), document.getElementById("vd-styles") !== null)
     return;
   const n = document.createElement("style");
-  n.id = "vd-styles", n.textContent = $i, document.head.appendChild(n);
+  n.id = "vd-styles", n.textContent = Fi, document.head.appendChild(n);
 }
-function Bi(n, t) {
+function Di(n, t) {
   const e = document.createElement("a");
   e.href = `data:image/png;base64,${n}`, e.download = t, e.click();
 }
-class Ui {
+class Bi {
   options;
   settings = {};
   container = null;
@@ -3069,7 +3036,7 @@ class Ui {
     this.options = t;
   }
   attach(t) {
-    Di(), this.container = t, this.loading = new wi(t), this.slots.topRight = this.createSlot(t, "vd-slot-top-right"), this.slots.bottomRight = this.createSlot(t, "vd-slot-bottom-right");
+    $i(), this.container = t, this.loading = new Ci(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);
@@ -3078,7 +3045,7 @@ class Ui {
     if (this.actionBar !== null || this.slots.bottomRight === null || this.container === null)
       return;
     const t = typeof this.container.requestFullscreen == "function";
-    this.actionBar = new ki({
+    this.actionBar = new wi({
       onAr: this.options.onAr,
       onFullscreen: t ? () => {
         this.toggleFullscreen();
@@ -3101,14 +3068,14 @@ class Ui {
     if (!(this.container === null || this.slots.topRight === null) && (this.cameraControls?.element.remove(), this.cameraControls = null, this.teardownConfigurator(), this.settings.cameraControls === !0 && (this.cameraControls = new L(this.options.cameraApi, this.options.cameraPositionApi), this.cameraControls.element.style.display = "none", this.slots.topRight.appendChild(this.cameraControls.element)), this.placeScreenshotButton(), e.length !== 0)) {
       this.attributes = document.createElement("div"), this.attributes.className = "vd-attributes";
       for (const i of e)
-        this.attributes.appendChild(Ti(
+        this.attributes.appendChild(xi(
           i,
           t,
           this.options.eventBus,
           this.options.onSelect,
           this.options.onSubscribe
         ));
-      this.commerce = new Ni(this.options.configuration), this.attributes.appendChild(this.commerce.element), this.layout = Fi(this.settings.configuratorLayout), this.layout.attach(this.container, this.attributes);
+      this.commerce = new Oi(this.options.configuration), this.attributes.appendChild(this.commerce.element), this.layout = Pi(this.settings.configuratorLayout), this.layout.attach(this.container, this.attributes);
     }
   }
   get viewerSettings() {
@@ -3133,11 +3100,11 @@ class Ui {
     t && this.screenshotBtn === null && (this.screenshotBtn = new b({
       variant: "outline",
       size: "icon",
-      label: Je(),
+      label: Qe(),
       icon: g.screenshot(),
       onClick: () => {
         this.options.snapshotApi.take("snapshot.png").onDeveloped(({ data: e, filename: i }) => {
-          Bi(e, i);
+          Di(e, i);
         });
       }
     })), !t && this.screenshotBtn !== null && (this.screenshotBtn.element.remove(), this.screenshotBtn = null);
@@ -3146,6 +3113,39 @@ class Ui {
     this.screenshotBtn === null || this.slots.topRight === null || (this.cameraControls !== null ? this.cameraControls.element.appendChild(this.screenshotBtn.element) : this.slots.topRight.appendChild(this.screenshotBtn.element));
   }
 }
+class Ui {
+  constructor(t) {
+    this.send = t;
+  }
+  send;
+  placedCallbacks = [];
+  setEnabled(t) {
+    this.send({
+      type: c.ANNOTATION_TOGGLE,
+      enabled: t
+    });
+  }
+  startPlacing() {
+    this.send({
+      type: c.ANNOTATION_PLACE_MODE,
+      enabled: !0
+    });
+  }
+  stopPlacing() {
+    this.send({
+      type: c.ANNOTATION_PLACE_MODE,
+      enabled: !1
+    });
+  }
+  onPlaced(t) {
+    this.placedCallbacks.push(t);
+  }
+  /** Called by the client when an ANNOTATION_PLACED message is received. */
+  handlePlaced(t) {
+    for (const e of this.placedCallbacks)
+      e(t);
+  }
+}
 class Hi {
   attributes;
   readyStateTracker;
@@ -3165,29 +3165,29 @@ class Hi {
   readyCallbacks = [];
   mutationFailedCallbacks = [];
   constructor(t) {
-    this.options = t, this.initializeLogging(), this.messenger = new Qt(() => this.iframe?.contentWindow ?? null);
+    this.options = t, this.initializeLogging(), this.messenger = new ee(() => this.iframe?.contentWindow ?? null);
     const e = (i) => {
       this.messenger.send(i);
     };
-    this.attributes = new ie(e, (i, o) => {
+    this.attributes = new ne(e, (i, o) => {
       for (const s of this.mutationFailedCallbacks)
         s({ attribute: i, value: o });
-    }), this.snapshotApi = new de(e), this.annotationsApi = new Jt(e), this.cameraApi = new oe(e), this.cameraPositionApi = new se(), this.focusApi = new re(e, (i) => {
+    }), this.snapshotApi = new ue(e), this.annotationsApi = new Ui(e), this.cameraApi = new ie(e), this.cameraPositionApi = new oe(), this.focusApi = new se(e, (i) => {
       this.dispatchFocusChange(i);
-    }), this.configurationApi = new ce(
+    }), this.configurationApi = new le(
       (i) => {
         this.dispatchConfigurationChange(i);
       },
       (i) => {
         this.dispatchConfigurationSubmit(i);
       }
-    ), this.eventBus = new he(), this.qrModal = new mi(), this.readyStateTracker = new Ft(() => {
+    ), this.eventBus = new de(), this.qrModal = new hi(), this.readyStateTracker = new Ft(() => {
       const i = this.readyCallbacks;
       this.readyCallbacks = [];
       for (const o of i)
         o(this);
       this.ui.onReady();
-    }), this.ui = new Ui({
+    }), this.ui = new Bi({
       snapshotApi: this.snapshotApi,
       cameraApi: this.cameraApi,
       cameraPositionApi: this.cameraPositionApi,
@@ -3202,29 +3202,29 @@ class Hi {
   }
   registerHandlers() {
     this.messenger.on(c.HANDSHAKE, (t) => {
-      Vt(t) && (C.info("Server handshake received, flushing publisher queue"), this.messenger.markReady());
+      Gt(t) && (C.info("Server handshake received, flushing publisher queue"), this.messenger.markReady());
     }), this.messenger.on(c.MUTATION, (t) => {
-      jt(t) && (this.attributes.handleMutationResult(t), this.configurationApi.handleSelectionChanged(this.attributes.getSelection()));
+      qt(t) && (this.attributes.handleMutationResult(t), this.configurationApi.handleSelectionChanged(this.attributes.getSelection()));
     }), this.messenger.on(c.SNAPSHOT, (t) => {
-      Ht(t) && this.snapshotApi.handleSnapshotResult(t);
+      Zt(t) && this.snapshotApi.handleSnapshotResult(t);
     }), this.messenger.on(c.CAMERA, (t) => {
-      Gt(t) && this.cameraPositionApi.handlePositionUpdate(t);
+      Wt(t) && this.cameraPositionApi.handlePositionUpdate(t);
     }), this.messenger.on(c.LOADING_INDICATOR, (t) => {
-      Zt(t) && (t.error !== void 0 ? this.ui.showError(t.error) : this.ui.updateProgress(t.progress, t.phase));
+      Xt(t) && (t.error !== void 0 ? this.ui.showError(t.error) : this.ui.updateProgress(t.progress, t.phase));
     }), this.messenger.on(c.CONFIG, (t) => {
-      Wt(t) && this.handleConfig(t);
+      Kt(t) && this.handleConfig(t);
     }), this.messenger.on(c.ANNOTATION_PLACED, (t) => {
-      Yt(t) && this.annotationsApi.handlePlaced(t.position);
+      Qt(t) && this.annotationsApi.handlePlaced(t.position);
     }), this.messenger.on(c.MAPPING, (t) => {
-      qt(t) && (this.attributes.handleMappingReceived(t), this.configurationApi.handleSelectionChanged(this.attributes.getSelection()), this.ui.renderAttributeControls(this.attributes, t.attributes), this.readyStateTracker.handleMappingReceived());
+      Yt(t) && (this.attributes.handleMappingReceived(t), this.configurationApi.handleSelectionChanged(this.attributes.getSelection()), this.ui.renderAttributeControls(this.attributes, t.attributes), this.readyStateTracker.handleMappingReceived());
     }), this.registerFacadeStateHandlers();
   }
   /** Handlers that feed viewer-reported state into the facades (focus, pricing). */
   registerFacadeStateHandlers() {
     this.messenger.on(c.FOCUS, (t) => {
-      Xt(t) && this.focusApi.handleStateReceived(t);
+      Jt(t) && this.focusApi.handleStateReceived(t);
     }), this.messenger.on(c.PRICING, (t) => {
-      Kt(t) && this.configurationApi.handlePricingReceived(t.pricing);
+      te(t) && this.configurationApi.handlePricingReceived(t.pricing);
     });
   }
   /**
@@ -3339,15 +3339,15 @@ class Hi {
   }
 }
 export {
-  Jt as Annotations,
-  ee as Attribute,
-  te as AttributeValue,
-  oe as Camera,
-  ce as Configuration,
+  Ui as Annotations,
+  Dt as Attribute,
+  $t as AttributeValue,
+  ie as Camera,
+  le as Configuration,
   A as ERROR_CODES,
-  re as Focus,
-  ue as Photo,
-  de as Snapshot,
+  se as Focus,
+  ce as Photo,
+  ue as Snapshot,
   O as VD_EVENTS,
   Hi as VirtualdisplayClient,
   f as VirtualdisplayError,