@virtualdisplay.io/client 4.0.0-alpha.1 → 4.0.0-alpha.10

package/dist/virtualdisplay.client.es.js

@@ -1,2 +1,2226 @@
-const e={NO_MAPPING:"NO_MAPPING",ATTRIBUTE_NOT_FOUND:"ATTRIBUTE_NOT_FOUND",VALUE_NOT_FOUND:"VALUE_NOT_FOUND",PARENT_NOT_FOUND:"PARENT_NOT_FOUND",INVALID_PARAMETER:"INVALID_PARAMETER",SNAPSHOT_FAILED:"SNAPSHOT_FAILED"};class t extends Error{code;constructor(e,i){super(e),this.name="VirtualdisplayError",this.code=i,void 0!==Error.captureStackTrace&&Error.captureStackTrace(this,t)}static noMapping(){return new t("No attributes available. Waiting for server metadata.",e.NO_MAPPING)}static attributeNotFound(i){return new t(`Attribute "${i}" not found in mapping`,e.ATTRIBUTE_NOT_FOUND)}static valueNotFound(i,n){return new t(`Value "${n}" not found for attribute "${i}"`,e.VALUE_NOT_FOUND)}static parentNotFound(i){return new t(`Parent element not found: ${i}`,e.PARENT_NOT_FOUND)}static invalidParameter(i){return new t(i,e.INVALID_PARAMETER)}static snapshotFailed(i,n){return new t(`Snapshot failed for "${i}": ${n}`,e.SNAPSHOT_FAILED)}}const i={};class n{defaultServer="https://server.virtualdisplay.io";options;constructor(e){this.options=e}create(){const e=this.createIframe();return this.attachToParent(e),e}createIframe(){const e=document.createElement("iframe");return e.src=this.buildUrl(),Object.assign(e.style,{width:"100%",height:"100%",border:"none"}),e.setAttribute("allow","xr-spatial-tracking; fullscreen"),e}attachToParent(e){this.getParentElement().appendChild(e)}buildUrl(){const e=this.getServerUrl(),t=new URL(e);return t.searchParams.set("license",this.options.license),t.searchParams.set("model",this.options.model),!0===this.options.debug&&t.searchParams.set("debug","true"),void 0!==this.options.language&&t.searchParams.set("language",this.options.language),t.toString()}getServerUrl(){if(void 0===i?.VITE_VIRTUALDISPLAY_SERVER_HOST)return this.defaultServer}getParentElement(){if("string"!=typeof this.options.parent)return this.options.parent;const e=document.querySelector(this.options.parent);if(null===e)throw t.parentNotFound(this.options.parent);return e}}function s(e,t){const i=t?function(e){const t=new Date(e.timestamp).toLocaleTimeString("en-GB",{hour12:!1}),i=e.level.toUpperCase().padEnd(5),n=e.trace_id?.slice(0,8)??"--------",s=e.msg,a=["timestamp","level","msg","service","trace_id","span_id"],r=Object.entries(e).filter(([e])=>!a.includes(e)).map(([e,t])=>`${e}=${JSON.stringify(t)}`).join(" ");return`${t} ${i} [${n}] ${s}${r?" "+r:""}`}(e):function(e){return JSON.stringify(e)}(e);"error"===e.level?console.error(i):"warn"===e.level?console.warn(i):console.log(i)}class a{constructor(e){this.config=e}log(e,t,i={}){const n=this.config.traceProvider?.()??{};var a;s({timestamp:(a=/* @__PURE__ */new Date,a.toISOString()),level:e,msg:t,service:this.config.service,...n,...i},this.config.isDev)}debug(e,t){this.config.isDev&&this.log("debug",e,t)}info(e,t){this.log("info",e,t)}warn(e,t){this.log("warn",e,t)}error(e,t){this.log("error",e,t)}with(e){const t=new a(this.config);return t.log=((t,i,n={})=>{this.log(t,i,{...e,...n})}).bind(this),t}}function r(e,t){const i=void 0!==t?.isDev?t.isDev:"undefined"==typeof process||"production"!==process.env.NODE_ENV;return new a({service:e,isDev:i,traceProvider:t?.traceProvider})}function o(e){if(void 0!==e)return"object"!=typeof e||null===e||Array.isArray(e)||e instanceof Error?e instanceof Error?{error:e.message}:{value:e}:e}function l(e){return{debug:(t,i)=>e.debug(t,o(i)),info:(t,i)=>e.info(t,o(i)),warn:(t,i)=>e.warn(t,o(i)),error:(t,i)=>e.error(t,o(i))}}let d=!1,u=l(r("client",{isDev:!1}));function h(){d=!0,u=l(r("client",{isDev:!0}))}function c(){return d}class g{ready=!1;onReady;constructor(e){this.onReady=e}handleMappingReceived(){this.markReady("Mapping received from server")}handleMutationResult(e){e.isInitial&&this.markReady("Initial mutations processed")}get isReady(){return this.ready}clear(){this.ready=!1}markReady(e){this.ready||(this.ready=!0,u.info(`${e} - client is now ready`),this.onReady?.())}}class f{constructor(e,t){this.value=e,this.attribute=t}isSelectedValue=!1;get isSelected(){return this.isSelectedValue}setSelected(e){this.isSelectedValue=e}}class p{name;defaultValue;values;onSelect;onChangeCallback;constructor(e){this.name=e.name,this.defaultValue=e.defaultValue,this.onSelect=e.onSelect,this.values=this.createValues(e.values)}select(e){if(!this.values.has(e))throw t.valueNotFound(this.name,e);this.onSelect(this.name,e)}getValues(){return Array.from(this.values.values())}getValue(e){return this.values.get(e)}onChange(e){this.onChangeCallback=e}handleResult(e){let t;for(const i of this.values.values()){const n=i.value===e;i.setSelected(n),n&&(t=i)}void 0!==t&&void 0!==this.onChangeCallback&&this.onChangeCallback(t)}createValues(e){const t=/* @__PURE__ */new Map;for(const i of e){const e=new f(i,this.name);i===this.defaultValue&&e.setSelected(!0),t.set(i,e)}return t}}class m{attributes=/* @__PURE__ */new Map;constructor(e,t,i){for(const n of e){const e=this.buildOptions(n,t);this.attributes.set(n.name,new p(e))}this.onMutationFailed=i}onMutationFailed;get(e){return this.attributes.get(e)}defaults(){const e=[];for(const t of this.attributes.values())void 0!==t.defaultValue&&e.push({name:t.name,value:t.defaultValue});return e}handleResults(e){for(const t of e)t.success?this.get(t.name)?.handleResult(t.value):this.onMutationFailed?.(t.name,t.value)}buildOptions(e,t){const i={name:e.name,values:e.values,onSelect:(e,i)=>{t([{name:e,value:i}],!1)}};return void 0!==e.defaultValue?{...i,defaultValue:e.defaultValue}:i}}const b={READY:"ready",MUTATION:"mutation",STATE:"state",CONFIG:"config",CAMERA:"camera",SNAPSHOT:"snapshot",MAPPING:"mapping"},v=new Set(Object.values(b));function y(e){return"object"!=typeof e||null===e?null:e}class A{constructor(e){this.processor=e}pending=[];isReady=!1;enqueue(e){this.isReady?this.processor(e):this.pending.push(e)}markReady(){if(this.isReady)return;if(this.isReady=!0,0===this.pending.length)return;const e=[...this.pending];this.pending.length=0;for(const t of e)this.processor(t)}get ready(){return this.isReady}get pendingCount(){return this.pending.length}hasPending(e){return this.pending.some(t=>t.type===e)}clear(){this.pending.length=0}}class E{constructor(e,t){this.getTarget=e,this.sourceId=`vd-${Math.random().toString(36).slice(2,8)}`,this.publisher=new A(e=>this.post(e)),this.consumer=new A(e=>this.routeToHandler(e)),this.shouldBuffer=t?.shouldBuffer??null,!0!==t?.bufferIncoming&&this.consumer.markReady()}handlers=/* @__PURE__ */new Map;publisher;consumer;shouldBuffer;listener=null;sourceId;on(e,t){this.handlers.set(e,t)}off(e){this.handlers.delete(e)}send(e){this.publisher.enqueue(e)}markReady(){this.publisher.markReady()}markConsumerReady(){this.consumer.markReady()}consumerHasPending(e){return this.consumer.hasPending(e)}start(){null===this.listener&&(this.listener=e=>{const{data:t}=e;if(!function(e){if("object"!=typeof e||null===e)return!1;const t=e;return"string"!=typeof t.target&&"string"==typeof t.type&&v.has(t.type)}(t))return;if(t._source===this.sourceId)return;const i=t;null===this.shouldBuffer||this.shouldBuffer(i)?this.consumer.enqueue(i):this.routeToHandler(i)},window.addEventListener("message",this.listener))}destroy(){null!==this.listener&&(window.removeEventListener("message",this.listener),this.listener=null),this.publisher.clear(),this.consumer.clear(),this.handlers.clear()}get ready(){return this.publisher.ready}get pendingCount(){return this.publisher.pendingCount}post(e){const t=this.getTarget();null!==t&&t.postMessage({...e,_source:this.sourceId},"*")}routeToHandler(e){const t=this.handlers.get(e.type);if(void 0===t)return;const i=t(e);i instanceof Promise&&i.catch(t=>{const i=t instanceof Error?t.message:String(t);console.error(`Virtualdisplay: error handling ${e.type}: ${i}`)})}}class C{constructor(e,t){this.send=e,this.onMutationFailed=t}registry;pendingCallbacks=[];handleMappingReceived(e){u.debug("Initializing from server mapping",{attributeCount:e.attributes.length}),this.registry=new m(e.attributes,(e,t)=>this.sendMutation(e,t),this.onMutationFailed);const t=this.registry.defaults();t.length>0&&this.sendMutation(t,!0),this.replayPendingCallbacks()}handleMutationResult(e){this.registry?.handleResults(e.results)}select(e,t){this.sendMutation([{name:e,value:t}],!1)}getValues(e){return this.registry?.get(e)?.getValues()??[]}getValue(e,t){return this.registry?.get(e)?.getValue(t)}onChange(e,t){if(void 0===this.registry)return void this.pendingCallbacks.push({name:e,callback:t});const i=this.registry.get(e);void 0!==i?i.onChange(t):u.warn(`onChange: attribute "${e}" not found — callback will not fire`)}getAttribute(e){return this.registry?.get(e)}get hasMapping(){return void 0!==this.registry}sendMutation(e,t){const i={type:b.MUTATION,mutations:e,isInitial:t};this.send(i)}replayPendingCallbacks(){for(const{name:e,callback:t}of this.pendingCallbacks){const i=this.registry?.get(e);void 0===i&&u.warn(`onChange: attribute "${e}" not found — buffered callback will not fire`),i?.onChange(t)}this.pendingCallbacks.length=0}}class I{constructor(e){this.send=e}commands=[];rotate(e){return this.validateFiniteNumber(e,"rotate"),this.commands.push({action:"rotate",value:e}),this}tilt(e){return this.validateFiniteNumber(e,"tilt"),this.commands.push({action:"tilt",value:e}),this}zoom(e){return this.validateFiniteNumber(e,"zoom"),this.commands.push({action:"zoom",value:e}),this}set(){if(0===this.commands.length)throw t.invalidParameter("No camera commands to execute. Call rotate(), tilt(), or zoom() before set().");const e={type:b.CAMERA,commands:this.commands};this.send(e),this.commands=[]}validateFiniteNumber(e,i){if(!Number.isFinite(e))throw t.invalidParameter(`${i}() requires a finite number, got ${String(e)}`)}reset(){const e={type:b.CAMERA,commands:[{action:"reset"}]};this.send(e)}}class w{state;changeCallbacks=[];constructor(){this.state={rotation:0,tilt:0,zoom:0}}get rotation(){return this.state.rotation}get tilt(){return this.state.tilt}get zoom(){return this.state.zoom}onChange(e){this.changeCallbacks.push(e)}handlePositionUpdate(e){this.update(e.transforms)}update(e){let t=!1;for(const i of e)switch(i.type){case"rotation":this.state.rotation=i.value,t=!0;break;case"tilt":this.state.tilt=i.value,t=!0;break;case"zoom":this.state.zoom=i.value,t=!0}if(t){const e={rotation:this.rotation,tilt:this.tilt,zoom:this.zoom};for(const t of this.changeCallbacks)t(e)}}}class S{constructor(e){this.filename=e}developedCallbacks=/* @__PURE__ */new Set;errorCallbacks=/* @__PURE__ */new Set;developed=!1;failed=!1;photoData=null;onDeveloped(e){return this.developed&&null!==this.photoData?(e(this.photoData),this):(this.developedCallbacks.add(e),this)}onError(e){return this.errorCallbacks.add(e),this}getFilename(){return this.filename}develop(e){this.developed||this.failed||(this.photoData=e,this.developed=!0,this.developedCallbacks.forEach(e=>{e(this.photoData)}),this.developedCallbacks.clear(),this.errorCallbacks.clear())}fail(e){this.developed||this.failed||(this.failed=!0,this.errorCallbacks.forEach(t=>{t(e)}),this.developedCallbacks.clear(),this.errorCallbacks.clear())}}class R{constructor(e){this.send=e}validExtensions=[".png"];pendingPhotos=/* @__PURE__ */new Map;take(e){this.validateFilename(e),u.debug("Taking snapshot",{filename:e});const t=new S(e);return this.pendingPhotos.set(t.getFilename(),t),this.send({type:b.SNAPSHOT,filename:e}),t}handleSnapshotResult(i){const n=this.pendingPhotos.get(i.filename);void 0!==n?(this.pendingPhotos.delete(i.filename),void 0===i.error?void 0!==i.data&&n.develop({filename:i.filename,data:i.data}):n.fail(new t(i.error,e.SNAPSHOT_FAILED))):u.warn("No pending photo found for filename",{filename:i.filename,pendingFilenames:Array.from(this.pendingPhotos.keys())})}validateFilename(i){if(""===i||"string"!=typeof i)throw new t("Filename must be a non-empty string",e.INVALID_PARAMETER);if(!this.validExtensions.some(e=>i.toLowerCase().endsWith(e)))throw new t(`Invalid filename: "${i}". Filename must end with one of: ${this.validExtensions.join(", ")}`,e.INVALID_PARAMETER);if(i.includes("..")||i.includes("/")||i.includes("\\"))throw new t('Filename cannot contain path separators or ".."',e.INVALID_PARAMETER)}}class N{send;constructor(e){this.send=e}sendInitialConfig(e){const t=this.buildUIConfig(e),i=this.buildViewerConfig(t,e.camera);void 0!==i&&this.sendConfig(i)}buildUIConfig(e){const t=this.extractUIValues(e);if(Object.values(t).some(e=>void 0!==e))return{...void 0!==t.arEnabled&&{arEnabled:t.arEnabled},...void 0!==t.fullscreenEnabled&&{fullscreenEnabled:t.fullscreenEnabled},...void 0!==t.loadingIndicatorEnabled&&{loadingIndicatorEnabled:t.loadingIndicatorEnabled}}}extractUIValues(e){return{arEnabled:e.arEnabled??e.ui?.arEnabled,fullscreenEnabled:e.fullscreenEnabled??e.ui?.fullscreenEnabled,loadingIndicatorEnabled:e.loadingIndicatorEnabled??e.ui?.loadingIndicatorEnabled}}buildViewerConfig(e,t){if(void 0!==e||void 0!==t)return{...void 0!==e&&{ui:e},...void 0!==t&&{camera:t}}}setArEnabled(e){u.debug(`Setting AR button enabled: ${e}`),this.updateUIConfig({arEnabled:e})}setFullscreenEnabled(e){u.debug(`Setting fullscreen button enabled: ${e}`),this.updateUIConfig({fullscreenEnabled:e})}setLoadingIndicatorEnabled(e){u.debug(`Setting loading indicator enabled: ${e}`),this.updateUIConfig({loadingIndicatorEnabled:e})}updateUIConfig(e){u.debug("Updating UI configuration",e),Object.keys(e).length>0&&this.sendConfig({ui:e})}hideAllUI(){u.debug("Hiding all UI elements"),this.sendUIConfig({arEnabled:!1,fullscreenEnabled:!1,loadingIndicatorEnabled:!1})}showAllUI(){u.debug("Showing all UI elements"),this.sendUIConfig({arEnabled:!0,fullscreenEnabled:!0,loadingIndicatorEnabled:!0})}sendUIConfig(e){this.sendConfig({ui:e})}sendConfig(e){const t={type:b.CONFIG,config:e};u.debug("Sending config",t),this.send(t)}}class T{attributes;readyStateTracker;messenger;viewerService;cameraApi;cameraPositionApi;snapshotApi;options;iframe;readyCallbacks=[];mutationFailedCallbacks=[];constructor(e){this.options=e,this.initializeLogging(),this.messenger=new E(()=>this.iframe?.contentWindow??null);const t=e=>{this.messenger.send(e)};this.attributes=new C(t,(e,t)=>{for(const i of this.mutationFailedCallbacks)i({attribute:e,value:t})}),this.readyStateTracker=new g(()=>{const e=this.readyCallbacks;this.readyCallbacks=[];for(const t of e)t(this)}),this.viewerService=new N(t),this.cameraApi=new I(t),this.cameraPositionApi=new w,this.snapshotApi=new R(t),this.registerHandlers(),this.messenger.start(),this.createAndConnectIframe()}registerHandlers(){this.messenger.on(b.READY,e=>{(function(e){const t=y(e);return null!==t&&t.type===b.READY})(e)&&(u.info("Server ready — flushing publisher queue"),this.messenger.markReady(),this.viewerService.sendInitialConfig(this.options))}),this.messenger.on(b.MUTATION,e=>{(function(e){const t=y(e);return null!==t&&t.type===b.MUTATION&&Array.isArray(t.results)})(e)&&(this.attributes.handleMutationResult(e),this.readyStateTracker.handleMutationResult(e))}),this.messenger.on(b.SNAPSHOT,e=>{(function(e){const t=y(e);return null!==t&&t.type===b.SNAPSHOT&&("data"in t||"error"in t)})(e)&&this.snapshotApi.handleSnapshotResult(e)}),this.messenger.on(b.CAMERA,e=>{(function(e){const t=y(e);return null!==t&&t.type===b.CAMERA&&Array.isArray(t.transforms)})(e)&&this.cameraPositionApi.handlePositionUpdate(e)}),this.messenger.on(b.MAPPING,e=>{(function(e){const t=y(e);return null!==t&&t.type===b.MAPPING&&Array.isArray(t.attributes)})(e)&&(this.attributes.handleMappingReceived(e),this.readyStateTracker.handleMappingReceived())})}initializeLogging(){!0===this.options.debug&&h(),u.info("Initializing Virtualdisplay client",{model:this.options.model,debug:this.options.debug,language:this.options.language})}createAndConnectIframe(){u.debug("Creating iframe for Virtualdisplay viewer");const e=new n(this.options);this.iframe=e.create(),u.debug("Iframe created, waiting for server READY")}select(e,t){this.attributes.select(e,t)}getValues(e){return this.attributes.getValues(e)}getValue(e,t){return this.attributes.getValue(e,t)}onChange(e,t){this.attributes.onChange(e,t)}getAttribute(e){return this.attributes.getAttribute(e)}get isReady(){return this.readyStateTracker.isReady}onReady(e){this.readyStateTracker.isReady?e(this):this.readyCallbacks.push(e)}onMutationFailed(e){this.mutationFailedCallbacks.push(e)}get viewer(){return this.viewerService}get camera(){return this.cameraApi}get cameraPosition(){return this.cameraPositionApi}get snapshot(){return this.snapshotApi}destroy(){u.info("Destroying Virtualdisplay client"),this.readyStateTracker.clear(),this.readyCallbacks=[],this.messenger.destroy(),null!==this.iframe?.parentElement&&void 0!==this.iframe?.parentElement&&this.iframe.parentElement.removeChild(this.iframe),this.iframe=void 0,u.debug("Virtualdisplay client destroyed")}}export{p as Attribute,f as AttributeValue,I as Camera,e as ERROR_CODES,S as Photo,R as Snapshot,T as VirtualdisplayClient,t as VirtualdisplayError,N as VirtualdisplayViewerService,h as enableDebugMode,c as isDebugMode,u as logger};
-//# sourceMappingURL=virtualdisplay.client.es.js.map
+import { n as e } from "./chunk-C_CI6nMA.js";
+//#region src/client/error.ts
+var t = {
+	NO_MAPPING: "NO_MAPPING",
+	ATTRIBUTE_NOT_FOUND: "ATTRIBUTE_NOT_FOUND",
+	VALUE_NOT_FOUND: "VALUE_NOT_FOUND",
+	PARENT_NOT_FOUND: "PARENT_NOT_FOUND",
+	INVALID_PARAMETER: "INVALID_PARAMETER",
+	SNAPSHOT_FAILED: "SNAPSHOT_FAILED"
+}, n = class e extends Error {
+	code;
+	constructor(e, t) {
+		super(e), this.name = "VirtualdisplayError", this.code = t;
+	}
+	static noMapping() {
+		return new e("No attributes available. Waiting for server metadata.", t.NO_MAPPING);
+	}
+	static attributeNotFound(n) {
+		return new e(`Attribute "${n}" not found in mapping`, t.ATTRIBUTE_NOT_FOUND);
+	}
+	static valueNotFound(n, r) {
+		return new e(`Value "${r}" not found for attribute "${n}"`, t.VALUE_NOT_FOUND);
+	}
+	static parentNotFound(n) {
+		return new e(`Parent element not found: ${n}`, t.PARENT_NOT_FOUND);
+	}
+	static invalidParameter(n) {
+		return new e(n, t.INVALID_PARAMETER);
+	}
+	static snapshotFailed(n, r) {
+		return new e(`Snapshot failed for "${n}": ${r}`, t.SNAPSHOT_FAILED);
+	}
+}, r = class {
+	defaultServer = "https://server.virtualdisplay.io";
+	options;
+	constructor(e) {
+		this.options = e;
+	}
+	create() {
+		let e = this.createContainer(), t = this.createIframe();
+		return e.appendChild(t), this.attachToParent(e), {
+			container: e,
+			iframe: t
+		};
+	}
+	createContainer() {
+		let e = document.createElement("div");
+		return e.className = "vd-container", Object.assign(e.style, {
+			position: "relative",
+			width: "100%",
+			height: "100%",
+			overflow: "hidden"
+		}), e;
+	}
+	createIframe() {
+		let e = document.createElement("iframe");
+		return e.src = this.buildUrl(), Object.assign(e.style, {
+			width: "100%",
+			height: "100%",
+			border: "none",
+			display: "block"
+		}), e.setAttribute("allow", "xr-spatial-tracking; fullscreen"), e;
+	}
+	attachToParent(e) {
+		this.getParentElement().appendChild(e);
+	}
+	buildUrl() {
+		let e = this.getServerUrl(), t = new URL(e);
+		return t.searchParams.set("license", this.options.license), t.searchParams.set("model", this.options.model), this.options.language !== void 0 && t.searchParams.set("language", this.options.language), this.options.debug === !0 && t.searchParams.set("debug", "true"), this.options.traceparent !== void 0 && t.searchParams.set("traceparent", this.options.traceparent), t.toString();
+	}
+	getServerUrl() {
+		return this.defaultServer;
+	}
+	getParentElement() {
+		if (typeof this.options.parent != "string") return this.options.parent;
+		let e = document.querySelector(this.options.parent);
+		if (e === null) throw n.parentNotFound(this.options.parent);
+		return e;
+	}
+};
+//#endregion
+//#region ../logger/src/format.ts
+function i(e) {
+	let t = new Date(e.timestamp).toLocaleTimeString("en-GB", { hour12: !1 }), n = e.level.toUpperCase().padEnd(5), r = e.trace_id?.slice(0, 8) ?? "--------", i = e.msg, a = [
+		"timestamp",
+		"level",
+		"msg",
+		"service",
+		"trace_id",
+		"span_id"
+	], o = Object.entries(e).filter(([e]) => !a.includes(e)).map(([e, t]) => `${e}=${JSON.stringify(t)}`).join(" ");
+	return `${t} ${n} [${r}] ${i}${o ? " " + o : ""}`;
+}
+function a(e) {
+	return JSON.stringify(e);
+}
+//#endregion
+//#region ../logger/src/write.ts
+function o(e, t) {
+	let n = t ? i(e) : a(e);
+	e.level === "error" ? console.error(n) : e.level === "warn" ? console.warn(n) : console.log(n);
+}
+//#endregion
+//#region ../logger/src/serialise.ts
+function s(e, t = 0) {
+	let n = {
+		name: e.name,
+		message: e.message
+	};
+	e.stack !== void 0 && (n.stack = e.stack);
+	for (let t of Object.getOwnPropertyNames(e)) {
+		if (t === "name" || t === "message" || t === "stack" || t === "cause") continue;
+		let r = e[t];
+		r !== void 0 && (n[t] = r);
+	}
+	return e.cause !== void 0 && e.cause !== null && (n.cause = e.cause instanceof Error && t < 5 ? s(e.cause, t + 1) : String(e.cause)), n;
+}
+function c(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e)) t[n] = r instanceof Error ? s(r) : r;
+	return t;
+}
+//#endregion
+//#region ../utils/src/date.ts
+function l() {
+	return /* @__PURE__ */ new Date();
+}
+function u(e) {
+	return e.toISOString();
+}
+//#endregion
+//#region ../utils/src/device.ts
+function d() {
+	return typeof navigator > "u" ? "" : navigator.userAgent;
+}
+function f() {
+	return typeof navigator > "u" ? !1 : navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
+}
+function p() {
+	return /iPhone|iPad|iPod/i.test(d()) || f();
+}
+function m() {
+	return /Android/i.test(d());
+}
+function h() {
+	return p() || m();
+}
+//#endregion
+//#region ../logger/src/logger.ts
+var g = class e {
+	constructor(e) {
+		this.config = e;
+	}
+	log(e, t, n = {}) {
+		let r = this.config.traceProvider?.() ?? {};
+		o({
+			timestamp: u(l()),
+			level: e,
+			msg: t,
+			service: this.config.service,
+			...r,
+			...c(n)
+		}, this.config.isDev);
+	}
+	debug(e, t) {
+		this.config.isDev && this.log("debug", e, t);
+	}
+	info(e, t) {
+		this.log("info", e, t);
+	}
+	warn(e, t) {
+		this.log("warn", e, t);
+	}
+	error(e, t) {
+		this.log("error", e, t);
+	}
+	with(t) {
+		let n = new e(this.config);
+		return n.log = ((e, n, r = {}) => {
+			this.log(e, n, {
+				...t,
+				...r
+			});
+		}).bind(this), n;
+	}
+};
+function _(e, t) {
+	return new g({
+		service: e,
+		isDev: t?.isDev === void 0 ? typeof process < "u" ? process.env.NODE_ENV !== "production" : !0 : t.isDev,
+		traceProvider: t?.traceProvider
+	});
+}
+//#endregion
+//#region src/utils/logger.ts
+function v(e) {
+	if (e !== void 0) return typeof e == "object" && e && !Array.isArray(e) && !(e instanceof Error) ? e : e instanceof Error ? { error: e.message } : { value: e };
+}
+function ee(e) {
+	return {
+		debug: (t, n) => e.debug(t, v(n)),
+		info: (t, n) => e.info(t, v(n)),
+		warn: (t, n) => e.warn(t, v(n)),
+		error: (t, n) => e.error(t, v(n))
+	};
+}
+var te = !1, y = ee(_("client", { isDev: !1 }));
+function ne() {
+	te = !0, y = ee(_("client", { isDev: !0 }));
+}
+function re() {
+	return te;
+}
+//#endregion
+//#region src/client/ready-state-tracker.ts
+var ie = class {
+	ready = !1;
+	onReady;
+	constructor(e) {
+		this.onReady = e;
+	}
+	handleMappingReceived() {
+		this.ready || (this.ready = !0, y.info("Mapping received from server, client is now ready"), this.onReady?.());
+	}
+	get isReady() {
+		return this.ready;
+	}
+	clear() {
+		this.ready = !1;
+	}
+}, b = {
+	HANDSHAKE: "handshake",
+	MUTATION: "mutation",
+	STATE: "state",
+	LOADING_INDICATOR: "loading_indicator",
+	CAMERA: "camera",
+	SNAPSHOT: "snapshot",
+	MAPPING: "mapping",
+	AR_ACTIVATE: "ar_activate",
+	CONFIG: "config",
+	INTERACTION: "interaction",
+	ANNOTATION_PLACE_MODE: "annotation_place_mode",
+	ANNOTATION_PLACED: "annotation_placed",
+	ANNOTATION_TOGGLE: "annotation_toggle"
+}, ae = new Set(Object.values(b));
+function oe(e) {
+	if (typeof e != "object" || !e) return !1;
+	let t = e;
+	return typeof t.target == "string" ? !1 : typeof t.type == "string" && ae.has(t.type);
+}
+function se(e) {
+	let t = x(e);
+	return t !== null && t.type === b.HANDSHAKE;
+}
+function ce(e) {
+	let t = x(e);
+	return t !== null && t.type === b.MUTATION && Array.isArray(t.results);
+}
+function le(e) {
+	let t = x(e);
+	return t !== null && t.type === b.SNAPSHOT && ("data" in t || "error" in t);
+}
+function ue(e) {
+	let t = x(e);
+	return t !== null && t.type === b.CAMERA && Array.isArray(t.transforms);
+}
+function de(e) {
+	let t = x(e);
+	return t !== null && t.type === b.MAPPING && Array.isArray(t.attributes);
+}
+function fe(e) {
+	let t = x(e);
+	return t !== null && t.type === b.LOADING_INDICATOR && typeof t.progress == "number";
+}
+function pe(e) {
+	let t = x(e);
+	return t !== null && t.type === b.CONFIG && typeof t.viewerSettings == "object";
+}
+function me(e) {
+	let t = x(e);
+	return t !== null && t.type === b.ANNOTATION_PLACED && typeof t.position == "object" && t.position !== null;
+}
+function x(e) {
+	return typeof e != "object" || !e ? null : e;
+}
+//#endregion
+//#region ../messaging/src/queue.ts
+var he = class {
+	pending = [];
+	isReady = !1;
+	constructor(e) {
+		this.processor = e;
+	}
+	enqueue(e) {
+		if (this.isReady) {
+			this.processor(e);
+			return;
+		}
+		this.pending.push(e);
+	}
+	markReady() {
+		if (this.isReady || (this.isReady = !0, this.pending.length === 0)) return;
+		let e = [...this.pending];
+		this.pending.length = 0;
+		for (let t of e) this.processor(t);
+	}
+	get ready() {
+		return this.isReady;
+	}
+	get pendingCount() {
+		return this.pending.length;
+	}
+	hasPending(e) {
+		return this.pending.some((t) => t.type === e);
+	}
+	clear() {
+		this.pending.length = 0;
+	}
+}, ge = class {
+	handlers = /* @__PURE__ */ new Map();
+	publisher;
+	consumer;
+	shouldBuffer;
+	listener = null;
+	sourceId;
+	targetOrigin;
+	constructor(e, t) {
+		this.getTarget = e, this.sourceId = `vd-${Math.random().toString(36).slice(2, 8)}`, this.targetOrigin = t?.targetOrigin ?? "*", this.publisher = new he((e) => this.post(e)), this.consumer = new he((e) => this.routeToHandler(e)), this.shouldBuffer = t?.shouldBuffer ?? null, t?.bufferIncoming !== !0 && this.consumer.markReady();
+	}
+	on(e, t) {
+		this.handlers.set(e, t);
+	}
+	off(e) {
+		this.handlers.delete(e);
+	}
+	setTargetOrigin(e) {
+		this.targetOrigin = e;
+	}
+	send(e) {
+		this.publisher.enqueue(e);
+	}
+	markReady() {
+		this.publisher.markReady();
+	}
+	markConsumerReady() {
+		this.consumer.markReady();
+	}
+	consumerHasPending(e) {
+		return this.consumer.hasPending(e);
+	}
+	start() {
+		this.listener === null && (this.listener = (e) => {
+			let { data: t } = e;
+			if (!oe(t) || t._source === this.sourceId) return;
+			let n = this.getTarget();
+			if (n !== null && e.source !== null && e.source !== n) return;
+			let r = t;
+			if (this.shouldBuffer !== null && !this.shouldBuffer(r)) {
+				this.routeToHandler(r);
+				return;
+			}
+			this.consumer.enqueue(r);
+		}, window.addEventListener("message", this.listener));
+	}
+	destroy() {
+		this.listener !== null && (window.removeEventListener("message", this.listener), this.listener = null), this.publisher.clear(), this.consumer.clear(), this.handlers.clear();
+	}
+	get ready() {
+		return this.publisher.ready;
+	}
+	get pendingCount() {
+		return this.publisher.pendingCount;
+	}
+	post(e) {
+		let t = this.getTarget();
+		t !== null && t.postMessage({
+			...e,
+			_source: this.sourceId
+		}, this.targetOrigin);
+	}
+	routeToHandler(e) {
+		let t = this.handlers.get(e.type);
+		if (t === void 0) return;
+		let n = t(e);
+		n instanceof Promise && n.catch((t) => {
+			let n = t instanceof Error ? t.message : String(t);
+			console.error(`Virtualdisplay: error handling ${e.type}: ${n}`);
+		});
+	}
+};
+new Set([b.CAMERA]);
+//#endregion
+//#region src/annotations/annotations.ts
+var S = class {
+	placedCallbacks = [];
+	constructor(e) {
+		this.send = e;
+	}
+	setEnabled(e) {
+		this.send({
+			type: b.ANNOTATION_TOGGLE,
+			enabled: e
+		});
+	}
+	startPlacing() {
+		this.send({
+			type: b.ANNOTATION_PLACE_MODE,
+			enabled: !0
+		});
+	}
+	stopPlacing() {
+		this.send({
+			type: b.ANNOTATION_PLACE_MODE,
+			enabled: !1
+		});
+	}
+	onPlaced(e) {
+		this.placedCallbacks.push(e);
+	}
+	handlePlaced(e) {
+		for (let t of this.placedCallbacks) t(e);
+	}
+}, C = class {
+	isSelectedValue = !1;
+	constructor(e, t) {
+		this.value = e, this.attribute = t;
+	}
+	get isSelected() {
+		return this.isSelectedValue;
+	}
+	setSelected(e) {
+		this.isSelectedValue = e;
+	}
+}, _e = class {
+	name;
+	defaultValue;
+	values;
+	onSelect;
+	onChangeCallback;
+	constructor(e) {
+		this.name = e.name, this.defaultValue = e.defaultValue, this.onSelect = e.onSelect, this.values = this.createValues(e.values);
+	}
+	select(e) {
+		if (!this.values.has(e)) throw n.valueNotFound(this.name, e);
+		this.onSelect(this.name, e);
+	}
+	getValues() {
+		return Array.from(this.values.values());
+	}
+	getValue(e) {
+		return this.values.get(e);
+	}
+	onChange(e) {
+		this.onChangeCallback = e;
+	}
+	handleResult(e) {
+		let t;
+		for (let n of this.values.values()) {
+			let r = n.value === e;
+			n.setSelected(r), r && (t = n);
+		}
+		t !== void 0 && this.onChangeCallback !== void 0 && this.onChangeCallback(t);
+	}
+	createValues(e) {
+		let t = /* @__PURE__ */ new Map();
+		for (let n of e) {
+			let e = new C(n, this.name);
+			n === this.defaultValue && e.setSelected(!0), t.set(n, e);
+		}
+		return t;
+	}
+}, ve = class {
+	attributes = /* @__PURE__ */ new Map();
+	constructor(e, t, n) {
+		for (let n of e) {
+			let e = this.buildOptions(n, t);
+			this.attributes.set(n.name, new _e(e));
+		}
+		this.onMutationFailed = n;
+	}
+	onMutationFailed;
+	get(e) {
+		return this.attributes.get(e);
+	}
+	defaults() {
+		let e = [];
+		for (let t of this.attributes.values()) t.defaultValue !== void 0 && e.push({
+			name: t.name,
+			value: t.defaultValue
+		});
+		return e;
+	}
+	handleResults(e) {
+		for (let t of e) {
+			if (!t.success) {
+				this.onMutationFailed?.(t.name, t.value);
+				continue;
+			}
+			this.get(t.name)?.handleResult(t.value);
+		}
+	}
+	buildOptions(e, t) {
+		let n = {
+			name: e.name,
+			values: e.values,
+			onSelect: (e, n) => {
+				t([{
+					name: e,
+					value: n
+				}], !1);
+			}
+		};
+		return e.defaultValue === void 0 ? n : {
+			...n,
+			defaultValue: e.defaultValue
+		};
+	}
+}, ye = class {
+	registry;
+	pendingCallbacks = [];
+	constructor(e, t) {
+		this.send = e, this.onMutationFailed = t;
+	}
+	handleMappingReceived(e) {
+		y.debug("Initializing from server mapping", { attributeCount: e.attributes.length }), this.registry = new ve(e.attributes, (e, t) => this.sendMutation(e, t), this.onMutationFailed), this.replayPendingCallbacks();
+	}
+	handleMutationResult(e) {
+		this.registry?.handleResults(e.results);
+	}
+	select(e, t) {
+		this.sendMutation([{
+			name: e,
+			value: t
+		}], !1);
+	}
+	getValues(e) {
+		return this.registry?.get(e)?.getValues() ?? [];
+	}
+	getValue(e, t) {
+		return this.registry?.get(e)?.getValue(t);
+	}
+	onChange(e, t) {
+		if (this.registry === void 0) {
+			this.pendingCallbacks.push({
+				name: e,
+				callback: t
+			});
+			return;
+		}
+		let n = this.registry.get(e);
+		if (n === void 0) {
+			y.warn(`onChange: attribute "${e}" not found — callback will not fire`);
+			return;
+		}
+		n.onChange(t);
+	}
+	getAttribute(e) {
+		return this.registry?.get(e);
+	}
+	get hasMapping() {
+		return this.registry !== void 0;
+	}
+	sendMutation(e, t) {
+		let n = {
+			type: b.MUTATION,
+			mutations: e,
+			isInitial: t
+		};
+		this.send(n);
+	}
+	replayPendingCallbacks() {
+		for (let { name: e, callback: t } of this.pendingCallbacks) {
+			let n = this.registry?.get(e);
+			n === void 0 && y.warn(`onChange: attribute "${e}" not found — buffered callback will not fire`), n?.onChange(t);
+		}
+		this.pendingCallbacks.length = 0;
+	}
+}, be = class {
+	commands = [];
+	constructor(e) {
+		this.send = e;
+	}
+	rotate(e) {
+		return this.validateFiniteNumber(e, "rotate"), this.commands.push({
+			action: "rotate",
+			value: e
+		}), this;
+	}
+	tilt(e) {
+		return this.validateFiniteNumber(e, "tilt"), this.commands.push({
+			action: "tilt",
+			value: e
+		}), this;
+	}
+	zoom(e) {
+		return this.validateFiniteNumber(e, "zoom"), this.commands.push({
+			action: "zoom",
+			value: e
+		}), this;
+	}
+	set() {
+		if (this.commands.length === 0) throw n.invalidParameter("No camera commands to execute. Call rotate(), tilt(), or zoom() before set().");
+		let e = {
+			type: b.CAMERA,
+			commands: this.commands
+		};
+		this.send(e), this.commands = [];
+	}
+	validateFiniteNumber(e, t) {
+		if (!Number.isFinite(e)) throw n.invalidParameter(`${t}() requires a finite number, got ${String(e)}`);
+	}
+	reset() {
+		let e = {
+			type: b.CAMERA,
+			commands: [{ action: "reset" }]
+		};
+		this.send(e);
+	}
+}, xe = class {
+	state;
+	limitsState;
+	changeCallbacks = [];
+	constructor() {
+		this.state = {
+			rotation: 0,
+			tilt: 0,
+			zoom: 100
+		};
+	}
+	get rotation() {
+		return this.state.rotation;
+	}
+	get tilt() {
+		return this.state.tilt;
+	}
+	get zoom() {
+		return this.state.zoom;
+	}
+	onChange(e) {
+		this.changeCallbacks.push(e);
+	}
+	get limits() {
+		return this.limitsState;
+	}
+	applyLimits(e) {
+		this.limitsState = e;
+		let t = {
+			rotation: this.rotation,
+			tilt: this.tilt,
+			zoom: this.zoom
+		};
+		for (let e of this.changeCallbacks) e(t);
+	}
+	handlePositionUpdate(e) {
+		this.update(e.transforms);
+	}
+	update(e) {
+		let t = !1;
+		for (let n of e) switch (n.type) {
+			case "rotation":
+				this.state.rotation = n.value, t = !0;
+				break;
+			case "tilt":
+				this.state.tilt = n.value, t = !0;
+				break;
+			case "zoom":
+				this.state.zoom = n.value, t = !0;
+				break;
+			default: break;
+		}
+		if (t) {
+			let e = {
+				rotation: this.rotation,
+				tilt: this.tilt,
+				zoom: this.zoom
+			};
+			for (let t of this.changeCallbacks) t(e);
+		}
+	}
+}, Se = class {
+	developedCallbacks = /* @__PURE__ */ new Set();
+	errorCallbacks = /* @__PURE__ */ new Set();
+	developed = !1;
+	failed = !1;
+	photoData = null;
+	constructor(e) {
+		this.filename = e;
+	}
+	onDeveloped(e) {
+		return this.developed && this.photoData !== null ? (e(this.photoData), this) : (this.developedCallbacks.add(e), this);
+	}
+	onError(e) {
+		return this.errorCallbacks.add(e), this;
+	}
+	getFilename() {
+		return this.filename;
+	}
+	develop(e) {
+		this.developed || this.failed || (this.photoData = e, this.developed = !0, this.developedCallbacks.forEach((e) => {
+			e(this.photoData);
+		}), this.developedCallbacks.clear(), this.errorCallbacks.clear());
+	}
+	fail(e) {
+		this.developed || this.failed || (this.failed = !0, this.errorCallbacks.forEach((t) => {
+			t(e);
+		}), this.developedCallbacks.clear(), this.errorCallbacks.clear());
+	}
+}, Ce = class {
+	validExtensions = [".png"];
+	pendingPhotos = /* @__PURE__ */ new Map();
+	constructor(e) {
+		this.send = e;
+	}
+	take(e) {
+		this.validateFilename(e), y.debug("Taking snapshot", { filename: e });
+		let t = new Se(e);
+		return this.pendingPhotos.set(t.getFilename(), t), this.send({
+			type: b.SNAPSHOT,
+			filename: e
+		}), t;
+	}
+	handleSnapshotResult(e) {
+		let r = this.pendingPhotos.get(e.filename);
+		if (r === void 0) {
+			y.warn("No pending photo found for filename", {
+				filename: e.filename,
+				pendingFilenames: Array.from(this.pendingPhotos.keys())
+			});
+			return;
+		}
+		if (this.pendingPhotos.delete(e.filename), e.error !== void 0) {
+			r.fail(new n(e.error, t.SNAPSHOT_FAILED));
+			return;
+		}
+		e.data !== void 0 && r.develop({
+			filename: e.filename,
+			data: e.data
+		});
+	}
+	validateFilename(e) {
+		if (e === "" || typeof e != "string") throw new n("Filename must be a non-empty string", t.INVALID_PARAMETER);
+		if (!this.validExtensions.some((t) => e.toLowerCase().endsWith(t))) throw new n(`Invalid filename: "${e}". Filename must end with one of: ${this.validExtensions.join(", ")}`, t.INVALID_PARAMETER);
+		if (e.includes("..") || e.includes("/") || e.includes("\\")) throw new n("Filename cannot contain path separators or \"..\"", t.INVALID_PARAMETER);
+	}
+}, we = class {
+	container = null;
+	attach(e) {
+		this.container = e;
+	}
+	dispatch(e, t, n = !1) {
+		let r = new CustomEvent(e, {
+			detail: t,
+			cancelable: n
+		});
+		return this.container?.dispatchEvent(r), r;
+	}
+	on(e, t) {
+		let n = (e) => {
+			let n = e;
+			t({
+				...n.detail,
+				preventDefault: () => {
+					n.preventDefault();
+				}
+			});
+		};
+		return this.container?.addEventListener(e, n), () => {
+			this.container?.removeEventListener(e, n);
+		};
+	}
+}, Te = {}, Ee = [
+	"en",
+	"nl",
+	"de"
+], w = ["baseLocale"], De = [], Oe, ke;
+function Ae(e) {
+	if (De.length === 0) return;
+	let t = typeof e == "string" ? e : e.href;
+	if (Oe === t) return ke;
+	let n = new URL(t, "http://dummy.com"), r;
+	for (let e of De) if (new Te(e.match, n.href).exec(n.href)) {
+		r = e;
+		break;
+	}
+	return Oe = t, ke = r, r;
+}
+function je(e) {
+	let t = Ae(e);
+	return t && t.exclude !== !0 && Array.isArray(t.strategy) ? t.strategy : w;
+}
+var Me = void 0, T = typeof window > "u";
+globalThis.__paraglide = globalThis.__paraglide ?? {}, globalThis.__paraglide.ssr = globalThis.__paraglide.ssr ?? {};
+var E = !1, D = () => {
+	if (Me) {
+		let e = Me?.getStore()?.locale;
+		if (e) return e;
+	}
+	let e = w;
+	!T && typeof window < "u" && window.location?.href && (e = je(window.location.href));
+	let t = Ne(e, typeof window < "u" ? window.location?.href : void 0);
+	if (t) return E || (E = !0, O(t, { reload: !1 })), t;
+	throw Error("No locale found. Read the docs https://inlang.com/m/gerre34r/library-inlang-paraglideJs/errors#no-locale-found");
+};
+function Ne(e, t) {
+	let n;
+	for (let t of e) {
+		if (t === "baseLocale") n = "en";
+		else if (j(t) && A.has(t)) {
+			let e = A.get(t);
+			if (e) {
+				let t = e.getLocale();
+				if (t instanceof Promise) continue;
+				if (t !== void 0) return Fe(t);
+			}
+		}
+		let e = k(n);
+		if (e) return e;
+	}
+}
+var Pe = (e) => {
+	e ? window.location.href = e : window.location.reload();
+}, O = (e, t) => {
+	let n = {
+		reload: !0,
+		...t
+	}, r;
+	try {
+		r = D();
+	} catch {}
+	let i = [], a = w;
+	!T && typeof window < "u" && window.location?.href && (a = je(window.location.href));
+	for (let t of a) if (t === "baseLocale") continue;
+	else if (j(t) && A.has(t)) {
+		let n = A.get(t);
+		if (n) {
+			let r = n.setLocale(e);
+			r instanceof Promise && (r = r.catch((e) => {
+				throw Error(`Custom strategy "${t}" setLocale failed.`, { cause: e });
+			}), i.push(r));
+		}
+	}
+	let o = () => {
+		!T && n.reload && window.location && e !== r && Pe(void 0);
+	};
+	if (i.length) return Promise.all(i).then(() => {
+		o();
+	});
+	o();
+};
+function k(e) {
+	if (typeof e != "string") return;
+	let t = e.toLowerCase();
+	for (let e of Ee) if (e.toLowerCase() === t) return e;
+}
+function Fe(e) {
+	let t = k(e);
+	if (t) return t;
+	throw Error(`Invalid locale: ${e}. Expected one of: ${Ee.join(", ")}`);
+}
+var A = /* @__PURE__ */ new Map();
+function j(e) {
+	return typeof e == "string" && /^custom-[A-Za-z0-9_-]+$/.test(e);
+}
+//#endregion
+//#region ../i18n/src/paraglide-viewer/messages/controls_ar_buttonlabel1.js
+var Ie = () => "Activate AR", Le = () => "AR activeren", Re = () => "AR aktivieren", ze = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? Ie(e) : n === "nl" ? Le(e) : Re(e);
+}), Be = () => "Scan to view in AR", Ve = () => "Scan om in AR te bekijken", He = () => "Scannen für AR-Ansicht", Ue = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? Be(e) : n === "nl" ? Ve(e) : He(e);
+}), We = () => "Use your smartphone camera to scan this QR code", Ge = () => "Gebruik de camera van je smartphone om deze QR-code te scannen", Ke = () => "Verwenden Sie die Kamera Ihres Smartphones, um diesen QR-Code zu scannen", qe = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? We(e) : n === "nl" ? Ge(e) : Ke(e);
+}), Je = () => "The 3D model will open in your phone's AR mode", Ye = () => "Het 3D-model wordt geopend in de AR-modus van je telefoon", Xe = () => "Das 3D-Modell wird im AR-Modus Ihres Telefons geöffnet", Ze = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? Je(e) : n === "nl" ? Ye(e) : Xe(e);
+}), Qe = () => "Close", $e = () => "Sluiten", et = () => "Schließen", tt = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? Qe(e) : n === "nl" ? $e(e) : et(e);
+}), nt = () => "Toggle fullscreen", rt = () => "Volledig scherm", it = () => "Vollbild umschalten", at = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? nt(e) : n === "nl" ? rt(e) : it(e);
+}), ot = () => "Downloading", st = () => "Downloaden", ct = () => "Herunterladen", M = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? ot(e) : n === "nl" ? st(e) : ct(e);
+}), lt = () => "Rendering", ut = () => "Renderen", dt = () => "Rendern", ft = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? lt(e) : n === "nl" ? ut(e) : dt(e);
+}), pt = () => "Screenshot", mt = () => "Screenshot", ht = () => "Screenshot", gt = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? pt(e) : n === "nl" ? mt(e) : ht(e);
+}), _t = () => "Reset camera", vt = () => "Camera resetten", yt = () => "Kamera zurücksetzen", bt = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? _t(e) : n === "nl" ? vt(e) : yt(e);
+}), xt = () => "Zoom in", St = () => "Inzoomen", Ct = () => "Hineinzoomen", wt = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? xt(e) : n === "nl" ? St(e) : Ct(e);
+}), Tt = () => "Zoom out", Et = () => "Uitzoomen", Dt = () => "Herauszoomen", Ot = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? Tt(e) : n === "nl" ? Et(e) : Dt(e);
+}), kt = () => "Rotate left", At = () => "Naar links draaien", jt = () => "Nach links drehen", Mt = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? kt(e) : n === "nl" ? At(e) : jt(e);
+}), Nt = () => "Rotate right", Pt = () => "Naar rechts draaien", Ft = () => "Nach rechts drehen", It = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? Nt(e) : n === "nl" ? Pt(e) : Ft(e);
+}), Lt = () => "Tilt up", Rt = () => "Omhoog kantelen", zt = () => "Nach oben kippen", Bt = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? Lt(e) : n === "nl" ? Rt(e) : zt(e);
+}), Vt = () => "Tilt down", Ht = () => "Omlaag kantelen", Ut = () => "Nach unten kippen", Wt = ((e = {}, t = {}) => {
+	let n = t.locale ?? D();
+	return n === "en" ? Vt(e) : n === "nl" ? Ht(e) : Ut(e);
+}), Gt = {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": 2,
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+}, N = ([e, t, n]) => {
+	let r = document.createElementNS("http://www.w3.org/2000/svg", e);
+	return Object.keys(t).forEach((e) => {
+		r.setAttribute(e, String(t[e]));
+	}), n?.length && n.forEach((e) => {
+		let t = N(e);
+		r.appendChild(t);
+	}), r;
+}, P = (e, t = {}) => N([
+	"svg",
+	{
+		...Gt,
+		...t
+	},
+	e
+]), Kt = [
+	["path", { d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z" }],
+	["path", { d: "m3.3 7 8.7 5 8.7-5" }],
+	["path", { d: "M12 22V12" }]
+], qt = [["path", { d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z" }], ["circle", {
+	cx: "12",
+	cy: "13",
+	r: "3"
+}]], F = [["path", { d: "m6 9 6 6 6-6" }]], Jt = [["path", { d: "m15 18-6-6 6-6" }]], Yt = [["path", { d: "m9 18 6-6-6-6" }]], Xt = [["path", { d: "m18 15-6-6-6 6" }]], Zt = [
+	["path", { d: "M15 3h6v6" }],
+	["path", { d: "m21 3-7 7" }],
+	["path", { d: "m3 21 7-7" }],
+	["path", { d: "M9 21H3v-6" }]
+], Qt = [
+	["path", { d: "m14 10 7-7" }],
+	["path", { d: "M20 10h-6V4" }],
+	["path", { d: "m3 21 7-7" }],
+	["path", { d: "M4 14h6v6" }]
+], $t = [["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" }]], en = [
+	["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"
+	}]
+], tn = [
+	["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"
+	}]
+];
+//#endregion
+//#region ../ui/src/icons.ts
+function I(e, { size: t = 20, strokeWidth: n = 1.75 } = {}) {
+	return P(e, {
+		width: t,
+		height: t,
+		"stroke-width": n
+	});
+}
+var L = {
+	ar: (e) => I(Kt, e),
+	fullscreen: (e) => I(Zt, e),
+	exitFullscreen: (e) => I(Qt, e),
+	screenshot: (e) => I(qt, e),
+	tiltUp: (e) => I(Xt, e),
+	tiltDown: (e) => I(F, e),
+	rotateLeft: (e) => I(Jt, e),
+	rotateRight: (e) => I(Yt, e),
+	zoomIn: (e) => I(en, e),
+	zoomOut: (e) => I(tn, e),
+	reset: (e) => I($t, e)
+}, R = class {
+	element;
+	constructor({ variant: e = "default", size: t = "default", label: n, icon: r, onClick: i, disabled: a = !1 } = {}) {
+		this.element = document.createElement("button"), this.element.className = `ui-btn ui-btn--${e} ui-btn--size-${t}`, n !== void 0 && (this.element.setAttribute("aria-label", n), this.element.title = n), r === void 0 ? n !== void 0 && (this.element.textContent = n) : this.element.appendChild(r), i && this.element.addEventListener("click", i), this.element.disabled = a;
+	}
+	setIcon(e) {
+		let t = this.element.querySelector("svg");
+		t === null ? this.element.appendChild(e) : t.replaceWith(e);
+	}
+}, z = {
+	brand: {
+		DEFAULT: "#171717",
+		primary: "#171717",
+		hover: "#262626",
+		light: "#f5f5f5",
+		50: "#fafafa",
+		100: "#f5f5f5",
+		200: "#e5e5e5",
+		300: "#d4d4d4",
+		400: "#a3a3a3",
+		500: "#737373",
+		600: "#525252",
+		700: "#404040",
+		800: "#262626",
+		900: "#171717",
+		950: "#0a0a0a"
+	},
+	semantic: {
+		success: "#16a34a",
+		warning: "#ca8a04",
+		error: "#dc2626",
+		info: "#0891b2"
+	},
+	neutral: {
+		50: "#fafafa",
+		100: "#f5f5f5",
+		200: "#e5e5e5",
+		300: "#d4d4d4",
+		400: "#a3a3a3",
+		500: "#737373",
+		600: "#525252",
+		700: "#404040",
+		800: "#262626",
+		900: "#171717",
+		950: "#0a0a0a"
+	},
+	white: "#ffffff",
+	black: "#000000"
+}, B = {
+	px: "1px",
+	0: "0",
+	.5: "0.125rem",
+	1: "0.25rem",
+	1.5: "0.375rem",
+	2: "0.5rem",
+	2.5: "0.625rem",
+	3: "0.75rem",
+	3.5: "0.875rem",
+	4: "1rem",
+	5: "1.25rem",
+	6: "1.5rem",
+	7: "1.75rem",
+	8: "2rem",
+	9: "2.25rem",
+	10: "2.5rem",
+	12: "3rem",
+	14: "3.5rem",
+	16: "4rem",
+	20: "5rem",
+	24: "6rem"
+};
+B[1], B[2], B[4], B[6], B[8], B[12];
+//#endregion
+//#region ../ui/src/vanilla/components/card/index.ts
+var nn = class {
+	element;
+	constructor() {
+		this.element = document.createElement("div"), Object.assign(this.element.style, {
+			background: z.white,
+			borderRadius: B[3],
+			padding: B[6],
+			boxShadow: `0 ${B[2]} ${B[8]} oklch(0% 0 0 / 20%)`,
+			maxWidth: "20rem",
+			width: "100%"
+		});
+	}
+}, rn = class {
+	card;
+	backdrop;
+	keyHandler = null;
+	constructor(e = {}) {
+		this.options = e, this.card = new nn(), this.backdrop = this.createBackdrop(), this.backdrop.appendChild(this.card.element);
+	}
+	open() {
+		document.body.appendChild(this.backdrop), this.keyHandler = (e) => {
+			e.key === "Escape" && this.close();
+		}, document.addEventListener("keydown", this.keyHandler);
+	}
+	close() {
+		this.backdrop.remove(), this.keyHandler !== null && (document.removeEventListener("keydown", this.keyHandler), this.keyHandler = null), this.options.onClose?.();
+	}
+	createBackdrop() {
+		let e = document.createElement("div");
+		return Object.assign(e.style, {
+			position: "fixed",
+			inset: B[0],
+			background: "oklch(0% 0 0 / 50%)",
+			zIndex: "9999",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center"
+		}), e.addEventListener("click", (t) => {
+			t.target === e && this.close();
+		}), e;
+	}
+}, an = class {
+	element;
+	selectCallback = null;
+	constructor(e, t, n) {
+		this.element = document.createElement("div"), this.element.className = "ui-toggle-group";
+		for (let r = 0; r < e.length; r++) {
+			let i = e[r], a = document.createElement("button");
+			a.className = "ui-toggle-group-item", a.dataset.value = i, a.textContent = n?.[r] ?? i, a.dataset.state = i === t ? "on" : "off", a.addEventListener("click", () => {
+				this.selectCallback?.(i);
+			}), this.element.appendChild(a);
+		}
+	}
+	setSelected(e) {
+		for (let t of this.element.querySelectorAll(".ui-toggle-group-item")) t.dataset.state = t.dataset.value === e ? "on" : "off";
+	}
+	onSelect(e) {
+		this.selectCallback = e;
+	}
+}, on = class {
+	element;
+	select;
+	constructor(e, t, n, r, i) {
+		this.select = document.createElement("select"), this.select.className = "ui-native-select", this.select.dataset.name = e;
+		let a = document.createElement("option");
+		a.value = "", a.disabled = !0, a.textContent = n, this.select.appendChild(a);
+		let o = !1;
+		for (let e = 0; e < t.length; e++) {
+			let n = t[e], a = document.createElement("option");
+			a.value = n, a.textContent = i?.[e] ?? n, n === r && (a.selected = !0, o = !0), this.select.appendChild(a);
+		}
+		o || (a.selected = !0);
+		let s = P(F, {
+			width: 16,
+			height: 16,
+			"stroke-width": 2
+		});
+		s.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(s);
+	}
+	setSelected(e) {
+		this.select.value = e;
+	}
+	onSelect(e) {
+		this.select.addEventListener("change", () => {
+			e(this.select.value);
+		});
+	}
+}, V = {
+	fontFamily: {
+		sans: [
+			"Mona Sans",
+			"ui-sans-serif",
+			"system-ui",
+			"sans-serif",
+			"Apple Color Emoji",
+			"Segoe UI Emoji",
+			"Segoe UI Symbol",
+			"Noto Color Emoji"
+		],
+		mono: [
+			"JetBrains Mono",
+			"ui-monospace",
+			"monospace"
+		]
+	},
+	fontSize: {
+		xs: "0.75rem",
+		sm: "0.875rem",
+		base: "1rem",
+		lg: "1.125rem",
+		xl: "1.25rem",
+		"2xl": "1.5rem",
+		"3xl": "1.875rem",
+		"4xl": "2.25rem"
+	},
+	fontWeight: {
+		normal: "400",
+		medium: "500",
+		semibold: "600",
+		bold: "700"
+	},
+	lineHeight: {
+		tight: "1.25",
+		normal: "1.5",
+		relaxed: "1.75"
+	}
+}, sn = V.fontFamily.sans.join(", "), cn = class {
+	qrLib = null;
+	dialog = null;
+	async show(t) {
+		this.hide(), this.qrLib ??= await import("./browser-DxtIwHNu.js").then((t) => /* @__PURE__ */ e(t.default, 1));
+		let n = await this.qrLib.toDataURL(t, {
+			width: 256,
+			margin: 4,
+			errorCorrectionLevel: "M",
+			color: {
+				dark: z.black,
+				light: z.white
+			}
+		});
+		this.dialog = new rn({ onClose: () => {
+			this.dialog = null;
+		} }), Object.assign(this.dialog.card.element.style, {
+			display: "flex",
+			flexDirection: "column",
+			alignItems: "center",
+			gap: B[3],
+			fontFamily: sn
+		}), this.dialog.card.element.appendChild(this.createText(Ue(), {
+			fontSize: V.fontSize.base,
+			fontWeight: V.fontWeight.semibold,
+			color: z.neutral[900]
+		})), this.dialog.card.element.appendChild(this.createText(qe(), {
+			fontSize: V.fontSize.sm,
+			color: z.neutral[600]
+		})), this.dialog.card.element.appendChild(this.createQrImage(n)), this.dialog.card.element.appendChild(this.createText(Ze(), {
+			fontSize: V.fontSize.xs,
+			color: z.neutral[500]
+		}));
+		let r = new R({
+			variant: "outline",
+			label: tt(),
+			onClick: () => {
+				this.hide();
+			}
+		});
+		this.dialog.card.element.appendChild(r.element), this.dialog.open();
+	}
+	hide() {
+		this.dialog?.close(), this.dialog = null;
+	}
+	createText(e, t) {
+		let n = document.createElement("p");
+		return n.textContent = e, Object.assign(n.style, {
+			margin: "0",
+			textAlign: "center",
+			...t
+		}), n;
+	}
+	createQrImage(e) {
+		let t = document.createElement("img");
+		return t.src = e, t.alt = "QR code", Object.assign(t.style, {
+			width: B[24],
+			height: B[24],
+			borderRadius: B[1]
+		}), t;
+	}
+}, H = V.fontFamily.sans.join(", "), ln = `
+:root { 
+  --primary: oklch(5% 0 0);
+  --primary-foreground: oklch(100% 0 0);
+  --secondary: oklch(92% 0 0);
+  --secondary-foreground: oklch(5% 0 0);
+  --background: oklch(100% 0 0);
+  --foreground: oklch(5% 0 0);
+  --border: oklch(92% 0 0);
+  --ring: oklch(44% 0 0);
+  --radius: 0.625rem;
+  --accent: oklch(92% 0 0);
+  --accent-foreground: oklch(5% 0 0);
+  --muted-foreground: oklch(44% 0 0);
+ }
+
+/* ── Button ──────────────────────────────────────────────── */
+.ui-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  border: 1px solid transparent;
+  border-radius: var(--radius);
+  font-family: ${H};
+  font-size: 0.875rem;
+  font-weight: 600;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: all 200ms;
+  flex-shrink: 0;
+}
+.ui-btn:active { transform: scale(0.98); }
+.ui-btn:disabled { opacity: 0.5; pointer-events: none; }
+.ui-btn svg { inline-size: 1rem; block-size: 1rem; pointer-events: none; flex-shrink: 0; }
+
+.ui-btn--default {
+  background: var(--primary);
+  color: var(--primary-foreground);
+  box-shadow: 0 1px 3px oklch(5% 0 0 / 20%);
+}
+.ui-btn--default:hover { background: oklch(10% 0 0); }
+
+.ui-btn--outline {
+  background: var(--background);
+  color: var(--foreground);
+  border-color: var(--border);
+  box-shadow: 0 1px 2px oklch(5% 0 0 / 8%);
+}
+.ui-btn--outline:hover { background: var(--accent); border-color: oklch(85% 0 0); }
+
+.ui-btn--secondary {
+  background: var(--secondary);
+  color: var(--secondary-foreground);
+  box-shadow: 0 1px 2px oklch(5% 0 0 / 8%);
+}
+.ui-btn--secondary:hover { background: oklch(88% 0 0); }
+
+.ui-btn--ghost { background: transparent; color: var(--foreground); }
+.ui-btn--ghost:hover { background: var(--accent); }
+
+.ui-btn--size-default { block-size: 2.25rem; padding: 0 1rem; }
+.ui-btn--size-sm { block-size: 2rem; padding: 0 0.75rem; border-radius: calc(var(--radius) - 0.125rem); }
+.ui-btn--size-lg { block-size: 2.5rem; padding: 0 1.5rem; }
+.ui-btn--size-icon { inline-size: 2.25rem; block-size: 2.25rem; padding: 0; }
+.ui-btn--size-icon-sm { inline-size: 2rem; block-size: 2rem; padding: 0; }
+.ui-btn--size-icon-lg { inline-size: 2.5rem; block-size: 2.5rem; padding: 0; }
+
+/* ── Toggle group ────────────────────────────────────────── */
+.ui-toggle-group { display: inline-flex; flex-wrap: wrap; gap: 0.25rem; }
+
+.ui-toggle-group-item {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  block-size: 2rem;
+  padding: 0 0.75rem;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--background);
+  color: var(--foreground);
+  font-family: ${H};
+  font-size: 0.875rem;
+  font-weight: 600;
+  cursor: pointer;
+  white-space: nowrap;
+  transition: all 200ms;
+  box-shadow: 0 1px 2px oklch(5% 0 0 / 8%);
+}
+.ui-toggle-group-item:hover { background: var(--accent); border-color: oklch(85% 0 0); }
+.ui-toggle-group-item:active { transform: scale(0.98); }
+.ui-toggle-group-item[data-state="on"] {
+  background: var(--primary);
+  color: var(--primary-foreground);
+  border-color: var(--primary);
+}
+.ui-toggle-group-item[data-state="on"]:hover { background: oklch(10% 0 0); }
+
+/* ── Native select ───────────────────────────────────────── */
+.ui-native-select-wrap {
+  position: relative;
+  display: inline-flex;
+  min-inline-size: 8rem;
+}
+
+.ui-native-select {
+  display: block;
+  inline-size: 100%;
+  block-size: 2.25rem;
+  padding: 0 2.25rem 0 0.75rem;
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  background: var(--background);
+  appearance: none;
+  color: var(--foreground);
+  font-family: ${H};
+  font-size: 0.875rem;
+  font-weight: 400;
+  cursor: pointer;
+  transition: color 200ms, box-shadow 200ms, border-color 200ms;
+  box-shadow: 0 1px 2px oklch(5% 0 0 / 8%);
+}
+.ui-native-select:hover { border-color: oklch(85% 0 0); }
+.ui-native-select:focus-visible {
+  outline: none;
+  border-color: var(--ring);
+  box-shadow: 0 0 0 3px oklch(5% 0 0 / 12%);
+}
+
+.ui-native-select-icon {
+  position: absolute;
+  inset-block-start: 50%;
+  inset-inline-end: 0.625rem;
+  transform: translateY(-50%);
+  color: var(--muted-foreground);
+  pointer-events: none;
+}
+
+/* ── Annotation layer ───────────────────────────────────── */
+.vd-annotations-layer {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  inline-size: 100%;
+  block-size: 100%;
+  pointer-events: none;
+  overflow: visible !important; /* override CSS2DRenderer inline style */
+}
+
+.vd-annotation-marker {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  inline-size: 1.75rem;
+  block-size: 1.75rem;
+  border-radius: 50%;
+  border: 2px solid oklch(100% 0 0);
+  background: var(--primary);
+  color: var(--primary-foreground);
+  font-family: ${H};
+  font-size: 0.8125rem;
+  font-weight: 600;
+  cursor: pointer;
+  pointer-events: auto;
+  box-shadow: 0 2px 8px oklch(5% 0 0 / 20%);
+  transition: transform 100ms ease;
+  position: relative;
+}
+.vd-annotation-marker:hover { transform: scale(1.1); }
+
+.vd-annotation-popup {
+  position: absolute;
+  inset-block-end: calc(100% + 0.5rem);
+  inset-inline-start: 50%;
+  transform: translateX(-50%);
+  background: var(--background);
+  color: var(--foreground);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 0.75rem 1rem;
+  max-inline-size: 15rem;
+  box-shadow: 0 4px 6px oklch(5% 0 0 / 8%), 0 2px 4px oklch(5% 0 0 / 6%);
+  pointer-events: auto;
+  white-space: normal;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .vd-annotation-popup {
+    animation: vd-popup-in 150ms ease;
+  }
+}
+
+@keyframes vd-popup-in {
+  from { opacity: 0; transform: translateX(-50%) translateY(4px); }
+  to { opacity: 1; transform: translateX(-50%) translateY(0); }
+}
+
+.vd-annotation-popup-title {
+  font-family: ${H};
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.25rem;
+}
+
+.vd-annotation-popup-description {
+  font-family: ${H};
+  font-size: 0.8125rem;
+  font-weight: 400;
+  line-height: 1.125rem;
+  color: var(--muted-foreground);
+  margin-block-start: 0.25rem;
+}
+`, un = !1;
+function dn() {
+	if (un || typeof document > "u") return;
+	un = !0;
+	let e = document.createElement("style");
+	e.id = "vd-ui-vanilla", e.textContent = ln, document.head.appendChild(e);
+}
+//#endregion
+//#region src/ui/loading.ts
+function fn(e) {
+	let t = Math.max(0, Math.min(1, e));
+	return t * t * (3 - 2 * t);
+}
+function pn(e, t, n, r, i, a) {
+	let [o, s, c] = e, l = Math.cos(t), u = Math.sin(t), d = l * o + u * c, f = -u * o + l * c, p = Math.cos(n), m = Math.sin(n), h = p * s - m * f, g = m * s + p * f, _ = .55;
+	return [
+		r + d * a * _,
+		i - h * a * _,
+		g
+	];
+}
+function mn(e, t, n) {
+	e.beginPath(), e.moveTo(t[0], t[1]), e.lineTo(n[0], n[1]), e.strokeStyle = "#000", e.lineWidth = 2, e.stroke();
+}
+function hn(e, t, n, r, i) {
+	let a = t(n), o = t(r);
+	mn(e, a, [
+		a[0] + (o[0] - a[0]) * i,
+		a[1] + (o[1] - a[1]) * i,
+		a[2]
+	]);
+}
+var U = [
+	-1,
+	-1,
+	1
+], W = [
+	1,
+	-1,
+	1
+], G = [
+	1,
+	-1,
+	-1
+], K = [
+	-1,
+	-1,
+	-1
+], q = [
+	-1,
+	1,
+	1
+], J = [
+	1,
+	1,
+	1
+], Y = [
+	1,
+	1,
+	-1
+], X = [
+	-1,
+	1,
+	-1
+], gn = [
+	[U, W],
+	[W, G],
+	[G, K],
+	[K, U],
+	[U, q],
+	[W, J],
+	[G, Y],
+	[K, X],
+	[q, J],
+	[J, Y],
+	[Y, X],
+	[X, q]
+], _n = 400, vn = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif";
+function yn() {
+	let e = document.createElement("div");
+	Object.assign(e.style, {
+		position: "absolute",
+		inset: "0",
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		justifyContent: "center",
+		background: "#fff",
+		zIndex: "20",
+		opacity: "0",
+		transition: "opacity 0.3s ease-in-out"
+	});
+	let t = document.createElement("canvas");
+	Object.assign(t.style, {
+		width: "100%",
+		height: "100%",
+		position: "absolute",
+		inset: "0"
+	});
+	let n = document.createElement("div");
+	Object.assign(n.style, {
+		position: "absolute",
+		top: "56%",
+		left: "0",
+		right: "0",
+		textAlign: "center",
+		pointerEvents: "none"
+	});
+	let r = document.createElement("span");
+	Object.assign(r.style, {
+		fontSize: "13px",
+		fontWeight: "400",
+		color: "#000",
+		fontVariantNumeric: "tabular-nums",
+		fontFamily: vn
+	});
+	let i = document.createElement("span");
+	return Object.assign(i.style, {
+		fontSize: "13px",
+		color: "#000",
+		fontFamily: vn
+	}), i.textContent = M(), n.appendChild(r), n.appendChild(i), e.appendChild(t), e.appendChild(n), {
+		overlay: e,
+		canvas: t,
+		pctEl: r,
+		phaseEl: i
+	};
+}
+var bn = class {
+	overlay;
+	canvas;
+	ctx;
+	pctEl;
+	phaseEl;
+	animationId = null;
+	showTimerId = null;
+	startTime;
+	hidden = !1;
+	visible = !1;
+	constructor(e, t = {}) {
+		this.startTime = performance.now();
+		let n = yn();
+		this.overlay = n.overlay, this.canvas = n.canvas, this.pctEl = n.pctEl, this.phaseEl = n.phaseEl, e.appendChild(this.overlay), this.ctx = this.canvas.getContext("2d"), this.ctx !== null && (this.sizeCanvas(), this.tick());
+		let r = t.showDelay ?? _n;
+		this.showTimerId = setTimeout(() => {
+			this.reveal();
+		}, r);
+	}
+	get loadingTexts() {
+		return {
+			downloading: M(),
+			rendering: ft()
+		};
+	}
+	updateProgress(e, t) {
+		this.hidden || (this.pctEl.textContent = `${Math.round(e)}%`, this.phaseEl.textContent = t === "" ? "" : ` \u00B7 ${t}`);
+	}
+	showError(e) {
+		if (this.hidden = !1, this.animationId !== null && (cancelAnimationFrame(this.animationId), this.animationId = null), this.ctx !== null) {
+			let e = Math.min(devicePixelRatio, 2), t = this.canvas.width / e, n = this.canvas.height / e;
+			this.ctx.fillStyle = "#fff", this.ctx.fillRect(0, 0, t * e, n * e);
+		}
+		this.pctEl.textContent = "", this.phaseEl.textContent = e, this.phaseEl.style.color = "#b91c1c", this.reveal();
+	}
+	hide() {
+		if (!this.hidden) {
+			if (this.hidden = !0, this.cancelShowTimer(), !this.visible) {
+				this.destroy();
+				return;
+			}
+			this.overlay.style.opacity = "0", this.overlay.addEventListener("transitionend", () => {
+				this.destroy();
+			}, { once: !0 }), setTimeout(() => {
+				this.destroy();
+			}, 500);
+		}
+	}
+	destroy() {
+		this.cancelShowTimer(), this.animationId !== null && (cancelAnimationFrame(this.animationId), this.animationId = null), this.overlay.remove();
+	}
+	reveal() {
+		this.hidden || this.visible || (this.visible = !0, this.overlay.style.opacity = "1");
+	}
+	cancelShowTimer() {
+		this.showTimerId !== null && (clearTimeout(this.showTimerId), this.showTimerId = null);
+	}
+	sizeCanvas() {
+		if (this.ctx === null) return;
+		let e = Math.min(devicePixelRatio, 2), t = this.overlay.clientWidth || 440, n = this.overlay.clientHeight || 360;
+		this.canvas.width = t * e, this.canvas.height = n * e, this.ctx.scale(e, e), this.ctx.lineCap = "round", this.ctx.lineJoin = "round";
+	}
+	tick = () => {
+		this.hidden || (this.drawFrame(), this.animationId = requestAnimationFrame(this.tick));
+	};
+	drawFrame() {
+		if (this.ctx === null) return;
+		let e = this.canvas.width / Math.min(devicePixelRatio, 2), t = this.canvas.height / Math.min(devicePixelRatio, 2), n = (performance.now() - this.startTime) / 1e3;
+		this.ctx.fillStyle = "#fff", this.ctx.fillRect(0, 0, e, t);
+		let r = e / 2, i = t * .44, a = Math.min(e, t) * .08, o = (e) => pn(e, .785, .615, r, i, a), s = n % 6 / 6, c = gn.length, l;
+		l = s < .35 ? fn(s / .35) * c : s < .55 ? c : s < .9 ? (1 - fn((s - .55) / .35)) * c : 0, this.ctx.shadowBlur = 5, this.ctx.shadowColor = "rgba(30,30,30,0.08)";
+		for (let e = 0; e < c && !(e >= l); e++) {
+			let t = gn[e];
+			if (t === void 0) continue;
+			let n = Math.min(1, l - e);
+			hn(this.ctx, o, t[0], t[1], n);
+		}
+		this.ctx.shadowBlur = 0;
+	}
+}, xn = class {
+	element;
+	arBtn = null;
+	fullscreenBtn = null;
+	onFullscreenChange;
+	constructor(e) {
+		this.options = e, this.element = document.createElement("div"), Object.assign(this.element.style, {
+			display: "flex",
+			gap: "0.375rem"
+		}), this.onFullscreenChange = () => {
+			this.setFullscreenIcon(document.fullscreenElement !== null);
+		}, document.addEventListener("fullscreenchange", this.onFullscreenChange);
+	}
+	setFullscreenIcon(e) {
+		this.fullscreenBtn !== null && this.fullscreenBtn.setIcon(e ? L.exitFullscreen() : L.fullscreen());
+	}
+	syncButton(e, t, n) {
+		if (t && e === null) {
+			let e = n();
+			return this.element.appendChild(e.element), e;
+		}
+		return !t && e !== null ? (e.element.remove(), null) : e;
+	}
+	applySettings(e) {
+		this.arBtn = this.syncButton(this.arBtn, e.ar !== !1 && this.options.onAr !== void 0, () => new R({
+			variant: "outline",
+			size: "icon",
+			label: ze(),
+			icon: L.ar(),
+			onClick: () => {
+				this.options.onAr?.();
+			}
+		})), this.fullscreenBtn = this.syncButton(this.fullscreenBtn, e.fullscreen !== !1 && this.options.onFullscreen !== void 0, () => new R({
+			variant: "outline",
+			size: "icon",
+			label: at(),
+			icon: L.fullscreen(),
+			onClick: () => {
+				this.options.onFullscreen?.();
+			}
+		}));
+	}
+	destroy() {
+		document.removeEventListener("fullscreenchange", this.onFullscreenChange);
+	}
+}, Z = .5, Sn = class e {
+	element;
+	constructor(t, n) {
+		this.element = Object.assign(document.createElement("div"), { className: "vd-camera-controls" });
+		let r = {
+			targetRotation: n.rotation,
+			targetTilt: n.tilt,
+			targetZoom: n.zoom,
+			thetaOffset: 0
+		}, i = Cn(t, n, r);
+		n.onChange((e) => {
+			r.targetRotation = e.rotation - r.thetaOffset, r.targetTilt = e.tilt, r.targetZoom = e.zoom, wn(i, n, e);
+		}), this.element.appendChild(e.buildZoom(i.zoomOut, i.zoomIn)), this.element.appendChild(e.buildDpad(i.tiltUp, i.rotateLeft, i.reset, i.rotateRight, i.tiltDown));
+	}
+	static buildZoom(e, t) {
+		let n = document.createElement("div");
+		return n.className = "vd-zoom", n.appendChild(e.element), n.appendChild(t.element), n;
+	}
+	static buildDpad(e, t, n, r, i) {
+		let a = document.createElement("div");
+		a.className = "vd-dpad";
+		for (let [o, s] of [
+			[e, "up"],
+			[t, "left"],
+			[n, "center"],
+			[r, "right"],
+			[i, "down"]
+		]) o.element.classList.add(`vd-dpad-${s}`), a.appendChild(o.element);
+		return a;
+	}
+};
+function Cn(e, t, n) {
+	let r = (e) => Math.max(t.limits?.minZoom ?? 1, Math.min(t.limits?.maxZoom ?? Infinity, e)), i = (e) => {
+		let n = t.limits?.minRotate, r = t.limits?.maxRotate;
+		return n !== void 0 || r !== void 0 ? Math.max(n ?? -Infinity, Math.min(r ?? Infinity, e)) : e;
+	}, a = (r) => {
+		let i = t.limits?.minTilt, a = t.limits?.maxTilt;
+		if (i !== void 0 || a !== void 0) {
+			n.targetTilt = Math.max(i ?? 0, Math.min(a ?? 180, n.targetTilt + r)), e.tilt(n.targetTilt).set();
+			return;
+		}
+		let o = n.targetTilt + r;
+		o > 180 || o < 0 ? (n.targetTilt = o > 180 ? 360 - o : -o, n.thetaOffset = (n.thetaOffset + 180) % 360, e.tilt(n.targetTilt).rotate(n.targetRotation + n.thetaOffset).set()) : (n.targetTilt = o, e.tilt(n.targetTilt).set());
+	};
+	return {
+		zoomOut: new R({
+			variant: "outline",
+			size: "icon",
+			label: Ot(),
+			icon: L.zoomOut(),
+			onClick: () => {
+				n.targetZoom = r(n.targetZoom - 10), e.zoom(n.targetZoom).set();
+			}
+		}),
+		zoomIn: new R({
+			variant: "outline",
+			size: "icon",
+			label: wt(),
+			icon: L.zoomIn(),
+			onClick: () => {
+				n.targetZoom = r(n.targetZoom + 10), e.zoom(n.targetZoom).set();
+			}
+		}),
+		tiltUp: new R({
+			variant: "outline",
+			size: "icon",
+			label: Bt(),
+			icon: L.tiltUp(),
+			onClick: () => {
+				a(-15);
+			}
+		}),
+		rotateLeft: new R({
+			variant: "outline",
+			size: "icon",
+			label: Mt(),
+			icon: L.rotateLeft(),
+			onClick: () => {
+				n.targetRotation = i(n.targetRotation - 15), e.rotate(n.targetRotation + n.thetaOffset).set();
+			}
+		}),
+		reset: new R({
+			variant: "outline",
+			size: "icon",
+			label: bt(),
+			icon: L.reset(),
+			onClick: () => {
+				n.thetaOffset = 0, e.reset();
+			}
+		}),
+		rotateRight: new R({
+			variant: "outline",
+			size: "icon",
+			label: It(),
+			icon: L.rotateRight(),
+			onClick: () => {
+				n.targetRotation = i(n.targetRotation + 15), e.rotate(n.targetRotation + n.thetaOffset).set();
+			}
+		}),
+		tiltDown: new R({
+			variant: "outline",
+			size: "icon",
+			label: Wt(),
+			icon: L.tiltDown(),
+			onClick: () => {
+				a(15);
+			}
+		})
+	};
+}
+function wn(e, t, n) {
+	let r = t.limits;
+	r !== void 0 && (e.zoomOut.element.disabled = r.minZoom !== void 0 && n.zoom <= r.minZoom + Z, e.zoomIn.element.disabled = r.maxZoom !== void 0 && n.zoom >= r.maxZoom - Z, e.tiltUp.element.disabled = r.minTilt !== void 0 && n.tilt <= r.minTilt + Z, e.tiltDown.element.disabled = r.maxTilt !== void 0 && n.tilt >= r.maxTilt - Z, e.rotateLeft.element.disabled = r.minRotate !== void 0 && n.rotation <= r.minRotate + Z, e.rotateRight.element.disabled = r.maxRotate !== void 0 && n.rotation >= r.maxRotate - Z);
+}
+//#endregion
+//#region src/ui/controls/attribute-group.ts
+var Tn = 5;
+function Q(e) {
+	let t = e.replace(/([A-Z])/g, " $1").trim();
+	return t.charAt(0).toUpperCase() + t.slice(1).toLowerCase();
+}
+function En(e, t, n, r, i) {
+	let a = document.createElement("div");
+	a.className = "vd-attribute", a.dataset.name = e.name;
+	let o = document.createElement("span");
+	o.className = "vd-attribute-label", o.textContent = Q(e.name), a.appendChild(o);
+	let s = e.values.find((n) => t.getValue(e.name, n)?.isSelected === !0), c = e.values.map(Q), l = e.values.length <= Tn ? new an(e.values, s, c) : new on(e.name, e.values, Q(e.name), s, c);
+	return l.onSelect((t) => {
+		n.dispatch("ui:select", {
+			attribute: e.name,
+			value: t
+		}, !0).defaultPrevented || r(e.name, t);
+	}), i(e.name, (t) => {
+		l.setSelected(t.value), n.dispatch("ui:selected", {
+			attribute: e.name,
+			value: t.value
+		});
+	}), a.appendChild(l.element), a;
+}
+//#endregion
+//#region src/ui/styles.ts
+var Dn = V.fontFamily.sans.join(", "), $ = "\n  position: absolute;\n  display: flex;\n  z-index: 10;\n", On = `
+/* Override browser's default black fullscreen backdrop */
+.vd-container:fullscreen {
+  background: oklch(100% 0 0);
+}
+
+/* Pseudo-fullscreen fallback for iPhone Safari, which lacks the Fullscreen API on non-video elements */
+.vd-container.vd-pseudo-fullscreen {
+  position: fixed;
+  inset: 0;
+  z-index: 2147483647;
+  background: oklch(100% 0 0);
+}
+
+/* Layout slots — four corners */
+.vd-slot-top-right {
+  ${$}
+  inset-block-start: ${B[3]};
+  inset-inline-end: ${B[3]};
+  flex-direction: column;
+  align-items: flex-end;
+  gap: ${B[1.5]};
+}
+
+.vd-slot-bottom-left {
+  ${$}
+  inset-block-end: ${B[3]};
+  inset-inline-start: ${B[3]};
+  flex-direction: column;
+  align-items: flex-start;
+  gap: ${B[1.5]};
+}
+
+.vd-slot-bottom-right {
+  ${$}
+  inset-block-end: ${B[3]};
+  inset-inline-end: ${B[3]};
+  flex-direction: row;
+  gap: ${B[1.5]};
+}
+
+/* Component styles — no positioning */
+.vd-camera-controls {
+  display: flex;
+  flex-direction: column;
+  gap: ${B[1]};
+  background: color-mix(in oklch, ${z.white} 85%, transparent);
+  backdrop-filter: blur(8px);
+  border-radius: ${B[2]};
+  padding: ${B[2]};
+}
+
+.vd-zoom {
+  display: flex;
+  gap: ${B[.5]};
+}
+
+.vd-dpad {
+  display: grid;
+  grid-template-columns: repeat(3, ${B[9]});
+  grid-template-rows: repeat(3, ${B[9]});
+  gap: ${B[.5]};
+}
+
+.vd-dpad-up    { grid-column: 2; grid-row: 1; }
+.vd-dpad-left  { grid-column: 1; grid-row: 2; }
+.vd-dpad-center { grid-column: 2; grid-row: 2; }
+.vd-dpad-right { grid-column: 3; grid-row: 2; }
+.vd-dpad-down  { grid-column: 2; grid-row: 3; }
+
+.vd-attributes {
+  display: flex;
+  flex-direction: column;
+  gap: ${B[2]};
+  background: color-mix(in oklch, ${z.white} 85%, transparent);
+  backdrop-filter: blur(8px);
+  border-radius: ${B[2]};
+  padding: ${B[2]};
+  font-family: ${Dn};
+}
+
+.vd-attribute {
+  display: flex;
+  flex-direction: column;
+  gap: ${B[1]};
+}
+
+.vd-attribute-label {
+  font-size: ${V.fontSize.xs};
+  font-weight: ${V.fontWeight.medium};
+  color: ${z.neutral[900]};
+  font-family: ${Dn};
+}
+
+`;
+function kn() {
+	if (dn(), document.getElementById("vd-styles") !== null) return;
+	let e = document.createElement("style");
+	e.id = "vd-styles", e.textContent = On, document.head.appendChild(e);
+}
+//#endregion
+//#region src/ui/standard-interface.ts
+function An(e, t) {
+	let n = document.createElement("a");
+	n.href = `data:image/png;base64,${e}`, n.download = t, n.click();
+}
+var jn = class {
+	options;
+	settings = {};
+	container = null;
+	loading = null;
+	slots = {
+		topRight: null,
+		bottomLeft: null,
+		bottomRight: null
+	};
+	screenshotBtn = null;
+	actionBar = null;
+	cameraControls = null;
+	attributes = null;
+	constructor(e) {
+		this.options = e;
+	}
+	attach(e) {
+		kn(), this.container = e, this.loading = new bn(e), this.slots.topRight = this.createSlot(e, "vd-slot-top-right"), this.slots.bottomLeft = this.createSlot(e, "vd-slot-bottom-left"), this.slots.bottomRight = this.createSlot(e, "vd-slot-bottom-right");
+	}
+	onReady() {
+		this.loading?.hide(), this.loading = null, this.mountToolbar(), this.cameraControls !== null && (this.cameraControls.element.style.display = "flex"), this.attributes !== null && (this.attributes.style.display = "flex");
+	}
+	pseudoFullscreen = !1;
+	mountToolbar() {
+		this.actionBar !== null || this.slots.bottomRight === null || (this.actionBar = new xn({
+			onAr: this.options.onAr,
+			onFullscreen: () => {
+				this.toggleFullscreen();
+			}
+		}), this.actionBar.applySettings(this.settings), this.slots.bottomRight.appendChild(this.actionBar.element), this.syncScreenshotButton(), this.placeScreenshotButton());
+	}
+	toggleFullscreen() {
+		if (this.container !== null) {
+			if (typeof this.container.requestFullscreen == "function") {
+				document.fullscreenElement === null ? this.container.requestFullscreen() : document.exitFullscreen();
+				return;
+			}
+			this.pseudoFullscreen = !this.pseudoFullscreen, this.container.classList.toggle("vd-pseudo-fullscreen", this.pseudoFullscreen), this.actionBar?.setFullscreenIcon(this.pseudoFullscreen);
+		}
+	}
+	updateProgress(e, t) {
+		this.loading?.updateProgress(e, t);
+	}
+	showError(e) {
+		this.loading?.showError(e);
+	}
+	applyViewerSettings(e) {
+		this.settings = e, e.language !== void 0 && O(e.language, { reload: !1 }), this.syncScreenshotButton(), this.actionBar?.applySettings(e), this.cameraControls !== null && (this.cameraControls.element.style.display = e.cameraControls === !0 ? "flex" : "none"), this.placeScreenshotButton();
+	}
+	renderAttributeControls(e, t) {
+		if (!(this.container === null || this.slots.topRight === null) && (this.cameraControls?.element.remove(), this.cameraControls = null, this.attributes?.remove(), this.attributes = null, this.settings.cameraControls === !0 && (this.cameraControls = new Sn(this.options.cameraApi, this.options.cameraPositionApi), this.cameraControls.element.style.display = "none", this.slots.topRight.appendChild(this.cameraControls.element)), this.placeScreenshotButton(), !(t.length === 0 || this.settings.attributeControls === !1))) {
+			this.attributes = document.createElement("div"), this.attributes.className = "vd-attributes", this.attributes.style.display = "none";
+			for (let n of t) this.attributes.appendChild(En(n, e, this.options.eventBus, this.options.onSelect, this.options.onSubscribe));
+			this.slots.bottomLeft.appendChild(this.attributes);
+		}
+	}
+	get viewerSettings() {
+		return this.settings;
+	}
+	destroy() {
+		this.loading?.destroy(), this.screenshotBtn?.element.remove(), this.actionBar?.destroy(), this.actionBar?.element.remove(), this.cameraControls?.element.remove(), this.attributes?.remove();
+		for (let e of Object.values(this.slots)) e?.remove();
+		this.container = null;
+	}
+	createSlot(e, t) {
+		let n = document.createElement("div");
+		return n.className = t, e.appendChild(n), n;
+	}
+	syncScreenshotButton() {
+		let e = this.settings.screenshot === !0;
+		e && this.screenshotBtn === null && (this.screenshotBtn = new R({
+			variant: "outline",
+			size: "icon",
+			label: gt(),
+			icon: L.screenshot(),
+			onClick: () => {
+				this.options.snapshotApi.take("snapshot.png").onDeveloped(({ data: e, filename: t }) => {
+					An(e, t);
+				});
+			}
+		})), !e && this.screenshotBtn !== null && (this.screenshotBtn.element.remove(), this.screenshotBtn = null);
+	}
+	placeScreenshotButton() {
+		this.screenshotBtn === null || this.slots.topRight === null || (this.cameraControls === null ? this.slots.topRight.appendChild(this.screenshotBtn.element) : this.cameraControls.element.appendChild(this.screenshotBtn.element));
+	}
+}, Mn = class {
+	attributes;
+	readyStateTracker;
+	messenger;
+	cameraApi;
+	cameraPositionApi;
+	snapshotApi;
+	annotationsApi;
+	eventBus;
+	ui;
+	qrModal;
+	options;
+	iframe;
+	container;
+	readyCallbacks = [];
+	mutationFailedCallbacks = [];
+	constructor(e) {
+		this.options = e, this.initializeLogging(), this.messenger = new ge(() => this.iframe?.contentWindow ?? null);
+		let t = (e) => {
+			this.messenger.send(e);
+		};
+		this.attributes = new ye(t, (e, t) => {
+			for (let n of this.mutationFailedCallbacks) n({
+				attribute: e,
+				value: t
+			});
+		}), this.snapshotApi = new Ce(t), this.annotationsApi = new S(t), this.cameraApi = new be(t), this.cameraPositionApi = new xe(), this.eventBus = new we(), this.qrModal = new cn(), this.readyStateTracker = new ie(() => {
+			let e = this.readyCallbacks;
+			this.readyCallbacks = [];
+			for (let t of e) t(this);
+			this.ui.onReady();
+		}), this.ui = new jn({
+			snapshotApi: this.snapshotApi,
+			cameraApi: this.cameraApi,
+			cameraPositionApi: this.cameraPositionApi,
+			eventBus: this.eventBus,
+			onSelect: (e, t) => this.attributes.select(e, t),
+			onSubscribe: (e, t) => this.attributes.onChange(e, t),
+			onAr: () => {
+				this.activateAr();
+			}
+		}), this.registerHandlers(), this.messenger.start(), this.createAndConnectIframe();
+	}
+	registerHandlers() {
+		this.messenger.on(b.HANDSHAKE, (e) => {
+			se(e) && (y.info("Server handshake received, flushing publisher queue"), this.messenger.markReady());
+		}), this.messenger.on(b.MUTATION, (e) => {
+			ce(e) && this.attributes.handleMutationResult(e);
+		}), this.messenger.on(b.SNAPSHOT, (e) => {
+			le(e) && this.snapshotApi.handleSnapshotResult(e);
+		}), this.messenger.on(b.CAMERA, (e) => {
+			ue(e) && this.cameraPositionApi.handlePositionUpdate(e);
+		}), this.messenger.on(b.LOADING_INDICATOR, (e) => {
+			fe(e) && (e.error === void 0 ? this.ui.updateProgress(e.progress, e.phase) : this.ui.showError(e.error));
+		}), this.messenger.on(b.CONFIG, (e) => {
+			pe(e) && this.handleConfig(e);
+		}), this.messenger.on(b.ANNOTATION_PLACED, (e) => {
+			me(e) && this.annotationsApi.handlePlaced(e.position);
+		}), this.messenger.on(b.MAPPING, (e) => {
+			de(e) && (this.attributes.handleMappingReceived(e), this.ui.renderAttributeControls(this.attributes, e.attributes), this.readyStateTracker.handleMappingReceived());
+		});
+	}
+	handleConfig(e) {
+		let t = e.viewerSettings, n = this.options.viewerSettings;
+		if (t !== void 0 || n !== void 0) {
+			let e = n === void 0 ? t : {
+				...t ?? {},
+				...n
+			};
+			if (n !== void 0 && t !== void 0) {
+				let e = Object.entries(n).filter(([e, n]) => t[e] !== n).map(([e, n]) => `${e} (metadata: ${t[e] ?? "undefined"}, override: ${n})`);
+				e.length > 0 && y.warn(`Viewer settings override active: ${e.join(", ")}`);
+			}
+			this.ui.applyViewerSettings(e), this.annotationsApi.setEnabled(e.annotations !== !1);
+		}
+		this.cameraPositionApi.applyLimits(e.cameraLimits);
+	}
+	activateAr() {
+		if (h()) {
+			this.messenger.send({ type: b.AR_ACTIVATE });
+			return;
+		}
+		this.qrModal.show(this.iframe?.src ?? "");
+	}
+	initializeLogging() {
+		this.options.debug === !0 && ne(), y.info("Initializing Virtualdisplay client", { model: this.options.model });
+	}
+	createAndConnectIframe() {
+		let e = new r(this.options).create();
+		this.container = e.container, this.iframe = e.iframe, this.eventBus.attach(this.container), this.ui.attach(this.container);
+		try {
+			let e = new URL(this.iframe.src).origin;
+			this.messenger.setTargetOrigin(e);
+		} catch {}
+	}
+	select(e, t) {
+		this.attributes.select(e, t);
+	}
+	getValues(e) {
+		return this.attributes.getValues(e);
+	}
+	getValue(e, t) {
+		return this.attributes.getValue(e, t);
+	}
+	onChange(e, t) {
+		this.attributes.onChange(e, t);
+	}
+	getAttribute(e) {
+		return this.attributes.getAttribute(e);
+	}
+	get isReady() {
+		return this.readyStateTracker.isReady;
+	}
+	onReady(e) {
+		if (this.readyStateTracker.isReady) {
+			e(this);
+			return;
+		}
+		this.readyCallbacks.push(e);
+	}
+	onMutationFailed(e) {
+		this.mutationFailedCallbacks.push(e);
+	}
+	on(e, t) {
+		this.eventBus.on(e, t);
+	}
+	get annotations() {
+		return this.annotationsApi;
+	}
+	get camera() {
+		return this.cameraApi;
+	}
+	get cameraPosition() {
+		return this.cameraPositionApi;
+	}
+	get snapshot() {
+		return this.snapshotApi;
+	}
+	get viewerSettings() {
+		return this.ui.viewerSettings;
+	}
+	destroy() {
+		this.readyStateTracker.clear(), this.readyCallbacks = [], this.messenger.destroy(), this.qrModal.hide(), this.ui.destroy(), this.container?.parentElement !== null && this.container?.parentElement !== void 0 && this.container.parentElement.removeChild(this.container), this.container = void 0, this.iframe = void 0;
+	}
+};
+//#endregion
+export { S as Annotations, _e as Attribute, C as AttributeValue, be as Camera, t as ERROR_CODES, Se as Photo, Ce as Snapshot, Mn as VirtualdisplayClient, n as VirtualdisplayError, ne as enableDebugMode, re as isDebugMode, y as logger };