@realsee/five-webgpu 1.0.0-alpha.12 → 1.0.0-alpha.14

package/plugins/thirdParty/CSS2DRenderer.mjs

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five-webgpu
- * Generated: 2026/10/29
- * Version: 1.0.0-alpha.12
+ * Generated: 2026/11/3
+ * Version: 1.0.0-alpha.14
  * License:
  * Realsee SDK License Agreement
 
@@ -335,4 +335,4 @@
  * writing and signed by Realsee. You and Realsee hereto confirm that this 
  * Agreement and all related documents shall be drafted in English.
 
-*/import{Matrix4 as e,Object3D as t,Vector2 as n,Vector3 as r}from"three/webgpu";var i=class extends t{constructor(e=document.createElement(`div`)){super(),this.isCSS2DObject=!0,this.element=e,this.element.style.position=`absolute`,this.element.style.userSelect=`none`,this.element.setAttribute(`draggable`,!1),this.center=new n(.5,.5),this.addEventListener(`removed`,function(){this.traverse(function(e){e.element&&e.element instanceof Element&&e.element.parentNode!==null&&e.element.remove()})})}copy(e,t){return super.copy(e,t),this.element=e.element.cloneNode(!0),this.center=e.center.clone(),this}},a=new r,o=new e,s=new e,c=new r,l=new r,u=class{constructor(e={}){let t=this,n,r,i,u,d={objects:new WeakMap},f=e.element===void 0?document.createElement(`div`):e.element;f.style.overflow=`hidden`,this.domElement=f,this.sortObjects=!0,this.getSize=function(){return{width:n,height:r}},this.render=function(e,n){e.updateMatrixWorld(),n.parent===null&&n.updateMatrixWorld(),o.copy(n.matrixWorldInverse),s.multiplyMatrices(n.projectionMatrix,o),m(e,e,n),t.sortObjects&&_(e)},this.setSize=function(e,t){n=e,r=t,i=n/2,u=r/2,f.style.width=e+`px`,f.style.height=t+`px`};function p(e){e.isCSS2DObject&&(e.element.style.display=`none`);for(let t=0,n=e.children.length;t<n;t++)p(e.children[t])}function m(e,n,r){if(e.visible===!1){p(e);return}if(e.isCSS2DObject){a.setFromMatrixPosition(e.matrixWorld),a.applyMatrix4(s);let o=a.z>=-1&&a.z<=1&&e.layers.test(r.layers)===!0,c=e.element;c.style.display=o===!0?``:`none`,o===!0&&(e.onBeforeRender(t,n,r),c.style.transform=`translate(`+-100*e.center.x+`%,`+-100*e.center.y+`%)translate(`+(a.x*i+i)+`px,`+(-a.y*u+u)+`px)`,c.parentNode!==f&&f.appendChild(c),e.onAfterRender(t,n,r));let l={distanceToCameraSquared:h(r,e)};d.objects.set(e,l)}for(let t=0,i=e.children.length;t<i;t++)m(e.children[t],n,r)}function h(e,t){return c.setFromMatrixPosition(e.matrixWorld),l.setFromMatrixPosition(t.matrixWorld),c.distanceToSquared(l)}function g(e){let t=[];return e.traverseVisible(function(e){e.isCSS2DObject&&t.push(e)}),t}function _(e){let t=g(e).sort(function(e,t){return e.renderOrder===t.renderOrder?d.objects.get(e).distanceToCameraSquared-d.objects.get(t).distanceToCameraSquared:t.renderOrder-e.renderOrder}),n=t.length;for(let e=0,r=t.length;e<r;e++)t[e].element.style.zIndex=n-e}}};export{i as CSS2DObject,u as CSS2DRenderer};
+*/import{Matrix4,Object3D,Vector2,Vector3}from"three/webgpu";var CSS2DObject=class extends Object3D{constructor(element=document.createElement(`div`)){super(),this.isCSS2DObject=!0,this.element=element,this.element.style.position=`absolute`,this.element.style.userSelect=`none`,this.element.setAttribute(`draggable`,!1),this.center=new Vector2(.5,.5),this.addEventListener(`removed`,function(){this.traverse(function(object){object.element&&object.element instanceof Element&&object.element.parentNode!==null&&object.element.remove()})})}copy(source,recursive){return super.copy(source,recursive),this.element=source.element.cloneNode(!0),this.center=source.center.clone(),this}},_vector=new Vector3,_viewMatrix=new Matrix4,_viewProjectionMatrix=new Matrix4,_a=new Vector3,_b=new Vector3,CSS2DRenderer=class{constructor(parameters={}){let _this=this,_width,_height,_widthHalf,_heightHalf,cache={objects:new WeakMap},domElement=parameters.element===void 0?document.createElement(`div`):parameters.element;domElement.style.overflow=`hidden`,this.domElement=domElement,this.sortObjects=!0,this.getSize=function(){return{width:_width,height:_height}},this.render=function(scene,camera){scene.updateMatrixWorld(),camera.parent===null&&camera.updateMatrixWorld(),_viewMatrix.copy(camera.matrixWorldInverse),_viewProjectionMatrix.multiplyMatrices(camera.projectionMatrix,_viewMatrix),renderObject(scene,scene,camera),_this.sortObjects&&zOrder(scene)},this.setSize=function(width,height){_width=width,_height=height,_widthHalf=_width/2,_heightHalf=_height/2,domElement.style.width=width+`px`,domElement.style.height=height+`px`};function hideObject(object){object.isCSS2DObject&&(object.element.style.display=`none`);for(let i=0,l=object.children.length;i<l;i++)hideObject(object.children[i])}function renderObject(object,scene,camera){if(object.visible===!1){hideObject(object);return}if(object.isCSS2DObject){_vector.setFromMatrixPosition(object.matrixWorld),_vector.applyMatrix4(_viewProjectionMatrix);let visible=_vector.z>=-1&&_vector.z<=1&&object.layers.test(camera.layers)===!0,element=object.element;element.style.display=visible===!0?``:`none`,visible===!0&&(object.onBeforeRender(_this,scene,camera),element.style.transform=`translate(`+-100*object.center.x+`%,`+-100*object.center.y+`%)translate(`+(_vector.x*_widthHalf+_widthHalf)+`px,`+(-_vector.y*_heightHalf+_heightHalf)+`px)`,element.parentNode!==domElement&&domElement.appendChild(element),object.onAfterRender(_this,scene,camera));let objectData={distanceToCameraSquared:getDistanceToSquared(camera,object)};cache.objects.set(object,objectData)}for(let i=0,l=object.children.length;i<l;i++)renderObject(object.children[i],scene,camera)}function getDistanceToSquared(object1,object2){return _a.setFromMatrixPosition(object1.matrixWorld),_b.setFromMatrixPosition(object2.matrixWorld),_a.distanceToSquared(_b)}function filterAndFlatten(scene){let result=[];return scene.traverseVisible(function(object){object.isCSS2DObject&&result.push(object)}),result}function zOrder(scene){let sorted=filterAndFlatten(scene).sort(function(a,b){return a.renderOrder===b.renderOrder?cache.objects.get(a).distanceToCameraSquared-cache.objects.get(b).distanceToCameraSquared:b.renderOrder-a.renderOrder}),zMax=sorted.length;for(let i=0,l=sorted.length;i<l;i++)sorted[i].element.style.zIndex=zMax-i}}};export{CSS2DObject,CSS2DRenderer};

