@realsee/dnalogel 3.81.13 → 4.0.0-webgpu.3

package/dist/internal/BasePlugin-CT5K8m36.js

@@ -0,0 +1,33 @@
+import { t as e } from "./Subscribe-DLlAl88n.js";
+import { t } from "./FiveUtil-DyTBRHpM.js";
+import { n } from "./defaultUrls-CjKkS9k9.js";
+//#region src/base/BasePlugin.ts
+var r = class {
+	VERSION = "4.0.0-webgpu.3";
+	NAME;
+	five;
+	workUtil;
+	fiveUtil;
+	set workCode(e) {
+		this.workUtil.workCode = e, this.onWorkCodeChange();
+	}
+	get workCode() {
+		return this.workUtil.workCode;
+	}
+	hooks = new e();
+	staticPrefix = n;
+	constructor(e, n) {
+		this.five = e, this.fiveUtil = new t(e), this.workUtil = this.fiveUtil.workUtil, n?.staticPrefix && (this.staticPrefix = n.staticPrefix);
+	}
+	updateFive(e) {
+		this.five = e, this.fiveUtil.five = e, this.workUtil.five = e;
+	}
+	getCurrentState() {
+		return this.state;
+	}
+	onWorkCodeChange() {}
+};
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=BasePlugin-CT5K8m36.js.map

package/dist/internal/BasePlugin-CT5K8m36.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasePlugin-CT5K8m36.js","names":["Subscribe","Controller","workCode","DEFAULT_STATIC_PREFIX","five","FiveUtil","config"],"sources":["../../src/base/BasePlugin.ts"],"sourcesContent":["import type { PlaybackManager } from '../shared-utils/playback'\nimport type { Five } from '@realsee/five-webgpu'\nimport { Subscribe } from '../shared-utils/Subscribe'\nimport { DEFAULT_STATIC_PREFIX } from '../shared-utils'\nimport type { WorkUtil } from '../shared-utils/Utils/WorkUtil'\nimport { FiveUtil } from '../shared-utils/Utils/FiveUtil'\n\n/**\n * 基本属性字段\n */\ninterface State {\n  /**\n   * 插件是否启用\n   */\n  enabled: boolean\n\n  /**\n   * 插件UI是否展示\n   */\n  visible?: boolean\n\n  /**\n   * 插件的配置项\n   */\n  config?: unknown\n}\n\ninterface BaseOptions {\n  /** 是否是用户行为 */\n  userAction?: boolean\n  [key: string]: unknown\n}\n\ninterface Config {\n  mediaManager?: PlaybackManager\n  /** 静态资源前缀 */\n  staticPrefix?: string\n\n  /** 国际化转换函数 */\n  i18n?: (key: string) => string\n}\n\n/**\n * 插件基本事件\n */\n\ntype EventMap<PluginState> = {\n  /**\n   * 插件被销毁\n   */\n  dispose: () => void\n\n  /**\n   * 插件状态变化\n   * @param params.state      最新的State\n   * @param params.prevState  上一个State\n   * @param params.userAction 是否是用户触发\n   */\n  stateChange: (params: { state: PluginState; prevState?: PluginState; userAction: boolean }) => void\n}\n\ndeclare const __DNALOGEL_VERSION__: string\n\n/**\n * plugin 的基本控制器\n */\nabstract class Controller<PluginState extends State = State, PluginEventMap extends EventMap<PluginState> = EventMap<PluginState>> {\n  /**\n   * @realsee/dnalogel 版本号\n   */\n  public readonly VERSION: string = __DNALOGEL_VERSION__\n\n  public NAME?: string\n\n  public five: Five\n\n  public workUtil: WorkUtil\n\n  public fiveUtil: FiveUtil\n\n  public set workCode(workCode: string) {\n    this.workUtil.workCode = workCode\n    this.onWorkCodeChange()\n  }\n\n  public get workCode() {\n    return this.workUtil.workCode\n  }\n\n  /**\n   * @description: 插件事件钩子\n   */\n  public hooks: Subscribe<PluginEventMap> = new Subscribe()\n\n  public readonly staticPrefix: string = DEFAULT_STATIC_PREFIX\n\n  /**\n   * 当前状态\n   * @description\n   * ```text\n   * 可以通过 plugin.state 和 plugin.setState 来获取和设置。\n   * 通过 state 设置后，plugin 会通过合适的动画运动来达到设置的效果。\n   * 来迎合一些通过数据驱动的场景。\n   * ```\n   */\n  public abstract state: PluginState\n\n  public constructor(five: Five, config?: Config) {\n    this.five = five\n    this.fiveUtil = new FiveUtil(five)\n    this.workUtil = this.fiveUtil.workUtil\n    if (config?.staticPrefix) this.staticPrefix = config.staticPrefix\n  }\n\n  public updateFive(five: Five) {\n    this.five = five\n    this.fiveUtil.five = five\n    this.workUtil.five = five\n  }\n\n  /**\n   * 获取当前的插件状态，如果当初插件内存在需要通过动画变更的 state 值，则通过此方法可以得到中间状态\n   */\n  public getCurrentState() {\n    return this.state\n  }\n\n  /**\n   * 插件自身DOM添加到父容器\n   * @param wrapper\n   */\n  public appendTo?(wrapper: Element): void\n\n  /**\n   * 展示UI\n   */\n  public show?(options?: BaseOptions): Promise<void> | void\n\n  /**\n   * 隐藏UI\n   */\n  public hide?(options?: BaseOptions): Promise<void> | void\n\n  /**\n   * 设置state\n   * @param state 插件的目标状态\n   * @param options 配置项\n   */\n  public setState?(state: Partial<PluginState>, options?: BaseOptions): void\n\n  protected onWorkCodeChange() {}\n\n  /**\n   * 启用插件，让插件能够响应交互\n   */\n  public abstract enable(options?: BaseOptions): void\n\n  /**\n   * 禁用插件，让插件停止响应交互\n   */\n  public abstract disable(options?: BaseOptions): void\n\n  /**\n   * 插件进行销毁\n   */\n  public abstract dispose(): void\n}\n\nexport type { State, Config, EventMap, BaseOptions }\nexport { Controller }\n"],"mappings":";;;;AAkEA,IAAeC,IAAf,MAAmI;CAIjI,UAAA;CAEA;CAEA;CAEA;CAEA;CAEA,IAAW,SAAS,GAAkB;EAEpC,AADA,KAAK,SAAS,WAAWC,GACzB,KAAK,iBAAiB;CACxB;CAEA,IAAW,WAAW;EACpB,OAAO,KAAK,SAAS;CACvB;CAKA,QAA0C,IAAIF,EAAU;CAExD,eAAuCG;CAavC,YAAmB,GAAY,GAAiB;EAI9C,AAHA,KAAK,OAAOC,GACZ,KAAK,WAAW,IAAIC,EAASD,CAAI,GACjC,KAAK,WAAW,KAAK,SAAS,UAC1BE,GAAQ,iBAAc,KAAK,eAAeA,EAAO;CACvD;CAEA,WAAkB,GAAY;EAG5B,AAFA,KAAK,OAAOF,GACZ,KAAK,SAAS,OAAOA,GACrB,KAAK,SAAS,OAAOA;CACvB;CAKA,kBAAyB;EACvB,OAAO,KAAK;CACd;CAyBA,mBAA6B,CAAC;AAgBhC"}

package/dist/internal/BasePluginWithData-9z4tpAT4.js

@@ -0,0 +1,7 @@
+import { t as e } from "./BasePlugin-CT5K8m36.js";
+//#region src/base/BasePluginWithData.ts
+var t = class extends e {};
+//#endregion
+export { t };
+
+//# sourceMappingURL=BasePluginWithData-9z4tpAT4.js.map

