@realsee/dnalogel 3.81.13 → 4.0.0-webgpu.3

package/dist/internal/Work-DF8j5GnL.js

@@ -0,0 +1,1637 @@
+import { r as e, t } from "./rolldown-runtime-B0aSnxlc.js";
+import { n } from "./loadTexture-CJ3EbTXw.js";
+import { t as r } from "./transformPosition-Cc92Wf0o.js";
+import { t as i } from "./Subscribe-DLlAl88n.js";
+import { t as a } from "./fiveModelLoad-mg-TnpnM.js";
+import { i as o } from "./util-vGeVT4oo.js";
+import { a as s, i as c, t as l } from "./blink-DD_0mH-m.js";
+import { t as u } from "./vectorToCoordinate-DIOgfeEi.js";
+import { n as d } from "./isNil-CQNA0Sbe.js";
+import { t as f } from "./uuid-BfVaI9vM.js";
+import { a as p, o as m } from "./defaultUrls-CjKkS9k9.js";
+import { i as h, r as g, t as _ } from "./changeMode-BVGYCoqu.js";
+import { t as v } from "./BetterTween-BX0aTvP1.js";
+import { t as y } from "./equal-BiDAilPV.js";
+import { t as b } from "./controller-BWkZT0l1.js";
+import { t as x } from "./BasePlugin-CT5K8m36.js";
+import { t as S } from "./BasePluginWithData-9z4tpAT4.js";
+import { C, G as w, J as T, K as E, M as D, P as O, Q as k, R as ee, U as A, W as te, X as j, Y as M, it as ne, j as N, n as P, o as re, ot as ie, p as F, rt as ae, st as I, t as L, z as R } from "./component.svelte-D5LYqt50.js";
+import { i as z, n as oe, r as se, t as ce } from "./fontSize-DMhRSrtx.js";
+import { n as le } from "./safeObj-ic96Cf8D.js";
+import { t as ue } from "./sleep-1GNCncUi.js";
+import * as B from "three/webgpu";
+import { Vector3 as V } from "three/webgpu";
+//#region src/GuideLinePlugin/utils/GuideLineMaterial.ts
+var de = class extends B.MeshBasicNodeMaterial {
+	mapNode;
+	useMapColor = B.TSL.uniform(0);
+	mapColor = B.TSL.uniform(new B.Color());
+	mapOpacity = B.TSL.uniform(1);
+	backgroundColor = B.TSL.uniform(new B.Color());
+	backgroundOpacity = B.TSL.uniform(0);
+	borderColor = B.TSL.uniform(new B.Color());
+	borderOpacity = B.TSL.uniform(0);
+	backgroundClip = B.TSL.uniform(0);
+	borderWidth = B.TSL.uniform(.05);
+	flickerValue = B.TSL.uniform(1);
+	maxV = B.TSL.uniform(0);
+	vOffset = B.TSL.uniform(0);
+	constructor() {
+		super({ transparent: !0 });
+		let e = B.TSL.uv(), t = B.TSL.texture(new B.Texture(), B.TSL.vec2(e.x, e.y.sub(this.vOffset)));
+		this.mapNode = t;
+		let n = B.TSL.select(this.useMapColor.greaterThan(.5), B.TSL.mix(t.rgb, this.mapColor, t.a), t.rgb), r = t.a.mul(this.mapOpacity), i = e.x.greaterThan(this.borderWidth).and(e.x.lessThan(B.TSL.float(1).sub(this.borderWidth))), a = e.x.lessThanEqual(this.borderWidth).or(e.x.greaterThanEqual(B.TSL.float(1).sub(this.borderWidth))), o = B.TSL.select(this.backgroundClip.lessThan(.5), this.backgroundOpacity, B.TSL.select(i, this.backgroundOpacity, 0)), s = B.TSL.select(a, this.borderOpacity, 0), c = r.mul(.4).add(.6), l = B.TSL.mix(this.backgroundColor, n, r), u = B.TSL.mix(o, c, r), d = B.TSL.mix(l, this.borderColor, s), f = B.TSL.mix(u, s, s), p = B.TSL.select(e.y.lessThanEqual(1), e.y, B.TSL.select(e.y.lessThanEqual(this.maxV.sub(1)), 1, this.maxV.sub(e.y)));
+		this.colorNode = B.TSL.vec4(d, f.mul(p).mul(this.flickerValue));
+	}
+};
+//#endregion
+//#region src/shared-utils/log.ts
+function H(e, t) {
+	console.warn(`🚫 ==> [${e}]: ${t}`);
+}
+//#endregion
+//#region ../node_modules/gl-vec2/add.js
+var fe = /* @__PURE__ */ t(((e, t) => {
+	t.exports = n;
+	function n(e, t, n) {
+		return e[0] = t[0] + n[0], e[1] = t[1] + n[1], e;
+	}
+})), pe = /* @__PURE__ */ t(((e, t) => {
+	t.exports = n;
+	function n(e, t, n) {
+		return e[0] = t, e[1] = n, e;
+	}
+})), me = /* @__PURE__ */ t(((e, t) => {
+	t.exports = n;
+	function n(e, t) {
+		var n = t[0], r = t[1], i = n * n + r * r;
+		return i > 0 && (i = 1 / Math.sqrt(i), e[0] = t[0] * i, e[1] = t[1] * i), e;
+	}
+})), he = /* @__PURE__ */ t(((e, t) => {
+	t.exports = n;
+	function n(e, t, n) {
+		return e[0] = t[0] - n[0], e[1] = t[1] - n[1], e;
+	}
+})), ge = /* @__PURE__ */ t(((e, t) => {
+	t.exports = n;
+	function n(e, t) {
+		return e[0] * t[0] + e[1] * t[1];
+	}
+})), _e = /* @__PURE__ */ t(((e, t) => {
+	var n = fe(), r = pe(), i = me(), a = he(), o = ge(), s = [0, 0];
+	t.exports.computeMiter = function(e, t, a, c, l) {
+		return n(e, a, c), i(e, e), r(t, -e[1], e[0]), r(s, -a[1], a[0]), l / o(t, s);
+	}, t.exports.normal = function(e, t) {
+		return r(e, -t[1], t[0]), e;
+	}, t.exports.direction = function(e, t, n) {
+		return a(e, t, n), i(e, e), e;
+	};
+})), ve = /* @__PURE__ */ t(((e, t) => {
+	var n = _e(), r = [0, 0], i = [0, 0], a = [0, 0], o = [0, 0];
+	t.exports = function(e, t) {
+		var c = null, l = [];
+		t && (e = e.slice(), e.push(e[0]));
+		for (var u = e.length, d = 1; d < u; d++) {
+			var f = e[d - 1], p = e[d], m = d < e.length - 1 ? e[d + 1] : null;
+			n.direction(r, p, f), c || (c = [0, 0], n.normal(c, r)), d === 1 && s(l, c, 1), m ? (n.direction(i, m, p), s(l, o, n.computeMiter(a, o, r, i, 1))) : (n.normal(c, r), s(l, c, 1));
+		}
+		if (e.length > 2 && t) {
+			var h = e[u - 2], g = e[0], _ = e[1];
+			n.direction(r, g, h), n.direction(i, _, g), n.normal(c, r);
+			var v = n.computeMiter(a, o, r, i, 1);
+			l[0][0] = o.slice(), l[u - 1][0] = o.slice(), l[0][1] = v, l[u - 1][1] = v, l.pop();
+		}
+		return l;
+	};
+	function s(e, t, n) {
+		e.push([[t[0], t[1]], n]);
+	}
+}));
+//#endregion
+//#region src/shared-utils/math/intersecting.ts
+function U(e, t) {
+	let n = e[0], r = e[1], i = t[0], a = t[1];
+	var o = (a.x - i.x) * (n.y - i.y) - (a.y - i.y) * (n.x - i.x), s = (r.x - n.x) * (n.y - i.y) - (r.y - n.y) * (n.x - i.x), c = (a.y - i.y) * (r.x - n.x) - (a.x - i.x) * (r.y - n.y);
+	if (c !== 0) {
+		var l = o / c, u = s / c;
+		if (0 <= l && l <= 1 && 0 <= u && u <= 1) return !0;
+	}
+	return !1;
+}
+function ye(e, t) {
+	for (let n = 0; n < e.length - 1; n++) for (let r = 0; r < t.length - 1; r++) if (U([e[n], e[n + 1]], [t[r], t[r + 1]])) return {
+		x: (e[n].x + e[n + 1].x) / 2,
+		y: (e[n].y + e[n + 1].y) / 2,
+		line1RelativeIndex: n,
+		line2RelativeIndex: r
+	};
+}
+//#endregion
+//#region src/GuideLinePlugin/utils/createLineGeometry.ts
+var be = /* @__PURE__ */ e(ve(), 1), xe = 2, Se = 3, Ce = 3, we = 2;
+function Te(e) {
+	let t = e.width, n = e.unitLength, r = t / 2, i = e.path;
+	if (i.length === 0) return {
+		geometry: new B.BufferGeometry(),
+		maxV: 0,
+		curvePath: null,
+		curvePoints: null
+	};
+	let a = new B.CurvePath();
+	i.forEach((e) => {
+		let t = Ee(e);
+		t && a.add(t);
+	});
+	let o = Math.ceil(a.getLength() * 100);
+	a.arcLengthDivisions = o;
+	let s = a.getPoints(o), c = s.length;
+	if (c <= 2) return {
+		geometry: new B.BufferGeometry(),
+		maxV: 0,
+		curvePath: null,
+		curvePoints: null
+	};
+	let l = (0, be.default)(s.map((e) => [e.x, e.z])), u = (c - 1) * xe * Se, d = 2 * c, f = d * Ce, p = d * we, m = new Uint32Array(u), h = new Float32Array(f), g = new Float32Array(p), _ = 0, v = 0;
+	for (let t = 0; t < c; t++) {
+		let [i, a] = l[t][0], { x: o, y: u, z: d } = s[t], f = new V(o + i * r, u + .05, d + a * r);
+		h[t * 6 + 0] = f.x, h[t * 6 + 1] = f.y, h[t * 6 + 2] = f.z;
+		let p = new V(o - i * r, u + .05, d - a * r);
+		h[t * 6 + 3] = p.x, h[t * 6 + 4] = p.y, h[t * 6 + 5] = p.z, _ += t > 0 ? s[t - 1].clone().sub(s[t]).length() : 0;
+		let y = _ / n;
+		v = y, g[t * 4 + 0] = 0, g[t * 4 + 1] = y, g[t * 4 + 2] = 1, g[t * 4 + 3] = y;
+		let b = new B.Vector3().lerpVectors(f, p, .5);
+		e.skipPositions && e.skipPositions.some((e) => e.distanceTo(b) < .26) || t !== c - 1 && (m[t * 6 + 0] = t * 2 + 0, m[t * 6 + 1] = t * 2 + 2, m[t * 6 + 2] = t * 2 + 1, m[t * 6 + 3] = t * 2 + 2, m[t * 6 + 4] = t * 2 + 3, m[t * 6 + 5] = t * 2 + 1);
+	}
+	let y = [], b, x = [];
+	for (let e = 0; e < c - 1; e++) {
+		if (b !== void 0 && e <= b) continue;
+		let t = e + 1, r = {
+			x: h[e * 6 + 0],
+			y: h[e * 6 + 2]
+		}, i = {
+			x: h[e * 6 + 3],
+			y: h[e * 6 + 5]
+		}, a = {
+			x: h[t * 6 + 0],
+			y: h[t * 6 + 2]
+		}, o = {
+			x: h[t * 6 + 3],
+			y: h[t * 6 + 5]
+		}, s = U([r, i], [a, o]);
+		if (s && y.push(e), !s && y.length) {
+			y.push(e);
+			let t = new B.Vector2(r.x, r.y).distanceTo(new B.Vector2(a.x, a.y)), s = new B.Vector2(i.x, i.y).distanceTo(new B.Vector2(o.x, o.y)), l = [], u = [], d = Math.max(0, y[0] - n * 300), f = y[0];
+			for (let e = d; e < f; e++) t < s ? l.push({
+				x: h[e * 6 + 0],
+				y: h[e * 6 + 2]
+			}) : l.push({
+				x: h[e * 6 + 3],
+				y: h[e * 6 + 5]
+			});
+			let p = y[y.length - 1], m = Math.min(c - 1, y[y.length - 1] + n * 300);
+			for (let e = p; e < m; e++) t < s ? u.push({
+				x: h[e * 6 + 0],
+				y: h[e * 6 + 2]
+			}) : u.push({
+				x: h[e * 6 + 3],
+				y: h[e * 6 + 5]
+			});
+			let g = ye(l, u);
+			if (g) {
+				let { line1RelativeIndex: e, line2RelativeIndex: n, x: r, y: i } = g, a = d + e, o = p + n + 2;
+				for (let e = a; e < o; e++) t < s ? (h[e * 6 + 0] = r, h[e * 6 + 2] = i) : (h[e * 6 + 3] = r, h[e * 6 + 5] = i), b = e;
+				let c, l, u, f, _;
+				t < s ? (c = h[d * 6 + 1], l = h[a * 6 + 1], u = h[o * 6 + 1], f = h[m * 6 + 1], _ = (l + u) / 2) : (c = h[d * 6 + 4], l = h[a * 6 + 4], u = h[o * 6 + 4], f = h[m * 6 + 4], _ = (l + u) / 2);
+				for (let e = d; e < a; e++) {
+					let n = a - d, r = (e - d) / n;
+					t < s ? h[e * 6 + 1] = c + (_ - c) * r : h[e * 6 + 4] = c + (_ - c) * r;
+				}
+				for (let e = a; e < o; e++) t < s ? h[e * 6 + 1] = _ : h[e * 6 + 4] = _;
+				for (let e = o; e < m; e++) {
+					let n = m - o, r = (e - o + 1) / n;
+					t < s ? h[e * 6 + 1] = _ + (f - _) * r : h[e * 6 + 4] = _ + (f - _) * r;
+				}
+				x.push({
+					start: a,
+					end: o
+				});
+			}
+			y.length = 0;
+		}
+	}
+	let S = new Float32Array(d);
+	x.forEach((e) => {
+		for (let t = 0; t < c - 1; t++) t >= e.start && t <= e.end ? (S[t * 2 + 0] = 1, S[t * 2 + 1] = 1) : S[t] !== 1 && (S[t * 2 + 0] = 0, S[t * 2 + 1] = 0);
+	});
+	let C = new B.BufferGeometry();
+	return C.setAttribute("position", new B.BufferAttribute(h, 3)), C.setAttribute("uv", new B.BufferAttribute(g, 2)), C.setIndex(new B.BufferAttribute(m, 1)), {
+		geometry: C,
+		maxV: v,
+		animationWillError: x,
+		curvePath: a,
+		curvePoints: s
+	};
+}
+function Ee(e) {
+	if (De(e)) {
+		let t = e.points.map((e) => new B.Vector3().fromArray(e));
+		return new B.CatmullRomCurve3(t, e.closed ?? !1, e.curve_type ?? "centripetal", e.tension);
+	}
+}
+function De(e) {
+	return e.type === "CatmullRomCurve3";
+}
+//#endregion
+//#region src/GuideLinePlugin/Components/Tag.svelte
+var Oe = O("<div class=\"guide-line__tag-text svelte-1f6idwy\"> </div>"), ke = O("<span class=\"line-name svelte-1f6idwy\"> </span>"), Ae = O("<div class=\"text-with-distance svelte-1f6idwy\"><!> <div class=\"distance-and-name svelte-1f6idwy\"><span class=\"distance svelte-1f6idwy\"> </span> <span class=\"name svelte-1f6idwy\"> </span></div> <div class=\"border svelte-1f6idwy\"></div></div>"), je = O("<div class=\"guide-line__tag svelte-1f6idwy\"><div class=\"guide-line__tag-point svelte-1f6idwy\"></div> <div class=\"guide-line__tag-line svelte-1f6idwy\"></div> <div class=\"guide-line__tag-content svelte-1f6idwy\"><div class=\"guide-line__tag-icon svelte-1f6idwy\"></div> <!> <!></div></div>");
+function Me(e, t) {
+	ne(t, !1);
+	let n = j(), r = j(), i = j(), a = j(), o = j(), s = j(), c = j(), l = j(), u = P(t, "text", 8, ""), d = P(t, "icon_url", 8, ""), f = P(t, "distance", 8, ""), p = P(t, "opacity", 8, 1), m = P(t, "name", 8, ""), h = P(t, "fontSize", 8, "md");
+	A(() => ee(h()), () => {
+		k(n, ce[h()]);
+	}), A(() => R(n), () => {
+		k(r, z(R(n)?.name || 12));
+	}), A(() => R(n), () => {
+		k(i, R(n)?.padding?.guide || [8, 2]);
+	}), A(() => R(i), () => {
+		k(a, `${z(R(i)[1])} ${z(R(i)[0])}`);
+	}), A(() => R(n), () => {
+		k(o, R(n)?.padding?.distance || [4, 2]);
+	}), A(() => R(o), () => {
+		k(s, `${z(R(o)[1])} ${z(R(o)[0])}`);
+	}), A(() => R(n), () => {
+		k(c, R(n)?.lineHeight || 14);
+	}), A(() => R(c), () => {
+		k(l, z(R(c)));
+	}), te(), re();
+	var g = je();
+	let _;
+	var v = M(E(g), 4), y = E(v);
+	let b;
+	var x = M(y, 2), S = (e) => {
+		var t = Oe();
+		let n;
+		var i = T(t, !0);
+		w(() => {
+			n = F(t, "", n, {
+				"font-size": R(r),
+				padding: R(a),
+				"border-image-source": "url(data:image/png;base64,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)"
+			}), N(i, u());
+		}), D(e, t);
+	};
+	C(x, (e) => {
+		u() && !f() && e(S);
+	});
+	var O = M(x, 2), L = (e) => {
+		var t = Ae();
+		let n;
+		var i = E(t), a = (e) => {
+			var t = ke();
+			let n;
+			var i = T(t, !0);
+			w(() => {
+				n = F(t, "", n, {
+					"line-height": R(l),
+					"font-size": R(r)
+				}), N(i, m());
+			}), D(e, t);
+		};
+		C(i, (e) => {
+			m() && e(a);
+		});
+		var o = M(i, 2), c = E(o);
+		let d;
+		var p = T(c, !0), h = M(c, 2);
+		let g;
+		var _ = T(h, !0);
+		I(o), ie(2), I(t), w(() => {
+			n = F(t, "", n, { padding: R(s) }), d = F(c, "", d, {
+				"line-height": R(l),
+				"font-size": R(r)
+			}), N(p, f()), g = F(h, "", g, {
+				"line-height": R(l),
+				"font-size": R(r)
+			}), N(_, u());
+		}), D(e, t);
+	};
+	C(O, (e) => {
+		f() && e(L);
+	}), I(v), I(g), w(() => {
+		_ = F(g, "", _, { opacity: p() }), b = F(y, "", b, { "background-image": `url(${d()})` });
+	}), D(e, g), ae();
+}
+//#endregion
+//#region src/GuideLinePlugin/utils/index.ts
+function Ne(e) {
+	return e.length === 0 ? [] : e.filter((t, n) => t !== e[n - 1]);
+}
+//#endregion
+//#region src/GuideLinePlugin/utils/createPath.ts
+function W(e, t, n) {
+	if (e.length < 2) return [];
+	let i = [];
+	e.forEach((r, a) => {
+		let o = n?.route_standing_positions?.[r];
+		if (o ||= t.observers[r]?.standingPosition?.toArray(), !o) return;
+		let s = e[a - 1];
+		(n?.node_pair_to_route_points?.[`${s}:${r}`]?.slice() ?? n?.node_pair_to_route_points?.[`${r}:${s}`]?.slice().reverse())?.forEach((e) => {
+			i.push(e);
+		}), i.push(o);
+	});
+	let a = t.transform, o = i.map((e) => r(new B.Vector3().fromArray(e), a).toArray());
+	return [{
+		...n,
+		type: "CatmullRomCurve3",
+		points: o
+	}];
+}
+//#endregion
+//#region src/GuideLinePlugin/GuideLineModeItem.ts
+var G = /* @__PURE__ */ e(le(), 1), K = class {
+	get panoGroup() {
+		return this._panoGroup;
+	}
+	get visibleFloorIndexes() {
+		return this._visibleFloorIndexes;
+	}
+	get curvePath() {
+		return this._curvePath;
+	}
+	get curvePoints() {
+		return this._curvePoints;
+	}
+	name = "";
+	startTagContainer;
+	endTagContainer;
+	path = [];
+	geometryStyle = {};
+	materialStyle = {};
+	meshStyle = {};
+	group = new B.Group();
+	mesh;
+	visible = null;
+	startTagData = null;
+	endTagData = null;
+	five;
+	mode;
+	_curvePath = null;
+	_curvePoints = null;
+	_panoGroup = [];
+	skippedPositions = null;
+	textureUrl = "";
+	scale = 1;
+	width = .5;
+	unitLength = .5;
+	_visibleFloorIndexes = null;
+	modeVisible = !1;
+	floorVisible = !0;
+	defaultVisible = !1;
+	inWalkAnimation = !1;
+	customVisible = null;
+	parent;
+	plugin;
+	textureHasLoaded = !1;
+	disposed = !1;
+	flowAnime = new v({ progress: 0 }).to({ progress: 1 }).duration(1500).repeat(Infinity);
+	cacheLengths = [];
+	heightOffset = 0;
+	fontSizeManager = se();
+	currentFontSize = oe();
+	unsubscribeFontSize = null;
+	constructor(e, t) {
+		this.five = e, this.mode = t.mode, this.plugin = t.plugin, this.parent = t.parent, this.group.name = "GuideLineModeItem";
+		let n = new B.BufferGeometry();
+		n.setAttribute("position", new B.Float32BufferAttribute(/* @__PURE__ */ new Float32Array(9), 3)), n.setAttribute("uv", new B.Float32BufferAttribute(/* @__PURE__ */ new Float32Array(6), 2)), n.setDrawRange(0, 0);
+		let r = new de();
+		this.mesh = new B.Mesh(n, r), this.mesh.name = "GuideLineModeItem", this.group.add(this.mesh), this.mode === "panorama" && (this.parent.hooks.on("walkStart", this.onWalkAnimationStart), this.parent.hooks.on("walkEnded", this.onWalkAnimationEnd)), this.updateVisible(), this.onFiveModeChange(this.five.getCurrentState().mode), this.onFiveModelShownFloorChange(this.five.model?.shownFloor ?? null), this.flowAnime.onUpdate(this.onFlowAnimeUpdate), this.parent.hooks.on("show", this.updateVisible), this.parent.hooks.on("hide", this.updateVisible), this.plugin.hooks.on("show", this.updateVisible), this.plugin.hooks.on("hide", this.updateVisible), this.plugin.hooks.on("enable", this.updateVisible), this.plugin.hooks.on("disable", this.updateVisible), this.plugin.hooks.on("dispose", this.dispose), this.five.on("modeChange", this.onFiveModeChange), this.five.on("modelShownFloorChange", this.onFiveModelShownFloorChange), typeof this.fontSizeManager == "object" && "subscribe" in this.fontSizeManager && (this.unsubscribeFontSize = this.fontSizeManager.subscribe((e) => {
+			this.currentFontSize = e, this.updateTagFontSize();
+		})), this.five.needsRender = !0;
+	}
+	setCustomVisible(e) {
+		if (this.disposed) return this.logError("disposed");
+		this.customVisible !== e && (this.customVisible = e, this.updateVisible());
+	}
+	setDefaultVisible(e) {
+		if (this.disposed) return this.logError("disposed");
+		this.defaultVisible !== e && (this.defaultVisible = e, this.updateVisible());
+	}
+	dispose = () => {
+		this.disposed || (this.disposed = !0, this.parent.hooks.off("show", this.updateVisible), this.parent.hooks.off("hide", this.updateVisible), this.plugin.hooks.off("show", this.updateVisible), this.plugin.hooks.off("hide", this.updateVisible), this.plugin.hooks.off("enable", this.updateVisible), this.plugin.hooks.off("disable", this.updateVisible), this.five.off("modeChange", this.onFiveModeChange), this.five.off("modelShownFloorChange", this.onFiveModelShownFloorChange), this.unsubscribeFontSize?.(), this.doHide(), this.startTagContainer?.plugin.dispose(), this.endTagContainer?.plugin.dispose());
+	};
+	setUnitSize(e, t) {
+		if (this.disposed) return this.logError("disposed");
+		this.width = e, this.unitLength = t, this.setGeometryByPath(this.path, {
+			width: e,
+			unit_length: t
+		});
+	}
+	setScale(e) {
+		if (this.disposed) return this.logError("disposed");
+		this.scale = e, this.setGeometryByPath(this.path, { scale: e });
+	}
+	setGeometryByPanoGroup(e, t) {
+		if (this.disposed) return this.logError("disposed");
+		if (!this.five.work) return this.logError("setPathByPanoGroup: work is not ready");
+		let n = Ne(e);
+		if (this._panoGroup = n, t?.skipPanoGroup !== void 0) {
+			let e = t.skipPanoGroup ? n.map((e) => this.plugin.workUtil.getObserverStandingPosition(e)).filter(d) : null;
+			this.skippedPositions = e;
+		}
+		let r = this.five.getCurrentState(), i = this.plugin.workUtil.workCode || r.workCode, a = W(n, this.five.works.getWork(i), t);
+		this.path = a, this.setGeometryByPath(a, t);
+	}
+	setGeometryByPath(e, t) {
+		if (this.disposed) return this.logError("disposed");
+		let n = t?.scale ?? this.scale, r = t?.width ?? this.width, i = t?.unit_length ?? this.unitLength;
+		this.scale = n, this.width = r, this.unitLength = i;
+		let { geometry: a, maxV: o, curvePath: s, curvePoints: c } = Te({
+			path: e,
+			width: r * n,
+			unitLength: i * n,
+			skipPositions: this.skippedPositions
+		});
+		this._curvePath = s, this._curvePoints = c, this.mesh.geometry.copy(a), this.mesh.material.needsUpdate = !0, this.mesh.material.maxV.value = o, this.five.needsRender = !0, this.path = e, this.geometryStyle = {
+			...this.geometryStyle,
+			...t
+		};
+	}
+	setMartial(e) {
+		if (this.disposed) return this.logError("disposed");
+		this.setDefaultVisible(e?.visible ?? !1), this.setColor(e?.color ?? "#ffffff"), this.setOpacity(e?.opacity ?? .5);
+		let t = h(this.plugin.staticPrefix, p);
+		this.setTextureUrl(e?.texture?.url ?? t), e?.background_color !== void 0 && this.setBackgroundColor(e.background_color), e?.background_opacity !== void 0 && this.setBackgroundOpacity(e.background_opacity), e?.border_color !== void 0 && this.setBorderColor(e.border_color), e?.border_opacity !== void 0 && this.setBorderOpacity(e.border_opacity), e?.border_width !== void 0 && this.setBorderWidth(e.border_width), e?.background_clip !== void 0 && this.setBackgroundClip(e.background_clip);
+		let n = {
+			...this.materialStyle,
+			...e
+		};
+		this.materialStyle = n;
+	}
+	setMeshStyle(e) {
+		if (e?.translate) {
+			let t = new B.Vector3(), r = new B.Vector3().fromArray(e.translate);
+			r.y += this.heightOffset, t.add(r), this.group.position.copy(t), n(this.startTagContainer, r), n(this.endTagContainer, r);
+		}
+		let t = {
+			...this.meshStyle,
+			...e
+		};
+		this.meshStyle = t;
+		function n(e, t) {
+			if (!e?.tag) return;
+			let n = new B.Vector3().fromArray(e.tag.position);
+			n.add(t);
+			let r = n.toArray();
+			e.plugin.changeTagById(e.tag.id, { position: r });
+		}
+	}
+	setHeightOffset(e) {
+		let t = new B.Vector3();
+		this.meshStyle.translate && t.add(new B.Vector3().fromArray(this.meshStyle.translate)), t.setY(t.y + e), this.group.position.copy(t), this.heightOffset = e, this.five.needsRender = !0;
+	}
+	setColor(e) {
+		if (this.disposed) return this.logError("disposed");
+		e && this.mesh.material.mapColor.value.set(e), this.mesh.material.useMapColor.value = +!!e, this.five.needsRender = !0;
+	}
+	setBorderColor(e) {
+		if (this.disposed) return this.logError("disposed");
+		this.mesh.material.borderColor.value.set(e), this.five.needsRender = !0;
+	}
+	setBorderOpacity(e) {
+		if (this.disposed) return this.logError("disposed");
+		this.mesh.material.borderOpacity.value = e, this.five.needsRender = !0;
+	}
+	setBackgroundClip(e) {
+		if (this.disposed) return this.logError("disposed");
+		this.mesh.material.backgroundClip.value = e === "border-box" ? 0 : 1, this.five.needsRender = !0;
+	}
+	setBorderWidth(e) {
+		if (this.disposed) return this.logError("disposed");
+		this.mesh.material.borderWidth.value = e, this.five.needsRender = !0;
+	}
+	setBackgroundColor(e) {
+		if (this.disposed) return this.logError("disposed");
+		this.mesh.material.backgroundColor.value.set(e), this.five.needsRender = !0;
+	}
+	setBackgroundOpacity(e) {
+		if (this.disposed) return this.logError("disposed");
+		this.mesh.material.backgroundOpacity.value = e, this.five.needsRender = !0;
+	}
+	setOpacity(e) {
+		if (this.disposed) return this.logError("disposed");
+		this.mesh.material.opacity = e, this.five.needsRender = !0;
+	}
+	setMapOpacity(e) {
+		if (this.disposed) return this.logError("disposed");
+		this.mesh.material.mapOpacity.value = e, this.five.needsRender = !0;
+	}
+	setTextureUrl(e) {
+		if (this.disposed) return this.logError("disposed");
+		this.textureUrl = e, n(e).then((t) => {
+			this.disposed || this.textureUrl === e && (t.wrapT = B.RepeatWrapping, this.textureHasLoaded = !0, this.mesh.material.mapNode.value = t, this.mesh.material.needsUpdate = !0, this.five.needsRender = !0, this.updateVisible());
+		});
+	}
+	setVisibleFloorIndexes(e) {
+		if (this.disposed) return this.logError("disposed");
+		this._visibleFloorIndexes = e, this.onFiveModelShownFloorChange(this.five.model?.shownFloor ?? null);
+	}
+	setStartTag(e) {
+		this.startTagData = e, this.setTag("start", e);
+	}
+	setEndTag(e) {
+		this.endTagData = e, this.setTag("end", e);
+	}
+	updateTagDistance() {
+		this.curvePath && (this.startTagData && this.setTag("start", this.startTagData), this.endTagData && this.setTag("end", this.endTagData));
+	}
+	flicker() {
+		if (this.disposed) return this.logError("disposed");
+		l([
+			this.group,
+			this.startTagContainer?.plugin?.tags[0]?.dom,
+			this.endTagContainer?.plugin?.tags[0]?.dom
+		].filter(Boolean), {
+			loop: 6,
+			updateRender: () => {
+				this.five.needsRender = !0;
+			}
+		});
+	}
+	getLengthByPanoGroupIndex(e) {
+		return this.disposed ? this.logError("disposed") : (this.cacheLengths.length === 0 && (this.cacheLengths = this.getPanoGroupLengths()), this.cacheLengths[e]);
+	}
+	getPanoGroupLengths() {
+		if (!this.curvePoints || !this.curvePath) return [];
+		let e = this.curvePoints.length, t = this.curvePath?.getLength() ?? 0, n = e - 1, r = t / n, i = this.curvePath?.getLengths(n) ?? [], a = [], o = 0;
+		for (let t = 0; t < e; t++) {
+			let e = this.curvePoints[t], n = this.plugin.workUtil.getObserverStandingPosition(o);
+			if (!n) break;
+			n.clone().setY(0).distanceTo(e.clone().setY(0)) < r && (a.push(i[t]), o += 1);
+		}
+		return a;
+	}
+	setTag(e, t) {
+		let n = this.curvePath;
+		if (!t?.data) return;
+		let r = e === "start" ? this.startTagContainer ?? (this.startTagContainer = {
+			tag: null,
+			plugin: new b(this.five, { containerZIndex: 10 })
+		}, this.startTagContainer) : this.endTagContainer ?? (this.endTagContainer = {
+			tag: null,
+			plugin: new b(this.five, { containerZIndex: 10 })
+		}, this.endTagContainer), i = (0, G.default)({}, {
+			contentType: "Custom",
+			stickType: "2DPoint",
+			config: { visibleConfig: {
+				visibleFiveMode: ["Floorplan", "Mapview"],
+				followModelVisibility: !1
+			} },
+			style: { point: { enabled: !1 } },
+			data: {}
+		}, t);
+		r.tag = i, Pe(i) && (r.tag.element = (t) => {
+			r.app?.destroy();
+			let a = n?.getLength() ?? 0, o = this.plugin.config.i18n ?? ((e) => e), s = this.plugin.config.formatDistance ? this.plugin.config.formatDistance(a) : `${o("全程")}${Math.round(a)}${o("米")}`, c = e === "start" ? {
+				...i.data,
+				name: this.name,
+				distance: s
+			} : i.data, l = L(Me, t, {
+				fontSize: this.currentFontSize,
+				...c
+			});
+			return r.app = l, () => l.destroy();
+		}), r.plugin.load({ tagList: [r.tag] });
+		let a = this.meshStyle.translate;
+		if (a && i.position) {
+			let e = new B.Vector3().fromArray(i.position), t = new B.Vector3().fromArray(a);
+			e.add(t), e.y += this.heightOffset;
+			let n = e.toArray();
+			r.plugin.changeTagById(r.tag.id, { position: n });
+		}
+	}
+	onWalkAnimationStart = () => {
+		this.inWalkAnimation = !0, this.updateVisible();
+	};
+	onWalkAnimationEnd = () => {
+		this.inWalkAnimation = !1, this.updateVisible();
+	};
+	onFiveModeChange = (e) => {
+		this.modeVisible = this.mode === "panorama" ? s(e) : c(e), this.updateVisible();
+	};
+	onFiveModelShownFloorChange = (e) => {
+		this.floorVisible = e === null || this.visibleFloorIndexes === null || this.visibleFloorIndexes.includes(e), this.updateVisible();
+	};
+	updateVisible = () => {
+		let e = !this.parent.visible || !this.plugin.state.enabled || !this.plugin.state.visible ? !1 : this.customVisible === null ? this.inWalkAnimation ? !0 : this.modeVisible && this.defaultVisible && this.floorVisible : this.customVisible;
+		this.visible = e, e && this.textureHasLoaded ? this.doShow() : this.doHide();
+	};
+	doShow() {
+		this.mode === "model" && !this.flowAnime.isPlaying() && this.flowAnime.play(), this.five.scene.add(this.group), this.startTagContainer?.plugin.show(), this.endTagContainer?.plugin.show(), this.five.needsRender = !0;
+	}
+	doHide() {
+		this.mode === "model" && this.flowAnime.stop(), this.five.scene.remove(this.group), this.startTagContainer?.plugin.hide(), this.endTagContainer?.plugin.hide(), this.five.needsRender = !0;
+	}
+	onFlowAnimeUpdate = (e) => {
+		let { progress: t } = e;
+		this.mesh.material.vOffset.value = t, this.five.needsRender = !0;
+	};
+	logError = (e) => H("GuideLineModeItem: ", e);
+	updateTagFontSize = () => {
+		this.startTagContainer?.app && this.startTagContainer.app.update({ fontSize: this.currentFontSize }), this.endTagContainer?.app && this.endTagContainer.app.update({ fontSize: this.currentFontSize });
+	};
+};
+function Pe(e) {
+	return e.contentType === "Custom";
+}
+//#endregion
+//#region src/CruisePlugin/BaseController.ts
+var q = "CruisePlugin", J = class extends x {
+	state = {
+		visible: !0,
+		enabled: !0,
+		disposed: !1,
+		playing: !1,
+		speed: 1
+	};
+	data;
+	config;
+	pauseDataMap = /* @__PURE__ */ new Map();
+	privateState = {
+		playing: !1,
+		broke: !1,
+		modeChanging: !1
+	};
+	GuideLine;
+	constructor(e, t) {
+		super(e, t), this.config = t;
+	}
+	play(e) {
+		this.setState({ playing: !0 }, e);
+	}
+	pause(e) {
+		this.setState({ playing: !1 }, e);
+	}
+	async show(e) {
+		this.setState({ visible: !0 }, e);
+	}
+	async hide(e) {
+		this.setState({ visible: !1 }, e);
+	}
+	enable(e) {
+		this.setState({ enabled: !0 }, e);
+	}
+	disable(e) {
+		this.setState({ enabled: !1 }, e);
+	}
+	dispose() {
+		this.state.disposed || this.setState({ disposed: !0 });
+	}
+	setState(e, t) {
+		if (this.state.disposed) return this.disposedErrorLog();
+		if (!this.state.enabled && e.enabled !== !0 && e.disposed !== !0) return this.disableErrorLog();
+		let n = { ...this.state };
+		this.state = (0, G.default)({}, this.state, e), e.disposed !== void 0 && e.disposed !== n.disposed && e.disposed && this.handleDispose(), e.visible !== void 0 && e.visible !== n.visible && this.handleVisible(e.visible, t?.userAction), e.enabled !== void 0 && e.enabled !== n.enabled && this.handleEnable(e.enabled, t?.userAction), e.playing !== void 0 && e.playing !== n.playing && this.changePlayState(e.playing, t), e.speed !== void 0 && e.speed !== n.speed && this.changeSpeed(e.speed), y(n, this.state, { deep: !0 }) || this.hooks.emit("stateChange", {
+			state: this.state,
+			prevState: n,
+			userAction: t?.userAction ?? !0
+		});
+	}
+	clearPauseData() {
+		if (this.data?.id) return this.pauseDataMap.delete(this.data?.id);
+	}
+	changePlayState(e, t) {
+		this.actionIfStateIsEnabled(() => this.hooks.emit("playStateChange", e ? "playing" : "pause", { userAction: t?.userAction ?? !0 })), this.state.playing = e, e ? this.handlePlay(t) : this.handlePause(t);
+	}
+	handleEnable(e, t = !0) {
+		e ? (this.GuideLine?.enable(), this.hooks.emit("enable", { userAction: t })) : (this.GuideLine?.disable(), this.changePlayState(!1, { userAction: t }), this.hooks.emit("disable", { userAction: t })), this.state.enabled = e;
+	}
+	handleVisible(e, t = !0) {
+		e ? (this.GuideLine?.show(), this.actionIfStateIsEnabled(() => this.hooks.emit("show", { userAction: t }))) : (this.GuideLine?.hide(), this.actionIfStateIsEnabled(() => this.hooks.emit("hide", { userAction: t }))), this.state.visible = e;
+	}
+	addInterruptListener(e) {
+		let t = () => {
+			this.privateState.modeChanging || e();
+		}, n = (t) => {
+			t !== "mouseMove" && (e(), this.five.off("gesture", n));
+		};
+		return this.five.on("gesture", n), this.five.once("wantsChangeMode", t), () => {
+			this.five.off("gesture", n), this.five.off("wantsChangeMode", t);
+		};
+	}
+	getSpeededDuration(e) {
+		return e / this.state.speed;
+	}
+	forceInteruptUpdateCamera() {
+		let e = this.five.getCurrentState().longitude + .005;
+		this.five.updateCamera({ longitude: e }, 0, !0);
+	}
+	getPauseData() {
+		if (this.data?.id) return this.pauseDataMap.get(this.data.id);
+	}
+	setPauseData() {
+		let e = this.data?.id;
+		if (e) return this.pauseDataMap.set(e, {
+			fiveState: this.five.getCurrentState(),
+			playedProgress: this.getProgress()
+		});
+	}
+	clear() {
+		this.clearPauseData();
+	}
+	handleDispose() {
+		this.state.playing = !1, this.clearPauseData(), this.clear(), this.GuideLine?.dispose(), this.GuideLine = void 0;
+	}
+	actionIfStateIsEnabled(e, t) {
+		if (this.state.enabled) return e();
+		t?.warnLog && this.disableWarnLog();
+	}
+	disposedErrorLog = () => {
+		console.error(`${q} is disposed`);
+	};
+	disableWarnLog = () => {
+		console.warn(`${q} is disabled`);
+	};
+	disableErrorLog = () => {
+		console.error(`${q} is disabled`);
+	};
+};
+//#endregion
+//#region src/CruisePlugin/utils/getFiveStateOnCurve.ts
+function Y(e, t, n) {
+	let r = new B.Vector3().fromArray([
+		n.x ?? 0,
+		n.y ?? 0,
+		n.z ?? 0
+	]), i = e.getPointAt(t).clone().add(r), a = e.getTangentAt(t), { longitude: o, latitude: s } = u(a);
+	return {
+		offset: i.clone(),
+		longitude: o,
+		latitude: s,
+		distance: 0
+	};
+}
+//#endregion
+//#region src/CruisePlugin/Move.ts
+var X = class extends J {
+	curve;
+	baseCurveOffset;
+	curveOffset;
+	playStartedTime = performance.now();
+	duration;
+	constructor(e, t) {
+		super(e, t);
+		let n = { config: { speedConfig: {
+			moveSpeed: 2,
+			moveSpeedUnit: "m/s"
+		} } }, r = { allowBroke: !0 };
+		this.state = (0, G.default)({}, n, this.state), this.config = (0, G.default)({}, r, this.config), this.baseCurveOffset = (0, G.default)({
+			x: 0,
+			y: 0,
+			z: 0
+		}, { y: 2 }, this.config?.offset);
+	}
+	load(e, t) {
+		this.handlePause(), this.clear(), this.data = {
+			id: f(),
+			...e
+		};
+		let n = (() => {
+			if (this.data.path instanceof B.Curve) return this.data.path.curves[0];
+			{
+				if (this.data.path.length < 2) return null;
+				let e = this.data.path.map(o);
+				return new B.CatmullRomCurve3(e, void 0, "catmullrom", .5);
+			}
+		})();
+		if (!n) return;
+		if (this.curve = n, this.curveOffset = {
+			x: this.baseCurveOffset.x + (this.data.offset?.x ?? 0),
+			y: this.baseCurveOffset.y + (this.data.offset?.y ?? 0),
+			z: this.baseCurveOffset.z + (this.data.offset?.z ?? 0)
+		}, !this.curve) throw Error("curve is not defined");
+		let r = this.curve.getLength(), i = this.state.config.speedConfig.moveSpeedUnit === "m/ms" ? 1 : 1e3;
+		if (this.duration = r / (this.state.config.speedConfig.moveSpeed / i), Array.isArray(this.data.path)) {
+			let t = this.data.path.map(o).map((e) => e.toArray());
+			!this.GuideLine && (this.config?.useGuideLine !== !1 && e.useGuildLine || this.config?.useGuideLine && e.useGuildLine !== !1) && (this.GuideLine = Q(this.five, this.config)), this.GuideLine?.load({ lines: [{
+				id: f(),
+				path: [{
+					type: "CatmullRomCurve3",
+					points: t
+				}],
+				model_style: { visible: !0 }
+			}] });
+		}
+		return t ? this.setState(t) : (this.setState({ playing: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing), this.changeSpeed(this.state.speed)), Promise.resolve();
+	}
+	changeSpeed = (e, t = !0) => {
+		this.state.speed = e, this.hooks.emit("speedChange", e, { userAction: t });
+	};
+	moveToStart = () => {
+		this.five.setState({
+			...Y(this.curve, 0, this.curveOffset),
+			mode: "Model"
+		});
+	};
+	playFromStart = () => {
+		this.clearPauseData(), this.setState({ playing: !0 });
+	};
+	getDuration = () => this.getSpeededDuration(this.duration);
+	getProgress = () => {
+		let e = this.getPauseData()?.playedProgress ?? 0;
+		(e < 0 || e >= 1) && (e = 0);
+		let t = 1 - e, n = this.getDuration(), r = (performance.now() - this.playStartedTime) / n;
+		return 1 - t + r;
+	};
+	handlePlay() {
+		return new Promise(async (e, t) => {
+			this.hooks.emit("play", { userAction: !0 });
+			let n = this.getPauseData()?.playedProgress ?? 0;
+			(n < 0 || n >= 1) && (n = 0);
+			let r = Y(this.curve, n, this.curveOffset);
+			if (this.hooks.emit("progressChange", n), this.five.setState({
+				...r,
+				mode: "Model"
+			}), await this.five.ready(), this.playStartedTime = performance.now(), this.config.allowBroke) {
+				let e = this.addInterruptListener(() => {
+					this.state.playing && (this.hooks.emit("broke"), this.handlePause(), e(), t(/* @__PURE__ */ Error("broke")));
+				});
+			}
+			let i = () => {
+				let t = this.getProgress();
+				if (t >= 1) this.five.off("renderFrame", i), this.setState({ playing: !1 }, { userAction: !1 }), this.hooks.emit("end"), this.hooks.emit("progressChange", 1), e("end");
+				else if (this.state.playing === !1) this.five.off("renderFrame", i);
+				else if (t >= 0) {
+					let e = Y(this.curve, t, this.curveOffset);
+					this.hooks.emit("progressChange", t), this.five.setState(e, !0);
+				}
+			};
+			this.five.on("renderFrame", i);
+		});
+	}
+	handlePause(e) {
+		this.state.playing = !1, this.hooks.emit("pause", { userAction: e?.userAction ?? !0 }), this.setPauseData();
+	}
+}, Fe = class {
+	id;
+	renderID;
+	isGuideLine = !0;
+	panoramaItem;
+	modelItem;
+	hooks = new i();
+	get visible() {
+		return this._visible;
+	}
+	_visible = !0;
+	plugin;
+	five;
+	constructor(e) {
+		this.id = e.id, this.five = e.five, this.plugin = e.plugin, this.panoramaItem = new K(this.five, {
+			mode: "panorama",
+			plugin: this.plugin,
+			parent: this
+		}), this.modelItem = new K(this.five, {
+			mode: "model",
+			plugin: this.plugin,
+			parent: this
+		});
+	}
+	setData(e) {
+		this.setDataByMode("panorama", e), this.setDataByMode("model", e);
+	}
+	setDataByMode(e, t) {
+		let n = e === "panorama" ? this.panoramaItem : this.modelItem, r = e === "panorama" ? t.panorama_style : t.model_style, i = t.path, a = r, o = r, s = r;
+		if (t.pano_group) {
+			let r = e === "panorama" && t.panorama_style.skip_group === !0;
+			n.setGeometryByPanoGroup(t.pano_group, {
+				...t,
+				skipPanoGroup: r,
+				...a
+			});
+		} else t.path && n.setGeometryByPath(i, { ...a });
+		n.name = t.name, n.setMeshStyle(s), n.setMartial(o), n.setVisibleFloorIndexes(t.visible_floor_indexes ?? null), n.setStartTag(r?.start_tag), n.setEndTag(r?.end_tag);
+	}
+	show() {
+		this._visible = !0, this.hooks.emit("show", { userAction: !0 });
+	}
+	hide() {
+		this._visible = !1, this.hooks.emit("hide", { userAction: !0 });
+	}
+	dispose() {
+		this.panoramaItem.dispose(), this.modelItem.dispose();
+	}
+	async walk(e) {
+		if (this.hooks.emit("walkStart", { userAction: !0 }), this.panoramaItem.panoGroup.length) {
+			let t = {
+				panoIndexList: this.panoramaItem.panoGroup,
+				...e
+			}, [n] = await g(Le(this.five, t));
+			if (n) return this.logError(n.message);
+		} else {
+			let e = { path: this.panoramaItem.curvePath }, [t] = await g(Ie(this.five, e));
+			if (t) return this.logError(t.message);
+		}
+		this.hooks.emit("walkEnded", { userAction: !0 });
+	}
+	logError = (e) => H("GuideLineItem: ", e);
+};
+async function Ie(e, t) {
+	let n = new X(e);
+	await n.load(t), n.playFromStart();
+}
+async function Le(e, t) {
+	if (t.panoIndexList.length === 0) return;
+	let n = e.getCurrentState();
+	n.mode !== "Panorama" && await _(e, ["Panorama", {
+		longitude: n.longitude,
+		latitude: 0,
+		panoIndex: t.panoIndexList[0]
+	}]);
+	let r = new $(e);
+	await r.load(t), await new Promise((n, i) => {
+		let a = e.getCurrentState(), o = t.panoIndexList.slice();
+		a.panoIndex === o[0] && c(a.panoIndex), r.playFromStart();
+		function s(e) {
+			if (e !== "Panorama") return u(/* @__PURE__ */ Error("mode not match"));
+		}
+		function c(e) {
+			let t = o[0];
+			if (o = o.slice(1), e !== t) return u(/* @__PURE__ */ Error("panoIndex not match, wanted: " + t + ", got: " + e));
+			if (o.length === 0) return d();
+		}
+		function l() {
+			e.off("modeChange", s), e.off("panoArrived", c);
+		}
+		function u(e) {
+			l(), i(e);
+		}
+		function d() {
+			l(), n();
+		}
+		e.on("modeChange", s), e.on("panoArrived", c);
+	});
+}
+//#endregion
+//#region src/GuideLinePlugin/Controller.ts
+var Z = "GuideLinePlugin", Re = `${Z}`, ze = class extends S {
+	name = Z;
+	cruisePlugin;
+	itemMap = /* @__PURE__ */ new Map();
+	get config() {
+		return this._config;
+	}
+	state = {
+		visible: !1,
+		enabled: !0
+	};
+	data;
+	heightOffset = 0;
+	get disposed() {
+		return this._disposed;
+	}
+	_config;
+	_disposed = !1;
+	loadGeneration = 0;
+	constructor(e, t) {
+		super(e, t), this._config = t ?? {}, this.cruisePlugin = new $(e);
+	}
+	async load(e, t, n = !0) {
+		if (this.disposed) return;
+		let r = ++this.loadGeneration, i = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, o = await this.formatData(e);
+		if (this.disposed || r !== this.loadGeneration) return;
+		let s = o.config, c = !o.lines && o.routes, l = s?.arrowTextureUrl ?? h(this.staticPrefix, m), u = {
+			...s,
+			model_style: { texture: { url: l } },
+			panorama_style: {
+				visible: !!c,
+				unit_length: s?.unitHeight ?? .4,
+				width: s?.unitWidth ?? .6,
+				texture: { url: l }
+			}
+		}, d = o.routes?.map((e) => (0, G.default)({}, u, {
+			id: e.id ?? f(),
+			pano_group: e.panoIndexList
+		})) ?? [], p = o.lines?.map((e) => (0, G.default)({}, u, e)) ?? [], g = [...d, ...p];
+		await a(this.five), !(this.disposed || r !== this.loadGeneration) && (this.clearItems(), this.data = o, this.hooks.emit("dataChange", o, i), g.forEach((e) => {
+			this.addGuideLineItem(e);
+		}), this.updateTagsEnable(), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), t && this.setState(t, { userAction: n }), this.hooks.emit("dataLoaded", o), console.debug(`${Re} loaded`, o));
+	}
+	async formatData(e) {
+		return this.getDataWithoutVersion(e);
+	}
+	async show(e) {
+		this.setState({ visible: !0 }, e);
+	}
+	async hide(e) {
+		this.setState({ visible: !1 }, e);
+	}
+	enable(e) {
+		this.setState({ enabled: !0 }, e);
+	}
+	disable(e) {
+		this.setState({ enabled: !1 }, e);
+	}
+	dispose() {
+		this.disposed || (this._disposed = !0, this.clear(), this.cruisePlugin.dispose(), this.data = void 0, this.hooks.emit("dispose"));
+	}
+	setState(e, t) {
+		if (this.disposed) return this.disposedErrorLog();
+		let n = { ...this.state };
+		this.state = {
+			...this.state,
+			...e
+		}, e.visible !== void 0 && e.visible !== n.visible && this.handleVisible(e.visible, t?.userAction), e.enabled !== void 0 && e.enabled !== n.enabled && this.handleEnable(e.enabled, t?.userAction), y(n, this.state, { deep: !0 }) || (this.hooks.emit("stateChange", {
+			state: this.state,
+			prevState: n,
+			userAction: t?.userAction ?? !0
+		}), this.five.needsRender = !0);
+	}
+	addGuideLineItem(e) {
+		let t = e.render_id || e.id, n = this.itemMap.get(t);
+		n && this.removeGuideLineItem(n);
+		let r = new Fe({
+			five: this.five,
+			id: t,
+			plugin: this
+		});
+		return this.itemMap.set(t, r), e && r.setData(this.processItemUrls(e)), this.heightOffset += 1e-4, r.modelItem.setHeightOffset(this.heightOffset), r.panoramaItem.setHeightOffset(this.heightOffset), r;
+	}
+	processItemUrls(e) {
+		let t = { ...e }, n = p;
+		if (t.panorama_style) {
+			let e = t.panorama_style.texture?.url ?? n;
+			t.panorama_style = {
+				...t.panorama_style,
+				texture: {
+					...t.panorama_style.texture,
+					url: h(this.staticPrefix, e)
+				}
+			};
+		}
+		if (t.model_style) {
+			let e = t.model_style.texture?.url ?? n;
+			t.model_style = {
+				...t.model_style,
+				texture: {
+					...t.model_style.texture,
+					url: h(this.staticPrefix, e)
+				}
+			};
+		}
+		return t;
+	}
+	getGuideLineItemByID(e) {
+		return this.itemMap.get(e);
+	}
+	removeGuideLineItem(e) {
+		this.itemMap.delete(e.id), e.panoramaItem.dispose(), e.modelItem.dispose();
+	}
+	setDistanceFormatter(e) {
+		this._config.formatDistance = e, this.updateTagDistances();
+	}
+	updateTagDistances() {
+		this.itemMap.forEach((e) => {
+			e.panoramaItem.updateTagDistance(), e.modelItem.updateTagDistance();
+		});
+	}
+	updateTagsEnable() {
+		let e = [];
+		function t(e) {
+			return Array.isArray(e) && e.every((e) => typeof e == "number");
+		}
+		function n(e, t) {
+			return new B.Vector3().fromArray(e).distanceTo(new B.Vector3().fromArray(t)) < .01;
+		}
+		function r(r) {
+			let i = r?.tag?.position;
+			return t(i) ? e.every((e) => !t(e.tag?.position) || !n(i, e.tag.position)) : !1;
+		}
+		this.itemMap.forEach((t) => {
+			let n = t.modelItem.startTagContainer, i = t.modelItem.endTagContainer;
+			if (!n && !i) return;
+			let a = r(n);
+			a && n && e.push(n), n?.plugin.setState({ enabled: a }, {});
+			let o = r(i);
+			o && i && e.push(i), i?.plugin.setState({ enabled: o }, {});
+		});
+	}
+	clear() {
+		this.loadGeneration += 1, this.clearItems();
+	}
+	clearItems() {
+		this.heightOffset = 0, this.itemMap.forEach((e) => {
+			this.removeGuideLineItem(e);
+		});
+	}
+	handleEnable(e, t = !0) {
+		this.hooks.emit(e ? "enable" : "disable", { userAction: t });
+	}
+	handleVisible(e, t = !0) {
+		this.state.enabled && this.hooks.emit(e ? "show" : "hide", { userAction: t });
+	}
+	disposedErrorLog = () => {
+		console.error(`${Re} is disposed`);
+	};
+	getDataWithoutVersion(e) {
+		return typeof e == "object" && e && e.data ? e.data : e;
+	}
+}, Q = (e, t) => new ze(e, t);
+//#endregion
+//#region src/CruisePlugin/utils/coordinatesToVector.ts
+function Be(e) {
+	let t = Math.abs(Math.cos(e.latitude));
+	return new B.Vector3(-Math.sin(e.longitude) * t, -Math.sin(e.latitude), -Math.cos(e.longitude) * t);
+}
+//#endregion
+//#region src/CruisePlugin/utils/coordinatesAngle.ts
+function Ve(e, t) {
+	let n = Be(e), r = Be(t);
+	return n.angleTo(r);
+}
+function He(e, t, n = !1) {
+	let r = t.longitude - e.longitude, i = t.latitude - e.latitude, a = Math.sqrt(r * r + i * i);
+	return n ? Math.abs(r) >= Math.abs(i) ? r >= 0 ? a : -a : i >= 0 ? a : -a : a;
+}
+//#endregion
+//#region src/CruisePlugin/utils/safeCall.ts
+var Ue = async (e) => {
+	try {
+		e().then(() => {}, () => {}).catch(() => {});
+	} catch {}
+};
+//#endregion
+//#region src/shared-utils/five/fiveLoaded.ts
+async function We(e) {
+	return new Promise((t) => {
+		e.work ? t() : e.once("loaded", () => t());
+	});
+}
+//#endregion
+//#region src/CruisePlugin/Work.ts
+var $ = class extends J {
+	playbackController;
+	session;
+	playbackWorkCode;
+	pendingKeyframes = /* @__PURE__ */ new Set();
+	cancelAudio;
+	pendingPanoMove;
+	state = {
+		visible: !0,
+		enabled: !0,
+		disposed: !1,
+		playing: !1,
+		speed: 1,
+		config: { speedConfig: {
+			rotateSpeed: .001,
+			rotateSpeedUnit: "rad/ms",
+			moveSpeed: .002,
+			moveSpeedUnit: "m/ms"
+		} }
+	};
+	privateState = {
+		playing: !1,
+		currentPlayQueue: [],
+		currentPlayKeyframe: null,
+		broke: !1,
+		modeChanging: !1
+	};
+	constructor(e, t) {
+		super(e, t), this.playbackController = t?.mediaManager?.createController({
+			label: "cruise",
+			onCancel: () => this.handlePause({ userAction: !1 }, !0)
+		}), this.config = t;
+	}
+	handleDispose() {
+		this.handlePause({ userAction: !1 }), this.playbackController?.dispose(), super.handleDispose();
+	}
+	onWorkCodeChange() {
+		this.playbackWorkCode !== void 0 && this.playbackWorkCode !== this.workUtil.workCode && this.handlePause({ userAction: !1 });
+	}
+	async load(e, t, n) {
+		this.handlePause({ userAction: !1 }), this.clear();
+		let r = this.data ? JSON.parse(JSON.stringify(this.data)) : void 0, i = await this.formatData(e);
+		this.data = {
+			id: i.keyframesId,
+			...i
+		}, this.hooks.emit("dataChange", i, r);
+		let a = [], o, s = this.data.keyframes.filter((e) => e.data.panoIndex !== void 0);
+		s.filter((e, t) => e.data.panoIndex !== s[t - 1]?.data.panoIndex).map((e) => e.data.panoIndex).forEach((e) => {
+			let t = this.workUtil.getObserver(e)?.floorIndex;
+			if (t !== void 0) {
+				if (o === t) {
+					let t = a.length - 1;
+					a[t] = [...a[t] ?? [], e];
+				} else {
+					o = t;
+					let n = a.length;
+					a[n] = [e];
+				}
+			}
+		}), !this.GuideLine && this.config?.useGuideLine !== !1 && i.useGuildLine !== !1 && (this.GuideLine = Q(this.five, this.config)), this.GuideLine?.load({
+			routes: a.map((e) => ({ panoIndexList: e })),
+			config: i.guildPluginOptions
+		}), t ? this.setState(t, { userAction: n }) : (this.setState({ playing: !1 }, { userAction: !1 }), this.handleVisible(this.state.visible), this.handleEnable(this.state.enabled), this.changePlayState(this.state.playing, { userAction: !1 }), this.changeSpeed(this.state.speed)), this.clearPauseData(), console.debug("WORKPLUGIN loaded", i), this.hooks.emit("dataLoaded", i);
+	}
+	playFrom(e) {
+		let { index: t, id: n, userAction: r } = e;
+		this.state.playing && this.setState({ playing: !1 }, { userAction: r }), this.setState({ playing: !0 }, {
+			userAction: r,
+			playFromIndex: t,
+			playFromId: n
+		});
+	}
+	playFromStart(e) {
+		return this.playFrom({
+			...e,
+			index: 0
+		});
+	}
+	async formatData(e) {
+		this.five.work || await We(this.five);
+		let t = (() => {
+			let t = e;
+			return typeof t == "object" && t && d(t.version) && t.data ? t.data : t;
+		})();
+		if (t.keyframes) return {
+			keyframesId: f(),
+			keyframes: t.keyframes.map((e, n) => {
+				let r = t.keyframes[n + 1], i = !r || r.start === void 0 || e.end === void 0 ? 0 : r.start - e.end;
+				return {
+					id: e.uuid ?? f(),
+					moveIndex: n,
+					stay: i,
+					index: n,
+					...e,
+					guildPluginOptions: t.guildPluginOptions
+				};
+			})
+		};
+		if (t.panoIndexList) {
+			let e = [], { moveEffect: n, moveToFirstPanoEffect: r, moveToFirstPanoDuration: i } = t;
+			return this.privateState.moveToFirstPanoEffect = r, this.privateState.moveToFirstPanoDuration = i, t.panoIndexList.forEach((r, i) => {
+				let a = (() => {
+					let e = t.panoIndexList.slice(i).find((e) => e !== r);
+					if (e === void 0) return;
+					let n = this.workUtil.getObserverPosition(r), a = this.workUtil.getObserverPosition(e);
+					if (!a || !n || this.workUtil.getObserver(r)?.floorIndex !== this.workUtil.getObserver(e)?.floorIndex) return;
+					let o = new B.Vector3().subVectors(a, n);
+					return u(o.normalize());
+				})();
+				t.moveType === void 0 || t.moveType === "justMove" ? e.push({
+					moveIndex: i,
+					stay: t.stay,
+					data: {
+						effect: "Move",
+						panoIndex: r,
+						moveEffect: n,
+						...a ?? {}
+					}
+				}) : t.moveType === "moveAndRotate" && (e.push({
+					moveIndex: i,
+					stay: t.stay,
+					data: {
+						effect: "Move",
+						panoIndex: r,
+						moveEffect: n
+					}
+				}), a && e.push({
+					moveIndex: i,
+					stay: t.stay,
+					data: {
+						effect: "Rotate",
+						panoIndex: r,
+						...a
+					}
+				}));
+			}), {
+				keyframesId: f(),
+				keyframes: e.map((e, t) => ({
+					id: f(),
+					index: t,
+					...e
+				})),
+				guildPluginOptions: t.guildPluginOptions,
+				useGuildLine: t.useGuildLine
+			};
+		}
+		throw Error("format error: data no keyframes or no panoIndexList");
+	}
+	async handlePlay(e) {
+		let { data: t, state: n, privateState: r, hooks: i } = this;
+		if (r.playing || !t?.keyframes || t?.keyframes.length === 0) return;
+		let a = t.keyframes.some((e) => !!e.data.audio?.url), o = this.playbackController?.begin({
+			userAction: e?.userAction === !0,
+			audible: a
+		});
+		if (this.playbackController && !o) {
+			n.playing = !1;
+			return;
+		}
+		this.session = o, this.playbackWorkCode = this.workUtil.workCode;
+		let s = f();
+		r.playId = s;
+		try {
+			if (r.audio && r.audio.paused) {
+				let n = this.getPauseData(), i = e?.playFromIndex === void 0 ? e?.playFromId === void 0 ? t.keyframes.find((e) => e.id === n?.id) : t.keyframes.find((t) => t.id === e.playFromId) : t.keyframes[e.playFromIndex], a = e?.playFromIndex !== void 0 || e?.playFromId !== void 0;
+				if (i?.data.effect === "Move" || a && i?.data.audio) this.cancelAudio?.(), r.audio.pause(), r.audio.currentTime = 0, r.audio = void 0;
+				else if (await this.playAudio(), o?.signal.aborted || s !== r.playId) return;
+			}
+			r.playing = !0, r.broke = !1;
+			let a = t.keyframes, c = this.getPauseData();
+			e?.notEmitEvent !== !0 && i.emit("play", { userAction: e?.userAction ?? !0 });
+			let l = !1, u = await (async () => {
+				if (e?.playFromIndex !== void 0) return e.playFromIndex;
+				if (e?.playFromId !== void 0) return this.data?.keyframes.findIndex((t) => t.id === e.playFromId);
+				if (c?.id) {
+					let e = this.data?.keyframes.find((e) => e.id === c.id);
+					if (c?.fiveState && await this.move(c.fiveState, {
+						moveEffect: r.moveToFirstPanoEffect,
+						duration: r.moveToFirstPanoDuration
+					}), e) {
+						if (e.data.effect === "Move") return e.index;
+						if (e.data.effect === "Rotate") {
+							let t = c.duration === void 0 ? void 0 : c.duration * (1 - c.playedProgress);
+							return await this.playKeyframe(e, { duration: t }), l = !0, e.index + 1;
+						}
+					}
+				}
+			})();
+			if (s !== r.playId || o?.signal.aborted) return;
+			if (e?.userAction === !0) {
+				this.privateState.audioCache || (this.privateState.audioCache = /* @__PURE__ */ new Map());
+				for (let e = u; e < a.length; e++) {
+					let t = a[e];
+					if (t?.data?.audio && !this.privateState.audioCache.has(t.data.audio.url)) {
+						let e = new Audio(t.data.audio.url);
+						e.preload = "auto", this.privateState.audioCache.set(t.data.audio.url, e);
+					}
+				}
+			}
+			this.clearPauseData();
+			for (let e of a) {
+				if (r.broke || !n.playing || !r.playing || s !== r.playId) return;
+				if (!(u !== void 0 && e.index < u)) try {
+					i.emit("playIndexChange", e.index, e), await this.playKeyframe(e, {
+						moveEffect: l === !1 ? r.moveToFirstPanoEffect : void 0,
+						duration: l === !1 && typeof r.moveToFirstPanoDuration == "number" ? r.moveToFirstPanoDuration : void 0
+					}), e.stay && await ue(e.stay), l === !1 && (l = !0);
+				} catch (e) {
+					if (s !== r.playId) return Promise.resolve("broke");
+					throw e;
+				}
+			}
+			n.playing && s === r.playId && (this.setState({ playing: !1 }, { userAction: !1 }), this.session?.finish(), this.session = void 0, i.emit("end"), this.clearPauseData());
+		} catch (e) {
+			this.failPlayback(e, s, o);
+		}
+	}
+	failPlayback(e, t, n) {
+		this.state.disposed || t !== this.privateState.playId || n?.signal.aborted || (this.handlePause({ userAction: !1 }), !(this.state.disposed || this.state.playing) && this.hooks.emit("error", e instanceof Error || e instanceof DOMException ? e : Error(String(e))));
+	}
+	handlePause(e, t = !1) {
+		let { state: n, privateState: r, hooks: i } = this, a = r.playing;
+		r.playing = !1, this.session = void 0, t || this.playbackController?.cancel(), r.playId = f(), this.cancelPendingKeyframes(), this.cancelAudio?.(), n.playing = !1, r.audio?.pause(), a && (e?.userAction !== !1 && this.setPauseData(), r.broke || this.forceInteruptUpdateCamera(), e?.notEmitEvent !== !0 && i.emit("pause", { userAction: e?.userAction ?? !0 }));
+	}
+	changeSpeed(e, t = !0) {
+		let { state: n, privateState: r, hooks: i } = this, { currentPlayKeyframe: a } = r;
+		if (i.emit("speedChange", e, { userAction: t }), n.playing && a) try {
+			let e = a.originDuration === void 0 ? void 0 : a.originDuration * (1 - this.getProgress()), t = a.keyframe;
+			this.privateState.currentPlayKeyframe?.keyframe.id !== t.id && (this.privateState.currentPlayKeyframe = { keyframe: t }), this.enqueueKeyframe(t, { duration: e });
+		} catch (e) {
+			console.error(e);
+		}
+	}
+	getProgress() {
+		return this.five.controller.cameraMotion.progress;
+	}
+	setPauseData() {
+		if (this.data?.id) return this.pauseDataMap.set(this.data.id, {
+			id: this.privateState.currentPlayKeyframe?.keyframe.id,
+			fiveState: this.five.getCurrentState(),
+			duration: this.privateState.currentPlayKeyframe?.originDuration,
+			playedProgress: this.getProgress()
+		});
+	}
+	clear() {
+		this.privateState.playId = f(), this.cancelPendingKeyframes(), this.clearPauseData(), this.privateState.currentPlayKeyframe = null;
+	}
+	async playKeyframe(e, t) {
+		return this.privateState.currentPlayKeyframe?.keyframe.id !== e.id && (this.privateState.currentPlayKeyframe = { keyframe: e }), this.enqueueKeyframe(e, t), this.actionPromiseQueue();
+	}
+	enqueueKeyframe(e, t) {
+		let n = this.getPlayPromise(e, t);
+		n.catch(() => void 0), this.privateState.currentPlayQueue.push(n);
+	}
+	async getPlayPromise(e, t = {}) {
+		let n = e.data;
+		if (t.duration = t.duration ?? (e.start !== void 0 && e.end !== void 0 ? e.end - e.start : void 0), n) return new Promise((e, r) => {
+			let i = !1, a = () => {}, o = () => s(!1), s = (t, n) => {
+				i || (i = !0, a(), this.pendingKeyframes.delete(o), t ? r(n) : e());
+			};
+			this.pendingKeyframes.add(o), a = this.addInterruptListener(() => {
+				i || (s(!0, /* @__PURE__ */ Error("play is interupted")), this.hooks.emit("broke"), !this.state.disposed && (this.privateState.broke = !0, this.setState({ playing: !1 })));
+			});
+			try {
+				(n.effect === "Move" ? this.move(n, t) : this.rotate(n, t)).then(() => s(!1), (e) => s(!0, e));
+			} catch (e) {
+				s(!0, e);
+			}
+		});
+	}
+	cancelPendingKeyframes() {
+		for (let e of [...this.pendingKeyframes]) e();
+		this.privateState.currentPlayQueue = [], this.privateState.modeChanging = !1;
+	}
+	async actionPromiseQueue(e = this.privateState.playId) {
+		let { privateState: t } = this;
+		return new Promise((n, r) => {
+			if (e !== t.playId || t.currentPlayQueue.length === 0) {
+				n();
+				return;
+			}
+			let i = t.currentPlayQueue.shift();
+			i ? i.then(n, r) : n();
+		}).then(() => e !== t.playId || t.currentPlayQueue.length === 0 ? Promise.resolve() : this.actionPromiseQueue(e));
+	}
+	async move(e, t) {
+		let n = this.session, r = this.privateState.playId, i = () => r === this.privateState.playId && !n?.signal.aborted;
+		return this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null), e.mode && e.mode !== this.five.currentMode ? await this.changeMode(e) : (e.panoIndex !== this.five.panoIndex || this.pendingPanoMove?.panoIndex === e.panoIndex) && await this.changePano(e, t), i?.() && !this.privateState.audio?.pause && (this.loadAudio(e.audio), await this.playAudio()), Promise.resolve();
+	}
+	async rotate(e, t) {
+		let n = this.session, r = this.privateState.playId, i = () => r === this.privateState.playId && !n?.signal.aborted;
+		if (e.audio && this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null), e.mode && e.mode !== this.five.currentMode) await this.changeMode({
+			mode: e.mode,
+			panoIndex: e.panoIndex
+		});
+		else if (typeof e.panoIndex == "number" && (e.panoIndex !== this.five.panoIndex || this.pendingPanoMove?.panoIndex === e.panoIndex)) return await this.changePano(e, t);
+		i?.() && (await this.updateCamera(e, t), i?.() && e.audio && !this.privateState.audio?.pause && (this.loadAudio(e.audio), await this.playAudio()));
+	}
+	async updateCamera(e, t = {}) {
+		let { five: n, privateState: r, state: i } = this, a = (() => {
+			let t = i.config?.speedConfig, n = e.rotateSpeed ?? t?.rotateSpeed;
+			if (t?.rotateSpeedUnit === void 0) return n;
+			if (n !== void 0) return t.rotateSpeedUnit === "rad/ms" ? n : n / 1e3;
+		})(), o = this.five.getCurrentState(), s = Math.PI * 2, c = e.longitude;
+		c !== void 0 && (c = (c % s + s) % s, e.direction === "left" ? c <= o.longitude && (c += s) : e.direction === "right" && c >= o.longitude && (c -= s));
+		let l = t.duration ? t.duration : a ? He(o, {
+			...e,
+			longitude: c
+		}) / a : 800;
+		r.currentPlayKeyframe && (r.currentPlayKeyframe.originDuration = l);
+		let u = this.getSpeededDuration(l);
+		return new Promise((t) => {
+			Ue(() => n.updateCameraWithKeyframes([
+				{
+					progress: 0,
+					value: {
+						longitude: o.longitude,
+						latitude: o.latitude,
+						fov: o.fov,
+						offset: o.offset.clone(),
+						distance: o.distance
+					}
+				},
+				{
+					progress: .25,
+					value: {
+						longitude: c === void 0 ? o.longitude : (o.longitude + (c + o.longitude) / 2) / 2,
+						latitude: o.latitude,
+						fov: o.fov,
+						offset: o.offset.clone(),
+						distance: o.distance
+					}
+				},
+				{
+					progress: .5,
+					value: {
+						longitude: c === void 0 ? o.longitude : (c + o.longitude) / 2,
+						latitude: e.latitude === void 0 ? o.latitude : (e.latitude + o.latitude) / 2,
+						fov: o.fov,
+						offset: o.offset.clone(),
+						distance: o.distance
+					}
+				},
+				{
+					progress: .75,
+					value: {
+						longitude: c === void 0 ? o.longitude : (c + (c + o.longitude) / 2) / 2,
+						latitude: o.latitude,
+						fov: o.fov,
+						offset: o.offset.clone(),
+						distance: o.distance
+					}
+				},
+				{
+					progress: 1,
+					value: {
+						longitude: c === void 0 ? e.longitude ?? o.longitude : c,
+						latitude: e.latitude === void 0 ? o.latitude : e.latitude,
+						fov: o.fov,
+						offset: o.offset.clone(),
+						distance: o.distance
+					}
+				}
+			], u)), setTimeout(() => t(), u);
+		});
+	}
+	async changePano(e, t) {
+		let { five: n, privateState: r, state: i } = this;
+		if (typeof e.panoIndex != "number") return;
+		let a = e.panoIndex, o = this.workUtil.workCode, s = this.session, c = r.playId, l = this.pendingPanoMove;
+		if (l?.workCode === o && l.panoIndex === a && l.playId === c && l.session === s) return l.promise;
+		if (a === n.panoIndex) return;
+		let u = () => c === r.playId && !s?.signal.aborted && !this.state.disposed && this.workUtil.workCode === o, d = n.getCurrentState().mode !== "Panorama";
+		d && (this.privateState.modeChanging = !0);
+		let f = (() => {
+			let t = i.config?.speedConfig, n = e.moveSpeed ?? t?.moveSpeed;
+			if (t?.moveSpeedUnit === void 0) return n;
+			if (n !== void 0) return t.moveSpeedUnit === "m/ms" ? n : n / 1e3;
+		})(), p = (() => {
+			if (t?.duration) return t.duration;
+			if (f && typeof n.panoIndex == "number" && typeof e.panoIndex == "number") {
+				let t = this.workUtil.getObserverPosition(n.panoIndex), r = this.workUtil.getObserverPosition(e.panoIndex);
+				return t && r ? t.distanceTo(r) / f : 800;
+			}
+			return 800;
+		})();
+		r.currentPlayKeyframe && (r.currentPlayKeyframe.originDuration = p);
+		let m, h, g = new Promise((e, t) => {
+			m = e, h = t;
+		}), _ = {
+			workCode: o,
+			panoIndex: a,
+			playId: c,
+			session: s,
+			promise: g
+		};
+		this.pendingPanoMove = _;
+		try {
+			let r = !1, i = () => c(!1), c = (e, t) => {
+				r || (r = !0, this.pendingKeyframes.delete(i), this.pendingPanoMove === _ && (this.pendingPanoMove = void 0), s?.signal.removeEventListener("abort", i), n.off("panoArrived", l), n.off("pano.cancel", d), e && u() ? h(t) : m());
+			}, l = (e, t) => {
+				e === a && t?.panoIndex === a && t?.workCode === o && c(!1);
+			}, d = (e) => {
+				e.state?.panoIndex === a && e.state?.workCode === o && c(!0, e.error ?? /* @__PURE__ */ Error("Panorama move was cancelled"));
+			};
+			if (this.pendingKeyframes.add(i), s?.signal.addEventListener("abort", i, { once: !0 }), u() || i(), r || (n.on("panoArrived", l), n.on("pano.cancel", d)), !r) try {
+				let n = this.fiveUtil.moveToPano(a, {
+					latitude: e.latitude,
+					longitude: e.longitude,
+					fov: e.fov,
+					duration: this.getSpeededDuration(p),
+					effect: t?.moveEffect ?? this.state.config?.moveEffect ?? e.moveEffect,
+					moveCancelCallback: () => c(!0, /* @__PURE__ */ Error("Panorama move was cancelled")),
+					moveEndCallback: () => c(!1)
+				}), r = (e) => {
+					e === !1 && c(!0, /* @__PURE__ */ Error("Panorama move was rejected"));
+				};
+				r(n), Promise.resolve(n).then(r, (e) => c(!0, e));
+			} catch (e) {
+				c(!0, e);
+			}
+			await g;
+		} finally {
+			d && c === r.playId && !this.pendingPanoMove && (r.modeChanging = !1);
+		}
+	}
+	async changeMode(e, t) {
+		e.mode && e.mode !== this.five.currentMode && (this.privateState.modeChanging = !0, await this.five.changeMode(e.mode, e, t), this.privateState.modeChanging = !1);
+	}
+	loadAudio(e) {
+		if (this.privateState.playing && !this.session?.signal.aborted && e) {
+			this.cancelAudio?.();
+			let t;
+			this.privateState.audioCache && (t = this.privateState.audioCache.get(e.url)), t || (t = new Audio(e.url), t.preload = "auto", t.load()), this.privateState.audio && (this.privateState.audio.pause(), this.privateState.audio.currentTime = 0, this.privateState.audio = null), this.privateState.audio = t;
+		}
+	}
+	async playAudio() {
+		if (!this.state.playing || this.session?.signal.aborted) return;
+		let e = this.privateState.audio;
+		if (!e) return;
+		this.cancelAudio?.();
+		let t = this.session, n = this.privateState.playId, r = () => n === this.privateState.playId && !t?.signal.aborted && this.privateState.audio === e, i = t?.bind(e) ?? e;
+		i.muted = !1, await new Promise((a, o) => {
+			let s = !1, c = () => {
+				e.removeEventListener("playing", u), e.removeEventListener("error", f), e.removeEventListener("ended", p), t?.signal.removeEventListener("abort", l), this.cancelAudio === l && (this.cancelAudio = void 0);
+			}, l = () => {
+				c(), a();
+			}, u = () => {
+				if (!r()) return l();
+				s = !0, e.removeEventListener("playing", u), a();
+			}, d = (e) => {
+				c(), r() ? s ? this.failPlayback(e, n, t) : o(e) : a();
+			}, f = () => d(Error(e.error?.message || "Audio failed to play")), p = () => {
+				c(), r() && (i.pause(), i.currentTime = 0, this.privateState.audio = void 0, a());
+			};
+			this.cancelAudio = l, e.addEventListener("playing", u), e.addEventListener("error", f), e.addEventListener("ended", p), t?.signal.addEventListener("abort", l, { once: !0 });
+			try {
+				i.play().then(u, d);
+			} catch (e) {
+				d(e);
+			}
+		});
+	}
+};
+//#endregion
+export { W as a, X as i, Ve as n, Q as r, $ as t };
+
+//# sourceMappingURL=Work-DF8j5GnL.js.map