package/plugins/thirdParty/CSS3DRenderer.js

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five-webgpu
- * Generated: 2026/10/29
- * Version: 1.0.0-alpha.12
+ * Generated: 2026/11/3
+ * Version: 1.0.0-alpha.14
  * License:
  * Realsee SDK License Agreement
 
@@ -335,4 +335,4 @@
  * writing and signed by Realsee. You and Realsee hereto confirm that this 
  * Agreement and all related documents shall be drafted in English.
 
-*/let e=require("three/webgpu");var t=new e.Vector3,n=new e.Quaternion,r=new e.Vector3,i=class extends e.Object3D{constructor(e=document.createElement(`div`)){super(),this.isCSS3DObject=!0,this.element=e,this.element.style.position=`absolute`,this.element.style.userSelect=`none`,this.element.setAttribute(`draggable`,!1),this.addEventListener(`removed`,function(){this.traverse(function(e){e.element&&e.element instanceof Element&&e.element.parentNode!==null&&e.element.remove()})})}copy(e,t){return super.copy(e,t),this.element=e.element.cloneNode(!0),this}},a=class extends i{constructor(e){super(e),this.isCSS3DSprite=!0,this.rotation2D=0}copy(e,t){return super.copy(e,t),this.rotation2D=e.rotation2D,this}},o=new e.Matrix4,s=new e.Matrix4,c=class{constructor(e={}){let i=this,a,c,l,u,d={camera:{style:``},objects:new WeakMap},f=e.element===void 0?document.createElement(`div`):e.element;f.style.overflow=`hidden`,this.domElement=f;let p=document.createElement(`div`);p.style.transformOrigin=`0 0`,p.style.pointerEvents=`none`,f.appendChild(p);let m=document.createElement(`div`);m.style.transformStyle=`preserve-3d`,p.appendChild(m),this.getSize=function(){return{width:a,height:c}};let h=!0,g=new Set;this.markDirty=function(){h=!0},this.updateSpriteSet=function(e){g.clear(),e.traverse(function(e){e.isCSS3DSprite&&g.add(e)})};function _(e,a,c){if(e.visible===!1)return;let l=e.layers.test(c.layers)===!0,u=e.element;if(u.style.display=l===!0?``:`none`,l===!0){e.onBeforeRender(i,a,c),o.copy(c.matrixWorldInverse),o.transpose(),e.rotation2D!==0&&o.multiply(s.makeRotationZ(e.rotation2D)),e.matrixWorld.decompose(t,n,r),o.setPosition(t),o.scale(r),o.elements[3]=0,o.elements[7]=0,o.elements[11]=0,o.elements[15]=1;let l=b(o),f=d.objects.get(e);(f===void 0||f.style!==l)&&(u.style.transform=l,d.objects.set(e,{style:l})),u.parentNode!==m&&m.appendChild(u),e.onAfterRender(i,a,c)}}this.render=function(e,t){let n=t.projectionMatrix.elements[5]*u;e.updateMatrixWorld(),t.parent===null&&t.updateMatrixWorld();let r,i;t.isOrthographicCamera&&(r=-(t.right+t.left)/2,i=(t.top+t.bottom)/2);let a=t.isOrthographicCamera?`scale(`+n+`)translate(`+v(r)+`px,`+v(i)+`px)`+y(t.matrixWorldInverse):`translateZ(`+n+`px)`+y(t.matrixWorldInverse),o=(t.isPerspectiveCamera?`perspective(`+n+`px) `:``)+a+` translate(`+l+`px,`+u+`px)`;if(d.camera.style!==o&&(m.style.transform=o,d.camera.style=o),h)S(e,e,t,a),h=!1;else if(g.size>0)for(let n of g)_(n,e,t)},this.setSize=function(e,t){a=e,c=t,l=a/2,u=c/2,f.style.width=e+`px`,f.style.height=t+`px`,p.style.width=e+`px`,p.style.height=t+`px`,m.style.width=e+`px`,m.style.height=t+`px`};function v(e){return Math.abs(e)<1e-10?0:e}function y(e){let t=e.elements;return`matrix3d(`+v(t[0])+`,`+v(-t[1])+`,`+v(t[2])+`,`+v(t[3])+`,`+v(t[4])+`,`+v(-t[5])+`,`+v(t[6])+`,`+v(t[7])+`,`+v(t[8])+`,`+v(-t[9])+`,`+v(t[10])+`,`+v(t[11])+`,`+v(t[12])+`,`+v(-t[13])+`,`+v(t[14])+`,`+v(t[15])+`)`}function b(e){let t=e.elements;return`translate(-50%,-50%) matrix3d(${[t[0],t[1],t[2],t[3],-t[4],-t[5],-t[6],-t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15]].map(e=>Math.abs(e)<1e-10?0:e).join(`,`)})`}function x(e){e.isCSS3DObject&&(e.element.style.display=`none`);for(let t=0,n=e.children.length;t<n;t++)x(e.children[t])}function S(e,a,c,l){if(e.visible===!1){x(e);return}if(e.isCSS3DObject){let l=e.layers.test(c.layers)===!0,u=e.element;if(u.style.display=l===!0?``:`none`,l===!0){e.onBeforeRender(i,a,c);let l;e.isCSS3DSprite?(o.copy(c.matrixWorldInverse),o.transpose(),e.rotation2D!==0&&o.multiply(s.makeRotationZ(e.rotation2D)),e.matrixWorld.decompose(t,n,r),o.setPosition(t),o.scale(r),o.elements[3]=0,o.elements[7]=0,o.elements[11]=0,o.elements[15]=1,l=b(o)):l=b(e.matrixWorld);let f=d.objects.get(e);if(f===void 0||f.style!==l){u.style.transform=l;let t={style:l};d.objects.set(e,t)}u.parentNode!==m&&m.appendChild(u),e.onAfterRender(i,a,c)}}for(let t=0,n=e.children.length;t<n;t++)S(e.children[t],a,c,l)}}};exports.CSS3DObject=i,exports.CSS3DRenderer=c,exports.CSS3DSprite=a;
+*/let three_webgpu=require("three/webgpu");var _position=new three_webgpu.Vector3,_quaternion=new three_webgpu.Quaternion,_scale=new three_webgpu.Vector3,CSS3DObject=class extends three_webgpu.Object3D{constructor(element=document.createElement(`div`)){super(),this.isCSS3DObject=!0,this.element=element,this.element.style.position=`absolute`,this.element.style.userSelect=`none`,this.element.setAttribute(`draggable`,!1),this.addEventListener(`removed`,function(){this.traverse(function(object){object.element&&object.element instanceof Element&&object.element.parentNode!==null&&object.element.remove()})})}copy(source,recursive){return super.copy(source,recursive),this.element=source.element.cloneNode(!0),this}},CSS3DSprite=class extends CSS3DObject{constructor(element){super(element),this.isCSS3DSprite=!0,this.rotation2D=0}copy(source,recursive){return super.copy(source,recursive),this.rotation2D=source.rotation2D,this}},_matrix=new three_webgpu.Matrix4,_matrix2=new three_webgpu.Matrix4,CSS3DRenderer=class{constructor(parameters={}){let _this=this,_width,_height,_widthHalf,_heightHalf,cache={camera:{style:``},objects:new WeakMap},domElement=parameters.element===void 0?document.createElement(`div`):parameters.element;domElement.style.overflow=`hidden`,this.domElement=domElement;let viewElement=document.createElement(`div`);viewElement.style.transformOrigin=`0 0`,viewElement.style.pointerEvents=`none`,domElement.appendChild(viewElement);let cameraElement=document.createElement(`div`);cameraElement.style.transformStyle=`preserve-3d`,viewElement.appendChild(cameraElement),this.getSize=function(){return{width:_width,height:_height}};let _objectsDirty=!0,_spriteObjects=new Set;this.markDirty=function(){_objectsDirty=!0},this.updateSpriteSet=function(scene){_spriteObjects.clear(),scene.traverse(function(object){object.isCSS3DSprite&&_spriteObjects.add(object)})};function renderSpriteObject(object,scene,camera){if(object.visible===!1)return;let visible=object.layers.test(camera.layers)===!0,element=object.element;if(element.style.display=visible===!0?``:`none`,visible===!0){object.onBeforeRender(_this,scene,camera),_matrix.copy(camera.matrixWorldInverse),_matrix.transpose(),object.rotation2D!==0&&_matrix.multiply(_matrix2.makeRotationZ(object.rotation2D)),object.matrixWorld.decompose(_position,_quaternion,_scale),_matrix.setPosition(_position),_matrix.scale(_scale),_matrix.elements[3]=0,_matrix.elements[7]=0,_matrix.elements[11]=0,_matrix.elements[15]=1;let style=getObjectCSSMatrix(_matrix),cachedObject=cache.objects.get(object);(cachedObject===void 0||cachedObject.style!==style)&&(element.style.transform=style,cache.objects.set(object,{style})),element.parentNode!==cameraElement&&cameraElement.appendChild(element),object.onAfterRender(_this,scene,camera)}}this.render=function(scene,camera){let fov=camera.projectionMatrix.elements[5]*_heightHalf;scene.updateMatrixWorld(),camera.parent===null&&camera.updateMatrixWorld();let tx,ty;camera.isOrthographicCamera&&(tx=-(camera.right+camera.left)/2,ty=(camera.top+camera.bottom)/2);let cameraCSSMatrix=camera.isOrthographicCamera?`scale(`+fov+`)translate(`+epsilon(tx)+`px,`+epsilon(ty)+`px)`+getCameraCSSMatrix(camera.matrixWorldInverse):`translateZ(`+fov+`px)`+getCameraCSSMatrix(camera.matrixWorldInverse),style=(camera.isPerspectiveCamera?`perspective(`+fov+`px) `:``)+cameraCSSMatrix+` translate(`+_widthHalf+`px,`+_heightHalf+`px)`;if(cache.camera.style!==style&&(cameraElement.style.transform=style,cache.camera.style=style),_objectsDirty)renderObject(scene,scene,camera,cameraCSSMatrix),_objectsDirty=!1;else if(_spriteObjects.size>0)for(let sprite of _spriteObjects)renderSpriteObject(sprite,scene,camera)},this.setSize=function(width,height){_width=width,_height=height,_widthHalf=_width/2,_heightHalf=_height/2,domElement.style.width=width+`px`,domElement.style.height=height+`px`,viewElement.style.width=width+`px`,viewElement.style.height=height+`px`,cameraElement.style.width=width+`px`,cameraElement.style.height=height+`px`};function epsilon(value){return Math.abs(value)<1e-10?0:value}function getCameraCSSMatrix(matrix){let elements=matrix.elements;return`matrix3d(`+epsilon(elements[0])+`,`+epsilon(-elements[1])+`,`+epsilon(elements[2])+`,`+epsilon(elements[3])+`,`+epsilon(elements[4])+`,`+epsilon(-elements[5])+`,`+epsilon(elements[6])+`,`+epsilon(elements[7])+`,`+epsilon(elements[8])+`,`+epsilon(-elements[9])+`,`+epsilon(elements[10])+`,`+epsilon(elements[11])+`,`+epsilon(elements[12])+`,`+epsilon(-elements[13])+`,`+epsilon(elements[14])+`,`+epsilon(elements[15])+`)`}function getObjectCSSMatrix(matrix){let e=matrix.elements;return`translate(-50%,-50%) matrix3d(${[e[0],e[1],e[2],e[3],-e[4],-e[5],-e[6],-e[7],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15]].map(val=>Math.abs(val)<1e-10?0:val).join(`,`)})`}function hideObject(object){object.isCSS3DObject&&(object.element.style.display=`none`);for(let i=0,l=object.children.length;i<l;i++)hideObject(object.children[i])}function renderObject(object,scene,camera,cameraCSSMatrix){if(object.visible===!1){hideObject(object);return}if(object.isCSS3DObject){let visible=object.layers.test(camera.layers)===!0,element=object.element;if(element.style.display=visible===!0?``:`none`,visible===!0){object.onBeforeRender(_this,scene,camera);let style;object.isCSS3DSprite?(_matrix.copy(camera.matrixWorldInverse),_matrix.transpose(),object.rotation2D!==0&&_matrix.multiply(_matrix2.makeRotationZ(object.rotation2D)),object.matrixWorld.decompose(_position,_quaternion,_scale),_matrix.setPosition(_position),_matrix.scale(_scale),_matrix.elements[3]=0,_matrix.elements[7]=0,_matrix.elements[11]=0,_matrix.elements[15]=1,style=getObjectCSSMatrix(_matrix)):style=getObjectCSSMatrix(object.matrixWorld);let cachedObject=cache.objects.get(object);if(cachedObject===void 0||cachedObject.style!==style){element.style.transform=style;let objectData={style};cache.objects.set(object,objectData)}element.parentNode!==cameraElement&&cameraElement.appendChild(element),object.onAfterRender(_this,scene,camera)}}for(let i=0,l=object.children.length;i<l;i++)renderObject(object.children[i],scene,camera,cameraCSSMatrix)}}};exports.CSS3DObject=CSS3DObject,exports.CSS3DRenderer=CSS3DRenderer,exports.CSS3DSprite=CSS3DSprite;