package/dist/internal/BasePluginWithData-9z4tpAT4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasePluginWithData-9z4tpAT4.js","names":["BasePlugin.Controller","Controller$1","Controller"],"sources":["../../src/base/BasePluginWithData.ts"],"sourcesContent":["import * as BasePlugin from './BasePlugin'\n\ntype State = BasePlugin.State\ntype Config = BasePlugin.Config\n\ninterface EventMap<PluginState, PluginData> extends BasePlugin.EventMap<PluginState> {\n  /** 数据变更 */\n  dataChange: (data: PluginData, prevData?: PluginData) => void\n  /** 数据加载完成 */\n  dataLoaded: (data: PluginData) => void\n}\n\nabstract class Controller<\n  PluginState extends State,\n  PluginEventMap extends EventMap<PluginState, PluginData>,\n  PluginServerData,\n  PluginData,\n> extends BasePlugin.Controller<PluginState, PluginEventMap> {\n  protected abstract data?: PluginData\n\n  /**\n   * 加载插件依赖数据\n   * @param serverData 插件数据\n   * @param state 插件 State\n   */\n  public abstract load(serverData: PluginServerData, state?: PluginState, userAction?: boolean): Promise<void>\n}\n\nexport type { State, EventMap, Config }\nexport type { BaseOptions } from './BasePlugin'\nexport { Controller }\n"],"mappings":";;AAYA,IAAeE,IAAf,cAKUF,EAAmD,CAS7D"}

package/dist/internal/BetterTween-BX0aTvP1.js

@@ -0,0 +1,23 @@
+import { n as e, r as t, t as n } from "./tween.esm-CJDtohfp.js";
+import { n as r } from "./animationFrame-XGKHIeQK.js";
+//#region src/shared-utils/animationFrame/BetterTween.ts
+var i = class extends e {
+	disposeMethods = [];
+	animationFrameDisposer;
+	onDispose = (e) => (this.disposeMethods.push(e), this);
+	play = () => (this.start(0), this.animationFrameDisposer?.(), this.animationFrameDisposer = r((e) => {
+		this.update(e) || this.animationFrameDisposer?.();
+	}), this);
+	stop = () => (super.stop(), this.animationFrameDisposer?.(), this);
+	dispose = () => {
+		this.stop(), this.animationFrameDisposer?.(), this.disposeMethods.forEach((e) => e()), this.disposeMethods = [], t(this);
+	};
+};
+function a(e, t = n.Linear.None) {
+	let r = new i({ progress: 0 }).to({ progress: 1 });
+	return e !== void 0 && r.duration(e), t !== void 0 && r.easing(t), r;
+}
+//#endregion
+export { a as n, i as t };
+
+//# sourceMappingURL=BetterTween-BX0aTvP1.js.map

package/dist/internal/BetterTween-BX0aTvP1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BetterTween-BX0aTvP1.js","names":["TWEEN.Tween","Tween","remove","Easing","requestAnimationFrameInterval","BetterTween","callback","time","fn","tweenProgress","tween","duration","easing"],"sources":["../../src/shared-utils/animationFrame/BetterTween.ts"],"sourcesContent":["import * as TWEEN from '@tweenjs/tween.js'\nimport { requestAnimationFrameInterval } from './index'\n\nexport class BetterTween<T extends Record<string, unknown>> extends TWEEN.Tween<T> {\n  private disposeMethods: (() => void)[] = []\n  private animationFrameDisposer?: () => void\n\n  public onDispose = (callback: () => void) => {\n    this.disposeMethods.push(callback)\n    return this\n  }\n\n  public play = () => {\n    this.start(0)\n    this.animationFrameDisposer?.()\n    this.animationFrameDisposer = requestAnimationFrameInterval((time) => {\n      if (!this.update(time)) this.animationFrameDisposer?.()\n    })\n    return this\n  }\n\n  public stop = () => {\n    super.stop()\n    this.animationFrameDisposer?.()\n\n    return this\n  }\n\n  public dispose = () => {\n    this.stop()\n    this.animationFrameDisposer?.()\n    this.disposeMethods.forEach((fn) => fn())\n    this.disposeMethods = []\n    TWEEN.remove(this)\n  }\n}\n\nexport function tweenProgress(duration?: number, easing = TWEEN.Easing.Linear.None) {\n  const tween = new BetterTween({ progress: 0 }).to({ progress: 1 })\n  if (duration !== undefined) tween.duration(duration)\n  if (easing !== undefined) tween.easing(easing)\n  return tween\n}\n"],"mappings":";;;AAGA,IAAaK,IAAb,cAAoEL,EAAe;CACjF,iBAAyC,CAAC;CAC1C;CAEA,aAAoB,OAClB,KAAK,eAAe,KAAKM,CAAQ,GAC1B;CAGT,cACE,KAAK,MAAM,CAAC,GACZ,KAAK,yBAAyB,GAC9B,KAAK,yBAAyBF,GAA+B,MAAS;EACpE,AAAK,KAAK,OAAOG,CAAI,KAAG,KAAK,yBAAyB;CACxD,CAAC,GACM;CAGT,cACE,MAAM,KAAK,GACX,KAAK,yBAAyB,GAEvB;CAGT,gBAAuB;EAKrB,AAJA,KAAK,KAAK,GACV,KAAK,yBAAyB,GAC9B,KAAK,eAAe,SAAS,MAAOC,EAAG,CAAC,GACxC,KAAK,iBAAiB,CAAC,GACvBN,EAAa,IAAI;CACnB;AACF;AAEA,SAAgBO,EAAc,GAAmB,IAAAN,EAAsB,OAAO,MAAM;CAClF,IAAMO,IAAQ,IAAIL,EAAY,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,GAAG,EAAE,UAAU,EAAE,CAAC;CAGjE,OAFIM,MAAa,KAAA,KAAWD,EAAM,SAASC,CAAQ,GAC/CC,MAAW,KAAA,KAAWF,EAAM,OAAOE,CAAM,GACtCF;AACT"}

package/dist/internal/CSS3DObject-C9ck81UX.js

