@realsee/five 6.8.0-alpha.16 → 6.8.0-alpha.18

package/vue/index.mjs

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five
- * Generated: 3/12/2026
- * Version: 6.8.0-alpha.16
+ * Generated: 3/17/2026
+ * Version: 6.8.0-alpha.18
  * Terms:
  * Realsee SDK License Agreement
  * Update: July 28, 2021
@@ -252,331 +252,339 @@
  * No amendment to or modification of this Agreement will be binding unless in 
  * writing and signed by Realsee. You and Realsee hereto confirm that this 
  * Agreement and all related documents shall be drafted in English.
-*/import { inject as _, defineComponent as P, toRef as R, ref as s, watch as w, h as O, toRefs as B, onBeforeUnmount as l, provide as D, shallowReadonly as I, readonly as V, reactive as U, shallowRef as p, isRef as m } from "vue";
-import { getViewportScale as G, Five as H } from "@realsee/five";
-import * as d from "three";
-var h = function() {
-  return h = Object.assign || function(r) {
-    for (var n, o = 1, t = arguments.length; o < t; o++) {
-      n = arguments[o];
-      for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && (r[i] = n[i]);
-    }
-    return r;
-  }, h.apply(this, arguments);
-};
-var A = !1;
-function N(e) {
-  A = e;
+*/import { defineComponent as e, h as t, inject as n, isRef as r, onBeforeUnmount as i, provide as a, reactive as o, readonly as s, ref as c, shallowReadonly as l, shallowRef as u, toRef as d, toRefs as f, watch as p } from "vue";
+import { Five as m, getViewportScale as h } from "@realsee/five";
+import * as g from "three";
+//#region build/vue/context.js
+var _ = !1;
+function v(e) {
+	_ = e;
 }
-var L = Symbol();
-function v() {
-  var e = _(L);
-  if (!e)
-    throw new Error("Inject five error!");
-  return e;
+var y = Symbol();
+function b() {
+	let e = n(y);
+	if (!e) throw Error("Inject five error!");
+	return e;
 }
-var q = {
-  display: "inline-block",
-  overflow: "hidden"
-}, X = P({
-  props: {
-    width: {
-      type: Number,
-      required: !0
-    },
-    height: {
-      type: Number,
-      required: !0
-    }
-  },
-  setup: function(e) {
-    var r = R(e, "width"), n = R(e, "height"), o = v(), t = s(null);
-    return w([r, n, t], function() {
-      if (o.renderer && t.value) {
-        if (o.renderer.domElement.parentNode !== null && o.renderer.domElement.parentNode !== t.value)
-          throw new Error("There are more than 2 fiveCanvas in this context.");
-        o.renderer.domElement.parentNode !== t.value && t.value.appendChild(o.renderer.domElement), o.camera.aspect = r.value / n.value, o.camera.updateProjectionMatrix(), o.renderer.setSize(r.value, n.value), o.refresh({ width: r.value, height: n.value }), o.needsRender = !0;
-      }
-    }), function() {
-      return O("div", {
-        id: "five",
-        style: h({ width: "".concat(r.value, "px"), height: "".concat(n.value, "px") }, q),
-        ref: t
-      });
-    };
-  }
-}), b = [], C = [];
-function T(e) {
-  var r = e === void 0 ? {} : e, n = r.backgroundColor, o = n === void 0 ? 1579548 : n, t = r.backgroundAlpha, i = t === void 0 ? 1 : t, a = r.preserveDrawingBuffer, f = a === void 0 ? !0 : a, u = r.pixelRatio, g = u === void 0 ? 1 : u, y = r.webgl2, S = y === void 0 ? !1 : y;
-  if (typeof window != "undefined") {
-    var c = null;
-    if (S ? c = b.shift() : c = C.shift(), !c) {
-      if (S) {
-        var k = document.createElement("canvas"), F = k.getContext("webgl2");
-        F ? c = new d.WebGLRenderer({ preserveDrawingBuffer: f, antialias: !0, alpha: !0, stencil: !0, canvas: k, context: F }) : (console.error("error occurred when getting webgl2 canvas context, mybe webgl2 not support, fallback to webgl."), c = new d.WebGLRenderer({ preserveDrawingBuffer: f, antialias: !1, alpha: !0, stencil: !0 }));
-      } else
-        c = new d.WebGLRenderer({ preserveDrawingBuffer: f, antialias: !1, alpha: !0, stencil: !0 });
-      c.outputEncoding = d.sRGBEncoding;
-    }
-    return c.setPixelRatio(g), c.setClearColor(o, i), c.autoClear = !0, c;
-  }
+//#endregion
+//#region build/vue/hooks/FiveCanvas.js
+var x = {
+	display: "inline-block",
+	overflow: "hidden"
+}, S = e({
+	props: {
+		width: {
+			type: Number,
+			required: !0
+		},
+		height: {
+			type: Number,
+			required: !0
+		}
+	},
+	setup(e) {
+		let n = d(e, "width"), r = d(e, "height"), i = b(), a = c(null);
+		return p([
+			n,
+			r,
+			a
+		], () => {
+			if (i.renderer && a.value) {
+				if (i.renderer.domElement.parentNode !== null && i.renderer.domElement.parentNode !== a.value) throw Error("There are more than 2 fiveCanvas in this context.");
+				i.renderer.domElement.parentNode !== a.value && a.value.appendChild(i.renderer.domElement), i.camera.aspect = n.value / r.value, i.camera.updateProjectionMatrix(), i.renderer.setSize(n.value, r.value), i.refresh({
+					width: n.value,
+					height: r.value
+				}), i.needsRender = !0;
+			}
+		}), () => t("div", {
+			id: "five",
+			style: Object.assign({
+				width: `${n.value}px`,
+				height: `${r.value}px`
+			}, x),
+			ref: a
+		});
+	}
+}), C = [], w = [];
+function T({ backgroundColor: e = 1579548, backgroundAlpha: t = 1, preserveDrawingBuffer: n = !0, pixelRatio: r = 1, webgl2: i = !1 } = {}) {
+	if (typeof window > "u") return;
+	let a = null;
+	if (a = i ? C.shift() : w.shift(), !a) {
+		if (i) {
+			let e = document.createElement("canvas"), t = e.getContext("webgl2");
+			t ? a = new g.WebGLRenderer({
+				preserveDrawingBuffer: n,
+				antialias: !0,
+				alpha: !0,
+				stencil: !0,
+				canvas: e,
+				context: t
+			}) : (console.error("error occurred when getting webgl2 canvas context, mybe webgl2 not support, fallback to webgl."), a = new g.WebGLRenderer({
+				preserveDrawingBuffer: n,
+				antialias: !1,
+				alpha: !0,
+				stencil: !0
+			}));
+		} else a = new g.WebGLRenderer({
+			preserveDrawingBuffer: n,
+			antialias: !1,
+			alpha: !0,
+			stencil: !0
+		});
+		a.outputEncoding = g.sRGBEncoding;
+	}
+	return a.setPixelRatio(r), a.setClearColor(e, t), a.autoClear = !0, a;
 }
-function $(e) {
-  if (e) {
-    var r = e.capabilities.isWebGL2;
-    r ? C.indexOf(e) === -1 && C.push(e) : b.indexOf(e) === -1 && b.push(e);
-  }
+function E(e) {
+	e && (e.capabilities.isWebGL2 ? w.indexOf(e) === -1 && w.push(e) : C.indexOf(e) === -1 && C.push(e));
 }
-function z(e, r) {
-  var n = Array.isArray(e) ? e : [e], o = Array.isArray(r) ? r : [r];
-  if (n.length !== o.length)
-    return !1;
-  for (var t = 0; t < n.length; t++)
-    if (n[t] !== o[t])
-      return !1;
-  return !0;
+//#endregion
+//#region build/vue/hooks/FiveProvider.js
+function D(e, t) {
+	let n = Array.isArray(e) ? e : [e], r = Array.isArray(t) ? t : [t];
+	if (n.length !== r.length) return !1;
+	for (let e = 0; e < n.length; e++) if (n[e] !== r[e]) return !1;
+	return !0;
 }
-var Y = P({
-  props: {
-    works: Object,
-    initialWorks: Object,
-    initialState: Object,
-    initialUserAction: Boolean,
-    onWorksChange: Function,
-    onStateChange: Function,
-    onCurrentStateChange: Function,
-    onError: Function,
-    fiveInitArgs: {
-      type: Object,
-      default: function() {
-        return {};
-      }
-    },
-    style: Object
-  },
-  setup: function(e) {
-    var r, n = B(e).works, o = G(), t = o === 1 ? window.devicePixelRatio : 1, i = T({ pixelRatio: t }), a = new H(h({ renderer: i }, e.fiveInitArgs)), f = e.works || e.initialWorks;
-    return f && a.load(f, e.initialState, void 0, (r = e.initialUserAction) !== null && r !== void 0 ? r : !0), N(!!e.works), n && w(n, function(u, g) {
-      u && !z(u, a.works) && a.load(u, e.initialState);
-    }), l(function() {
-      a && (a.dispose(), $(a.renderer));
-    }), a.on("load", function() {
-      e.onWorksChange && a.works && e.onWorksChange(a == null ? void 0 : a.works);
-    }), a.on("stateChange", function(u, g) {
-      e.onStateChange && e.onStateChange(u, g);
-    }), a.on("currentStateChange", function(u, g) {
-      e.onCurrentStateChange && e.onCurrentStateChange(u, g);
-    }), a.on("error", function(u) {
-      e.onError ? e.onError(u) : console.warn(u.message);
-    }), D(L, a), {
-      five: I(a)
-    };
-  },
-  render: function() {
-    return O("div", { style: this.$props.style }, this.$slots);
-  }
+var O = e({
+	props: {
+		works: Object,
+		initialWorks: Object,
+		initialState: Object,
+		initialUserAction: Boolean,
+		onWorksChange: Function,
+		onStateChange: Function,
+		onCurrentStateChange: Function,
+		onError: Function,
+		fiveInitArgs: {
+			type: Object,
+			default: () => ({})
+		},
+		style: Object
+	},
+	setup(e) {
+		var t;
+		let { works: n } = f(e), r = T({ pixelRatio: h() === 1 ? window.devicePixelRatio : 1 }), o = new m(Object.assign({ renderer: r }, e.fiveInitArgs)), s = e.works || e.initialWorks;
+		return s && o.load(s, e.initialState, void 0, (t = e.initialUserAction) == null ? !0 : t), v(!!e.works), n && p(n, (t, n) => {
+			t && !D(t, o.works) && o.load(t, e.initialState);
+		}), i(() => {
+			o && (o.dispose(), E(o.renderer));
+		}), o.on("load", () => {
+			e.onWorksChange && o.works && e.onWorksChange(o == null ? void 0 : o.works);
+		}), o.on("stateChange", (t, n) => {
+			e.onStateChange && e.onStateChange(t, n);
+		}), o.on("currentStateChange", (t, n) => {
+			e.onCurrentStateChange && e.onCurrentStateChange(t, n);
+		}), o.on("error", (t) => {
+			e.onError ? e.onError(t) : console.warn(t.message);
+		}), a(y, o), { five: l(o) };
+	},
+	render() {
+		return t("div", { style: this.$props.style }, this.$slots);
+	}
 });
-function Z() {
-  var e = v(), r = s(e.works), n = V(r), o = function(i, a, f, u) {
-    if (A)
-      throw new Error("props 'work' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");
-    return e.load(i, a, f, u);
-  }, t = e.on("load", function() {
-    r.value = e.works;
-  });
-  return l(function() {
-    t();
-  }), [n, o];
+//#endregion
+//#region build/vue/hooks/useFiveWork.js
+function k() {
+	let e = b(), t = c(e.works), n = s(t), r = (t, n, r, i) => {
+		if (_) throw Error("props 'work' is set in fiveProvider, if you need modify work internal, use 'initialWork' instead.");
+		return e.load(t, n, r, i);
+	}, a = e.on("load", () => {
+		t.value = e.works;
+	});
+	return i(() => {
+		a();
+	}), [n, r];
 }
-function ee() {
-  var e = v(), r = s(h({}, e.state)), n = e.on("stateChange", function(t) {
-    Object.assign(r.value, h({}, t));
-  });
-  l(function() {
-    n();
-  });
-  var o = function(t, i, a) {
-    i === void 0 && (i = !1), a === void 0 && (a = !0);
-    var f = typeof t == "function" ? t(e.getCurrentState()) : t;
-    e.setState(f, i, a);
-  };
-  return [r, o];
+//#endregion
+//#region build/vue/hooks/useFiveState.js
+function A() {
+	let e = b(), t = c(Object.assign({}, e.state)), n = e.on("stateChange", (e) => {
+		Object.assign(t.value, Object.assign({}, e));
+	});
+	return i(() => {
+		n();
+	}), [t, (t, n = !1, r = !0) => {
+		let i = typeof t == "function" ? t(e.getCurrentState()) : t;
+		e.setState(i, n, r);
+	}];
 }
-function re() {
-  var e = v(), r = s(e.getCurrentState()), n = e.on("currentStateChange", function() {
-    Object.assign(r.value, e.getCurrentState());
-  });
-  l(function() {
-    n();
-  });
-  var o = function(t, i, a) {
-    var f = typeof t == "function" ? t(e.getCurrentState()) : t;
-    e.setState(f, i, a);
-  };
-  return [r, o];
+//#endregion
+//#region build/vue/hooks/useFiveCurrentState.js
+function j() {
+	let e = b(), t = c(e.getCurrentState()), n = e.on("currentStateChange", () => {
+		Object.assign(t.value, e.getCurrentState());
+	});
+	return i(() => {
+		n();
+	}), [t, (t, n, r) => {
+		let i = typeof t == "function" ? t(e.getCurrentState()) : t;
+		e.setState(i, n, r);
+	}];
 }
-function ne() {
-  var e = v(), r = U(e.getCurrentState()), n = s(e.works.getObserver(e.pano)), o = e.on("currentStateChange", function() {
-    Object.assign(r, e.getCurrentState()), n.value = e.works.getObserver({
-      workCode: r.workCode,
-      panoIndex: r.panoIndex
-    });
-  });
-  return l(function() {
-    o();
-  }), n;
+//#endregion
+//#region build/vue/hooks/useFiveCurrentObserver.js
+function M() {
+	let e = b(), t = o(e.getCurrentState()), n = c(e.works.getObserver(e.pano)), r = e.on("currentStateChange", () => {
+		Object.assign(t, e.getCurrentState()), n.value = e.works.getObserver({
+			workCode: t.workCode,
+			panoIndex: t.panoIndex
+		});
+	});
+	return i(() => {
+		r();
+	}), n;
 }
-function te(e, r) {
-  var n = v(), o = n.on(e, r);
-  l(function() {
-    o();
-  });
+//#endregion
+//#region build/vue/hooks/useFiveEventCallback.js
+function N(e, t) {
+	let n = b().on(e, t);
+	i(() => {
+		n();
+	});
 }
-function oe() {
-  var e = v(), r = function(f, u) {
-    return e.updateCamera(f, u);
-  }, n = e.getPixels.bind(e), o = function(f) {
-    return e.render(f);
-  }, t = function() {
-    return e.needsRender = !0;
-  }, i = function(f, u) {
-    return e.preloadPano(f, u);
-  }, a = function(f, u) {
-    return u === void 0 && (u = !1), e.project2d(f, u);
-  };
-  return {
-    updateCamera: r,
-    getPixels: n,
-    render: o,
-    needsRender: t,
-    preloadPano: i,
-    project2d: a
-  };
+//#endregion
+//#region build/vue/hooks/useFiveAction.js
+function P() {
+	let e = b();
+	return {
+		updateCamera: (t, n) => e.updateCamera(t, n),
+		getPixels: e.getPixels.bind(e),
+		render: (t) => e.render(t),
+		needsRender: () => e.needsRender = !0,
+		preloadPano: (t, n) => e.preloadPano(t, n),
+		project2d: (t, n = !1) => e.project2d(t, n)
+	};
 }
-function K(e, r) {
-  r === void 0 && (r = !1);
-  var n = v(), o = s(Symbol()), t = p(e ? n.project2d(m(e) ? e.value : e, r) : null), i = n.on("cameraUpdate", function() {
-    o.value = Symbol();
-  });
-  return l(function() {
-    i();
-  }), w([o, e], function() {
-    t.value = n.project2d(m(e) ? e.value : e, r);
-  }), t;
+//#endregion
+//#region build/vue/hooks/useFiveProject2d.js
+function F(e, t = !1) {
+	let n = b(), a = c(Symbol()), o = u(e ? n.project2d(r(e) ? e.value : e, t) : null), s = n.on("cameraUpdate", () => {
+		a.value = Symbol();
+	});
+	return i(() => {
+		s();
+	}), p([a, e], () => {
+		o.value = n.project2d(r(e) ? e.value : e, t);
+	}), o;
 }
-function ae() {
-  return K;
+function I() {
+	return F;
 }
-function j(e) {
-  var r = e.camera.getWorldDirection(new d.Vector3()), n = new d.Raycaster(e.camera.position, r);
-  return n;
+//#endregion
+//#region build/vue/hooks/useFiveCameraRaycaster.js
+function L(e) {
+	let t = e.camera.getWorldDirection(new g.Vector3());
+	return new g.Raycaster(e.camera.position, t);
 }
-function ie() {
-  var e = v(), r = p(j(e)), n = e.on("cameraUpdate", function() {
-    r.value = j(e);
-  });
-  return l(function() {
-    n();
-  }), r;
+function R() {
+	let e = b(), t = u(L(e)), n = e.on("cameraUpdate", () => {
+		t.value = L(e);
+	});
+	return i(() => {
+		n();
+	}), t;
 }
-function E(e) {
-  return e.camera.getWorldDirection(new d.Vector3());
+//#endregion
+//#region build/vue/hooks/useFiveCameraDirection.js
+function z(e) {
+	return e.camera.getWorldDirection(new g.Vector3());
 }
-function ue() {
-  var e = v(), r = p(E(e)), n = e.on("cameraUpdate", function() {
-    r.value = E(e);
-  });
-  return l(function() {
-    n();
-  }), r;
+function B() {
+	let e = b(), t = u(z(e)), n = e.on("cameraUpdate", () => {
+		t.value = z(e);
+	});
+	return i(() => {
+		n();
+	}), t;
 }
-function M(e) {
-  var r = v(), n = p([]);
-  return w(e, function() {
-    n.value = r.model.intersectRaycaster(m(e) ? e.value : e);
-  }), n;
+//#endregion
+//#region build/vue/hooks/useFiveModelIntersectRaycaster.js
+function V(e) {
+	let t = b(), n = u([]);
+	return p(e, () => {
+		n.value = t.model.intersectRaycaster(r(e) ? e.value : e);
+	}), n;
 }
-function fe() {
-  return M;
+function H() {
+	return V;
 }
-function x(e) {
-  return e.model.empty ? "Empty" : "Loaded";
+//#endregion
+//#region build/vue/hooks/useFiveModelReadyState.js
+function U(e) {
+	return e.model.empty ? "Empty" : "Loaded";
 }
-function ve() {
-  var e = v(), r = s(x(e)), n = e.on("modelLoaded", function() {
-    r.value = x(e);
-  });
-  return l(function() {
-    n();
-  }), r;
+function W() {
+	let e = b(), t = c(U(e)), n = e.on("modelLoaded", () => {
+		t.value = U(e);
+	});
+	return i(() => {
+		n();
+	}), t;
 }
-function le() {
-  var e = v(), r = s(e.model.shownFloor), n = s(e.model.floorLength), o = function(i) {
-    typeof i == "number" ? e.model.show(i) : e.model.show();
-  }, t = [];
-  return t.push(e.on("modelShownFloorChange", function() {
-    r.value = e.model.shownFloor;
-  })), t.push(e.on("modelLoaded", function() {
-    n.value = e.model.floorLength;
-  })), l(function() {
-    for (var i; i = t.shift(); )
-      i();
-  }), [r, n, o];
+//#endregion
+//#region build/vue/hooks/useFiveFloor.js
+function G() {
+	let e = b(), t = c(e.model.shownFloor), n = c(e.model.floorLength), r = (t) => {
+		typeof t == "number" ? e.model.show(t) : e.model.show();
+	}, a = [];
+	return a.push(e.on("modelShownFloorChange", () => {
+		t.value = e.model.shownFloor;
+	})), a.push(e.on("modelLoaded", () => {
+		n.value = e.model.floorLength;
+	})), i(() => {
+		let e;
+		for (; e = a.shift();) e();
+	}), [
+		t,
+		n,
+		r
+	];
 }
-function ce() {
-  var e = v(), r = s(e.helperVisible), n = function(t) {
-    e.helperVisible = t;
-  }, o = e.on("helpersVisibleChange", function(t) {
-    r.value = t;
-  });
-  return l(function() {
-    o();
-  }), [r, n];
+//#endregion
+//#region build/vue/hooks/useFiveHelper.js
+function K() {
+	let e = b(), t = c(e.helperVisible), n = (t) => {
+		e.helperVisible = t;
+	}, r = e.on("helpersVisibleChange", (e) => {
+		t.value = e;
+	});
+	return i(() => {
+		r();
+	}), [t, n];
 }
-function se() {
-  return v();
+//#endregion
+//#region build/vue/hooks/unsafe__useFiveInject.js
+function q() {
+	return b();
 }
-function W(e) {
-  return e.model.bounding.clone();
+//#endregion
+//#region build/vue/hooks/useFiveModelBounding.js
+function J(e) {
+	return e.model.bounding.clone();
 }
-function de() {
-  var e = v(), r = p(W(e)), n = e.on("modelLoaded", function() {
-    r.value = W(e);
-  });
-  return l(function() {
-    n();
-  }), r;
+function Y() {
+	let e = b(), t = u(J(e)), n = e.on("modelLoaded", () => {
+		t.value = J(e);
+	});
+	return i(() => {
+		n();
+	}), t;
 }
-function ge() {
-  var e = v();
-  return e.scene;
+//#endregion
+//#region build/vue/hooks/useFiveScene.js
+function X() {
+	return b().scene;
 }
-function he() {
-  var e = v(), r = p(e.model), n = e.on("modelLoaded", function() {
-    r.value = e.model;
-  });
-  return l(function() {
-    n();
-  }), r;
+//#endregion
+//#region build/vue/hooks/useFiveModel.js
+function Z() {
+	let e = b(), t = u(e.model), n = e.on("modelLoaded", () => {
+		t.value = e.model;
+	});
+	return i(() => {
+		n();
+	}), t;
 }
-export {
-  X as FiveCanvas,
-  Y as FiveProvider,
-  se as unsafe__useFiveInject,
-  oe as useFiveAction,
-  ue as useFiveCameraDirection,
-  ie as useFiveCameraRaycaster,
-  ne as useFiveCurrentObserver,
-  re as useFiveCurrentState,
-  te as useFiveEventCallback,
-  le as useFiveFloor,
-  ce as useFiveHelper,
-  he as useFiveModel,
-  de as useFiveModelBounding,
-  fe as useFiveModelIntersectRaycaster,
-  ve as useFiveModelReadyState,
-  ae as useFiveProject2d,
-  ge as useFiveScene,
-  ee as useFiveState,
-  Z as useFiveWorks
-};
+//#endregion
+export { S as FiveCanvas, O as FiveProvider, q as unsafe__useFiveInject, P as useFiveAction, B as useFiveCameraDirection, R as useFiveCameraRaycaster, M as useFiveCurrentObserver, j as useFiveCurrentState, N as useFiveEventCallback, G as useFiveFloor, K as useFiveHelper, Z as useFiveModel, Y as useFiveModelBounding, H as useFiveModelIntersectRaycaster, W as useFiveModelReadyState, I as useFiveProject2d, X as useFiveScene, A as useFiveState, k as useFiveWorks };