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

package/dist/virtualdisplay.client.es.js

@@ -1,4 +1,4 @@
-const C = {
+const A = {
   NO_MAPPING: "NO_MAPPING",
   ATTRIBUTE_NOT_FOUND: "ATTRIBUTE_NOT_FOUND",
   VALUE_NOT_FOUND: "VALUE_NOT_FOUND",
@@ -11,42 +11,24 @@ class f extends Error {
   constructor(t, e) {
     super(t), this.name = "VirtualdisplayError", this.code = e;
   }
-  static noMapping() {
-    return new f(
-      "No attributes available. Waiting for server metadata.",
-      C.NO_MAPPING
-    );
-  }
-  static attributeNotFound(t) {
-    return new f(
-      `Attribute "${t}" not found in mapping`,
-      C.ATTRIBUTE_NOT_FOUND
-    );
-  }
   static valueNotFound(t, e) {
     return new f(
       `Value "${e}" not found for attribute "${t}"`,
-      C.VALUE_NOT_FOUND
+      A.VALUE_NOT_FOUND
     );
   }
   static parentNotFound(t) {
     return new f(
       `Parent element not found: ${t}`,
-      C.PARENT_NOT_FOUND
+      A.PARENT_NOT_FOUND
     );
   }
   static invalidParameter(t) {
-    return new f(t, C.INVALID_PARAMETER);
-  }
-  static snapshotFailed(t, e) {
-    return new f(
-      `Snapshot failed for "${t}": ${e}`,
-      C.SNAPSHOT_FAILED
-    );
+    return new f(t, A.INVALID_PARAMETER);
   }
 }
-const kt = {};
-class St {
+const St = {};
+class At {
   defaultServer = "https://server.virtualdisplay.io";
   options;
   constructor(t) {
@@ -85,7 +67,7 @@ class St {
     return e.searchParams.set("license", this.options.license), e.searchParams.set("model", this.options.model), this.options.language !== void 0 && e.searchParams.set("language", this.options.language), this.options.debug === !0 && e.searchParams.set("debug", "true"), this.options.traceparent !== void 0 && e.searchParams.set("traceparent", this.options.traceparent), e.toString();
   }
   getServerUrl() {
-    if (kt?.VITE_VIRTUALDISPLAY_SERVER_HOST === void 0)
+    if (St?.VITE_VIRTUALDISPLAY_SERVER_HOST === void 0)
       return this.defaultServer;
   }
   getParentElement() {
@@ -97,18 +79,18 @@ class St {
     return t;
   }
 }
-function At(n) {
+function Et(n) {
   const t = new Date(n.timestamp).toLocaleTimeString("en-GB", { hour12: !1 }), e = n.level.toUpperCase().padEnd(5), i = n.trace_id?.slice(0, 8) ?? "--------", o = n.msg, s = ["timestamp", "level", "msg", "service", "trace_id", "span_id"], r = Object.entries(n).filter(([l]) => !s.includes(l)).map(([l, d]) => `${l}=${JSON.stringify(d)}`).join(" ");
   return `${t} ${e} [${i}] ${o}${r ? " " + r : ""}`;
 }
-function Et(n) {
+function xt(n) {
   return JSON.stringify(n);
 }
-function xt(n, t) {
-  const e = t ? At(n) : Et(n);
+function Tt(n, t) {
+  const e = t ? Et(n) : xt(n);
   n.level === "error" ? console.error(e) : n.level === "warn" ? console.warn(e) : console.log(e);
 }
-function lt(n, t = 0) {
+function ct(n, t = 0) {
   const e = {
     name: n.name,
     message: n.message
@@ -120,34 +102,34 @@ function lt(n, t = 0) {
     const o = n[i];
     o !== void 0 && (e[i] = o);
   }
-  return n.cause !== void 0 && n.cause !== null && (e.cause = n.cause instanceof Error && t < 5 ? lt(n.cause, t + 1) : String(n.cause)), e;
+  return n.cause !== void 0 && n.cause !== null && (e.cause = n.cause instanceof Error && t < 5 ? ct(n.cause, t + 1) : String(n.cause)), e;
 }
-function Tt(n) {
+function Rt(n) {
   const t = {};
   for (const [e, i] of Object.entries(n))
-    t[e] = i instanceof Error ? lt(i) : i;
+    t[e] = i instanceof Error ? ct(i) : i;
   return t;
 }
-function Rt() {
+function Ot() {
   return /* @__PURE__ */ new Date();
 }
 function Nt(n) {
   return n.toISOString();
 }
-function ct() {
+function ut() {
   return typeof navigator > "u" ? "" : navigator.userAgent;
 }
-function Ot() {
-  return typeof navigator > "u" ? !1 : navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
-}
 function It() {
-  return /iPhone|iPad|iPod/i.test(ct()) || Ot();
+  return typeof navigator > "u" ? !1 : navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
 }
 function Lt() {
-  return /Android/i.test(ct());
+  return /iPhone|iPad|iPod/i.test(ut()) || It();
 }
 function Mt() {
-  return It() || Lt();
+  return /Android/i.test(ut());
+}
+function zt() {
+  return Lt() || Mt();
 }
 class Z {
   constructor(t) {
@@ -159,14 +141,14 @@ class Z {
    */
   log(t, e, i = {}) {
     const o = this.config.traceProvider?.() ?? {}, s = {
-      timestamp: Nt(Rt()),
+      timestamp: Nt(Ot()),
       level: t,
       msg: e,
       service: this.config.service,
       ...o,
-      ...Tt(i)
+      ...Rt(i)
     };
-    xt(s, this.config.isDev);
+    Tt(s, this.config.isDev);
   }
   /**
    * Log at DEBUG level (development only).
@@ -202,37 +184,37 @@ class Z {
     }).bind(this), e;
   }
 }
-function ut(n, t) {
+function dt(n, t) {
   const e = t?.isDev !== void 0 ? t.isDev : typeof process < "u" ? process.env.NODE_ENV !== "production" : !0;
   return new Z({ service: n, isDev: e, traceProvider: t?.traceProvider });
 }
-function O(n) {
+function N(n) {
   if (n !== void 0)
     return typeof n == "object" && n !== null && !Array.isArray(n) && !(n instanceof Error) ? n : n instanceof Error ? { error: n.message } : { value: n };
 }
-function dt(n) {
+function ht(n) {
   return {
-    debug: (t, e) => n.debug(t, O(e)),
-    info: (t, e) => n.info(t, O(e)),
-    warn: (t, e) => n.warn(t, O(e)),
-    error: (t, e) => n.error(t, O(e))
+    debug: (t, e) => n.debug(t, N(e)),
+    info: (t, e) => n.info(t, N(e)),
+    warn: (t, e) => n.warn(t, N(e)),
+    error: (t, e) => n.error(t, N(e))
   };
 }
-let ht = !1, k = dt(ut("client", { isDev: !1 }));
-function zt() {
-  ht = !0, k = dt(ut("client", { isDev: !0 }));
+let mt = !1, C = ht(dt("client", { isDev: !1 }));
+function Pt() {
+  mt = !0, C = ht(dt("client", { isDev: !0 }));
 }
-function Ui() {
-  return ht;
+function Vi() {
+  return mt;
 }
-class Pt {
+class Ft {
   ready = !1;
   onReady;
   constructor(t) {
     this.onReady = t;
   }
   handleMappingReceived() {
-    this.ready || (this.ready = !0, k.info("Mapping received from server, client is now ready"), this.onReady?.());
+    this.ready || (this.ready = !0, C.info("Mapping received from server, client is now ready"), this.onReady?.());
   }
   get isReady() {
     return this.ready;
@@ -241,6 +223,132 @@ class Pt {
     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",
@@ -259,59 +367,59 @@ const c = {
 }, X = {
   FOCUS: "focus",
   UNFOCUS: "unfocus"
-}, Ft = {
+}, Ut = {
   FOCUSED: "focused"
-}, $t = {
+}, Vt = {
   /** Behaves exactly like an unpriced combination: no price, no button. */
   HIDDEN: "hidden"
-}, Dt = new Set(Object.values(c));
-function Bt(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" && Dt.has(t.type);
+  return typeof t.target == "string" ? !1 : typeof t.type == "string" && jt.has(t.type);
 }
-function Ut(n) {
-  const t = S(n);
+function Gt(n) {
+  const t = k(n);
   return t !== null && t.type === c.HANDSHAKE;
 }
-function Vt(n) {
-  const t = S(n);
+function qt(n) {
+  const t = k(n);
   return t !== null && t.type === c.MUTATION && Array.isArray(t.results);
 }
-function jt(n) {
-  const t = S(n);
+function Zt(n) {
+  const t = k(n);
   return t !== null && t.type === c.SNAPSHOT && ("data" in t || "error" in t);
 }
-function Ht(n) {
-  const t = S(n);
+function Wt(n) {
+  const t = k(n);
   return t !== null && t.type === c.CAMERA && Array.isArray(t.transforms);
 }
-function Gt(n) {
-  const t = S(n);
+function Yt(n) {
+  const t = k(n);
   return t !== null && t.type === c.MAPPING && Array.isArray(t.attributes);
 }
-function qt(n) {
-  const t = S(n);
+function Xt(n) {
+  const t = k(n);
   return t !== null && t.type === c.LOADING_INDICATOR && typeof t.progress == "number";
 }
-function Zt(n) {
-  const t = S(n);
+function Kt(n) {
+  const t = k(n);
   return t !== null && t.type === c.CONFIG && typeof t.viewerSettings == "object";
 }
-function Wt(n) {
-  const t = S(n);
+function Qt(n) {
+  const t = k(n);
   return t !== null && t.type === c.ANNOTATION_PLACED && typeof t.position == "object" && t.position !== null;
 }
-function Yt(n) {
-  const t = S(n);
+function Jt(n) {
+  const t = k(n);
   return t !== null && t.type === c.FOCUS && typeof t.state == "string";
 }
-function Xt(n) {
-  const t = S(n);
+function te(n) {
+  const t = k(n);
   return t !== null && t.type === c.PRICING && typeof t.pricing == "object" && t.pricing !== null;
 }
-function S(n) {
+function k(n) {
   return typeof n != "object" || n === null ? null : n;
 }
 class K {
@@ -361,7 +469,7 @@ class K {
     this.pending.length = 0;
   }
 }
-class Kt {
+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();
   }
@@ -424,7 +532,7 @@ class Kt {
   start() {
     this.listener === null && (this.listener = (t) => {
       const { data: e } = t;
-      if (!Bt(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)
@@ -470,153 +578,6 @@ class Kt {
     });
   }
 }
-class Qt {
-  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 Jt {
-  constructor(t, e) {
-    this.value = t, this.attribute = e;
-  }
-  value;
-  attribute;
-  isSelectedValue = !1;
-  get isSelected() {
-    return this.isSelectedValue;
-  }
-  setSelected(t) {
-    this.isSelectedValue = t;
-  }
-}
-class te {
-  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 Jt(i, this.name);
-      i === this.defaultValue && o.setSelected(!0), e.set(i, o);
-    }
-    return e;
-  }
-}
-class ee {
-  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 te(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;
-  }
-}
 class ne {
   constructor(t, e) {
     this.send = t, this.onMutationFailed = e;
@@ -629,9 +590,9 @@ class ne {
    * Handle incoming MAPPING message from server
    */
   handleMappingReceived(t) {
-    k.debug("Initializing from server mapping", {
+    C.debug("Initializing from server mapping", {
       attributeCount: t.attributes.length
-    }), this.registry = new ee(
+    }), this.registry = new Bt(
       t.attributes,
       (e, i) => this.sendMutation(e, i),
       this.onMutationFailed
@@ -665,7 +626,7 @@ class ne {
     }
     const i = this.registry.get(t);
     if (i === void 0) {
-      k.warn(`onChange: attribute "${t}" not found — callback will not fire`);
+      C.warn(`onChange: attribute "${t}" not found — callback will not fire`);
       return;
     }
     i.onChange(e);
@@ -691,7 +652,7 @@ class ne {
   replayPendingCallbacks() {
     for (const { name: t, callback: e } of this.pendingCallbacks) {
       const i = this.registry?.get(t);
-      i === void 0 && k.warn(`onChange: attribute "${t}" not found — buffered callback will not fire`), i?.onChange(e);
+      i === void 0 && C.warn(`onChange: attribute "${t}" not found — buffered callback will not fire`), i?.onChange(e);
     }
     this.pendingCallbacks.length = 0;
   }
@@ -847,18 +808,6 @@ class oe {
     }
   }
 }
-const N = {
-  /** 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 se {
   constructor(t, e) {
     this.send = t, this.dispatch = e;
@@ -896,7 +845,7 @@ class se {
   }
   /** Called by the client when a FocusStateMessage is received from the viewer. */
   handleStateReceived(t) {
-    t.state === Ft.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);
@@ -1027,7 +976,7 @@ class le {
     if (this.pricing === void 0)
       return;
     const t = re(this.pricing.rules, this.selection);
-    if (!(t === void 0 || t.availability === $t.HIDDEN))
+    if (!(t === void 0 || t.availability === Vt.HIDDEN))
       return {
         attributes: { ...this.selection },
         reference: t.reference,
@@ -1090,6 +1039,7 @@ class ce {
     }), this.developedCallbacks.clear(), this.errorCallbacks.clear());
   }
 }
+const J = 3e4;
 class ue {
   constructor(t) {
     this.send = t;
@@ -1105,9 +1055,14 @@ class ue {
    * @throws VirtualdisplayError if filename is invalid
    */
   take(t) {
-    this.validateFilename(t), k.debug("Taking snapshot", { filename: t });
-    const e = new ce(t);
-    return this.pendingPhotos.set(e.getFilename(), e), this.send({
+    this.validateFilename(t), C.debug("Taking snapshot", { filename: t });
+    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
+      ));
+    }, J);
+    return this.pendingPhotos.set(t, { photo: e, timeout: i }), this.send({
       type: c.SNAPSHOT,
       filename: t
     }), e;
@@ -1119,17 +1074,19 @@ class ue {
   handleSnapshotResult(t) {
     const e = this.pendingPhotos.get(t.filename);
     if (e === void 0) {
-      k.warn("No pending photo found for filename", {
+      C.warn("No pending photo found for filename", {
         filename: t.filename,
         pendingFilenames: Array.from(this.pendingPhotos.keys())
       });
       return;
     }
-    if (this.pendingPhotos.delete(t.filename), t.error !== void 0) {
-      e.fail(new f(t.error, C.SNAPSHOT_FAILED));
+    clearTimeout(e.timeout), this.pendingPhotos.delete(t.filename);
+    const { photo: i } = e;
+    if (t.error !== void 0) {
+      i.fail(new f(t.error, A.SNAPSHOT_FAILED));
       return;
     }
-    t.data !== void 0 && e.develop({ filename: t.filename, data: t.data });
+    t.data !== void 0 && i.develop({ filename: t.filename, data: t.data });
   }
   /**
    * Fail any pending photos and forget them. Called from client destroy
@@ -1141,10 +1098,10 @@ class ue {
       return;
     const t = new f(
       "Client destroyed before snapshot completed",
-      C.SNAPSHOT_FAILED
+      A.SNAPSHOT_FAILED
     );
-    for (const e of this.pendingPhotos.values())
-      e.fail(t);
+    for (const { photo: e, timeout: i } of this.pendingPhotos.values())
+      clearTimeout(i), e.fail(t);
     this.pendingPhotos.clear();
   }
   /**
@@ -1154,19 +1111,19 @@ class ue {
     if (t === "" || typeof t != "string")
       throw new f(
         "Filename must be a non-empty string",
-        C.INVALID_PARAMETER
+        A.INVALID_PARAMETER
       );
     if (!this.validExtensions.some(
       (i) => t.toLowerCase().endsWith(i)
     ))
       throw new f(
         `Invalid filename: "${t}". Filename must end with one of: ${this.validExtensions.join(", ")}`,
-        C.INVALID_PARAMETER
+        A.INVALID_PARAMETER
       );
     if (t.includes("..") || t.includes("/") || t.includes("\\"))
       throw new f(
         'Filename cannot contain path separators or ".."',
-        C.INVALID_PARAMETER
+        A.INVALID_PARAMETER
       );
   }
 }
@@ -1191,29 +1148,29 @@ class de {
     };
   }
 }
-const he = {}, me = "en", mt = (
+const he = {}, me = "en", pt = (
   /** @type {const} */
   ["en", "nl", "de"]
 ), W = [
   "baseLocale"
-], J = [];
-let tt, et;
+], tt = [];
+let et, nt;
 function pe(n) {
-  if (J.length === 0)
+  if (tt.length === 0)
     return;
   const t = typeof n == "string" ? n : n.href;
-  if (tt === t)
-    return et;
+  if (et === t)
+    return nt;
   const e = new URL(t, "http://dummy.com");
   let i;
-  for (const o of J)
+  for (const o of tt)
     if (new he(o.match, e.href).exec(e.href)) {
       i = o;
       break;
     }
-  return tt = t, et = i, i;
+  return et = t, nt = i, i;
 }
-function pt(n) {
+function ft(n) {
   const t = pe(n);
   return t && t.exclude !== !0 && Array.isArray(t.strategy) ? t.strategy : W;
 }
@@ -1222,12 +1179,12 @@ globalThis.__paraglide = /** @type {any} */
 globalThis.__paraglide ?? {};
 globalThis.__paraglide.ssr = /** @type {any} */
 globalThis.__paraglide.ssr ?? {};
-let nt = !1, h = () => {
+let it = !1, h = () => {
   let n = W;
-  !q && typeof window < "u" && window.location?.href && (n = pt(window.location.href));
+  !q && typeof window < "u" && window.location?.href && (n = ft(window.location.href));
   const t = fe(n);
   if (t)
-    return nt || (nt = !0, ft(t, { reload: !1 })), 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 fe(n, t) {
@@ -1235,7 +1192,7 @@ function fe(n, t) {
   for (const i of n) {
     if (i === "baseLocale")
       e = me;
-    else if (bt(i) && I.has(i)) {
+    else if (vt(i) && I.has(i)) {
       const s = I.get(i);
       if (s) {
         const r = s.getLocale();
@@ -1245,7 +1202,7 @@ function fe(n, t) {
           return be(r);
       }
     }
-    const o = gt(e);
+    const o = bt(e);
     if (o)
       return o;
   }
@@ -1253,7 +1210,7 @@ function fe(n, t) {
 const ge = (n) => {
   window.location.reload();
 };
-let ft = (n, t) => {
+let gt = (n, t) => {
   const e = {
     reload: !0,
     ...t
@@ -1265,9 +1222,9 @@ let ft = (n, t) => {
   }
   const o = [];
   let s = W;
-  !q && typeof window < "u" && window.location?.href && (s = pt(window.location.href));
+  !q && typeof window < "u" && window.location?.href && (s = ft(window.location.href));
   for (const l of s)
-    if (l !== "baseLocale" && bt(l) && I.has(l)) {
+    if (l !== "baseLocale" && vt(l) && I.has(l)) {
       const d = I.get(l);
       if (d) {
         let u = d.setLocale(n);
@@ -1287,22 +1244,22 @@ let ft = (n, t) => {
     });
   r();
 };
-function gt(n) {
+function bt(n) {
   if (typeof n != "string")
     return;
   const t = n.toLowerCase();
-  for (const e of mt)
+  for (const e of pt)
     if (e.toLowerCase() === t)
       return e;
 }
 function be(n) {
-  const t = gt(n);
+  const t = bt(n);
   if (t)
     return t;
-  throw new Error(`Invalid locale: ${n}. Expected one of: ${mt.join(", ")}`);
+  throw new Error(`Invalid locale: ${n}. Expected one of: ${pt.join(", ")}`);
 }
 const I = /* @__PURE__ */ new Map();
-function bt(n) {
+function vt(n) {
   return typeof n == "string" && /^custom-[A-Za-z0-9_-]+$/.test(n);
 }
 const ve = (
@@ -1377,13 +1334,13 @@ const ve = (
     const e = t.locale ?? h();
     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."
   )
-), Oe = (
+), Ne = (
   /** @type {(inputs: Controls_Qr_Modalinstructions1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
@@ -1399,7 +1356,7 @@ const ve = (
   /** @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" ? Oe() : Ie();
+    return e === "en" ? Oe() : e === "nl" ? Ne() : Ie();
   })
 ), Me = (
   /** @type {(inputs: Controls_Qr_Closebutton1Inputs) => LocalizedString} */
@@ -1467,7 +1424,7 @@ const ve = (
     /** @type {LocalizedString} */
     "Herunterladen"
   )
-), vt = (
+), yt = (
   /** @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();
@@ -1531,7 +1488,7 @@ const ve = (
   /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
-    "Configureer"
+    "Configureren"
   )
 ), en = (
   /** @type {(inputs: Controls_Configurator_OpenInputs) => LocalizedString} */
@@ -1701,17 +1658,17 @@ const ve = (
     /** @type {LocalizedString} */
     "Omhoog kantelen"
   )
-), Nn = (
+), On = (
   /** @type {(inputs: Controls_Camera_Tiltup1Inputs) => LocalizedString} */
   () => (
     /** @type {LocalizedString} */
     "Nach oben kippen"
   )
-), On = (
+), 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" ? Tn() : e === "nl" ? Rn() : Nn();
+    return e === "en" ? Tn() : e === "nl" ? Rn() : On();
   })
 ), In = (
   /** @type {(inputs: Controls_Camera_Tiltdown1Inputs) => LocalizedString} */
@@ -1821,20 +1778,20 @@ const Wn = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-const yt = ([n, t, e]) => {
+const _t = ([n, t, e]) => {
   const i = document.createElementNS("http://www.w3.org/2000/svg", n);
   return Object.keys(t).forEach((o) => {
     i.setAttribute(o, String(t[o]));
   }), e?.length && e.forEach((o) => {
-    const s = yt(o);
+    const s = _t(o);
     i.appendChild(s);
   }), i;
-}, _t = (n, t = {}) => {
+}, Ct = (n, t = {}) => {
   const i = {
     ...Wn,
     ...t
   };
-  return yt(["svg", i, n]);
+  return _t(["svg", i, n]);
 };
 const Yn = [
   [
@@ -1855,7 +1812,7 @@ const Xn = [
   ],
   ["circle", { cx: "12", cy: "13", r: "3" }]
 ];
-const Ct = [["path", { d: "m6 9 6 6 6-6" }]];
+const wt = [["path", { d: "m6 9 6 6 6-6" }]];
 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" }]];
@@ -1902,7 +1859,7 @@ const ri = [
   ["line", { x1: "8", x2: "14", y1: "11", y2: "11" }]
 ];
 function y(n, { size: t = 20, strokeWidth: e = 1.75 } = {}) {
-  return _t(n, { width: t, height: t, "stroke-width": e });
+  return Ct(n, { width: t, height: t, "stroke-width": e });
 }
 const g = {
   ar: (n) => y(Yn, n),
@@ -1910,7 +1867,7 @@ const g = {
   exitFullscreen: (n) => y(ei, n),
   screenshot: (n) => y(Xn, n),
   tiltUp: (n) => y(Jn, n),
-  tiltDown: (n) => y(Ct, n),
+  tiltDown: (n) => y(wt, n),
   rotateLeft: (n) => y(Kn, n),
   rotateRight: (n) => y(Qn, n),
   zoomIn: (n) => y(si, n),
@@ -2045,7 +2002,7 @@ class ui {
       v.value = p, v.textContent = s?.[u] ?? p, p === o && (v.selected = !0, l = !0), this.select.appendChild(v);
     }
     l || (r.selected = !0);
-    const d = _t(Ct, { width: 16, height: 16, "stroke-width": 2 });
+    const d = Ct(wt, { 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);
   }
   setSelected(t) {
@@ -2389,20 +2346,20 @@ const x = _.fontFamily.sans.join(", "), mi = `
   margin-block-start: 0.25rem;
 }
 `;
-let it = !1;
+let ot = !1;
 function fi() {
-  if (it || typeof document > "u")
+  if (ot || typeof document > "u")
     return;
-  it = !0;
+  ot = !0;
   const n = document.createElement("style");
   n.id = "vd-ui-vanilla", n.textContent = pi, document.head.appendChild(n);
 }
-function ot(n) {
+function st(n) {
   const t = Math.max(0, Math.min(1, n));
   return t * t * (3 - 2 * t);
 }
 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, A = Math.cos(e), w = Math.sin(e), R = A * l - w * E, M = w * l + A * E, Y = 0.55;
+  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 bi(n, t, e) {
@@ -2416,7 +2373,7 @@ function vi(n, t, e, i, o) {
   ];
   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], st = [
+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],
   [P, F],
   [F, $],
@@ -2429,7 +2386,7 @@ const z = [-1, -1, 1], P = [1, -1, 1], F = [1, -1, -1], $ = [-1, -1, -1], D = [-
   [B, U],
   [U, V],
   [V, D]
-], yi = 400, rt = '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif';
+], yi = 400, at = '-apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif';
 function _i() {
   const n = document.createElement("div");
   Object.assign(n.style, {
@@ -2466,14 +2423,14 @@ function _i() {
     fontWeight: "400",
     color: "#000",
     fontVariantNumeric: "tabular-nums",
-    fontFamily: rt
+    fontFamily: at
   });
   const o = document.createElement("span");
   return Object.assign(o.style, {
     fontSize: "13px",
     color: "#000",
-    fontFamily: rt
-  }), o.textContent = vt(), e.appendChild(i), e.appendChild(o), n.appendChild(t), n.appendChild(e), { overlay: n, canvas: t, pctEl: i, phaseEl: o };
+    fontFamily: 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 Ci {
   overlay;
@@ -2497,7 +2454,7 @@ class Ci {
   }
   get loadingTexts() {
     return {
-      downloading: vt(),
+      downloading: yt(),
       rendering: We()
     };
   }
@@ -2551,14 +2508,14 @@ class Ci {
       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) => gi(w, l, d, o, s, r), p = 6, v = i % p / p, E = st.length;
-    let A;
-    v < 0.35 ? A = ot(v / 0.35) * E : v < 0.55 ? A = E : v < 0.9 ? A = (1 - ot((v - 0.55) / 0.35)) * E : A = 0, this.ctx.shadowBlur = 5, this.ctx.shadowColor = "rgba(30,30,30,0.08)";
-    for (let w = 0; w < E && !(w >= A); w++) {
-      const R = st[w];
+    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++) {
+      const R = rt[w];
       if (R === void 0)
         continue;
-      const M = Math.min(1, A - w);
+      const M = Math.min(1, S - w);
       vi(this.ctx, u, R[0], R[1], M);
     }
     this.ctx.shadowBlur = 0;
@@ -2661,7 +2618,7 @@ function ki(n, t, e) {
     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: On(), 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: kn(), icon: g.rotateLeft(), onClick: () => {
@@ -2695,13 +2652,13 @@ function xi(n, t, e, i, o) {
   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(N.SELECT, { attribute: n.name, value: p }, !0).defaultPrevented || i(n.name, 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(N.SELECTED, { attribute: n.name, value: p.value });
+    u.setSelected(p.value), e.dispatch(O.SELECTED, { attribute: n.name, value: p.value });
   }), s.appendChild(u.element), s;
 }
 const Ti = 80, Ri = 2500;
-class Ni {
+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");
@@ -2734,11 +2691,11 @@ class Ni {
       this.priceEl.textContent = "", this.vatEl.textContent = "";
       return;
     }
-    this.priceEl.textContent = Oi(t.price, t.currency), this.vatEl.textContent = at(this.configuration.vatDisplay);
+    this.priceEl.textContent = Ni(t.price, t.currency), this.vatEl.textContent = lt(this.configuration.vatDisplay);
   }
   renderButton() {
     const t = this.configuration.submitEnabled;
-    this.button.element.classList.toggle("vd-hidden", !t), t && this.state === "idle" && this.setButtonText(at(this.configuration.buttonLabel));
+    this.button.element.classList.toggle("vd-hidden", !t), t && this.state === "idle" && this.setButtonText(lt(this.configuration.buttonLabel));
   }
   async handleSubmit() {
     if (this.state !== "busy") {
@@ -2763,10 +2720,10 @@ class Ni {
     this.button.element.textContent = t, this.button.element.setAttribute("aria-label", t);
   }
 }
-function at(n) {
+function lt(n) {
   return (n ?? "").slice(0, Ti);
 }
-function Oi(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);
@@ -2774,7 +2731,7 @@ function Oi(n, t) {
     return `${t} ${(n / 100).toFixed(2)}`;
   }
 }
-class wt {
+class kt {
   slot = null;
   panel = null;
   attach(t, e) {
@@ -2850,12 +2807,12 @@ class Mi {
   }
 }
 const zi = {
-  "inframe-bottom-left": () => new wt(),
+  "inframe-bottom-left": () => new kt(),
   "sidebar-right": () => new Li(),
   hidden: () => new Mi()
 };
 function Pi(n) {
-  return (zi[n ?? ""] ?? (() => new wt()))();
+  return (zi[n ?? ""] ?? (() => new kt()))();
 }
 const H = _.fontFamily.sans.join(", "), G = `
   position: absolute;
@@ -3105,7 +3062,7 @@ class Bi {
     this.loading?.showError(t);
   }
   applyViewerSettings(t) {
-    this.settings = t, t.language !== void 0 && ft(t.language, { reload: !1 }), this.syncScreenshotButton(), this.actionBar?.applySettings(t), this.cameraControls !== null && (this.cameraControls.element.style.display = t.cameraControls === !0 ? "flex" : "none"), this.placeScreenshotButton();
+    this.settings = t, t.language !== void 0 && gt(t.language, { reload: !1 }), this.syncScreenshotButton(), this.actionBar?.applySettings(t), this.cameraControls !== null && (this.cameraControls.element.style.display = t.cameraControls === !0 ? "flex" : "none"), this.placeScreenshotButton();
   }
   renderAttributeControls(t, e) {
     if (!(this.container === null || this.slots.topRight === null) && (this.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)) {
@@ -3118,7 +3075,7 @@ class Bi {
           this.options.onSelect,
           this.options.onSubscribe
         ));
-      this.commerce = new Ni(this.options.configuration), this.attributes.appendChild(this.commerce.element), this.layout = Pi(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() {
@@ -3156,7 +3113,40 @@ class Bi {
     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 ji {
+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;
   messenger;
@@ -3175,14 +3165,14 @@ class ji {
   readyCallbacks = [];
   mutationFailedCallbacks = [];
   constructor(t) {
-    this.options = t, this.initializeLogging(), this.messenger = new Kt(() => 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 ne(e, (i, o) => {
       for (const s of this.mutationFailedCallbacks)
         s({ attribute: i, value: o });
-    }), this.snapshotApi = new ue(e), this.annotationsApi = new Qt(e), this.cameraApi = new ie(e), this.cameraPositionApi = new oe(), this.focusApi = new se(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 le(
       (i) => {
@@ -3191,7 +3181,7 @@ class ji {
       (i) => {
         this.dispatchConfigurationSubmit(i);
       }
-    ), this.eventBus = new de(), this.qrModal = new hi(), this.readyStateTracker = new Pt(() => {
+    ), this.eventBus = new de(), this.qrModal = new hi(), this.readyStateTracker = new Ft(() => {
       const i = this.readyCallbacks;
       this.readyCallbacks = [];
       for (const o of i)
@@ -3212,29 +3202,29 @@ class ji {
   }
   registerHandlers() {
     this.messenger.on(c.HANDSHAKE, (t) => {
-      Ut(t) && (k.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) => {
-      Vt(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) => {
-      jt(t) && this.snapshotApi.handleSnapshotResult(t);
+      Zt(t) && this.snapshotApi.handleSnapshotResult(t);
     }), this.messenger.on(c.CAMERA, (t) => {
-      Ht(t) && this.cameraPositionApi.handlePositionUpdate(t);
+      Wt(t) && this.cameraPositionApi.handlePositionUpdate(t);
     }), this.messenger.on(c.LOADING_INDICATOR, (t) => {
-      qt(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) => {
-      Zt(t) && this.handleConfig(t);
+      Kt(t) && this.handleConfig(t);
     }), this.messenger.on(c.ANNOTATION_PLACED, (t) => {
-      Wt(t) && this.annotationsApi.handlePlaced(t.position);
+      Qt(t) && this.annotationsApi.handlePlaced(t.position);
     }), this.messenger.on(c.MAPPING, (t) => {
-      Gt(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) => {
-      Yt(t) && this.focusApi.handleStateReceived(t);
+      Jt(t) && this.focusApi.handleStateReceived(t);
     }), this.messenger.on(c.PRICING, (t) => {
-      Xt(t) && this.configurationApi.handlePricingReceived(t.pricing);
+      te(t) && this.configurationApi.handlePricingReceived(t.pricing);
     });
   }
   /**
@@ -3243,7 +3233,7 @@ class ji {
    */
   dispatchFocusChange(t) {
     this.container?.dispatchEvent(
-      new CustomEvent(N.FOCUS_CHANGE, { detail: t, bubbles: !0 })
+      new CustomEvent(O.FOCUS_CHANGE, { detail: t, bubbles: !0 })
     );
   }
   /**
@@ -3252,13 +3242,13 @@ class ji {
    */
   dispatchConfigurationChange(t) {
     this.container?.dispatchEvent(
-      new CustomEvent(N.CONFIGURATION_CHANGE, { detail: t ?? null, bubbles: !0 })
+      new CustomEvent(O.CONFIGURATION_CHANGE, { detail: t ?? null, bubbles: !0 })
     );
   }
   /** Dispatch a bubbling `vd:configuration-submit` event when the CTA is used. */
   dispatchConfigurationSubmit(t) {
     this.container?.dispatchEvent(
-      new CustomEvent(N.CONFIGURATION_SUBMIT, { detail: t, bubbles: !0 })
+      new CustomEvent(O.CONFIGURATION_SUBMIT, { detail: t, bubbles: !0 })
     );
   }
   handleConfig(t) {
@@ -3267,24 +3257,24 @@ class ji {
       const o = i !== void 0 ? { ...e ?? {}, ...i } : e;
       if (i !== void 0 && e !== void 0) {
         const s = Object.entries(i).filter(([r, l]) => e[r] !== l).map(([r, l]) => `${r} (metadata: ${e[r] ?? "undefined"}, override: ${l})`);
-        s.length > 0 && k.warn(`Viewer settings override active: ${s.join(", ")}`);
+        s.length > 0 && C.warn(`Viewer settings override active: ${s.join(", ")}`);
       }
       this.ui.applyViewerSettings(o), this.annotationsApi.setEnabled(o.annotations !== !1);
     }
     this.cameraPositionApi.applyLimits(t.cameraLimits);
   }
   activateAr() {
-    if (Mt()) {
+    if (zt()) {
       this.messenger.send({ type: c.AR_ACTIVATE });
       return;
     }
     this.qrModal.show(this.iframe?.src ?? "");
   }
   initializeLogging() {
-    this.options.debug === !0 && zt(), k.info("Initializing Virtualdisplay client", { model: this.options.model });
+    this.options.debug === !0 && Pt(), C.info("Initializing Virtualdisplay client", { model: this.options.model });
   }
   createAndConnectIframe() {
-    const e = new St(this.options).create();
+    const e = new At(this.options).create();
     this.container = e.container, this.iframe = e.iframe, this.eventBus.attach(this.container), this.ui.attach(this.container);
     try {
       const i = new URL(this.iframe.src).origin;
@@ -3349,19 +3339,19 @@ class ji {
   }
 }
 export {
-  Qt as Annotations,
-  te as Attribute,
-  Jt as AttributeValue,
+  Ui as Annotations,
+  Dt as Attribute,
+  $t as AttributeValue,
   ie as Camera,
   le as Configuration,
-  C as ERROR_CODES,
+  A as ERROR_CODES,
   se as Focus,
   ce as Photo,
   ue as Snapshot,
-  N as VD_EVENTS,
-  ji as VirtualdisplayClient,
+  O as VD_EVENTS,
+  Hi as VirtualdisplayClient,
   f as VirtualdisplayError,
-  zt as enableDebugMode,
-  Ui as isDebugMode,
-  k as logger
+  Pt as enableDebugMode,
+  Vi as isDebugMode,
+  C as logger
 };