@@ -0,0 +1,312 @@
+import { t as e } from "./Subscribe-DLlAl88n.js";
+import { n as t, r as n } from "./util-vGeVT4oo.js";
+import { t as r } from "./isNil-CQNA0Sbe.js";
+import * as i from "three/webgpu";
+import { Matrix4 as a, Object3D as o, Vector3 as s } from "three/webgpu";
+//#region src/shared-utils/three/CSS3DRenderer/index.js
+var c = class extends o {
+	constructor(e) {
+		super(), this.element = e, this.element.style.position = "absolute", this.element.style.pointerEvents = "auto", this.element.style.userSelect = "none", this.element.setAttribute("draggable", !1), this.addEventListener("removed", function() {
+			this.traverse(function(e) {
+				e.element instanceof Element && e.element.parentNode !== null && e.element.remove();
+			});
+		});
+	}
+}, l = class extends c {}, u = function(e) {
+	let t = this, n, r, i, o, s = new a(), c = {
+		camera: {
+			fov: 0,
+			style: ""
+		},
+		objects: /* @__PURE__ */ new Map()
+	}, l = document.createElement("div");
+	l.style.overflow = "hidden", this.domElement = l;
+	let u = document.createElement("div");
+	u.style.WebkitTransformStyle = "preserve-3d", u.style.transformStyle = "preserve-3d", u.style.pointerEvents = "none", l.appendChild(u), this.getSize = function() {
+		return {
+			width: n,
+			height: r
+		};
+	}, this.setSize = function(e, t) {
+		n = e, r = t, i = n / 2, o = r / 2, l.style.width = e + "px", l.style.height = t + "px", u.style.width = e + "px", u.style.height = t + "px";
+	};
+	function d(e) {
+		return Math.abs(e) < 1e-10 ? 0 : e;
+	}
+	function f(e) {
+		let t = e.elements;
+		return "matrix3d(" + d(t[0]) + "," + d(-t[1]) + "," + d(t[2]) + "," + d(t[3]) + "," + d(t[4]) + "," + d(-t[5]) + "," + d(t[6]) + "," + d(t[7]) + "," + d(t[8]) + "," + d(-t[9]) + "," + d(t[10]) + "," + d(t[11]) + "," + d(t[12]) + "," + d(-t[13]) + "," + d(t[14]) + "," + d(t[15]) + ")";
+	}
+	function p(e, t) {
+		let n = e.elements;
+		return "translate(-50%,-50%)" + ("matrix3d(" + d(n[0]) + "," + d(n[1]) + "," + d(n[2]) + "," + d(n[3]) + "," + d(-n[4]) + "," + d(-n[5]) + "," + d(-n[6]) + "," + d(-n[7]) + "," + d(n[8]) + "," + d(n[9]) + "," + d(n[10]) + "," + d(n[11]) + "," + d(n[12]) + "," + d(n[13]) + "," + d(n[14]) + "," + d(n[15]) + ")");
+	}
+	function m(t) {
+		if (t.isCSS3DObject) {
+			let n = t.mode ?? "front";
+			(!e || n === e) && (t.element.style.display = "none");
+		}
+		for (let e = 0, n = t.children.length; e < n; e++) m(t.children[e]);
+	}
+	function h(e) {
+		for (let t = e.parent; t; t = t.parent) if (t.visible === !1) return !0;
+		return !1;
+	}
+	function g(n, r, i, a, o) {
+		if (n.visible === !1 || n === r && h(n)) m(n);
+		else {
+			if (n.isCSS3DObject) {
+				let l = n.mode ?? "front";
+				if (e && l !== e) return;
+				n.flag = o;
+				let d = n.layers.test(i.layers) === !0, f = n.element;
+				if (f.style.display = d === !0 ? "" : "none", d) {
+					n.onBeforeRender(t, r, i);
+					let e;
+					n.isCSS3DSprite ? (s.copy(i.matrixWorldInverse), s.transpose(), s.copyPosition(n.matrixWorld), s.scale(n.scale), s.elements[3] = 0, s.elements[7] = 0, s.elements[11] = 0, s.elements[15] = 1, e = p(s, a)) : e = p(n.matrixWorld, a);
+					let o = c.objects.get(n);
+					if (o === void 0 || o.style !== e) {
+						f.style.WebkitTransform = e, f.style.transform = e;
+						let t = { style: e };
+						c.objects.set(n, t);
+					}
+					f.style.display = n.visible ? "" : "none", f.parentNode !== u && u.appendChild(f), n.onAfterRender(t, r, i);
+				}
+			}
+			for (let e = 0, t = n.children.length; e < t; e++) g(n.children[e], r, i, a, o);
+		}
+	}
+	this.render = function(e, t) {
+		let n = t.projectionMatrix.elements[5] * o;
+		if (c.camera.fov !== n && (t.isPerspectiveCamera ? (l.style.WebkitPerspective = n + "px", l.style.perspective = n + "px") : (l.style.WebkitPerspective = "", l.style.perspective = ""), c.camera.fov = n), e.matrixWorldAutoUpdate === !0 && e.updateMatrixWorld(), t.parent === null && t.updateMatrixWorld(), t.isOrthographicCamera) var r = -(t.right + t.left) / 2, a = (t.top + t.bottom) / 2;
+		let s = t.isOrthographicCamera ? "scale(" + n + ")translate(" + d(r) + "px," + d(a) + "px)" + f(t.matrixWorldInverse) : "translateZ(" + n + "px)" + f(t.matrixWorldInverse), p = s + "translate(" + i + "px," + o + "px)";
+		c.camera.style !== p && (u.style.WebkitTransform = p, u.style.transform = p, c.camera.style = p);
+		let m = e.uuid + "_" + performance.now().toString();
+		g(e, e, t, s, m), c.objects.forEach(function(e, t) {
+			t.flag !== m && (t.element.parentNode === u && t.element.remove(), c.objects.delete(t));
+		});
+	}, this.sceneRender = function(e, t) {
+		let n = t.projectionMatrix.elements[5] * o;
+		if (c.camera.fov !== n && (t.isPerspectiveCamera ? (l.style.WebkitPerspective = n + "px", l.style.perspective = n + "px") : (l.style.WebkitPerspective = "", l.style.perspective = ""), c.camera.fov = n), t.parent === null && t.updateMatrixWorld(), t.isOrthographicCamera) var r = -(t.right + t.left) / 2, a = (t.top + t.bottom) / 2;
+		let s = t.isOrthographicCamera ? "scale(" + n + ")translate(" + d(r) + "px," + d(a) + "px)" + f(t.matrixWorldInverse) : "translateZ(" + n + "px)" + f(t.matrixWorldInverse), p = s + "translate(" + i + "px," + o + "px)";
+		c.camera.style !== p && (u.style.WebkitTransform = p, u.style.transform = p, c.camera.style = p);
+		let m = performance.now().toString();
+		e.forEach((e) => {
+			e.matrixWorldAutoUpdate === !0 && e.updateMatrixWorld(), g(e, e, t, s, m);
+		}), c.objects.forEach(function(e, t) {
+			t.flag !== m && (t.element.parentNode === u && t.element.remove(), c.objects.delete(t));
+		});
+	};
+};
+//#endregion
+//#region src/shared-utils/even.ts
+function d(e, t) {
+	let n = Math.round(e);
+	return n % 2 == 0 ? n : n + Number(t?.floor ? -1 : 1);
+}
+//#endregion
+//#region src/shared-utils/createResizeObserver.ts
+function f(e, t, n = !0) {
+	if (!e) return console.error("createResizeObserver: element is undefined"), {
+		observe: () => {},
+		unobserve: () => {}
+	};
+	let r = () => {
+		t(d(e.clientWidth, { floor: !0 }), d(e.clientHeight, { floor: !0 }));
+	};
+	if (typeof ResizeObserver > "u" || !ResizeObserver) return console.warn("createResizeObserver: ResizeObserver is undefined"), {
+		observe: () => r(),
+		unobserve: () => {}
+	};
+	let i = new ResizeObserver(r);
+	return n && r(), {
+		observe: () => i.observe(e),
+		unobserve: () => i.unobserve(e)
+	};
+}
+//#endregion
+//#region src/shared-utils/CSS3DRender/CSS3DRenderer.ts
+var p = class extends u {
+	wrapper;
+	domElementWrapper = document.createElement("div");
+	requestAnimationFrameId;
+	resizeDisoper;
+	disposed = !1;
+	constructor(e) {
+		super(e), this.domElementWrapper.classList.add("ICSS3DRendererWrapper"), this.domElementWrapper.style.position = "absolute", this.domElementWrapper.style.top = "0", this.domElementWrapper.style.left = "0", this.domElementWrapper.style.width = "100%", this.domElementWrapper.style.height = "100%", this.domElementWrapper.style.userSelect = "none", this.domElementWrapper.style.pointerEvents = "none", this.domElement.classList.add("ICSS3DRenderer"), this.domElement.style.position = "absolute", this.domElement.style.top = "0", this.domElement.style.left = "0", this.domElement.style.userSelect = "none", this.domElement.style.pointerEvents = "none", this.domElementWrapper.appendChild(this.domElement);
+	}
+	setWrapper(e) {
+		if (!e) throw Error("CSS3DRenderer: wrapper is required");
+		if ((() => {
+			for (let t = 0; t < e.children.length; t++) if (e.children.item(t) === this.domElementWrapper) return !0;
+			return !1;
+		})()) return;
+		let t = this.wrapper;
+		return t && t.contains(this.domElementWrapper) && this.domElementWrapper.remove(), this.appendToElement(e), this.wrapper = e, this;
+	}
+	appendToElement(e) {
+		if (this.disposed) return;
+		this.resizeDisoper?.(), e.appendChild(this.domElementWrapper);
+		let { observe: t, unobserve: n } = f(this.domElementWrapper, (e, t) => this.setSize(e, t), !0);
+		t(), this.resizeDisoper = n, this.wrapper = e;
+	}
+	renderEveryFrame(e, t) {
+		if (this.wrapper || console.warn("wrapper is not find, creating a html element and call setWrapper(wrapper)", this, e), this.disposed || this.requestAnimationFrameId !== void 0) return;
+		let n = () => {
+			this.disposed || (this.requestAnimationFrameId = requestAnimationFrame(n), e.visible && this.render(e, t));
+		};
+		n();
+	}
+	renderCss3dObjectEveryFrame(e, t) {
+		if (this.wrapper || console.warn("wrapper is not find, creating a html element and call setWrapper(wrapper)", this, e), this.disposed || this.requestAnimationFrameId !== void 0) return;
+		let n = () => {
+			this.disposed || (this.requestAnimationFrameId = requestAnimationFrame(n), Array.isArray(e) ? e.forEach((e) => {
+				e.visible && this.render(e, t);
+			}) : this.sceneRender(Array.from(typeof e == "function" ? e() : e.values()), t));
+		};
+		n();
+	}
+	stopRender() {
+		this.requestAnimationFrameId !== void 0 && (cancelAnimationFrame(this.requestAnimationFrameId), this.requestAnimationFrameId = void 0);
+	}
+	dispose() {
+		this.disposed || (this.disposed = !0, this.stopRender(), this.resizeDisoper?.(), this.resizeDisoper = void 0, this.wrapper = void 0, this.domElementWrapper.remove());
+	}
+}, m = /* @__PURE__ */ new WeakMap();
+function h(e) {
+	let t = m.get(e);
+	if (t) return t;
+	let n = document.createElement("div");
+	return n.classList.add("behindFiveElement"), Object.assign(n.style, {
+		position: "absolute",
+		top: "0",
+		left: "0",
+		width: "100%",
+		height: "100%",
+		pointerEvents: "none"
+	}), m.set(e, n), n;
+}
+function g(e) {
+	let t = _(e.getElement()) ?? _(e.getElement()?.parentElement) ?? _(e.getElement()?.parentElement?.parentElement), n = t?.parentElement;
+	if (!n || !t) {
+		console.error("Can not find a valid element to insert behindFiveElement. How to fix it: https://github.com/realsee-developer/dnalogel/tree/main/plugins/src/CSS3DRenderPlugin/README.md");
+		return;
+	}
+	let r = h(e);
+	return n.contains(r) || n.insertBefore(r, t), r;
+}
+function _(e) {
+	if (!e) return;
+	let t = e.style.position || getComputedStyle(e).position;
+	if (t !== "fixed" && t !== "absolute" && t !== "relative") return;
+	let n = getComputedStyle(e);
+	if ((n.backgroundColor === "transparent" || n.backgroundColor === "rgba(0, 0, 0, 0)" || n.backgroundColor === "") && (n.backgroundImage === "none" || n.backgroundImage === "")) return e;
+}
+//#endregion
+//#region src/shared-utils/CSS3DRender/OpacityMesh.ts
+var v = class extends i.Mesh {
+	name = "opacity-mesh";
+	constructor(e, t) {
+		let n = new i.MeshBasicMaterial({
+			opacity: 0,
+			color: 0,
+			transparent: !1,
+			side: i.DoubleSide
+		}), r = new i.PlaneGeometry(e, t);
+		super(r, n);
+	}
+	removeFromParent() {
+		let e = this.parent;
+		return e !== null && e.remove(this), this;
+	}
+}, y = 1, b = `CSS3DObjectPlus@${y}`, x = .00216, S = class extends c {
+	version = y;
+	isCSS3DObjectPlus = !0;
+	isCSS3DObject = !0;
+	name = b;
+	container;
+	width;
+	height;
+	domWidthPx;
+	domHeightPx;
+	cornerPoints;
+	centerPosition;
+	ratio;
+	mode = "front";
+	hooks = new e();
+	opacityMesh;
+	selfVisible = !0;
+	constructor(e) {
+		if (r(e.cornerPoints) && r(e.width)) throw Error("cornerPoints and width cannot be both empty");
+		let n = e.container ?? document.createElement("div"), i = e.cornerPoints ?? (() => {
+			let t = e.width / 2;
+			return [
+				new s(-t, t, 0),
+				new s(-t, -t, 0),
+				new s(t, -t, 0),
+				new s(t, t, 0)
+			];
+		})(), a = e.ratio ?? .003, o = e.dpr ?? 1, c = e.pointerEvents ?? "auto", l = Math.max(x, a), u = i[0].distanceTo(i[1]), f = i[1].distanceTo(i[2]), p = d(u / a * o), m = d(f / a * o), h = t(...i), g;
+		if (l === a) n.style.width = `${p}px`, n.style.height = `${m}px`, g = n;
+		else {
+			let e = document.createElement("div");
+			e.style.width = `${p}px`, e.style.height = `${m}px`, e.style.pointerEvents = "none";
+			let t = a / l;
+			n.style.position = "absolute", n.style.left = "0", n.style.top = "0", n.style.width = `${t * p}px`, n.style.height = `${t * m}px`, e.appendChild(n), g = e;
+		}
+		if (super(g), n.style.pointerEvents = c, Object.assign(n.style, e.style), this.scale.set(l, l, l), this.cornerPoints = i, this.ratio = a, this.container = n, e.mode && (this.mode = e.mode), l === a) this.width = u, this.height = f, this.domWidthPx = p, this.domHeightPx = m, this.centerPosition = h;
+		else {
+			let e = a / l;
+			this.width = e * u, this.height = e * f, this.domWidthPx = e * p, this.domHeightPx = e * m, this.centerPosition = new s().subVectors(h, i[0]).multiplyScalar(e).add(i[0]);
+		}
+		n.classList.add(`${b}__container`);
+		let _ = new s().subVectors(i[1], i[0]), v = new s().subVectors(i[3], i[0]), y = new s().crossVectors(_, v).normalize();
+		this.lookAt(y);
+		let S = this.up.clone().applyQuaternion(this.quaternion), C = v.clone(), w = new s().crossVectors(S, C).normalize();
+		this.rotateOnWorldAxis(w, S.angleTo(C)), this.position.copy(h), this.addEventListener("added", () => {
+			this.mode === "front" && this.opacityMesh?.removeFromParent();
+		}), this.addEventListener("removed", () => {
+			this.opacityMesh?.removeFromParent();
+		});
+	}
+	setVisible = (e) => {
+		this.selfVisible = e, this.visible = n(this.parent) && this.selfVisible, this.opacityMesh && (this.opacityMesh.visible = this.visible);
+	};
+	updateVisible = () => {
+		this.setVisible(this.selfVisible);
+	};
+	removeFromParent() {
+		let e = this.parent;
+		return e !== null && e.remove(this), this.opacityMesh?.removeFromParent(), this;
+	}
+	removeOpacityMesh() {
+		return this.opacityMesh?.removeFromParent(), this.opacityMesh = void 0, this;
+	}
+	dispose() {
+		this.container.remove(), this.removeFromParent(), this.opacityMesh?.removeFromParent();
+	}
+	getOpacityMesh() {
+		if (this.opacityMesh) return this.opacityMesh;
+		{
+			let e = this.createOpacityMesh(this);
+			return this.opacityMesh = e, e;
+		}
+	}
+	applyMatrix4(e) {
+		super.applyMatrix4(e), this.opacityMesh?.applyMatrix4(e);
+	}
+	applyQuaternion(e) {
+		return super.applyQuaternion(e), this.opacityMesh?.applyQuaternion(e), this;
+	}
+	applyScaleMatrix4(e) {
+		this.scale.applyMatrix4(e), this.opacityMesh?.scale.applyMatrix4(e);
+	}
+	createOpacityMesh = (e) => {
+		let { domWidthPx: t, domHeightPx: n } = e, r = new v(t, n);
+		return r.position.copy(e.position), r.rotation.copy(e.rotation), r.scale.copy(e.scale), r;
+	};
+};
+//#endregion
+export { d as a, p as i, v as n, c as o, g as r, l as s, S as t };
+
+//# sourceMappingURL=CSS3DObject-C9ck81UX.js.map