package/plugins/thirdParty/CSS3DRenderer.mjs

@@ -1,8 +1,8 @@
 /**
  * @license
  * @realsee/five-webgpu
- * Generated: 2026/10/29
- * Version: 1.0.0-alpha.12
+ * Generated: 2026/11/3
+ * Version: 1.0.0-alpha.14
  * License:
  * Realsee SDK License Agreement
 
@@ -335,4 +335,4 @@
  * writing and signed by Realsee. You and Realsee hereto confirm that this 
  * Agreement and all related documents shall be drafted in English.
 
-*/import{Matrix4 as e,Object3D as t,Quaternion as n,Vector3 as r}from"three/webgpu";var i=new r,a=new n,o=new r,s=class extends t{constructor(e=document.createElement(`div`)){super(),this.isCSS3DObject=!0,this.element=e,this.element.style.position=`absolute`,this.element.style.userSelect=`none`,this.element.setAttribute(`draggable`,!1),this.addEventListener(`removed`,function(){this.traverse(function(e){e.element&&e.element instanceof Element&&e.element.parentNode!==null&&e.element.remove()})})}copy(e,t){return super.copy(e,t),this.element=e.element.cloneNode(!0),this}},c=class extends s{constructor(e){super(e),this.isCSS3DSprite=!0,this.rotation2D=0}copy(e,t){return super.copy(e,t),this.rotation2D=e.rotation2D,this}},l=new e,u=new e,d=class{constructor(e={}){let t=this,n,r,s,c,d={camera:{style:``},objects:new WeakMap},f=e.element===void 0?document.createElement(`div`):e.element;f.style.overflow=`hidden`,this.domElement=f;let p=document.createElement(`div`);p.style.transformOrigin=`0 0`,p.style.pointerEvents=`none`,f.appendChild(p);let m=document.createElement(`div`);m.style.transformStyle=`preserve-3d`,p.appendChild(m),this.getSize=function(){return{width:n,height:r}};let h=!0,g=new Set;this.markDirty=function(){h=!0},this.updateSpriteSet=function(e){g.clear(),e.traverse(function(e){e.isCSS3DSprite&&g.add(e)})};function _(e,n,r){if(e.visible===!1)return;let s=e.layers.test(r.layers)===!0,c=e.element;if(c.style.display=s===!0?``:`none`,s===!0){e.onBeforeRender(t,n,r),l.copy(r.matrixWorldInverse),l.transpose(),e.rotation2D!==0&&l.multiply(u.makeRotationZ(e.rotation2D)),e.matrixWorld.decompose(i,a,o),l.setPosition(i),l.scale(o),l.elements[3]=0,l.elements[7]=0,l.elements[11]=0,l.elements[15]=1;let s=b(l),f=d.objects.get(e);(f===void 0||f.style!==s)&&(c.style.transform=s,d.objects.set(e,{style:s})),c.parentNode!==m&&m.appendChild(c),e.onAfterRender(t,n,r)}}this.render=function(e,t){let n=t.projectionMatrix.elements[5]*c;e.updateMatrixWorld(),t.parent===null&&t.updateMatrixWorld();let r,i;t.isOrthographicCamera&&(r=-(t.right+t.left)/2,i=(t.top+t.bottom)/2);let a=t.isOrthographicCamera?`scale(`+n+`)translate(`+v(r)+`px,`+v(i)+`px)`+y(t.matrixWorldInverse):`translateZ(`+n+`px)`+y(t.matrixWorldInverse),o=(t.isPerspectiveCamera?`perspective(`+n+`px) `:``)+a+` translate(`+s+`px,`+c+`px)`;if(d.camera.style!==o&&(m.style.transform=o,d.camera.style=o),h)S(e,e,t,a),h=!1;else if(g.size>0)for(let n of g)_(n,e,t)},this.setSize=function(e,t){n=e,r=t,s=n/2,c=r/2,f.style.width=e+`px`,f.style.height=t+`px`,p.style.width=e+`px`,p.style.height=t+`px`,m.style.width=e+`px`,m.style.height=t+`px`};function v(e){return Math.abs(e)<1e-10?0:e}function y(e){let t=e.elements;return`matrix3d(`+v(t[0])+`,`+v(-t[1])+`,`+v(t[2])+`,`+v(t[3])+`,`+v(t[4])+`,`+v(-t[5])+`,`+v(t[6])+`,`+v(t[7])+`,`+v(t[8])+`,`+v(-t[9])+`,`+v(t[10])+`,`+v(t[11])+`,`+v(t[12])+`,`+v(-t[13])+`,`+v(t[14])+`,`+v(t[15])+`)`}function b(e){let t=e.elements;return`translate(-50%,-50%) matrix3d(${[t[0],t[1],t[2],t[3],-t[4],-t[5],-t[6],-t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15]].map(e=>Math.abs(e)<1e-10?0:e).join(`,`)})`}function x(e){e.isCSS3DObject&&(e.element.style.display=`none`);for(let t=0,n=e.children.length;t<n;t++)x(e.children[t])}function S(e,n,r,s){if(e.visible===!1){x(e);return}if(e.isCSS3DObject){let s=e.layers.test(r.layers)===!0,c=e.element;if(c.style.display=s===!0?``:`none`,s===!0){e.onBeforeRender(t,n,r);let s;e.isCSS3DSprite?(l.copy(r.matrixWorldInverse),l.transpose(),e.rotation2D!==0&&l.multiply(u.makeRotationZ(e.rotation2D)),e.matrixWorld.decompose(i,a,o),l.setPosition(i),l.scale(o),l.elements[3]=0,l.elements[7]=0,l.elements[11]=0,l.elements[15]=1,s=b(l)):s=b(e.matrixWorld);let f=d.objects.get(e);if(f===void 0||f.style!==s){c.style.transform=s;let t={style:s};d.objects.set(e,t)}c.parentNode!==m&&m.appendChild(c),e.onAfterRender(t,n,r)}}for(let t=0,i=e.children.length;t<i;t++)S(e.children[t],n,r,s)}}};export{s as CSS3DObject,d as CSS3DRenderer,c as CSS3DSprite};
+*/import{Matrix4,Object3D,Quaternion,Vector3}from"three/webgpu";var _position=new Vector3,_quaternion=new Quaternion,_scale=new Vector3,CSS3DObject=class extends Object3D{constructor(element=document.createElement(`div`)){super(),this.isCSS3DObject=!0,this.element=element,this.element.style.position=`absolute`,this.element.style.userSelect=`none`,this.element.setAttribute(`draggable`,!1),this.addEventListener(`removed`,function(){this.traverse(function(object){object.element&&object.element instanceof Element&&object.element.parentNode!==null&&object.element.remove()})})}copy(source,recursive){return super.copy(source,recursive),this.element=source.element.cloneNode(!0),this}},CSS3DSprite=class extends CSS3DObject{constructor(element){super(element),this.isCSS3DSprite=!0,this.rotation2D=0}copy(source,recursive){return super.copy(source,recursive),this.rotation2D=source.rotation2D,this}},_matrix=new Matrix4,_matrix2=new Matrix4,CSS3DRenderer=class{constructor(parameters={}){let _this=this,_width,_height,_widthHalf,_heightHalf,cache={camera:{style:``},objects:new WeakMap},domElement=parameters.element===void 0?document.createElement(`div`):parameters.element;domElement.style.overflow=`hidden`,this.domElement=domElement;let viewElement=document.createElement(`div`);viewElement.style.transformOrigin=`0 0`,viewElement.style.pointerEvents=`none`,domElement.appendChild(viewElement);let cameraElement=document.createElement(`div`);cameraElement.style.transformStyle=`preserve-3d`,viewElement.appendChild(cameraElement),this.getSize=function(){return{width:_width,height:_height}};let _objectsDirty=!0,_spriteObjects=new Set;this.markDirty=function(){_objectsDirty=!0},this.updateSpriteSet=function(scene){_spriteObjects.clear(),scene.traverse(function(object){object.isCSS3DSprite&&_spriteObjects.add(object)})};function renderSpriteObject(object,scene,camera){if(object.visible===!1)return;let visible=object.layers.test(camera.layers)===!0,element=object.element;if(element.style.display=visible===!0?``:`none`,visible===!0){object.onBeforeRender(_this,scene,camera),_matrix.copy(camera.matrixWorldInverse),_matrix.transpose(),object.rotation2D!==0&&_matrix.multiply(_matrix2.makeRotationZ(object.rotation2D)),object.matrixWorld.decompose(_position,_quaternion,_scale),_matrix.setPosition(_position),_matrix.scale(_scale),_matrix.elements[3]=0,_matrix.elements[7]=0,_matrix.elements[11]=0,_matrix.elements[15]=1;let style=getObjectCSSMatrix(_matrix),cachedObject=cache.objects.get(object);(cachedObject===void 0||cachedObject.style!==style)&&(element.style.transform=style,cache.objects.set(object,{style})),element.parentNode!==cameraElement&&cameraElement.appendChild(element),object.onAfterRender(_this,scene,camera)}}this.render=function(scene,camera){let fov=camera.projectionMatrix.elements[5]*_heightHalf;scene.updateMatrixWorld(),camera.parent===null&&camera.updateMatrixWorld();let tx,ty;camera.isOrthographicCamera&&(tx=-(camera.right+camera.left)/2,ty=(camera.top+camera.bottom)/2);let cameraCSSMatrix=camera.isOrthographicCamera?`scale(`+fov+`)translate(`+epsilon(tx)+`px,`+epsilon(ty)+`px)`+getCameraCSSMatrix(camera.matrixWorldInverse):`translateZ(`+fov+`px)`+getCameraCSSMatrix(camera.matrixWorldInverse),style=(camera.isPerspectiveCamera?`perspective(`+fov+`px) `:``)+cameraCSSMatrix+` translate(`+_widthHalf+`px,`+_heightHalf+`px)`;if(cache.camera.style!==style&&(cameraElement.style.transform=style,cache.camera.style=style),_objectsDirty)renderObject(scene,scene,camera,cameraCSSMatrix),_objectsDirty=!1;else if(_spriteObjects.size>0)for(let sprite of _spriteObjects)renderSpriteObject(sprite,scene,camera)},this.setSize=function(width,height){_width=width,_height=height,_widthHalf=_width/2,_heightHalf=_height/2,domElement.style.width=width+`px`,domElement.style.height=height+`px`,viewElement.style.width=width+`px`,viewElement.style.height=height+`px`,cameraElement.style.width=width+`px`,cameraElement.style.height=height+`px`};function epsilon(value){return Math.abs(value)<1e-10?0:value}function getCameraCSSMatrix(matrix){let elements=matrix.elements;return`matrix3d(`+epsilon(elements[0])+`,`+epsilon(-elements[1])+`,`+epsilon(elements[2])+`,`+epsilon(elements[3])+`,`+epsilon(elements[4])+`,`+epsilon(-elements[5])+`,`+epsilon(elements[6])+`,`+epsilon(elements[7])+`,`+epsilon(elements[8])+`,`+epsilon(-elements[9])+`,`+epsilon(elements[10])+`,`+epsilon(elements[11])+`,`+epsilon(elements[12])+`,`+epsilon(-elements[13])+`,`+epsilon(elements[14])+`,`+epsilon(elements[15])+`)`}function getObjectCSSMatrix(matrix){let e=matrix.elements;return`translate(-50%,-50%) matrix3d(${[e[0],e[1],e[2],e[3],-e[4],-e[5],-e[6],-e[7],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15]].map(val=>Math.abs(val)<1e-10?0:val).join(`,`)})`}function hideObject(object){object.isCSS3DObject&&(object.element.style.display=`none`);for(let i=0,l=object.children.length;i<l;i++)hideObject(object.children[i])}function renderObject(object,scene,camera,cameraCSSMatrix){if(object.visible===!1){hideObject(object);return}if(object.isCSS3DObject){let visible=object.layers.test(camera.layers)===!0,element=object.element;if(element.style.display=visible===!0?``:`none`,visible===!0){object.onBeforeRender(_this,scene,camera);let style;object.isCSS3DSprite?(_matrix.copy(camera.matrixWorldInverse),_matrix.transpose(),object.rotation2D!==0&&_matrix.multiply(_matrix2.makeRotationZ(object.rotation2D)),object.matrixWorld.decompose(_position,_quaternion,_scale),_matrix.setPosition(_position),_matrix.scale(_scale),_matrix.elements[3]=0,_matrix.elements[7]=0,_matrix.elements[11]=0,_matrix.elements[15]=1,style=getObjectCSSMatrix(_matrix)):style=getObjectCSSMatrix(object.matrixWorld);let cachedObject=cache.objects.get(object);if(cachedObject===void 0||cachedObject.style!==style){element.style.transform=style;let objectData={style};cache.objects.set(object,objectData)}element.parentNode!==cameraElement&&cameraElement.appendChild(element),object.onAfterRender(_this,scene,camera)}}for(let i=0,l=object.children.length;i<l;i++)renderObject(object.children[i],scene,camera,cameraCSSMatrix)}}};export{CSS3DObject,CSS3DRenderer,CSS3DSprite};