package/dist/internal/CSS3DObject-C9ck81UX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSS3DObject-C9ck81UX.js","names":["OpacityMesh","Subscribe","centerPoint","getObjectVisible","isNil","THREE","CSS3DObject","Object3D","element","object","CSS3DSprite","CSS3DRenderer","_this","_width","_height","_widthHalf","_heightHalf","matrix","Matrix4","cache","domElement","cameraElement","width","height","epsilon","value","getCameraCSSMatrix","elements","getObjectCSSMatrix","hideObject","objectMode","mode","i","l","hasHiddenAncestor","parent","renderObject","scene","flag","visible","camera","style","cameraCSSMatrix","cachedObject","objectData","fov","tx","ty","scenes","even","roundNum","num","config","createResizeObserver","resizeObserverHandler","observer","fireImmediately","ICSS3DRenderer","wrapper","oldWrapper","observe","unobserve","_render","behindFiveElements","getBehindFiveElement","existing","five","generateBehindFiveElement","checkElement","behind","position","OpecityMesh","material","geometry","VERSION","NAME","MinRatio","CSS3DObjectPlus","params","container","cornerPoints","halfWidth","Vector3","ratio","dpr","pointerEvents","realRatio","planeWidth","planeHeight","domWidthPx","domHeightPx","centerPosition","css3DObjectElement","scale","targetVector01","targetVector03","targetNormal","up","targetUp","rotateAxis","opacityMesh","quaternion","css3DObject","mesh"],"sources":["../../src/shared-utils/three/CSS3DRenderer/index.js","../../src/shared-utils/even.ts","../../src/shared-utils/createResizeObserver.ts","../../src/shared-utils/CSS3DRender/CSS3DRenderer.ts","../../src/CSS3DRenderPlugin/utils/generateBehindFiveElement.ts","../../src/shared-utils/CSS3DRender/OpacityMesh.ts","../../src/CSS3DRenderPlugin/utils/three/CSS3DObject.ts"],"sourcesContent":["/* eslint-disable */\n/**\n * Based on http://www.emagix.net/academic/mscs-project/item/camera-sync-with-css3-and-webgl-threejs\n * @author mrdoob / http://mrdoob.com/\n * @author yomotsu / https://yomotsu.net/\n */\n\nimport { Matrix4, Object3D } from 'three/webgpu'\n\nclass CSS3DObject extends Object3D {\n  constructor(element) {\n    super()\n\n    this.element = element\n    this.element.style.position = 'absolute'\n    this.element.style.pointerEvents = 'auto'\n    this.element.style.userSelect = 'none'\n\n    this.element.setAttribute('draggable', false)\n\n    this.addEventListener('removed', function () {\n      this.traverse(function (object) {\n        if (object.element instanceof Element && object.element.parentNode !== null) {\n          object.element.remove()\n        }\n      })\n    })\n  }\n}\n\nclass CSS3DSprite extends CSS3DObject {}\n\nlet CSS3DRenderer = function (mode /** 'front' | 'behind' */) {\n  let _this = this\n\n  let _width\n  let _height\n  let _widthHalf\n  let _heightHalf\n\n  let matrix = new Matrix4()\n\n  let cache = {\n    camera: { fov: 0, style: '' },\n    objects: new Map(),\n  }\n\n  let domElement = document.createElement('div')\n  domElement.style.overflow = 'hidden'\n\n  this.domElement = domElement\n\n  let cameraElement = document.createElement('div')\n\n  cameraElement.style.WebkitTransformStyle = 'preserve-3d'\n  cameraElement.style.transformStyle = 'preserve-3d'\n  cameraElement.style.pointerEvents = 'none'\n\n  domElement.appendChild(cameraElement)\n\n  this.getSize = function () {\n    return {\n      width: _width,\n      height: _height,\n    }\n  }\n\n  this.setSize = function (width, height) {\n    _width = width\n    _height = height\n    _widthHalf = _width / 2\n    _heightHalf = _height / 2\n\n    domElement.style.width = width + 'px'\n    domElement.style.height = height + 'px'\n\n    cameraElement.style.width = width + 'px'\n    cameraElement.style.height = height + 'px'\n  }\n\n  function epsilon(value) {\n    return Math.abs(value) < 1e-10 ? 0 : value\n  }\n\n  function getCameraCSSMatrix(matrix) {\n    let elements = matrix.elements\n\n    return (\n      'matrix3d(' +\n      epsilon(elements[0]) +\n      ',' +\n      epsilon(-elements[1]) +\n      ',' +\n      epsilon(elements[2]) +\n      ',' +\n      epsilon(elements[3]) +\n      ',' +\n      epsilon(elements[4]) +\n      ',' +\n      epsilon(-elements[5]) +\n      ',' +\n      epsilon(elements[6]) +\n      ',' +\n      epsilon(elements[7]) +\n      ',' +\n      epsilon(elements[8]) +\n      ',' +\n      epsilon(-elements[9]) +\n      ',' +\n      epsilon(elements[10]) +\n      ',' +\n      epsilon(elements[11]) +\n      ',' +\n      epsilon(elements[12]) +\n      ',' +\n      epsilon(-elements[13]) +\n      ',' +\n      epsilon(elements[14]) +\n      ',' +\n      epsilon(elements[15]) +\n      ')'\n    )\n  }\n\n  function getObjectCSSMatrix(matrix, cameraCSSMatrix) {\n    let elements = matrix.elements\n    let matrix3d =\n      'matrix3d(' +\n      epsilon(elements[0]) +\n      ',' +\n      epsilon(elements[1]) +\n      ',' +\n      epsilon(elements[2]) +\n      ',' +\n      epsilon(elements[3]) +\n      ',' +\n      epsilon(-elements[4]) +\n      ',' +\n      epsilon(-elements[5]) +\n      ',' +\n      epsilon(-elements[6]) +\n      ',' +\n      epsilon(-elements[7]) +\n      ',' +\n      epsilon(elements[8]) +\n      ',' +\n      epsilon(elements[9]) +\n      ',' +\n      epsilon(elements[10]) +\n      ',' +\n      epsilon(elements[11]) +\n      ',' +\n      epsilon(elements[12]) +\n      ',' +\n      epsilon(elements[13]) +\n      ',' +\n      epsilon(elements[14]) +\n      ',' +\n      epsilon(elements[15]) +\n      ')'\n\n    return 'translate(-50%,-50%)' + matrix3d\n  }\n\n  function hideObject(object) {\n    if (object.isCSS3DObject) {\n      const objectMode = object.mode ?? 'front'\n      if (!mode || objectMode === mode) {\n        object.element.style.display = 'none'\n      }\n    }\n\n    for (let i = 0, l = object.children.length; i < l; i++) {\n      hideObject(object.children[i])\n    }\n  }\n\n  // Registered CSS roots can be children of a normal Three Group. Rendering\n  // one directly must still respect that group's visibility, including a root\n  // registered or populated after the group was hidden.\n  function hasHiddenAncestor(object) {\n    for (let parent = object.parent; parent; parent = parent.parent) {\n      if (parent.visible === false) return true\n    }\n    return false\n  }\n\n  function renderObject(object, scene, camera, cameraCSSMatrix, flag) {\n    if (object.visible === false || (object === scene && hasHiddenAncestor(object))) {\n      hideObject(object)\n\n      return\n    }\n\n    if (object.isCSS3DObject) {\n      const objectMode = object.mode ?? 'front'\n      if (mode && objectMode !== mode) return\n      object.flag = flag\n\n      const visible = object.layers.test(camera.layers) === true\n\n      const element = object.element\n      element.style.display = visible === true ? '' : 'none'\n\n      if (visible) {\n        object.onBeforeRender(_this, scene, camera)\n\n        let style\n\n        if (object.isCSS3DSprite) {\n          // http://swiftcoder.wordpress.com/2008/11/25/constructing-a-billboard-matrix/\n\n          matrix.copy(camera.matrixWorldInverse)\n          matrix.transpose()\n          matrix.copyPosition(object.matrixWorld)\n          matrix.scale(object.scale)\n\n          matrix.elements[3] = 0\n          matrix.elements[7] = 0\n          matrix.elements[11] = 0\n          matrix.elements[15] = 1\n\n          style = getObjectCSSMatrix(matrix, cameraCSSMatrix)\n        } else {\n          style = getObjectCSSMatrix(object.matrixWorld, cameraCSSMatrix)\n        }\n\n        let cachedObject = cache.objects.get(object)\n\n        if (cachedObject === undefined || cachedObject.style !== style) {\n          element.style.WebkitTransform = style\n          element.style.transform = style\n\n          let objectData = { style: style }\n\n          cache.objects.set(object, objectData)\n        }\n\n        element.style.display = object.visible ? '' : 'none'\n\n        if (element.parentNode !== cameraElement) {\n          cameraElement.appendChild(element)\n        }\n\n        object.onAfterRender(_this, scene, camera)\n      }\n    }\n\n    for (let i = 0, l = object.children.length; i < l; i++) {\n      renderObject(object.children[i], scene, camera, cameraCSSMatrix, flag)\n    }\n  }\n\n  this.render = function (scene, camera) {\n    let fov = camera.projectionMatrix.elements[5] * _heightHalf\n\n    if (cache.camera.fov !== fov) {\n      if (camera.isPerspectiveCamera) {\n        domElement.style.WebkitPerspective = fov + 'px'\n        domElement.style.perspective = fov + 'px'\n      } else {\n        domElement.style.WebkitPerspective = ''\n        domElement.style.perspective = ''\n      }\n\n      cache.camera.fov = fov\n    }\n\n    if (scene.matrixWorldAutoUpdate === true) scene.updateMatrixWorld()\n    if (camera.parent === null) camera.updateMatrixWorld()\n\n    if (camera.isOrthographicCamera) {\n      var tx = -(camera.right + camera.left) / 2\n      var ty = (camera.top + camera.bottom) / 2\n    }\n\n    let cameraCSSMatrix = camera.isOrthographicCamera\n      ? 'scale(' +\n        fov +\n        ')' +\n        'translate(' +\n        epsilon(tx) +\n        'px,' +\n        epsilon(ty) +\n        'px)' +\n        getCameraCSSMatrix(camera.matrixWorldInverse)\n      : 'translateZ(' + fov + 'px)' + getCameraCSSMatrix(camera.matrixWorldInverse)\n\n    let style = cameraCSSMatrix + 'translate(' + _widthHalf + 'px,' + _heightHalf + 'px)'\n\n    if (cache.camera.style !== style) {\n      cameraElement.style.WebkitTransform = style\n      cameraElement.style.transform = style\n\n      cache.camera.style = style\n    }\n\n    const flag = scene.uuid + '_' + performance.now().toString()\n    renderObject(scene, scene, camera, cameraCSSMatrix, flag)\n\n    cache.objects.forEach(function (objectData, object) {\n      if (object.flag !== flag) {\n        // Another renderer may already own this object's DOM after reparenting.\n        if (object.element.parentNode === cameraElement) object.element.remove()\n        cache.objects.delete(object)\n      }\n    })\n  }\n\n  this.sceneRender = function (scenes, camera) {\n    let fov = camera.projectionMatrix.elements[5] * _heightHalf\n\n    if (cache.camera.fov !== fov) {\n      if (camera.isPerspectiveCamera) {\n        domElement.style.WebkitPerspective = fov + 'px'\n        domElement.style.perspective = fov + 'px'\n      } else {\n        domElement.style.WebkitPerspective = ''\n        domElement.style.perspective = ''\n      }\n\n      cache.camera.fov = fov\n    }\n\n    // if (scene.autoUpdate === true) scene.updateMatrixWorld()\n    if (camera.parent === null) camera.updateMatrixWorld()\n\n    if (camera.isOrthographicCamera) {\n      var tx = -(camera.right + camera.left) / 2\n      var ty = (camera.top + camera.bottom) / 2\n    }\n\n    let cameraCSSMatrix = camera.isOrthographicCamera\n      ? 'scale(' +\n        fov +\n        ')' +\n        'translate(' +\n        epsilon(tx) +\n        'px,' +\n        epsilon(ty) +\n        'px)' +\n        getCameraCSSMatrix(camera.matrixWorldInverse)\n      : 'translateZ(' + fov + 'px)' + getCameraCSSMatrix(camera.matrixWorldInverse)\n\n    let style = cameraCSSMatrix + 'translate(' + _widthHalf + 'px,' + _heightHalf + 'px)'\n\n    if (cache.camera.style !== style) {\n      cameraElement.style.WebkitTransform = style\n      cameraElement.style.transform = style\n\n      cache.camera.style = style\n    }\n    const flag = performance.now().toString()\n\n    scenes.forEach((scene) => {\n      if (scene.matrixWorldAutoUpdate === true) scene.updateMatrixWorld()\n      renderObject(scene, scene, camera, cameraCSSMatrix, flag)\n    })\n\n    cache.objects.forEach(function (objectData, object) {\n      if (object.flag !== flag) {\n        // Another renderer may already own this object's DOM after reparenting.\n        if (object.element.parentNode === cameraElement) object.element.remove()\n        cache.objects.delete(object)\n      }\n    })\n  }\n}\n\nexport { CSS3DRenderer, CSS3DObject, CSS3DSprite }\n","/**\n * @description: 获取一个数字的最近的偶数\n * @param { number } num\n * @param { boolean } config.floor 是否取较小的偶数，默认为false，即取较大的偶数\n * @return { number } 返回一个偶数\n */\nexport function even(num: number, config?: { floor?: boolean }): number {\n  const roundNum = Math.round(num)\n  return roundNum % 2 === 0 ? roundNum : roundNum + Number(config?.floor ? -1 : 1)\n}\n","import { even } from './even'\n\nexport default function createResizeObserver(\n  element: Element,\n  resizeHandler: (width: number, height: number) => any,\n  fireImmediately = true,\n) {\n  if (!element) {\n    console.error('createResizeObserver: element is undefined')\n    return { observe: () => {}, unobserve: () => {} }\n  }\n\n  const resizeObserverHandler = () => {\n    /**\n     * 这里even策略是遇到奇数会加1，在某些浏览器中会触发滚动条显示，导致fiveElement变小，fiveElement变小又触发了这里的resize，宽高变小，滚动条消失，然后又触发resize。。。无限循环\n     * 所以为了规避上面这种情况，even设置了一个参数，遇到奇数可选择减一\n     */\n    const width = even(element.clientWidth, { floor: true })\n    const height = even(element.clientHeight, { floor: true })\n    resizeHandler(width, height)\n  }\n\n  if (typeof ResizeObserver === 'undefined' || !ResizeObserver) {\n    console.warn('createResizeObserver: ResizeObserver is undefined')\n    return { observe: () => resizeObserverHandler(), unobserve: () => {} }\n  }\n\n  const observer = new ResizeObserver(resizeObserverHandler)\n  if (fireImmediately) resizeObserverHandler()\n  return {\n    observe: () => observer.observe(element),\n    unobserve: () => observer.unobserve(element),\n  }\n}\n","import type * as THREE from 'three/webgpu'\nimport { CSS3DRenderer } from '../three/CSS3DRenderer' // version 117\nimport createResizeObserver from '../createResizeObserver'\nimport type { CSS3DObjectPlus } from './CSS3DObject'\n\nexport class ICSS3DRenderer extends CSS3DRenderer {\n  public wrapper?: Element\n\n  public domElementWrapper = document.createElement('div')\n\n  private requestAnimationFrameId?: number\n\n  private resizeDisoper?: () => void\n\n  private disposed = false\n\n  public constructor(mode?: 'front' | 'behind') {\n    super(mode)\n    this.domElementWrapper.classList.add('ICSS3DRendererWrapper')\n    this.domElementWrapper.style.position = 'absolute'\n    this.domElementWrapper.style.top = '0'\n    this.domElementWrapper.style.left = '0'\n    this.domElementWrapper.style.width = '100%'\n    this.domElementWrapper.style.height = '100%'\n    this.domElementWrapper.style.userSelect = 'none'\n    this.domElementWrapper.style.pointerEvents = 'none'\n\n    this.domElement.classList.add('ICSS3DRenderer')\n    this.domElement.style.position = 'absolute'\n    this.domElement.style.top = '0'\n    this.domElement.style.left = '0'\n    this.domElement.style.userSelect = 'none'\n    this.domElement.style.pointerEvents = 'none'\n\n    this.domElementWrapper.appendChild(this.domElement)\n  }\n\n  public setWrapper(wrapper: Element) {\n    if (!wrapper) throw new Error('CSS3DRenderer: wrapper is required')\n\n    const contain = (() => {\n      for (let i = 0; i < wrapper.children.length; i++) {\n        const child = wrapper.children.item(i)\n        if (child === this.domElementWrapper) return true\n      }\n      return false\n    })()\n    if (contain) return\n\n    const oldWrapper = this.wrapper\n    if (oldWrapper) {\n      if (oldWrapper.contains(this.domElementWrapper)) {\n        this.domElementWrapper.remove()\n      }\n    }\n    this.appendToElement(wrapper)\n    this.wrapper = wrapper\n    return this\n  }\n\n  public appendToElement(wrapper: Element) {\n    if (this.disposed) return\n    this.resizeDisoper?.()\n    wrapper.appendChild(this.domElementWrapper)\n    const reSize = (width: number, height: number) => this.setSize(width, height)\n    const { observe, unobserve } = createResizeObserver(this.domElementWrapper, reSize, true)\n    observe()\n    this.resizeDisoper = unobserve\n    this.wrapper = wrapper\n  }\n\n  public renderEveryFrame(scene: THREE.Scene, camera: THREE.Camera) {\n    if (!this.wrapper)\n      console.warn('wrapper is not find, creating a html element and call setWrapper(wrapper)', this, scene)\n    if (this.disposed || this.requestAnimationFrameId !== undefined) return\n    const _render = () => {\n      if (this.disposed) return\n      this.requestAnimationFrameId = requestAnimationFrame(_render)\n      if (!scene.visible) return\n      this.render(scene, camera)\n    }\n    _render()\n  }\n\n  public renderCss3dObjectEveryFrame(\n    scenes:\n      | THREE.Scene[]\n      | Map<string, THREE.Scene | CSS3DObjectPlus>\n      | (() => Iterable<THREE.Scene | CSS3DObjectPlus>),\n    camera: THREE.Camera,\n  ) {\n    if (!this.wrapper)\n      console.warn('wrapper is not find, creating a html element and call setWrapper(wrapper)', this, scenes)\n    if (this.disposed || this.requestAnimationFrameId !== undefined) return\n    const _render = () => {\n      if (this.disposed) return\n      this.requestAnimationFrameId = requestAnimationFrame(_render)\n\n      if (Array.isArray(scenes)) {\n        // 处理数组形式\n        scenes.forEach((scene) => {\n          if (scene.visible) {\n            this.render(scene, camera)\n          }\n        })\n      } else {\n        // 处理 Map 对象形式\n        this.sceneRender(Array.from(typeof scenes === 'function' ? scenes() : scenes.values()) as any, camera)\n      }\n    }\n    _render()\n  }\n\n  public stopRender() {\n    if (this.requestAnimationFrameId !== undefined) {\n      cancelAnimationFrame(this.requestAnimationFrameId)\n      this.requestAnimationFrameId = undefined\n    }\n  }\n\n  public dispose() {\n    if (this.disposed) return\n    this.disposed = true\n    this.stopRender()\n    this.resizeDisoper?.()\n    this.resizeDisoper = undefined\n    this.wrapper = undefined\n    this.domElementWrapper.remove()\n  }\n}\n","import type { Five } from '@realsee/five-webgpu'\n\nconst behindFiveElements = new WeakMap<Five, HTMLDivElement>()\n\nfunction getBehindFiveElement(five: Five) {\n  const existing = behindFiveElements.get(five)\n  if (existing) return existing\n  const element = document.createElement('div')\n  element.classList.add('behindFiveElement')\n  Object.assign(element.style, {\n    position: 'absolute',\n    top: '0',\n    left: '0',\n    width: '100%',\n    height: '100%',\n    pointerEvents: 'none',\n  })\n  behindFiveElements.set(five, element)\n  return element\n}\n\nexport default function generateBehindFiveElement(five: Five) {\n  const element =\n    checkElement(five.getElement()) ??\n    checkElement(five.getElement()?.parentElement) ??\n    checkElement(five.getElement()?.parentElement?.parentElement)\n  const wrapper = element?.parentElement\n  if (!wrapper || !element) {\n    console.error(\n      'Can not find a valid element to insert behindFiveElement. How to fix it: https://github.com/realsee-developer/dnalogel/tree/main/plugins/src/CSS3DRenderPlugin/README.md',\n    )\n    return\n  }\n\n  const behind = getBehindFiveElement(five)\n  if (!wrapper.contains(behind)) wrapper.insertBefore(behind, element)\n  return behind\n}\n\nfunction checkElement(element?: HTMLElement | null) {\n  if (!element) return\n\n  const position = element.style.position || getComputedStyle(element).position\n  if (position !== 'fixed' && position !== 'absolute' && position !== 'relative') return\n\n  const style = getComputedStyle(element)\n  const backgroundNotTransparent =\n    style.backgroundColor !== 'transparent' &&\n    style.backgroundColor !== 'rgba(0, 0, 0, 0)' &&\n    style.backgroundColor !== ''\n  if (backgroundNotTransparent) return\n  if (style.backgroundImage !== 'none' && style.backgroundImage !== '') return\n  return element\n}\n\nexport { generateBehindFiveElement }\n","import * as THREE from 'three/webgpu'\n\nexport default class OpecityMesh extends THREE.Mesh {\n  public name = 'opacity-mesh'\n\n  public constructor(width: number, height: number) {\n    const material = new THREE.MeshBasicMaterial({ opacity: 0, color: 0x000000, transparent: false, side: THREE.DoubleSide })\n    const geometry = new THREE.PlaneGeometry(width, height)\n    super(geometry, material)\n  }\n\n  public removeFromParent() {\n    const parent = this.parent\n\n    if (parent !== null) {\n      parent.remove(this)\n    }\n\n    return this\n  }\n}\n","import type { Matrix4, Quaternion, Scene } from 'three/webgpu'\nimport { Vector3 } from 'three/webgpu'\nimport { even } from '../../../shared-utils/even'\nimport { Subscribe } from '../../../shared-utils/Subscribe'\nimport OpacityMesh from '../../../shared-utils/CSS3DRender/OpacityMesh'\nimport { centerPoint } from '../../../shared-utils/three/centerPoint'\nimport { getObjectVisible } from '../../../shared-utils/three/getObjectVisible'\nimport { isNil } from '../../../shared-utils'\nimport { CSS3DObject } from '../../../shared-utils/three/CSS3DRenderer'\n\n/**\n * @changelog\n *  - 1: Fix rotate\n *  - 0: Add `applyScaleMatrix4` method, Rewrite `applyQuaternion` and `applyMatrix4` method\n */\nconst VERSION = 1\n\nconst NAME = `CSS3DObjectPlus@${VERSION}`\n\nexport const MinRatio = 0.00216\n\nexport const DefaultRatio = 0.003\n\nexport type Mode = 'front' | 'behind'\n\nexport type CornerPoints = [Vector3, Vector3, Vector3, Vector3]\n\n\nexport type CSS3DRenderEventMap = {\n  applyMatrix4: (matrix: Matrix4) => void\n  applyQuaternion: (quaternion: Quaternion) => void\n  applyScaleMatrix4: (matrix: Matrix4) => void\n}\n\nexport class CSS3DObjectPlus<T extends HTMLElement = HTMLElement> extends CSS3DObject {\n  public version = VERSION\n  public readonly isCSS3DObjectPlus: true = true\n  public readonly isCSS3DObject: true = true\n  public name: string = NAME\n\n  public container: T\n  public width: number\n  public height: number\n  public domWidthPx: number\n  public domHeightPx: number\n  public cornerPoints: CornerPoints\n  public centerPosition: Vector3\n  public ratio: number\n  public mode: 'front' | 'behind' = 'front'\n\n  public readonly hooks: Subscribe<CSS3DRenderEventMap> = new Subscribe()\n\n  public opacityMesh?: OpacityMesh\n\n  private selfVisible = true\n\n  public constructor(params: {\n    container?: T\n    mode?: 'front' | 'behind'\n    width?: number\n    cornerPoints?: CornerPoints\n    ratio?: number\n    dpr?: number\n    pointerEvents?: 'none' | 'auto'\n    style?: Partial<CSSStyleDeclaration>\n  }) {\n    if (isNil(params.cornerPoints) && isNil(params.width)) {\n      throw new Error('cornerPoints and width cannot be both empty')\n    }\n    const container = params.container ?? (document.createElement('div') as unknown as T)\n    const cornerPoints =\n      params.cornerPoints ??\n      (() => {\n        const halfWidth = params.width / 2\n        return [\n          new Vector3(-halfWidth, halfWidth, 0),\n          new Vector3(-halfWidth, -halfWidth, 0),\n          new Vector3(halfWidth, -halfWidth, 0),\n          new Vector3(halfWidth, halfWidth, 0),\n        ]\n      })()\n    const ratio = params.ratio ?? DefaultRatio\n    const dpr = params.dpr ?? 1\n    const pointerEvents = params.pointerEvents ?? 'auto'\n\n    const realRatio = Math.max(MinRatio, ratio)\n    const planeWidth = cornerPoints[0].distanceTo(cornerPoints[1])\n    const planeHeight = cornerPoints[1].distanceTo(cornerPoints[2])\n    const domWidthPx = even((planeWidth / ratio) * dpr)\n    const domHeightPx = even((planeHeight / ratio) * dpr)\n    const centerPosition = centerPoint(...cornerPoints)\n\n    let css3DObjectElement: HTMLElement\n\n    if (realRatio === ratio) {\n      container.style.width = `${domWidthPx}px`\n      container.style.height = `${domHeightPx}px`\n\n      css3DObjectElement = container\n    } else {\n      // 兼容ratio小于0.00216的情况\n      const element = document.createElement('div')\n      element.style.width = `${domWidthPx}px`\n      element.style.height = `${domHeightPx}px`\n      element.style.pointerEvents = 'none'\n\n      const scale = ratio / realRatio\n      container.style.position = 'absolute'\n      container.style.left = '0'\n      container.style.top = '0'\n      container.style.width = `${scale * domWidthPx}px`\n      container.style.height = `${scale * domHeightPx}px`\n      element.appendChild(container)\n\n      css3DObjectElement = element\n    }\n\n    super(css3DObjectElement)\n\n    // 注意设置pointerEvents要在super之后，否则会被覆盖\n    container.style.pointerEvents = pointerEvents\n    Object.assign(container.style, params.style)\n\n    this.scale.set(realRatio, realRatio, realRatio)\n\n    // set public property\n    this.cornerPoints = cornerPoints\n    this.ratio = ratio\n    this.container = container\n    if (params.mode) this.mode = params.mode\n\n    if (realRatio === ratio) {\n      this.width = planeWidth\n      this.height = planeHeight\n      this.domWidthPx = domWidthPx\n      this.domHeightPx = domHeightPx\n      this.centerPosition = centerPosition\n    } else {\n      const scale = ratio / realRatio\n\n      this.width = scale * planeWidth\n      this.height = scale * planeHeight\n      this.domWidthPx = scale * domWidthPx\n      this.domHeightPx = scale * domHeightPx\n      this.centerPosition = new Vector3().subVectors(centerPosition, cornerPoints[0]).multiplyScalar(scale).add(cornerPoints[0])\n    }\n    // end\n\n    container.classList.add(`${NAME}__container`)\n\n    const targetVector01 = new Vector3().subVectors(cornerPoints[1], cornerPoints[0]) // 点0 -> 点1 的向量\n    const targetVector03 = new Vector3().subVectors(cornerPoints[3], cornerPoints[0]) // 点0 -> 点3 的向量\n\n    // 旋转法向量\n    const targetNormal = new Vector3().crossVectors(targetVector01, targetVector03).normalize() // 旋转后的法向量\n    this.lookAt(targetNormal)\n\n    // 绕法向量旋转\n    const up = this.up.clone().applyQuaternion(this.quaternion)\n    const targetUp = targetVector03.clone()\n    const rotateAxis = new Vector3().crossVectors(up, targetUp).normalize() // 计算旋转轴\n    this.rotateOnWorldAxis(rotateAxis, up.angleTo(targetUp))\n\n    // set position\n    this.position.copy(centerPosition)\n\n    // listener\n    this.addEventListener('added', () => {\n      if (this.mode === 'front') this.opacityMesh?.removeFromParent()\n    })\n\n    this.addEventListener('removed', () => {\n      this.opacityMesh?.removeFromParent()\n    })\n  }\n\n  public setVisible = (visible: boolean) => {\n    this.selfVisible = visible\n\n    this.visible = getObjectVisible(this.parent) && this.selfVisible\n\n    if (this.opacityMesh) this.opacityMesh.visible = this.visible\n  }\n\n  public updateVisible = () => {\n    this.setVisible(this.selfVisible)\n  }\n\n  public removeFromParent() {\n    const parent = this.parent\n    if (parent !== null) {\n      parent.remove(this)\n    }\n    this.opacityMesh?.removeFromParent()\n    return this\n  }\n\n  public removeOpacityMesh() {\n    this.opacityMesh?.removeFromParent()\n    this.opacityMesh = undefined\n    return this\n  }\n\n  public dispose() {\n    this.container.remove()\n    this.removeFromParent()\n    this.opacityMesh?.removeFromParent()\n  }\n\n  public getOpacityMesh() {\n    if (this.opacityMesh) return this.opacityMesh\n    else {\n      const opacityMesh = this.createOpacityMesh(this)\n      this.opacityMesh = opacityMesh\n      return opacityMesh\n    }\n  }\n\n  public applyMatrix4(matrix: Matrix4): void {\n    super.applyMatrix4(matrix)\n    this.opacityMesh?.applyMatrix4(matrix)\n  }\n\n  public applyQuaternion(quaternion: Quaternion) {\n    super.applyQuaternion(quaternion)\n    this.opacityMesh?.applyQuaternion(quaternion)\n    return this\n  }\n\n  public applyScaleMatrix4(matrix: Matrix4) {\n    this.scale.applyMatrix4(matrix)\n    this.opacityMesh?.scale.applyMatrix4(matrix)\n  }\n\n  /**\n   * @description: 生成透明Mesh\n   */\n  private createOpacityMesh = (css3DObject: CSS3DObjectPlus) => {\n    const { domWidthPx, domHeightPx } = css3DObject\n    const mesh = new OpacityMesh(domWidthPx, domHeightPx)\n    mesh.position.copy(css3DObject.position)\n    mesh.rotation.copy(css3DObject.rotation)\n    mesh.scale.copy(css3DObject.scale)\n    return mesh\n  }\n}\n"],"mappings":"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"}