gl-draw 0.16.0-beta.30 → 0.16.0-beta.31

package/dist/WebGPULineSegments2.js

@@ -1,7 +1,7 @@
-"use strict";var pe=Object.defineProperty,me=Object.defineProperties;var ve=Object.getOwnPropertyDescriptors;var W=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,ee=Object.prototype.propertyIsEnumerable;var te=Math.pow,J=(n,e,t)=>e in n?pe(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,_=(n,e)=>{for(var t in e||(e={}))H.call(e,t)&&J(n,t,e[t]);if(W)for(var t of W(e))ee.call(e,t)&&J(n,t,e[t]);return n},R=(n,e)=>me(n,ve(e));var ie=(n,e)=>{var t={};for(var i in n)H.call(n,i)&&e.indexOf(i)<0&&(t[i]=n[i]);if(n!=null&&W)for(var i of W(n))e.indexOf(i)<0&&ee.call(n,i)&&(t[i]=n[i]);return t};var re=(n,e,t)=>new Promise((i,r)=>{var a=c=>{try{s(t.next(c))}catch(l){r(l)}},u=c=>{try{s(t.throw(c))}catch(l){r(l)}},s=c=>c.done?i(c.value):Promise.resolve(c.value).then(a,u);s((t=t.apply(n,e)).next())});const o=require("three"),be=require("three/examples/jsm/renderers/CSS2DRenderer"),ne=require("three/examples/jsm/renderers/CSS3DRenderer"),E=require("d3-geo");require("d3-geo-projection");const Q=require("./polar2Cartesian.js"),L=require("d3-array"),X=require("earcut"),ye=require("@turf/boolean-clockwise"),ge=require("delaunator"),Me=require("@turf/boolean-point-in-polygon"),xe=require("d3-geo-voronoi"),se=require("d3-scale"),Se=require("three/examples/jsm/lines/LineSegmentsGeometry"),we=0,je=1,Ae=2,Ce=!1;class fe{constructor(){this.resources=new Set,this.disposeMaterial=!0,this.disposeVideo=!0}track(e){if(!e)return e;if(Array.isArray(e))return e.forEach(t=>this.track(t)),e;if(!this.disposeMaterial&&e instanceof o.Material)return e;if(e instanceof Y?(e.disposeTrack&&e.object3d?this.track(e.object3d):this.resources.add(e),Object.values(e.materialList).map(t=>this.track(t))):(e instanceof o.Object3D||Reflect.has(e,"dispose"))&&this.resources.add(e),e instanceof Y)e.children.forEach(t=>{t.disposeTrack=!1}),this.track(e.children);else if(e instanceof o.Object3D){const t=e;this.track(t.geometry),this.track(t.material),this.track(t.children)}else if(e instanceof o.Material){for(const i of Object.values(e))i instanceof o.Texture&&this.track(i);const t=e;if(t.uniforms){for(const i of Object.values(t.uniforms))if(i){const r=i.value;(r instanceof o.Texture||Array.isArray(r))&&this.track(r)}}}else this.disposeVideo&&e.isVideoTexture&&e.source.data&&this.resources.add(e.source.data);return e}dispose(){const e=[];for(const t of this.resources)t instanceof o.Object3D?e.push(t):t instanceof HTMLVideoElement&&t.pause(),Reflect.has(t,"dispose")&&t.dispose();e.forEach(t=>{t.removeFromParent()}),e.length=0,this.resources.clear()}}const Be=(n,e=1)=>{const t=new o.BufferGeometry;t.setAttribute("position",new o.Float32BufferAttribute(new Array(e*3).fill(0),3)),t.setAttribute("scaleAtt",new o.Float32BufferAttribute(new Array(e).fill(1),1));const i=n.material,r=new o.PointsMaterial({size:10,map:i.map,alphaMap:i.alphaMap,color:i.color,blending:i.blending,depthTest:i.depthTest,depthWrite:!1,opacity:i.opacity,transparent:!0,alphaTest:i.alphaTest,sizeAttenuation:!1});return r.onBeforeCompile=a=>{a.vertexShader=`
+"use strict";var pe=Object.defineProperty,me=Object.defineProperties;var ve=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var H=Object.prototype.hasOwnProperty,ee=Object.prototype.propertyIsEnumerable;var te=Math.pow,J=(n,e,t)=>e in n?pe(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,_=(n,e)=>{for(var t in e||(e={}))H.call(e,t)&&J(n,t,e[t]);if(U)for(var t of U(e))ee.call(e,t)&&J(n,t,e[t]);return n},R=(n,e)=>me(n,ve(e));var ie=(n,e)=>{var t={};for(var i in n)H.call(n,i)&&e.indexOf(i)<0&&(t[i]=n[i]);if(n!=null&&U)for(var i of U(n))e.indexOf(i)<0&&ee.call(n,i)&&(t[i]=n[i]);return t};var re=(n,e,t)=>new Promise((i,r)=>{var a=c=>{try{s(t.next(c))}catch(l){r(l)}},u=c=>{try{s(t.throw(c))}catch(l){r(l)}},s=c=>c.done?i(c.value):Promise.resolve(c.value).then(a,u);s((t=t.apply(n,e)).next())});const o=require("three"),ye=require("three/examples/jsm/renderers/CSS2DRenderer"),ne=require("three/examples/jsm/renderers/CSS3DRenderer"),E=require("d3-geo");require("d3-geo-projection");const Q=require("./polar2Cartesian.js"),L=require("d3-array"),X=require("earcut"),be=require("@turf/boolean-clockwise"),ge=require("delaunator"),Me=require("@turf/boolean-point-in-polygon"),xe=require("d3-geo-voronoi"),se=require("d3-scale"),Se=require("three/examples/jsm/lines/LineSegmentsGeometry"),we=0,je=1,Ae=2,Ce=!1;class fe{constructor(){this.resources=new Set,this.disposeMaterial=!0,this.disposeVideo=!0}track(e){if(!e)return e;if(Array.isArray(e))return e.forEach(t=>this.track(t)),e;if(!this.disposeMaterial&&e instanceof o.Material)return e;if(e instanceof Y?(e.disposeTrack&&e.object3d?this.track(e.object3d):this.resources.add(e),Object.values(e.materialList).map(t=>this.track(t))):(e instanceof o.Object3D||Reflect.has(e,"dispose"))&&this.resources.add(e),e instanceof Y)e.children.forEach(t=>{t.disposeTrack=!1}),this.track(e.children);else if(e instanceof o.Object3D){const t=e;this.track(t.geometry),this.track(t.material),this.track(t.children)}else if(e instanceof o.Material){for(const i of Object.values(e))i instanceof o.Texture&&this.track(i);const t=e;if(t.uniforms){for(const i of Object.values(t.uniforms))if(i){const r=i.value;(r instanceof o.Texture||Array.isArray(r))&&this.track(r)}}}else this.disposeVideo&&e.isVideoTexture&&e.source.data&&this.resources.add(e.source.data);return e}dispose(){const e=[];for(const t of this.resources)t instanceof o.Object3D?e.push(t):t instanceof HTMLVideoElement&&t.pause(),Reflect.has(t,"dispose")&&t.dispose();e.forEach(t=>{t.removeFromParent()}),e.length=0,this.resources.clear()}}const Be=(n,e=1)=>{const t=new o.BufferGeometry;t.setAttribute("position",new o.Float32BufferAttribute(new Array(e*3).fill(0),3)),t.setAttribute("scaleAtt",new o.Float32BufferAttribute(new Array(e).fill(1),1));const i=n.material,r=new o.PointsMaterial({size:10,map:i.map,alphaMap:i.alphaMap,color:i.color,blending:i.blending,depthTest:i.depthTest,depthWrite:!1,opacity:i.opacity,transparent:!0,alphaTest:i.alphaTest,sizeAttenuation:!1});return r.onBeforeCompile=a=>{a.vertexShader=`
             attribute float scaleAtt;
               ${a.vertexShader.replace("gl_PointSize = size;","gl_PointSize = size * scaleAtt;")}
-            `},new o.Points(t,r)},Pe=(n,e)=>{const t=new o.Object3D;e.forEach((i,r)=>{const a=Q.parseVector3(i.position),u=Q.parseVector3(i.scale||[1,1,1]);t.position.copy(a),t.scale.copy(u),t.updateMatrix();const s=t.matrix.clone();if(n instanceof o.InstancedMesh||n.isInstantiate)n.setMatrixAt(r,s);else if(n instanceof o.Points||n.type==="Points"){const l=n.geometry,f=l.attributes.position.array,h=l.attributes.scaleAtt.array,p=new o.Vector3,d=new o.Vector3,v=new o.Quaternion,m=r*3,b=r*1;s.decompose(p,v,d),f[m]=p.x,f[m+1]=p.y,f[m+2]=p.z,h[b]=Math.max(d.x,d.y,d.z),l.attributes.position.needsUpdate=!0,l.attributes.scaleAtt.needsUpdate=!0}})};class Ie{constructor(){this.onPointerIndex=[]}onPointerEvent(e,t){const i=this.lead.handlePick([this],e,t);this.onPointerIndex.push(i)}onClick(e){this.onPointerEvent("click",e)}onPointerEnter(e){this.onPointerEvent("enter",e)}onPointerLeave(e){this.onPointerEvent("leave",e)}onPointerMove(e){this.onPointerEvent("move",e)}onPointerDown(e){this.onPointerEvent("down",e)}dispose(){this.onPointerIndex.forEach(e=>{this.lead.removePick(e)})}}class De extends Ie{constructor(){super(...arguments),this.userData={},this.materialList={},this.useMaterialType="origin",this.disposeMaterialIfNotUsed=!0}cloneMaterial(){const e=this.object3d;if(!e||!e.material)return;const t=e.material;if(Array.isArray(t))return t.map(i=>{const r=i.userData;i.userData={};const a=i.clone();return i.userData=r,a});{const i=t.userData;t.userData={};const r=t.clone();return t.userData=i,r}}setMaterialList(e,t){const i=this.object3d;if(!i||!i.material)return;this.materialList.origin||(this.materialList.origin=i.material);const r=t==="clone"?this.cloneMaterial():Array.isArray(t)?t.slice():t;return this.materialList[e]=r,r}useMaterial(e){const t=this.object3d;!t||!t.material||this.useMaterialType===e||!this.materialList[e]||(this.useMaterialType=e,t.material=this.materialList[e])}useMListById(e,t){if(!this.mList)return;const i=this.mList.get(e);if(!i)return;const r=this.object3d;Array.isArray(r.material)&&t!==void 0?r.material[t]=i:r.material=i}useMListByName(e,t){if(!this.mList)return;const i=this.mList.getKeyByName(e);i&&this.useMListById(i,t)}dispose(){super.dispose(),this.mList.rmBaseObjectMap(this,void 0,this.disposeMaterialIfNotUsed)}}class Y extends De{constructor(){super(...arguments),this.key="",this.objectType="BaseObject",this.userData={},this.isPrefab=!1,this.isInstantiate=!1,this.isBloom=!1,this.isBaseObject=!0,this.disposeTrack=!0}get parent(){const e=this.object3d.parent;return e&&this.lead.objMap.get(e)||null}get children(){return this.object3d.children.map(e=>this.lead.objMap.get(e)).filter(e=>!!e)}get position(){return this.object3d.position}get rotation(){return this.object3d.rotation}get scale(){return this.object3d.scale}get lookAt(){return this.object3d.lookAt}add(...e){[...e].forEach(t=>{this.lead.objMap.get(t)?this.object3d.add(t):this.lead.createBaseObject(t,{target:this})})}remove(...e){[...e].forEach(t=>{var i;this.lead.objMap.get(t)?(i=this.lead.objMap.get(t))==null||i.erase():this.object3d.remove(t)})}get visible(){return this.object3d.visible}get visibleWithAncestors(){if(this.visible){let e=this.parent;for(;e;){if(!e.visible)return!1;e=e.parent}return!0}else return!1}create(){this.createGroup()}render(){}update(e,t){}resize(e,t){}show(){return this.object3d.visible=!0,this.object3d.layers.set(we),this.isBloom&&this.enableBloom(),this}hide(){return this.object3d.visible=!1,this.object3d.layers.set(Ae),this}createGroup(){return this.object3d=new o.Group,this}createMesh(...e){return this.object3d=new o.Mesh(...e),this}createPoints(...e){return this.object3d=new o.Points(...e),this}createCSS2DObject(e){return this.object3d=new be.CSS2DObject(e),this}createCSS3DObject(e){return this.object3d=new ne.CSS3DObject(e),this}createCSS3DSprite(e){return this.object3d=new ne.CSS3DSprite(e),this}createSprite(e){return this.object3d=new o.Sprite(e),this}attach(...e){return[...e].forEach(t=>{this.object3d.attach(t.object3d)}),this}getSize(){const e=new o.Box3().setFromObject(this.object3d);return{min:e.min,max:e.max,size:e.getSize(new o.Vector3),center:e.getCenter(new o.Vector3)}}setTop(e){this.object3d&&(this.object3d.renderOrder=e)}traverse(e){e(this),this.children.forEach(t=>{t.traverse(e)})}instantiate(e){return re(this,null,function*(){var c,l;const t=(c=e==null?void 0:e.recursive)!=null?c:!0,i=(l=e==null?void 0:e.cloneMaterial)!=null?l:!1,{objectType:r,objectOptions:a}=this;let u=e==null?void 0:e.create,s;return this.objectType==="BaseObject"?s=this.lead.createBaseObject(this.object3d.clone(!1),{target:(e==null?void 0:e.target)||this.parent}):(u===void 0&&(u=f=>{var h;if(this.object3d){if((h=e==null?void 0:e.instancedAttr)!=null&&h.length){const p=e.instancedAttr.length;if(this.object3d instanceof o.Sprite)f.object3d=Be(this.object3d,p);else{const d=this.object3d,v=i?this.cloneMaterial():d.material;f.object3d=new o.InstancedMesh(d.geometry,v,p)}Pe(f.object3d,e==null?void 0:e.instancedAttr)}else f.object3d=this.object3d.clone(!1),i&&f.object3d.material&&(f.object3d.material=this.cloneMaterial());f.object3d.userData.prefab&&delete f.object3d.userData.prefab}}),s=yield this.lead.draw(r,R(_({},a||{}),{create:u,prefab:!1,keyType:this.keyType,key:this.keyName,uId:(e==null?void 0:e.uId)||this.keyUId,target:(e==null?void 0:e.target)||this.parent}))),this.isBloom&&s.enableBloom(),t&&(yield Promise.all(this.children.map(f=>f.instantiate({uId:e==null?void 0:e.uId,cloneMaterial:i,target:s})))),s.isInstantiate=!0,s})}erase(){this.lead.erase(this)}handleMaterialChange(e){}enableBloom(){var e;(e=this.pencil.composerController)==null||e.setBloomSelection(this,!0),this.isBloom=!0}disableBloom(){var e;(e=this.pencil.composerController)==null||e.setBloomSelection(this,!1),this.isBloom=!1}dispose(){var e;if(super.dispose(),(e=this.pencil.composerController)==null||e.bloomSelection.delete(this),this.lead&&(this.lead.objects.delete(this.key),this.lead.objectWrapChindIdMap.delete(this),this.object3d&&this.lead.objMap.delete(this.object3d)),this.disposeTrack){const t=new fe;t.disposeMaterial=!1,t.track(this),t.dispose()}}}function Te(n,e){return n.map(t=>{const i=[];let r;return t.forEach(a=>{if(r){const u=E.geoDistance(a,r)*180/Math.PI;if(u>e){const s=E.geoInterpolate(r,a),c=1/Math.ceil(u/e);let l=c;for(;l<1;)i.push(s(l)),l+=c}}i.push(r=a)}),i})}function Ve(n,{minLng:e,maxLng:t,minLat:i,maxLat:r}={}){const a=Math.round(te(360/n,2)/Math.PI),u=(1+Math.sqrt(5))/2,s=d=>d/u*360%360-180,c=d=>Math.acos(2*d/a-1)/Math.PI*180-90,l=d=>a*(Math.cos((d+90)*Math.PI/180)+1)/2,f=[r!==void 0?Math.ceil(l(r)):0,i!==void 0?Math.floor(l(i)):a-1],h=e===void 0&&t===void 0?()=>!0:e===void 0?d=>d<=t:t===void 0?d=>d>=e:t>=e?d=>d>=e&&d<=t:d=>d>=e||d<=t,p=[];for(let d=f[0];d<=f[1];d++){const v=s(d);h(v)&&p.push([v,c(d)])}return p}function Z(n,e,t=!1){return t?E.geoContains(e,n):Me(n,e)}function Oe(n,e){const t={type:"Polygon",coordinates:n},[[i,r],[a,u]]=E.geoBounds(t);if(Math.min(Math.abs(a-i),Math.abs(u-r))<e)return[];const s=i>a||u>=89||r<=-89;return Ve(e,{minLng:i,maxLng:a,minLat:r,maxLat:u}).filter(c=>Z(c,t,s))}function ze(n,{resolution:e=1/0,bbox:t,projection:i}={}){const r=Te(n,e),a=L.merge(r),u=Oe(n,e),s=[...a,...u],c={type:"Polygon",coordinates:n},[[l,f],[h,p]]=E.geoBounds(c),d=l>h||p>=89||f<=-89;let v=[];if(d){const y=xe.geoVoronoi(s).triangles(),S=new Map(s.map(([C,B],O)=>[`${C}-${B}`,O]));y.features.forEach(C=>{const B=C.geometry.coordinates[0].slice(0,3).reverse(),O=[];if(B.forEach(([P,q])=>{const k=`${P}-${q}`;S.has(k)&&O.push(S.get(k))}),O.length===3){if(O.some(P=>P<a.length)){const P=C.properties.circumcenter;if(!Z(P,c,d))return}v.push(...O)}})}else if(u.length){const y=ge.from(s);for(let S=0,C=y.triangles.length;S<C;S+=3){const B=[2,1,0].map(P=>y.triangles[S+P]),O=B.map(P=>s[P]);if(B.some(P=>P<a.length)){const P=[0,1].map(q=>L.mean(O,k=>k[q]));if(!Z(P,c,d))continue}v.push(...B)}}else{const{vertices:y,holes:S=[]}=X.flatten(r);v=X(y,S,2)}let m=t?[t[0],t[2]]:L.extent(s,y=>y[0]),b=t?[t[1],t[3]]:L.extent(s,y=>y[1]);if(i){const[y,S]=i([m[0],b[0]]),[C,B]=i([m[1],b[1]]);m=[y,C],b=[-S,-B]}const w=se.scaleLinear(m,[0,1]),j=se.scaleLinear(b,[0,1]),I=s.map(([y,S])=>{if(i){const[C,B]=i([y,S]);return[w(C),j(-B)]}else return[w(y),j(S)]});return{contour:r,triangles:{points:s,indices:v,uvs:I}}}const oe=new o.BufferGeometry().setAttribute?"setAttribute":"addAttribute";function G(n,e,t,i){const r=n.map(a=>a.map(([u,s])=>{if(i){const[c,l]=i([u,s]);return[c,-l,e]}return t?Q.polar2Cartesian(u,s,e):[u,s,e]}));return X.flatten(r)}function Le(n,e,t,i,r){const{vertices:a,holes:u}=G(n,e,i,r),{vertices:s}=G(n,t,i,r),c=L.merge([s,a]),l=Math.round(s.length/3),f=new Set(u);let h=0;const p=[];for(let v=0;v<l;v++){let m=v+1;if(m===l)m=h;else if(f.has(m)){const b=m;m=h,h=b}p.push(v,v+l,m+l),p.push(m+l,m,v)}const d=[];for(let v=1;v>=0;v--)for(let m=0;m<l;m+=1)d.push(m/(l-1),v);return{indices:p,vertices:c,uvs:d,topVerts:s}}function ae(n,e,t,i,r,a){return{indices:i?n.indices:n.indices.slice().reverse(),vertices:G([n.points],e,r,a).vertices,uvs:t}}const he=({polygonGeoJson:n,startHeight:e,endHeight:t,curvatureResolution:i=1,cartesian:r=!0,hasSide:a=!0,hasBottom:u=!1,hasTop:s=!1,projection:c,bbox:l})=>{n.forEach(w=>{ye(w)||w.reverse()});const{contour:f,triangles:h}=ze(n,{resolution:i,bbox:l,projection:c});let p={},d;a&&(p=Le(f,e!=null?e:t,t!=null?t:e,r,c),d=p.topVerts);let v=[];(u||s)&&(v=L.merge(h.uvs));let m={};u&&(m=ae(h,e,v,!1,r,c));let b={};return s&&(b=ae(h,t,v,!0,r,c)),{contour:f,triangles:h,sideTorso:p,bottomCap:m,topCap:b,topVerts:d}};class _e extends o.BufferGeometry{constructor(e,t={}){super(),this.type="PolygonBufferGeometry",this.parameters=_({polygonGeoJson:e,startHeight:0,endHeight:1,hasTop:!0,topFirst:!1,hasBottom:!0,hasSide:!0,curvatureResolution:1,cartesian:!0,userDataRsoOffset:0},t);const{endHeight:i,hasTop:r,topFirst:a,hasBottom:u,hasSide:s,cartesian:c,userDataRsoOffset:l,projection:f}=this.parameters,{contour:h,sideTorso:p,topVerts:d,bottomCap:v,topCap:m}=he(_({},this.parameters));let b=[],w=[],j=[],I=0;const A=y=>{const S=Math.round(b.length/3),C=j.length;b=b.concat(y.vertices),w=w.concat(y.uvs),j=j.concat(S?y.indices.map(B=>B+S):y.indices),this.addGroup(C,j.length-C,I++)};r&&a&&A(m),s&&(A(p),this.userData.topVerts=l?G(h,i+l,c,f).vertices:d),u&&A(v),r&&!a&&A(m),this.setIndex(j),this[oe]("position",new o.Float32BufferAttribute(b,3)),this[oe]("uv",new o.Float32BufferAttribute(w,2)),this.computeVertexNormals()}}const Ee=`
+            `},new o.Points(t,r)},Ie=(n,e)=>{const t=new o.Object3D;e.forEach((i,r)=>{const a=Q.parseVector3(i.position),u=Q.parseVector3(i.scale||[1,1,1]);t.position.copy(a),t.scale.copy(u),t.updateMatrix();const s=t.matrix.clone();if(n instanceof o.InstancedMesh||n.isInstantiate)n.setMatrixAt(r,s);else if(n instanceof o.Points||n.type==="Points"){const l=n.geometry,f=l.attributes.position.array,h=l.attributes.scaleAtt.array,p=new o.Vector3,d=new o.Vector3,v=new o.Quaternion,m=r*3,y=r*1;s.decompose(p,v,d),f[m]=p.x,f[m+1]=p.y,f[m+2]=p.z,h[y]=Math.max(d.x,d.y,d.z),l.attributes.position.needsUpdate=!0,l.attributes.scaleAtt.needsUpdate=!0}})};class Pe{constructor(){this.onPointerIndex=[]}onPointerEvent(e,t){const i=this.lead.handlePick([this],e,t);this.onPointerIndex.push(i)}onClick(e){this.onPointerEvent("click",e)}onPointerEnter(e){this.onPointerEvent("enter",e)}onPointerLeave(e){this.onPointerEvent("leave",e)}onPointerMove(e){this.onPointerEvent("move",e)}onPointerDown(e){this.onPointerEvent("down",e)}dispose(){this.onPointerIndex.forEach(e=>{this.lead.removePick(e)})}}class De extends Pe{constructor(){super(...arguments),this.userData={},this.materialList={},this.useMaterialType="origin",this.disposeMaterialIfNotUsed=!0}cloneMaterial(){const e=this.object3d;if(!e||!e.material)return;const t=e.material;if(Array.isArray(t))return t.map(i=>{const r=i.userData;i.userData={};const a=i.clone();return i.userData=r,a});{const i=t.userData;t.userData={};const r=t.clone();return t.userData=i,r}}setMaterialList(e,t){const i=this.object3d;if(!i||!i.material)return;this.materialList.origin||(this.materialList.origin=i.material);const r=t==="clone"?this.cloneMaterial():Array.isArray(t)?t.slice():t;return this.materialList[e]=r,r}useMaterial(e){const t=this.object3d;!t||!t.material||this.useMaterialType===e||!this.materialList[e]||(this.useMaterialType=e,t.material=this.materialList[e])}useMListById(e,t){if(!this.mList)return;const i=this.mList.get(e);if(!i)return;const r=this.object3d;Array.isArray(r.material)&&t!==void 0?r.material[t]=i:r.material=i}useMListByName(e,t){if(!this.mList)return;const i=this.mList.getKeyByName(e);i&&this.useMListById(i,t)}dispose(){super.dispose(),this.mList.rmBaseObjectMap(this,void 0,this.disposeMaterialIfNotUsed)}}class Y extends De{constructor(){super(...arguments),this.key="",this.objectType="BaseObject",this.userData={},this.isPrefab=!1,this.isInstantiate=!1,this.isBloom=!1,this.isBaseObject=!0,this.disposeTrack=!0}get parent(){const e=this.object3d.parent;return e&&this.lead.objMap.get(e)||null}get children(){return this.object3d.children.map(e=>this.lead.objMap.get(e)).filter(e=>!!e)}get position(){return this.object3d.position}get rotation(){return this.object3d.rotation}get scale(){return this.object3d.scale}get lookAt(){return this.object3d.lookAt}add(...e){[...e].forEach(t=>{this.lead.objMap.get(t)?this.object3d.add(t):this.lead.createBaseObject(t,{target:this})})}remove(...e){[...e].forEach(t=>{var i;this.lead.objMap.get(t)?(i=this.lead.objMap.get(t))==null||i.erase():this.object3d.remove(t)})}get visible(){return this.object3d.visible}get visibleWithAncestors(){if(this.visible){let e=this.parent;for(;e;){if(!e.visible)return!1;e=e.parent}return!0}else return!1}create(){this.createGroup()}render(){}update(e,t){}resize(e,t){}show(){return this.object3d.visible=!0,this.object3d.layers.set(we),this.isBloom&&this.enableBloom(),this}hide(){return this.object3d.visible=!1,this.object3d.layers.set(Ae),this}createGroup(){return this.object3d=new o.Group,this}createMesh(...e){return this.object3d=new o.Mesh(...e),this}createPoints(...e){return this.object3d=new o.Points(...e),this}createCSS2DObject(e){return this.object3d=new ye.CSS2DObject(e),this}createCSS3DObject(e){return this.object3d=new ne.CSS3DObject(e),this}createCSS3DSprite(e){return this.object3d=new ne.CSS3DSprite(e),this}createSprite(e){return this.object3d=new o.Sprite(e),this}attach(...e){return[...e].forEach(t=>{this.object3d.attach(t.object3d)}),this}getSize(){const e=new o.Box3().setFromObject(this.object3d);return{min:e.min,max:e.max,size:e.getSize(new o.Vector3),center:e.getCenter(new o.Vector3)}}setTop(e){this.object3d&&(this.object3d.renderOrder=e)}traverse(e){e(this),this.children.forEach(t=>{t.traverse(e)})}instantiate(e){return re(this,null,function*(){var c,l;const t=(c=e==null?void 0:e.recursive)!=null?c:!0,i=(l=e==null?void 0:e.cloneMaterial)!=null?l:!1,{objectType:r,objectOptions:a}=this;let u=e==null?void 0:e.create,s;return this.objectType==="BaseObject"?s=this.lead.createBaseObject(this.object3d.clone(!1),{target:(e==null?void 0:e.target)||this.parent}):(u===void 0&&(u=f=>{var h;if(this.object3d){if((h=e==null?void 0:e.instancedAttr)!=null&&h.length){const p=e.instancedAttr.length;if(this.object3d instanceof o.Sprite)f.object3d=Be(this.object3d,p);else{const d=this.object3d,v=i?this.cloneMaterial():d.material;f.object3d=new o.InstancedMesh(d.geometry,v,p)}Ie(f.object3d,e==null?void 0:e.instancedAttr)}else f.object3d=this.object3d.clone(!1),i&&f.object3d.material&&(f.object3d.material=this.cloneMaterial());f.object3d.userData.prefab&&delete f.object3d.userData.prefab}}),s=yield this.lead.draw(r,R(_({},a||{}),{create:u,prefab:!1,keyType:this.keyType,key:(e==null?void 0:e.key)||this.keyName,uId:(e==null?void 0:e.uId)||this.keyUId,target:(e==null?void 0:e.target)||this.parent}))),this.isBloom&&s.enableBloom(),t&&(yield Promise.all(this.children.map(f=>f.instantiate({key:f.keyUId?`${f.keyName}-${f.keyUId}`:f.key,uId:e==null?void 0:e.uId,cloneMaterial:i,target:s})))),s.isInstantiate=!0,s})}erase(){this.lead.erase(this)}handleMaterialChange(e){}enableBloom(){var e;(e=this.pencil.composerController)==null||e.setBloomSelection(this,!0),this.isBloom=!0}disableBloom(){var e;(e=this.pencil.composerController)==null||e.setBloomSelection(this,!1),this.isBloom=!1}dispose(){var e;if(super.dispose(),(e=this.pencil.composerController)==null||e.bloomSelection.delete(this),this.lead&&(this.lead.objects.delete(this.key),this.lead.objectWrapChindIdMap.delete(this),this.object3d&&this.lead.objMap.delete(this.object3d)),this.disposeTrack){const t=new fe;t.disposeMaterial=!1,t.track(this),t.dispose()}}}function Te(n,e){return n.map(t=>{const i=[];let r;return t.forEach(a=>{if(r){const u=E.geoDistance(a,r)*180/Math.PI;if(u>e){const s=E.geoInterpolate(r,a),c=1/Math.ceil(u/e);let l=c;for(;l<1;)i.push(s(l)),l+=c}}i.push(r=a)}),i})}function Ve(n,{minLng:e,maxLng:t,minLat:i,maxLat:r}={}){const a=Math.round(te(360/n,2)/Math.PI),u=(1+Math.sqrt(5))/2,s=d=>d/u*360%360-180,c=d=>Math.acos(2*d/a-1)/Math.PI*180-90,l=d=>a*(Math.cos((d+90)*Math.PI/180)+1)/2,f=[r!==void 0?Math.ceil(l(r)):0,i!==void 0?Math.floor(l(i)):a-1],h=e===void 0&&t===void 0?()=>!0:e===void 0?d=>d<=t:t===void 0?d=>d>=e:t>=e?d=>d>=e&&d<=t:d=>d>=e||d<=t,p=[];for(let d=f[0];d<=f[1];d++){const v=s(d);h(v)&&p.push([v,c(d)])}return p}function Z(n,e,t=!1){return t?E.geoContains(e,n):Me(n,e)}function Oe(n,e){const t={type:"Polygon",coordinates:n},[[i,r],[a,u]]=E.geoBounds(t);if(Math.min(Math.abs(a-i),Math.abs(u-r))<e)return[];const s=i>a||u>=89||r<=-89;return Ve(e,{minLng:i,maxLng:a,minLat:r,maxLat:u}).filter(c=>Z(c,t,s))}function ze(n,{resolution:e=1/0,bbox:t,projection:i}={}){const r=Te(n,e),a=L.merge(r),u=Oe(n,e),s=[...a,...u],c={type:"Polygon",coordinates:n},[[l,f],[h,p]]=E.geoBounds(c),d=l>h||p>=89||f<=-89;let v=[];if(d){const b=xe.geoVoronoi(s).triangles(),S=new Map(s.map(([C,B],O)=>[`${C}-${B}`,O]));b.features.forEach(C=>{const B=C.geometry.coordinates[0].slice(0,3).reverse(),O=[];if(B.forEach(([I,q])=>{const k=`${I}-${q}`;S.has(k)&&O.push(S.get(k))}),O.length===3){if(O.some(I=>I<a.length)){const I=C.properties.circumcenter;if(!Z(I,c,d))return}v.push(...O)}})}else if(u.length){const b=ge.from(s);for(let S=0,C=b.triangles.length;S<C;S+=3){const B=[2,1,0].map(I=>b.triangles[S+I]),O=B.map(I=>s[I]);if(B.some(I=>I<a.length)){const I=[0,1].map(q=>L.mean(O,k=>k[q]));if(!Z(I,c,d))continue}v.push(...B)}}else{const{vertices:b,holes:S=[]}=X.flatten(r);v=X(b,S,2)}let m=t?[t[0],t[2]]:L.extent(s,b=>b[0]),y=t?[t[1],t[3]]:L.extent(s,b=>b[1]);if(i){const[b,S]=i([m[0],y[0]]),[C,B]=i([m[1],y[1]]);m=[b,C],y=[-S,-B]}const w=se.scaleLinear(m,[0,1]),j=se.scaleLinear(y,[0,1]),P=s.map(([b,S])=>{if(i){const[C,B]=i([b,S]);return[w(C),j(-B)]}else return[w(b),j(S)]});return{contour:r,triangles:{points:s,indices:v,uvs:P}}}const oe=new o.BufferGeometry().setAttribute?"setAttribute":"addAttribute";function G(n,e,t,i){const r=n.map(a=>a.map(([u,s])=>{if(i){const[c,l]=i([u,s]);return[c,-l,e]}return t?Q.polar2Cartesian(u,s,e):[u,s,e]}));return X.flatten(r)}function Le(n,e,t,i,r){const{vertices:a,holes:u}=G(n,e,i,r),{vertices:s}=G(n,t,i,r),c=L.merge([s,a]),l=Math.round(s.length/3),f=new Set(u);let h=0;const p=[];for(let v=0;v<l;v++){let m=v+1;if(m===l)m=h;else if(f.has(m)){const y=m;m=h,h=y}p.push(v,v+l,m+l),p.push(m+l,m,v)}const d=[];for(let v=1;v>=0;v--)for(let m=0;m<l;m+=1)d.push(m/(l-1),v);return{indices:p,vertices:c,uvs:d,topVerts:s}}function ae(n,e,t,i,r,a){return{indices:i?n.indices:n.indices.slice().reverse(),vertices:G([n.points],e,r,a).vertices,uvs:t}}const he=({polygonGeoJson:n,startHeight:e,endHeight:t,curvatureResolution:i=1,cartesian:r=!0,hasSide:a=!0,hasBottom:u=!1,hasTop:s=!1,projection:c,bbox:l})=>{n.forEach(w=>{be(w)||w.reverse()});const{contour:f,triangles:h}=ze(n,{resolution:i,bbox:l,projection:c});let p={},d;a&&(p=Le(f,e!=null?e:t,t!=null?t:e,r,c),d=p.topVerts);let v=[];(u||s)&&(v=L.merge(h.uvs));let m={};u&&(m=ae(h,e,v,!1,r,c));let y={};return s&&(y=ae(h,t,v,!0,r,c)),{contour:f,triangles:h,sideTorso:p,bottomCap:m,topCap:y,topVerts:d}};class _e extends o.BufferGeometry{constructor(e,t={}){super(),this.type="PolygonBufferGeometry",this.parameters=_({polygonGeoJson:e,startHeight:0,endHeight:1,hasTop:!0,topFirst:!1,hasBottom:!0,hasSide:!0,curvatureResolution:1,cartesian:!0,userDataRsoOffset:0},t);const{endHeight:i,hasTop:r,topFirst:a,hasBottom:u,hasSide:s,cartesian:c,userDataRsoOffset:l,projection:f}=this.parameters,{contour:h,sideTorso:p,topVerts:d,bottomCap:v,topCap:m}=he(_({},this.parameters));let y=[],w=[],j=[],P=0;const A=b=>{const S=Math.round(y.length/3),C=j.length;y=y.concat(b.vertices),w=w.concat(b.uvs),j=j.concat(S?b.indices.map(B=>B+S):b.indices),this.addGroup(C,j.length-C,P++)};r&&a&&A(m),s&&(A(p),this.userData.topVerts=l?G(h,i+l,c,f).vertices:d),u&&A(v),r&&!a&&A(m),this.setIndex(j),this[oe]("position",new o.Float32BufferAttribute(y,3)),this[oe]("uv",new o.Float32BufferAttribute(w,2)),this.computeVertexNormals()}}const Ee=`
   #include <fog_pars_fragment>
   #include <logdepthbuf_pars_fragment>
 
@@ -137,4 +137,4 @@ void main()	{
         #include <logdepthbuf_vertex>
         #include <fog_vertex>
     }
-`;class We extends o.ShaderMaterial{constructor(e={}){const j=e,{lineWidth:t=1,color:i="#ffffff",opacity:r=1,map:a=null,dashOffset:u=0,dashArray:s=0,dashRatio:c=0,sizeAttenuation:l=!0,offsetLoop:f=!0,offset:h=new o.Vector2(0,0),scaleDown:p=0,alphaMap:d=void 0,alphaTest:v=0,repeat:m=new o.Vector2(1,1),resolution:b=new o.Vector2(1,1)}=j,w=ie(j,["lineWidth","color","opacity","map","dashOffset","dashArray","dashRatio","sizeAttenuation","offsetLoop","offset","scaleDown","alphaMap","alphaTest","repeat","resolution"]);super(R(_({},w),{uniforms:{lineWidth:{value:t},color:{value:new o.Color(i)},opacity:{value:r},map:{value:a},useMap:{value:a?1:0},resolution:{value:b},sizeAttenuation:{value:l?1:0},offset:{value:h},offsetLoop:{value:f?1:0},dashArray:{value:s},dashOffset:{value:u},dashRatio:{value:c},useDash:{value:s>0?1:0},scaleDown:{value:p/10},alphaTest:{value:v},alphaMap:{value:d},useAlphaMap:{value:d?1:0},repeat:{value:m}},vertexShader:ke,fragmentShader:Ee})),this.type="MeshLineMaterial"}get color(){return this.uniforms.color.value}set color(e){this.uniforms.color.value=new o.Color(e)}get opacity(){var e;return((e=this.uniforms)==null?void 0:e.opacity.value)||1}set opacity(e){this.uniforms&&(this.uniforms.opacity.value=e)}get alphaTest(){return this.uniforms.alphaTest.value}set alphaTest(e){this.uniforms&&(this.uniforms.alphaTest.value=e)}get map(){return this.uniforms.map.value}set map(e){this.uniforms.map.value=e,this.uniforms.useMap.value=e?1:0}get repeat(){return this.uniforms.repeat.value}set repeat(e){this.uniforms.repeat.value.copy(e)}get lineWidth(){return this.uniforms.lineWidth.value}set lineWidth(e){this.uniforms.lineWidth.value=e}get sizeAttenuation(){return this.uniforms.sizeAttenuation.value===1}set sizeAttenuation(e){this.uniforms.sizeAttenuation.value=e?1:0}}const F=new o.Vector4,ce=new o.Vector3,le=new o.Vector3,g=new o.Vector4,M=new o.Vector4,D=new o.Vector4,$=new o.Vector3,K=new o.Matrix4,x=new o.Line3,ue=new o.Vector3,N=new o.Box3,U=new o.Sphere,T=new o.Vector4;let V,z;function de(n,e,t){return T.set(0,0,-e,1).applyMatrix4(n.projectionMatrix),T.multiplyScalar(1/T.w),T.x=z/t.width,T.y=z/t.height,T.applyMatrix4(n.projectionMatrixInverse),T.multiplyScalar(1/T.w),Math.abs(Math.max(T.x,T.y))}function Ne(n,e){const t=n.matrixWorld,i=n.geometry,r=i.attributes.instanceStart,a=i.attributes.instanceEnd,u=Math.min(i.instanceCount,r.count);for(let s=0,c=u;s<c;s++){x.start.fromBufferAttribute(r,s),x.end.fromBufferAttribute(a,s),x.applyMatrix4(t);const l=new o.Vector3,f=new o.Vector3;V.distanceSqToSegment(x.start,x.end,f,l),f.distanceTo(l)<z*.5&&e.push({point:f,pointOnLine:l,distance:V.origin.distanceTo(f),object:n,face:null,faceIndex:s,uv:null,uv1:null})}}function Ue(n,e,t){const i=e.projectionMatrix,a=n.material.resolution,u=n.matrixWorld,s=n.geometry,c=s.attributes.instanceStart,l=s.attributes.instanceEnd,f=Math.min(s.instanceCount,c.count),h=-e.near;V.at(1,D),D.w=1,D.applyMatrix4(e.matrixWorldInverse),D.applyMatrix4(i),D.multiplyScalar(1/D.w),D.x*=a.x/2,D.y*=a.y/2,D.z=0,$.copy(D),K.multiplyMatrices(e.matrixWorldInverse,u);for(let p=0,d=f;p<d;p++){if(g.fromBufferAttribute(c,p),M.fromBufferAttribute(l,p),g.w=1,M.w=1,g.applyMatrix4(K),M.applyMatrix4(K),g.z>h&&M.z>h)continue;if(g.z>h){const I=g.z-M.z,A=(g.z-h)/I;g.lerp(M,A)}else if(M.z>h){const I=M.z-g.z,A=(M.z-h)/I;M.lerp(g,A)}g.applyMatrix4(i),M.applyMatrix4(i),g.multiplyScalar(1/g.w),M.multiplyScalar(1/M.w),g.x*=a.x/2,g.y*=a.y/2,M.x*=a.x/2,M.y*=a.y/2,x.start.copy(g),x.start.z=0,x.end.copy(M),x.end.z=0;const m=x.closestPointToPointParameter($,!0);x.at(m,ue);const b=o.MathUtils.lerp(g.z,M.z,m),w=b>=-1&&b<=1,j=$.distanceTo(ue)<z*.5;if(w&&j){x.start.fromBufferAttribute(c,p),x.end.fromBufferAttribute(l,p),x.start.applyMatrix4(u),x.end.applyMatrix4(u);const I=new o.Vector3,A=new o.Vector3;V.distanceSqToSegment(x.start,x.end,A,I),t.push({point:A,pointOnLine:I,distance:V.origin.distanceTo(A),object:n,face:null,faceIndex:p,uv:null,uv1:null})}}}class Ge extends o.Mesh{constructor(e=new Se.LineSegmentsGeometry,t){super(e,t),this.isLineSegments2=!0,this.type="LineSegments2"}computeLineDistances(){const e=this.geometry,t=e.attributes.instanceStart,i=e.attributes.instanceEnd,r=new Float32Array(2*t.count);for(let u=0,s=0,c=t.count;u<c;u++,s+=2)ce.fromBufferAttribute(t,u),le.fromBufferAttribute(i,u),r[s]=s===0?0:r[s-1],r[s+1]=r[s]+ce.distanceTo(le);const a=new o.InstancedInterleavedBuffer(r,2,1);return e.setAttribute("instanceDistanceStart",new o.InterleavedBufferAttribute(a,1,0)),e.setAttribute("instanceDistanceEnd",new o.InterleavedBufferAttribute(a,1,1)),this}raycast(e,t){const i=this.material.worldUnits,r=e.camera;r===null&&!i&&console.error('LineSegments2: "Raycaster.camera" needs to be set in order to raycast against LineSegments2 while worldUnits is set to false.');const a=e.params.Line2!==void 0&&e.params.Line2.threshold||0;V=e.ray;const u=this.matrixWorld,s=this.geometry,c=this.material;z=c.linewidth+a,s.boundingSphere===null&&s.computeBoundingSphere(),U.copy(s.boundingSphere).applyMatrix4(u);let l;if(i)l=z*.5;else{const h=Math.max(r.near,U.distanceToPoint(V.origin));l=de(r,h,c.resolution)}if(U.radius+=l,V.intersectsSphere(U)===!1)return;s.boundingBox===null&&s.computeBoundingBox(),N.copy(s.boundingBox).applyMatrix4(u);let f;if(i)f=z*.5;else{const h=Math.max(r.near,N.distanceToPoint(V.origin));f=de(r,h,c.resolution)}N.expandByScalar(f),V.intersectsBox(N)!==!1&&(i?Ne(this,t):Ue(this,r,t))}onBeforeRender(e){const t=this.material.uniforms;t&&t.resolution&&(e.getViewport(F),this.material.uniforms.resolution.value.set(F.z,F.w))}}exports.BLOOM_SCENE=je;exports.BaseObject=Y;exports.IS_DEV=Ce;exports.LineSegments2=Ge;exports.MeshLineMaterial=We;exports.PolygonGeometry=_e;exports.ResourceTracker=fe;exports.getMetas=he;
+`;class Ue extends o.ShaderMaterial{constructor(e={}){const j=e,{lineWidth:t=1,color:i="#ffffff",opacity:r=1,map:a=null,dashOffset:u=0,dashArray:s=0,dashRatio:c=0,sizeAttenuation:l=!0,offsetLoop:f=!0,offset:h=new o.Vector2(0,0),scaleDown:p=0,alphaMap:d=void 0,alphaTest:v=0,repeat:m=new o.Vector2(1,1),resolution:y=new o.Vector2(1,1)}=j,w=ie(j,["lineWidth","color","opacity","map","dashOffset","dashArray","dashRatio","sizeAttenuation","offsetLoop","offset","scaleDown","alphaMap","alphaTest","repeat","resolution"]);super(R(_({},w),{uniforms:{lineWidth:{value:t},color:{value:new o.Color(i)},opacity:{value:r},map:{value:a},useMap:{value:a?1:0},resolution:{value:y},sizeAttenuation:{value:l?1:0},offset:{value:h},offsetLoop:{value:f?1:0},dashArray:{value:s},dashOffset:{value:u},dashRatio:{value:c},useDash:{value:s>0?1:0},scaleDown:{value:p/10},alphaTest:{value:v},alphaMap:{value:d},useAlphaMap:{value:d?1:0},repeat:{value:m}},vertexShader:ke,fragmentShader:Ee})),this.type="MeshLineMaterial"}get color(){return this.uniforms.color.value}set color(e){this.uniforms.color.value=new o.Color(e)}get opacity(){var e;return((e=this.uniforms)==null?void 0:e.opacity.value)||1}set opacity(e){this.uniforms&&(this.uniforms.opacity.value=e)}get alphaTest(){return this.uniforms.alphaTest.value}set alphaTest(e){this.uniforms&&(this.uniforms.alphaTest.value=e)}get map(){return this.uniforms.map.value}set map(e){this.uniforms.map.value=e,this.uniforms.useMap.value=e?1:0}get repeat(){return this.uniforms.repeat.value}set repeat(e){this.uniforms.repeat.value.copy(e)}get lineWidth(){return this.uniforms.lineWidth.value}set lineWidth(e){this.uniforms.lineWidth.value=e}get sizeAttenuation(){return this.uniforms.sizeAttenuation.value===1}set sizeAttenuation(e){this.uniforms.sizeAttenuation.value=e?1:0}}const F=new o.Vector4,ce=new o.Vector3,le=new o.Vector3,g=new o.Vector4,M=new o.Vector4,D=new o.Vector4,$=new o.Vector3,K=new o.Matrix4,x=new o.Line3,ue=new o.Vector3,W=new o.Box3,N=new o.Sphere,T=new o.Vector4;let V,z;function de(n,e,t){return T.set(0,0,-e,1).applyMatrix4(n.projectionMatrix),T.multiplyScalar(1/T.w),T.x=z/t.width,T.y=z/t.height,T.applyMatrix4(n.projectionMatrixInverse),T.multiplyScalar(1/T.w),Math.abs(Math.max(T.x,T.y))}function We(n,e){const t=n.matrixWorld,i=n.geometry,r=i.attributes.instanceStart,a=i.attributes.instanceEnd,u=Math.min(i.instanceCount,r.count);for(let s=0,c=u;s<c;s++){x.start.fromBufferAttribute(r,s),x.end.fromBufferAttribute(a,s),x.applyMatrix4(t);const l=new o.Vector3,f=new o.Vector3;V.distanceSqToSegment(x.start,x.end,f,l),f.distanceTo(l)<z*.5&&e.push({point:f,pointOnLine:l,distance:V.origin.distanceTo(f),object:n,face:null,faceIndex:s,uv:null,uv1:null})}}function Ne(n,e,t){const i=e.projectionMatrix,a=n.material.resolution,u=n.matrixWorld,s=n.geometry,c=s.attributes.instanceStart,l=s.attributes.instanceEnd,f=Math.min(s.instanceCount,c.count),h=-e.near;V.at(1,D),D.w=1,D.applyMatrix4(e.matrixWorldInverse),D.applyMatrix4(i),D.multiplyScalar(1/D.w),D.x*=a.x/2,D.y*=a.y/2,D.z=0,$.copy(D),K.multiplyMatrices(e.matrixWorldInverse,u);for(let p=0,d=f;p<d;p++){if(g.fromBufferAttribute(c,p),M.fromBufferAttribute(l,p),g.w=1,M.w=1,g.applyMatrix4(K),M.applyMatrix4(K),g.z>h&&M.z>h)continue;if(g.z>h){const P=g.z-M.z,A=(g.z-h)/P;g.lerp(M,A)}else if(M.z>h){const P=M.z-g.z,A=(M.z-h)/P;M.lerp(g,A)}g.applyMatrix4(i),M.applyMatrix4(i),g.multiplyScalar(1/g.w),M.multiplyScalar(1/M.w),g.x*=a.x/2,g.y*=a.y/2,M.x*=a.x/2,M.y*=a.y/2,x.start.copy(g),x.start.z=0,x.end.copy(M),x.end.z=0;const m=x.closestPointToPointParameter($,!0);x.at(m,ue);const y=o.MathUtils.lerp(g.z,M.z,m),w=y>=-1&&y<=1,j=$.distanceTo(ue)<z*.5;if(w&&j){x.start.fromBufferAttribute(c,p),x.end.fromBufferAttribute(l,p),x.start.applyMatrix4(u),x.end.applyMatrix4(u);const P=new o.Vector3,A=new o.Vector3;V.distanceSqToSegment(x.start,x.end,A,P),t.push({point:A,pointOnLine:P,distance:V.origin.distanceTo(A),object:n,face:null,faceIndex:p,uv:null,uv1:null})}}}class Ge extends o.Mesh{constructor(e=new Se.LineSegmentsGeometry,t){super(e,t),this.isLineSegments2=!0,this.type="LineSegments2"}computeLineDistances(){const e=this.geometry,t=e.attributes.instanceStart,i=e.attributes.instanceEnd,r=new Float32Array(2*t.count);for(let u=0,s=0,c=t.count;u<c;u++,s+=2)ce.fromBufferAttribute(t,u),le.fromBufferAttribute(i,u),r[s]=s===0?0:r[s-1],r[s+1]=r[s]+ce.distanceTo(le);const a=new o.InstancedInterleavedBuffer(r,2,1);return e.setAttribute("instanceDistanceStart",new o.InterleavedBufferAttribute(a,1,0)),e.setAttribute("instanceDistanceEnd",new o.InterleavedBufferAttribute(a,1,1)),this}raycast(e,t){const i=this.material.worldUnits,r=e.camera;r===null&&!i&&console.error('LineSegments2: "Raycaster.camera" needs to be set in order to raycast against LineSegments2 while worldUnits is set to false.');const a=e.params.Line2!==void 0&&e.params.Line2.threshold||0;V=e.ray;const u=this.matrixWorld,s=this.geometry,c=this.material;z=c.linewidth+a,s.boundingSphere===null&&s.computeBoundingSphere(),N.copy(s.boundingSphere).applyMatrix4(u);let l;if(i)l=z*.5;else{const h=Math.max(r.near,N.distanceToPoint(V.origin));l=de(r,h,c.resolution)}if(N.radius+=l,V.intersectsSphere(N)===!1)return;s.boundingBox===null&&s.computeBoundingBox(),W.copy(s.boundingBox).applyMatrix4(u);let f;if(i)f=z*.5;else{const h=Math.max(r.near,W.distanceToPoint(V.origin));f=de(r,h,c.resolution)}W.expandByScalar(f),V.intersectsBox(W)!==!1&&(i?We(this,t):Ne(this,r,t))}onBeforeRender(e){const t=this.material.uniforms;t&&t.resolution&&(e.getViewport(F),this.material.uniforms.resolution.value.set(F.z,F.w))}}exports.BLOOM_SCENE=je;exports.BaseObject=Y;exports.IS_DEV=Ce;exports.LineSegments2=Ge;exports.MeshLineMaterial=Ue;exports.PolygonGeometry=_e;exports.ResourceTracker=fe;exports.getMetas=he;

package/dist/WebGPULineSegments2.module.js

@@ -1,47 +1,47 @@
-var Ct = Object.defineProperty, Pt = Object.defineProperties;
-var It = Object.getOwnPropertyDescriptors;
+var Ct = Object.defineProperty, It = Object.defineProperties;
+var Pt = Object.getOwnPropertyDescriptors;
 var V = Object.getOwnPropertySymbols;
 var et = Object.prototype.hasOwnProperty, it = Object.prototype.propertyIsEnumerable;
-var st = Math.pow, tt = (n, t, e) => t in n ? Ct(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, E = (n, t) => {
+var nt = Math.pow, tt = (s, t, e) => t in s ? Ct(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, k = (s, t) => {
   for (var e in t || (t = {}))
-    et.call(t, e) && tt(n, e, t[e]);
+    et.call(t, e) && tt(s, e, t[e]);
   if (V)
     for (var e of V(t))
-      it.call(t, e) && tt(n, e, t[e]);
-  return n;
-}, $ = (n, t) => Pt(n, It(t));
-var nt = (n, t) => {
+      it.call(t, e) && tt(s, e, t[e]);
+  return s;
+}, $ = (s, t) => It(s, Pt(t));
+var st = (s, t) => {
   var e = {};
-  for (var i in n)
-    et.call(n, i) && t.indexOf(i) < 0 && (e[i] = n[i]);
-  if (n != null && V)
-    for (var i of V(n))
-      t.indexOf(i) < 0 && it.call(n, i) && (e[i] = n[i]);
+  for (var i in s)
+    et.call(s, i) && t.indexOf(i) < 0 && (e[i] = s[i]);
+  if (s != null && V)
+    for (var i of V(s))
+      t.indexOf(i) < 0 && it.call(s, i) && (e[i] = s[i]);
   return e;
 };
-var rt = (n, t, e) => new Promise((i, s) => {
+var rt = (s, t, e) => new Promise((i, n) => {
   var a = (o) => {
     try {
       r(e.next(o));
     } catch (c) {
-      s(c);
+      n(c);
     }
   }, l = (o) => {
     try {
       r(e.throw(o));
     } catch (c) {
-      s(c);
+      n(c);
     }
   }, r = (o) => o.done ? i(o.value) : Promise.resolve(o.value).then(a, l);
-  r((e = e.apply(n, t)).next());
+  r((e = e.apply(s, t)).next());
 });
-import { Material as at, Object3D as N, Texture as ot, BufferGeometry as Z, Float32BufferAttribute as R, PointsMaterial as Bt, Points as J, InstancedMesh as xt, Vector3 as I, Quaternion as Dt, Group as Tt, Mesh as wt, Sprite as ct, Box3 as St, ShaderMaterial as zt, Vector2 as q, Color as lt, Vector4 as L, Matrix4 as Ot, Line3 as _t, Sphere as Et, InstancedInterleavedBuffer as Lt, InterleavedBufferAttribute as ut, MathUtils as kt } from "three";
+import { Material as at, Object3D as N, Texture as ot, BufferGeometry as Z, Float32BufferAttribute as R, PointsMaterial as Bt, Points as J, InstancedMesh as xt, Vector3 as P, Quaternion as Dt, Group as Tt, Mesh as wt, Sprite as ct, Box3 as St, ShaderMaterial as zt, Vector2 as q, Color as lt, Vector4 as E, Matrix4 as Ot, Line3 as _t, Sphere as kt, InstancedInterleavedBuffer as Et, InterleavedBufferAttribute as ut, MathUtils as Lt } from "three";
 import { CSS2DObject as Vt } from "three/examples/jsm/renderers/CSS2DRenderer";
-import { CSS3DObject as Wt, CSS3DSprite as Ut } from "three/examples/jsm/renderers/CSS3DRenderer";
+import { CSS3DObject as Ut, CSS3DSprite as Wt } from "three/examples/jsm/renderers/CSS3DRenderer";
 import { geoBounds as jt, geoContains as Nt, geoDistance as Rt, geoInterpolate as Gt } from "d3-geo";
 import "d3-geo-projection";
-import { p as dt, a as Ft } from "./polar2Cartesian.module.js";
-import { merge as H, mean as $t, extent as ft } from "d3-array";
+import { p as ft, a as Ft } from "./polar2Cartesian.module.js";
+import { merge as H, mean as $t, extent as dt } from "d3-array";
 import qt, { flatten as At } from "earcut";
 import Kt from "@turf/boolean-clockwise";
 import Qt from "delaunator";
@@ -75,8 +75,8 @@ class te {
       if (e.uniforms) {
         for (const i of Object.values(e.uniforms))
           if (i) {
-            const s = i.value;
-            (s instanceof ot || Array.isArray(s)) && this.track(s);
+            const n = i.value;
+            (n instanceof ot || Array.isArray(n)) && this.track(n);
           }
       }
     } else this.disposeVideo && t.isVideoTexture && t.source.data && this.resources.add(t.source.data);
@@ -91,7 +91,7 @@ class te {
     }), t.length = 0, this.resources.clear();
   }
 }
-const ee = (n, t = 1) => {
+const ee = (s, t = 1) => {
   const e = new Z();
   e.setAttribute(
     "position",
@@ -100,7 +100,7 @@ const ee = (n, t = 1) => {
     "scaleAtt",
     new R(new Array(t).fill(1), 1)
   );
-  const i = n.material, s = new Bt({
+  const i = s.material, n = new Bt({
     size: 10,
     map: i.map,
     alphaMap: i.alphaMap,
@@ -113,7 +113,7 @@ const ee = (n, t = 1) => {
     alphaTest: i.alphaTest,
     sizeAttenuation: !1
   });
-  return s.onBeforeCompile = (a) => {
+  return n.onBeforeCompile = (a) => {
     a.vertexShader = `
             attribute float scaleAtt;
               ${a.vertexShader.replace(
@@ -121,22 +121,22 @@ const ee = (n, t = 1) => {
       "gl_PointSize = size * scaleAtt;"
     )}
             `;
-  }, new J(e, s);
-}, ie = (n, t) => {
+  }, new J(e, n);
+}, ie = (s, t) => {
   const e = new N();
-  t.forEach((i, s) => {
-    const a = dt(i.position), l = dt(i.scale || [1, 1, 1]);
+  t.forEach((i, n) => {
+    const a = ft(i.position), l = ft(i.scale || [1, 1, 1]);
     e.position.copy(a), e.scale.copy(l), e.updateMatrix();
     const r = e.matrix.clone();
-    if (n instanceof xt || n.isInstantiate)
-      n.setMatrixAt(s, r);
-    else if (n instanceof J || n.type === "Points") {
-      const c = n.geometry, d = c.attributes.position.array, f = c.attributes.scaleAtt.array, h = new I(), u = new I(), m = new Dt(), p = s * 3, v = s * 1;
-      r.decompose(h, m, u), d[p] = h.x, d[p + 1] = h.y, d[p + 2] = h.z, f[v] = Math.max(u.x, u.y, u.z), c.attributes.position.needsUpdate = !0, c.attributes.scaleAtt.needsUpdate = !0;
+    if (s instanceof xt || s.isInstantiate)
+      s.setMatrixAt(n, r);
+    else if (s instanceof J || s.type === "Points") {
+      const c = s.geometry, f = c.attributes.position.array, d = c.attributes.scaleAtt.array, h = new P(), u = new P(), m = new Dt(), p = n * 3, v = n * 1;
+      r.decompose(h, m, u), f[p] = h.x, f[p + 1] = h.y, f[p + 2] = h.z, d[v] = Math.max(u.x, u.y, u.z), c.attributes.position.needsUpdate = !0, c.attributes.scaleAtt.needsUpdate = !0;
     }
   });
 };
-class se {
+class ne {
   constructor() {
     this.onPointerIndex = [];
   }
@@ -165,7 +165,7 @@ class se {
     });
   }
 }
-class ne extends se {
+class se extends ne {
   constructor() {
     super(...arguments), this.userData = {}, this.materialList = {}, this.useMaterialType = "origin", this.disposeMaterialIfNotUsed = !0;
   }
@@ -176,16 +176,16 @@ class ne extends se {
     const e = t.material;
     if (Array.isArray(e))
       return e.map((i) => {
-        const s = i.userData;
+        const n = i.userData;
         i.userData = {};
         const a = i.clone();
-        return i.userData = s, a;
+        return i.userData = n, a;
       });
     {
       const i = e.userData;
       e.userData = {};
-      const s = e.clone();
-      return e.userData = i, s;
+      const n = e.clone();
+      return e.userData = i, n;
     }
   }
   setMaterialList(t, e) {
@@ -193,8 +193,8 @@ class ne extends se {
     if (!i || !i.material)
       return;
     this.materialList.origin || (this.materialList.origin = i.material);
-    const s = e === "clone" ? this.cloneMaterial() : Array.isArray(e) ? e.slice() : e;
-    return this.materialList[t] = s, s;
+    const n = e === "clone" ? this.cloneMaterial() : Array.isArray(e) ? e.slice() : e;
+    return this.materialList[t] = n, n;
   }
   useMaterial(t) {
     const e = this.object3d;
@@ -206,8 +206,8 @@ class ne extends se {
     const i = this.mList.get(t);
     if (!i)
       return;
-    const s = this.object3d;
-    Array.isArray(s.material) && e !== void 0 ? s.material[e] = i : s.material = i;
+    const n = this.object3d;
+    Array.isArray(n.material) && e !== void 0 ? n.material[e] = i : n.material = i;
   }
   useMListByName(t, e) {
     if (!this.mList)
@@ -223,7 +223,7 @@ class ne extends se {
     );
   }
 }
-class pt extends ne {
+class pt extends se {
   constructor() {
     super(...arguments), this.key = "", this.objectType = "BaseObject", this.userData = {}, this.isPrefab = !1, this.isInstantiate = !1, this.isBloom = !1, this.isBaseObject = !0, this.disposeTrack = !0;
   }
@@ -302,10 +302,10 @@ class pt extends ne {
     return this.object3d = new Vt(t), this;
   }
   createCSS3DObject(t) {
-    return this.object3d = new Wt(t), this;
+    return this.object3d = new Ut(t), this;
   }
   createCSS3DSprite(t) {
-    return this.object3d = new Ut(t), this;
+    return this.object3d = new Wt(t), this;
   }
   createSprite(t) {
     return this.object3d = new ct(t), this;
@@ -320,8 +320,8 @@ class pt extends ne {
     return {
       min: t.min,
       max: t.max,
-      size: t.getSize(new I()),
-      center: t.getCenter(new I())
+      size: t.getSize(new P()),
+      center: t.getCenter(new P())
     };
   }
   setTop(t) {
@@ -335,40 +335,41 @@ class pt extends ne {
   instantiate(t) {
     return rt(this, null, function* () {
       var o, c;
-      const e = (o = t == null ? void 0 : t.recursive) != null ? o : !0, i = (c = t == null ? void 0 : t.cloneMaterial) != null ? c : !1, { objectType: s, objectOptions: a } = this;
+      const e = (o = t == null ? void 0 : t.recursive) != null ? o : !0, i = (c = t == null ? void 0 : t.cloneMaterial) != null ? c : !1, { objectType: n, objectOptions: a } = this;
       let l = t == null ? void 0 : t.create, r;
       return this.objectType === "BaseObject" ? r = this.lead.createBaseObject(this.object3d.clone(!1), {
         target: (t == null ? void 0 : t.target) || this.parent
-      }) : (l === void 0 && (l = (d) => {
-        var f;
+      }) : (l === void 0 && (l = (f) => {
+        var d;
         if (this.object3d) {
-          if ((f = t == null ? void 0 : t.instancedAttr) != null && f.length) {
+          if ((d = t == null ? void 0 : t.instancedAttr) != null && d.length) {
             const h = t.instancedAttr.length;
             if (this.object3d instanceof ct)
-              d.object3d = ee(this.object3d, h);
+              f.object3d = ee(this.object3d, h);
             else {
               const u = this.object3d, m = i ? this.cloneMaterial() : u.material;
-              d.object3d = new xt(
+              f.object3d = new xt(
                 u.geometry,
                 m,
                 h
               );
             }
-            ie(d.object3d, t == null ? void 0 : t.instancedAttr);
+            ie(f.object3d, t == null ? void 0 : t.instancedAttr);
           } else
-            d.object3d = this.object3d.clone(!1), i && d.object3d.material && (d.object3d.material = this.cloneMaterial());
-          d.object3d.userData.prefab && delete d.object3d.userData.prefab;
+            f.object3d = this.object3d.clone(!1), i && f.object3d.material && (f.object3d.material = this.cloneMaterial());
+          f.object3d.userData.prefab && delete f.object3d.userData.prefab;
         }
-      }), r = yield this.lead.draw(s, $(E({}, a || {}), {
+      }), r = yield this.lead.draw(n, $(k({}, a || {}), {
         create: l,
         prefab: !1,
         keyType: this.keyType,
-        key: this.keyName,
+        key: (t == null ? void 0 : t.key) || this.keyName,
         uId: (t == null ? void 0 : t.uId) || this.keyUId,
         target: (t == null ? void 0 : t.target) || this.parent
       }))), this.isBloom && r.enableBloom(), e && (yield Promise.all(
         this.children.map(
-          (d) => d.instantiate({
+          (f) => f.instantiate({
+            key: f.keyUId ? `${f.keyName}-${f.keyUId}` : f.key,
             uId: t == null ? void 0 : t.uId,
             cloneMaterial: i,
             target: r
@@ -398,71 +399,71 @@ class pt extends ne {
     }
   }
 }
-function re(n, t) {
-  return n.map((e) => {
+function re(s, t) {
+  return s.map((e) => {
     const i = [];
-    let s;
+    let n;
     return e.forEach((a) => {
-      if (s) {
-        const l = Rt(a, s) * 180 / Math.PI;
+      if (n) {
+        const l = Rt(a, n) * 180 / Math.PI;
         if (l > t) {
-          const r = Gt(s, a), o = 1 / Math.ceil(l / t);
+          const r = Gt(n, a), o = 1 / Math.ceil(l / t);
           let c = o;
           for (; c < 1; )
             i.push(r(c)), c += o;
         }
       }
-      i.push(s = a);
+      i.push(n = a);
     }), i;
   });
 }
-function ae(n, { minLng: t, maxLng: e, minLat: i, maxLat: s } = {}) {
-  const a = Math.round(st(360 / n, 2) / Math.PI), l = (1 + Math.sqrt(5)) / 2, r = (u) => u / l * 360 % 360 - 180, o = (u) => Math.acos(2 * u / a - 1) / Math.PI * 180 - 90, c = (u) => a * (Math.cos((u + 90) * Math.PI / 180) + 1) / 2, d = [
-    s !== void 0 ? Math.ceil(c(s)) : 0,
+function ae(s, { minLng: t, maxLng: e, minLat: i, maxLat: n } = {}) {
+  const a = Math.round(nt(360 / s, 2) / Math.PI), l = (1 + Math.sqrt(5)) / 2, r = (u) => u / l * 360 % 360 - 180, o = (u) => Math.acos(2 * u / a - 1) / Math.PI * 180 - 90, c = (u) => a * (Math.cos((u + 90) * Math.PI / 180) + 1) / 2, f = [
+    n !== void 0 ? Math.ceil(c(n)) : 0,
     i !== void 0 ? Math.floor(c(i)) : a - 1
-  ], f = t === void 0 && e === void 0 ? () => !0 : t === void 0 ? (u) => u <= e : e === void 0 ? (u) => u >= t : e >= t ? (u) => u >= t && u <= e : (u) => u >= t || u <= e, h = [];
-  for (let u = d[0]; u <= d[1]; u++) {
+  ], d = t === void 0 && e === void 0 ? () => !0 : t === void 0 ? (u) => u <= e : e === void 0 ? (u) => u >= t : e >= t ? (u) => u >= t && u <= e : (u) => u >= t || u <= e, h = [];
+  for (let u = f[0]; u <= f[1]; u++) {
     const m = r(u);
-    f(m) && h.push([m, o(u)]);
+    d(m) && h.push([m, o(u)]);
   }
   return h;
 }
-function Y(n, t, e = !1) {
-  return e ? Nt(t, n) : Xt(n, t);
+function Y(s, t, e = !1) {
+  return e ? Nt(t, s) : Xt(s, t);
 }
-function oe(n, t) {
-  const e = { type: "Polygon", coordinates: n }, [[i, s], [a, l]] = jt(e);
-  if (Math.min(Math.abs(a - i), Math.abs(l - s)) < t)
+function oe(s, t) {
+  const e = { type: "Polygon", coordinates: s }, [[i, n], [a, l]] = jt(e);
+  if (Math.min(Math.abs(a - i), Math.abs(l - n)) < t)
     return [];
-  const r = i > a || l >= 89 || s <= -89;
+  const r = i > a || l >= 89 || n <= -89;
   return ae(t, {
     minLng: i,
     maxLng: a,
-    minLat: s,
+    minLat: n,
     maxLat: l
   }).filter(
     (o) => Y(o, e, r)
   );
 }
-function ce(n, { resolution: t = 1 / 0, bbox: e, projection: i } = {}) {
-  const s = re(n, t), a = H(s), l = oe(n, t), r = [...a, ...l], o = { type: "Polygon", coordinates: n }, [[c, d], [f, h]] = jt(o), u = c > f || // crosses antimeridian
+function ce(s, { resolution: t = 1 / 0, bbox: e, projection: i } = {}) {
+  const n = re(s, t), a = H(n), l = oe(s, t), r = [...a, ...l], o = { type: "Polygon", coordinates: s }, [[c, f], [d, h]] = jt(o), u = c > d || // crosses antimeridian
   h >= 89 || // crosses north pole
-  d <= -89;
+  f <= -89;
   let m = [];
   if (u) {
-    const b = Yt(r).triangles(), x = new Map(
+    const y = Yt(r).triangles(), x = new Map(
       r.map(([A, C], O) => [`${A}-${C}`, O])
     );
-    b.features.forEach((A) => {
+    y.features.forEach((A) => {
       const C = A.geometry.coordinates[0].slice(0, 3).reverse(), O = [];
-      if (C.forEach(([P, F]) => {
-        const k = `${P}-${F}`;
-        x.has(k) && O.push(x.get(k));
+      if (C.forEach(([I, F]) => {
+        const L = `${I}-${F}`;
+        x.has(L) && O.push(x.get(L));
       }), O.length === 3) {
-        if (O.some((P) => P < a.length)) {
-          const P = A.properties.circumcenter;
+        if (O.some((I) => I < a.length)) {
+          const I = A.properties.circumcenter;
           if (!Y(
-            P,
+            I,
             o,
             u
           ))
@@ -472,15 +473,15 @@ function ce(n, { resolution: t = 1 / 0, bbox: e, projection: i } = {}) {
       }
     });
   } else if (l.length) {
-    const b = Qt.from(r);
-    for (let x = 0, A = b.triangles.length; x < A; x += 3) {
-      const C = [2, 1, 0].map((P) => b.triangles[x + P]), O = C.map((P) => r[P]);
-      if (C.some((P) => P < a.length)) {
-        const P = [0, 1].map(
-          (F) => $t(O, (k) => k[F])
+    const y = Qt.from(r);
+    for (let x = 0, A = y.triangles.length; x < A; x += 3) {
+      const C = [2, 1, 0].map((I) => y.triangles[x + I]), O = C.map((I) => r[I]);
+      if (C.some((I) => I < a.length)) {
+        const I = [0, 1].map(
+          (F) => $t(O, (L) => L[F])
         );
         if (!Y(
-          P,
+          I,
           o,
           u
         ))
@@ -489,26 +490,26 @@ function ce(n, { resolution: t = 1 / 0, bbox: e, projection: i } = {}) {
       m.push(...C);
     }
   } else {
-    const { vertices: b, holes: x = [] } = At(s);
-    m = qt(b, x, 2);
+    const { vertices: y, holes: x = [] } = At(n);
+    m = qt(y, x, 2);
   }
-  let p = e ? [e[0], e[2]] : ft(r, (b) => b[0]), v = e ? [e[1], e[3]] : ft(r, (b) => b[1]);
+  let p = e ? [e[0], e[2]] : dt(r, (y) => y[0]), v = e ? [e[1], e[3]] : dt(r, (y) => y[1]);
   if (i) {
-    const [b, x] = i([p[0], v[0]]), [A, C] = i([p[1], v[1]]);
-    p = [b, A], v = [-x, -C];
+    const [y, x] = i([p[0], v[0]]), [A, C] = i([p[1], v[1]]);
+    p = [y, A], v = [-x, -C];
   }
-  const w = ht(p, [0, 1]), S = ht(v, [0, 1]), B = r.map(([b, x]) => {
+  const w = ht(p, [0, 1]), S = ht(v, [0, 1]), B = r.map(([y, x]) => {
     if (i) {
-      const [A, C] = i([b, x]);
+      const [A, C] = i([y, x]);
       return [w(A), S(-C)];
     } else
-      return [w(b), S(x)];
+      return [w(y), S(x)];
   });
-  return { contour: s, triangles: { points: r, indices: m, uvs: B } };
+  return { contour: n, triangles: { points: r, indices: m, uvs: B } };
 }
 const mt = new Z().setAttribute ? "setAttribute" : "addAttribute";
-function G(n, t, e, i) {
-  const s = n.map(
+function G(s, t, e, i) {
+  const n = s.map(
     (a) => a.map(([l, r]) => {
       if (i) {
         const [o, c] = i([l, r]);
@@ -517,29 +518,29 @@ function G(n, t, e, i) {
       return e ? Ft(l, r, t) : [l, r, t];
     })
   );
-  return At(s);
+  return At(n);
 }
-function le(n, t, e, i, s) {
+function le(s, t, e, i, n) {
   const { vertices: a, holes: l } = G(
-    n,
+    s,
     t,
     i,
-    s
+    n
   ), { vertices: r } = G(
-    n,
+    s,
     e,
     i,
-    s
-  ), o = H([r, a]), c = Math.round(r.length / 3), d = new Set(l);
-  let f = 0;
+    n
+  ), o = H([r, a]), c = Math.round(r.length / 3), f = new Set(l);
+  let d = 0;
   const h = [];
   for (let m = 0; m < c; m++) {
     let p = m + 1;
     if (p === c)
-      p = f;
-    else if (d.has(p)) {
+      p = d;
+    else if (f.has(p)) {
       const v = p;
-      p = f, f = v;
+      p = d, d = v;
     }
     h.push(m, m + c, p + c), h.push(p + c, p, m);
   }
@@ -548,70 +549,70 @@ function le(n, t, e, i, s) {
     for (let p = 0; p < c; p += 1) u.push(p / (c - 1), m);
   return { indices: h, vertices: o, uvs: u, topVerts: r };
 }
-function vt(n, t, e, i, s, a) {
+function vt(s, t, e, i, n, a) {
   return {
-    indices: i ? n.indices : n.indices.slice().reverse(),
+    indices: i ? s.indices : s.indices.slice().reverse(),
     vertices: G(
-      [n.points],
+      [s.points],
       t,
-      s,
+      n,
       a
     ).vertices,
     uvs: e
   };
 }
 const ue = ({
-  polygonGeoJson: n,
+  polygonGeoJson: s,
   startHeight: t,
   endHeight: e,
   curvatureResolution: i = 1,
-  cartesian: s = !0,
+  cartesian: n = !0,
   hasSide: a = !0,
   hasBottom: l = !1,
   hasTop: r = !1,
   projection: o,
   bbox: c
 }) => {
-  n.forEach((w) => {
+  s.forEach((w) => {
     Kt(w) || w.reverse();
   });
-  const { contour: d, triangles: f } = ce(n, {
+  const { contour: f, triangles: d } = ce(s, {
     resolution: i,
     bbox: c,
     projection: o
   });
   let h = {}, u;
   a && (h = le(
-    d,
+    f,
     t != null ? t : e,
     e != null ? e : t,
-    s,
+    n,
     o
   ), u = h.topVerts);
   let m = [];
-  (l || r) && (m = H(f.uvs));
+  (l || r) && (m = H(d.uvs));
   let p = {};
   l && (p = vt(
-    f,
+    d,
     t,
     m,
     !1,
-    s,
+    n,
     o
   ));
   let v = {};
   return r && (v = vt(
-    f,
+    d,
     e,
     m,
     !0,
-    s,
+    n,
     o
-  )), { contour: d, triangles: f, sideTorso: h, bottomCap: p, topCap: v, topVerts: u };
+  )), { contour: f, triangles: d, sideTorso: h, bottomCap: p, topCap: v, topVerts: u };
 };
 class ze extends Z {
   constructor(t, e = {}) {
-    super(), this.type = "PolygonBufferGeometry", this.parameters = E({
+    super(), this.type = "PolygonBufferGeometry", this.parameters = k({
       polygonGeoJson: t,
       startHeight: 0,
       endHeight: 1,
@@ -625,30 +626,30 @@ class ze extends Z {
     }, e);
     const {
       endHeight: i,
-      hasTop: s,
+      hasTop: n,
       topFirst: a,
       hasBottom: l,
       hasSide: r,
       cartesian: o,
       userDataRsoOffset: c,
-      projection: d
-    } = this.parameters, { contour: f, sideTorso: h, topVerts: u, bottomCap: m, topCap: p } = ue(E({}, this.parameters));
+      projection: f
+    } = this.parameters, { contour: d, sideTorso: h, topVerts: u, bottomCap: m, topCap: p } = ue(k({}, this.parameters));
     let v = [], w = [], S = [], B = 0;
-    const j = (b) => {
+    const j = (y) => {
       const x = Math.round(v.length / 3), A = S.length;
-      v = v.concat(b.vertices), w = w.concat(b.uvs), S = S.concat(
-        x ? b.indices.map((C) => C + x) : b.indices
+      v = v.concat(y.vertices), w = w.concat(y.uvs), S = S.concat(
+        x ? y.indices.map((C) => C + x) : y.indices
       ), this.addGroup(A, S.length - A, B++);
     };
-    s && a && j(p), r && (j(h), this.userData.topVerts = c ? G(
-      f,
+    n && a && j(p), r && (j(h), this.userData.topVerts = c ? G(
+      d,
       i + c,
       o,
-      d
-    ).vertices : u), l && j(m), s && !a && j(p), this.setIndex(S), this[mt]("position", new R(v, 3)), this[mt]("uv", new R(w, 2)), this.computeVertexNormals();
+      f
+    ).vertices : u), l && j(m), n && !a && j(p), this.setIndex(S), this[mt]("position", new R(v, 3)), this[mt]("uv", new R(w, 2)), this.computeVertexNormals();
   }
 }
-const de = `
+const fe = `
   #include <fog_pars_fragment>
   #include <logdepthbuf_pars_fragment>
 
@@ -692,7 +693,7 @@ void main()	{
   #include <tonemapping_fragment>
 	#include <colorspace_fragment>
 }
-`, fe = `
+`, de = `
     #include <common>
     #include <logdepthbuf_pars_vertex>
     #include <fog_pars_vertex>
@@ -790,20 +791,20 @@ class Oe extends zt {
     const S = t, {
       lineWidth: e = 1,
       color: i = "#ffffff",
-      opacity: s = 1,
+      opacity: n = 1,
       map: a = null,
       dashOffset: l = 0,
       dashArray: r = 0,
       dashRatio: o = 0,
       sizeAttenuation: c = !0,
-      offsetLoop: d = !0,
-      offset: f = new q(0, 0),
+      offsetLoop: f = !0,
+      offset: d = new q(0, 0),
       scaleDown: h = 0,
       alphaMap: u = void 0,
       alphaTest: m = 0,
       repeat: p = new q(1, 1),
       resolution: v = new q(1, 1)
-    } = S, w = nt(S, [
+    } = S, w = st(S, [
       "lineWidth",
       "color",
       "opacity",
@@ -820,17 +821,17 @@ class Oe extends zt {
       "repeat",
       "resolution"
     ]);
-    super($(E({}, w), {
+    super($(k({}, w), {
       uniforms: {
         lineWidth: { value: e },
         color: { value: new lt(i) },
-        opacity: { value: s },
+        opacity: { value: n },
         map: { value: a },
         useMap: { value: a ? 1 : 0 },
         resolution: { value: v },
         sizeAttenuation: { value: c ? 1 : 0 },
-        offset: { value: f },
-        offsetLoop: { value: d ? 1 : 0 },
+        offset: { value: d },
+        offsetLoop: { value: f ? 1 : 0 },
         dashArray: { value: r },
         dashOffset: { value: l },
         dashRatio: { value: o },
@@ -841,8 +842,8 @@ class Oe extends zt {
         useAlphaMap: { value: u ? 1 : 0 },
         repeat: { value: p }
       },
-      vertexShader: fe,
-      fragmentShader: de
+      vertexShader: de,
+      fragmentShader: fe
     })), this.type = "MeshLineMaterial";
   }
   // Getter and setter for color
@@ -893,21 +894,21 @@ class Oe extends zt {
     this.uniforms.sizeAttenuation.value = t ? 1 : 0;
   }
 }
-const K = new L(), bt = new I(), yt = new I(), y = new L(), g = new L(), D = new L(), Q = new I(), X = new Ot(), M = new _t(), gt = new I(), W = new St(), U = new Et(), T = new L();
+const K = new E(), yt = new P(), bt = new P(), b = new E(), g = new E(), D = new E(), Q = new P(), X = new Ot(), M = new _t(), gt = new P(), U = new St(), W = new kt(), T = new E();
 let z, _;
-function Mt(n, t, e) {
-  return T.set(0, 0, -t, 1).applyMatrix4(n.projectionMatrix), T.multiplyScalar(1 / T.w), T.x = _ / e.width, T.y = _ / e.height, T.applyMatrix4(n.projectionMatrixInverse), T.multiplyScalar(1 / T.w), Math.abs(Math.max(T.x, T.y));
+function Mt(s, t, e) {
+  return T.set(0, 0, -t, 1).applyMatrix4(s.projectionMatrix), T.multiplyScalar(1 / T.w), T.x = _ / e.width, T.y = _ / e.height, T.applyMatrix4(s.projectionMatrixInverse), T.multiplyScalar(1 / T.w), Math.abs(Math.max(T.x, T.y));
 }
-function he(n, t) {
-  const e = n.matrixWorld, i = n.geometry, s = i.attributes.instanceStart, a = i.attributes.instanceEnd, l = Math.min(i.instanceCount, s.count);
+function he(s, t) {
+  const e = s.matrixWorld, i = s.geometry, n = i.attributes.instanceStart, a = i.attributes.instanceEnd, l = Math.min(i.instanceCount, n.count);
   for (let r = 0, o = l; r < o; r++) {
-    M.start.fromBufferAttribute(s, r), M.end.fromBufferAttribute(a, r), M.applyMatrix4(e);
-    const c = new I(), d = new I();
-    z.distanceSqToSegment(M.start, M.end, d, c), d.distanceTo(c) < _ * 0.5 && t.push({
-      point: d,
+    M.start.fromBufferAttribute(n, r), M.end.fromBufferAttribute(a, r), M.applyMatrix4(e);
+    const c = new P(), f = new P();
+    z.distanceSqToSegment(M.start, M.end, f, c), f.distanceTo(c) < _ * 0.5 && t.push({
+      point: f,
       pointOnLine: c,
-      distance: z.origin.distanceTo(d),
-      object: n,
+      distance: z.origin.distanceTo(f),
+      object: s,
       face: null,
       faceIndex: r,
       uv: null,
@@ -915,31 +916,31 @@ function he(n, t) {
     });
   }
 }
-function pe(n, t, e) {
-  const i = t.projectionMatrix, a = n.material.resolution, l = n.matrixWorld, r = n.geometry, o = r.attributes.instanceStart, c = r.attributes.instanceEnd, d = Math.min(r.instanceCount, o.count), f = -t.near;
+function pe(s, t, e) {
+  const i = t.projectionMatrix, a = s.material.resolution, l = s.matrixWorld, r = s.geometry, o = r.attributes.instanceStart, c = r.attributes.instanceEnd, f = Math.min(r.instanceCount, o.count), d = -t.near;
   z.at(1, D), D.w = 1, D.applyMatrix4(t.matrixWorldInverse), D.applyMatrix4(i), D.multiplyScalar(1 / D.w), D.x *= a.x / 2, D.y *= a.y / 2, D.z = 0, Q.copy(D), X.multiplyMatrices(t.matrixWorldInverse, l);
-  for (let h = 0, u = d; h < u; h++) {
-    if (y.fromBufferAttribute(o, h), g.fromBufferAttribute(c, h), y.w = 1, g.w = 1, y.applyMatrix4(X), g.applyMatrix4(X), y.z > f && g.z > f)
+  for (let h = 0, u = f; h < u; h++) {
+    if (b.fromBufferAttribute(o, h), g.fromBufferAttribute(c, h), b.w = 1, g.w = 1, b.applyMatrix4(X), g.applyMatrix4(X), b.z > d && g.z > d)
       continue;
-    if (y.z > f) {
-      const B = y.z - g.z, j = (y.z - f) / B;
-      y.lerp(g, j);
-    } else if (g.z > f) {
-      const B = g.z - y.z, j = (g.z - f) / B;
-      g.lerp(y, j);
+    if (b.z > d) {
+      const B = b.z - g.z, j = (b.z - d) / B;
+      b.lerp(g, j);
+    } else if (g.z > d) {
+      const B = g.z - b.z, j = (g.z - d) / B;
+      g.lerp(b, j);
     }
-    y.applyMatrix4(i), g.applyMatrix4(i), y.multiplyScalar(1 / y.w), g.multiplyScalar(1 / g.w), y.x *= a.x / 2, y.y *= a.y / 2, g.x *= a.x / 2, g.y *= a.y / 2, M.start.copy(y), M.start.z = 0, M.end.copy(g), M.end.z = 0;
+    b.applyMatrix4(i), g.applyMatrix4(i), b.multiplyScalar(1 / b.w), g.multiplyScalar(1 / g.w), b.x *= a.x / 2, b.y *= a.y / 2, g.x *= a.x / 2, g.y *= a.y / 2, M.start.copy(b), M.start.z = 0, M.end.copy(g), M.end.z = 0;
     const p = M.closestPointToPointParameter(Q, !0);
     M.at(p, gt);
-    const v = kt.lerp(y.z, g.z, p), w = v >= -1 && v <= 1, S = Q.distanceTo(gt) < _ * 0.5;
+    const v = Lt.lerp(b.z, g.z, p), w = v >= -1 && v <= 1, S = Q.distanceTo(gt) < _ * 0.5;
     if (w && S) {
       M.start.fromBufferAttribute(o, h), M.end.fromBufferAttribute(c, h), M.start.applyMatrix4(l), M.end.applyMatrix4(l);
-      const B = new I(), j = new I();
+      const B = new P(), j = new P();
       z.distanceSqToSegment(M.start, M.end, j, B), e.push({
         point: j,
         pointOnLine: B,
         distance: z.origin.distanceTo(j),
-        object: n,
+        object: s,
         face: null,
         faceIndex: h,
         uv: null,
@@ -954,11 +955,11 @@ class _e extends wt {
   }
   // for backwards-compatibility, but could be a method of LineSegmentsGeometry...
   computeLineDistances() {
-    const t = this.geometry, e = t.attributes.instanceStart, i = t.attributes.instanceEnd, s = new Float32Array(2 * e.count);
+    const t = this.geometry, e = t.attributes.instanceStart, i = t.attributes.instanceEnd, n = new Float32Array(2 * e.count);
     for (let l = 0, r = 0, o = e.count; l < o; l++, r += 2)
-      bt.fromBufferAttribute(e, l), yt.fromBufferAttribute(i, l), s[r] = r === 0 ? 0 : s[r - 1], s[r + 1] = s[r] + bt.distanceTo(yt);
-    const a = new Lt(
-      s,
+      yt.fromBufferAttribute(e, l), bt.fromBufferAttribute(i, l), n[r] = r === 0 ? 0 : n[r - 1], n[r + 1] = n[r] + yt.distanceTo(bt);
+    const a = new Et(
+      n,
       2,
       1
     );
@@ -971,46 +972,46 @@ class _e extends wt {
     ), this;
   }
   raycast(t, e) {
-    const i = this.material.worldUnits, s = t.camera;
-    s === null && !i && console.error(
+    const i = this.material.worldUnits, n = t.camera;
+    n === null && !i && console.error(
       'LineSegments2: "Raycaster.camera" needs to be set in order to raycast against LineSegments2 while worldUnits is set to false.'
     );
     const a = t.params.Line2 !== void 0 && t.params.Line2.threshold || 0;
     z = t.ray;
     const l = this.matrixWorld, r = this.geometry, o = this.material;
-    _ = o.linewidth + a, r.boundingSphere === null && r.computeBoundingSphere(), U.copy(r.boundingSphere).applyMatrix4(l);
+    _ = o.linewidth + a, r.boundingSphere === null && r.computeBoundingSphere(), W.copy(r.boundingSphere).applyMatrix4(l);
     let c;
     if (i)
       c = _ * 0.5;
     else {
-      const f = Math.max(
-        s.near,
-        U.distanceToPoint(z.origin)
+      const d = Math.max(
+        n.near,
+        W.distanceToPoint(z.origin)
       );
       c = Mt(
-        s,
-        f,
+        n,
+        d,
         o.resolution
       );
     }
-    if (U.radius += c, z.intersectsSphere(U) === !1)
+    if (W.radius += c, z.intersectsSphere(W) === !1)
       return;
-    r.boundingBox === null && r.computeBoundingBox(), W.copy(r.boundingBox).applyMatrix4(l);
-    let d;
+    r.boundingBox === null && r.computeBoundingBox(), U.copy(r.boundingBox).applyMatrix4(l);
+    let f;
     if (i)
-      d = _ * 0.5;
+      f = _ * 0.5;
     else {
-      const f = Math.max(
-        s.near,
-        W.distanceToPoint(z.origin)
+      const d = Math.max(
+        n.near,
+        U.distanceToPoint(z.origin)
       );
-      d = Mt(
-        s,
-        f,
+      f = Mt(
+        n,
+        d,
         o.resolution
       );
     }
-    W.expandByScalar(d), z.intersectsBox(W) !== !1 && (i ? he(this, e) : pe(this, s, e));
+    U.expandByScalar(f), z.intersectsBox(U) !== !1 && (i ? he(this, e) : pe(this, n, e));
   }
   onBeforeRender(t) {
     const e = this.material.uniforms;

package/dist/core/BaseObject/index.d.ts

@@ -57,6 +57,7 @@ export default class BaseObject extends UseMaterial {
     setTop(onTop: number): void;
     traverse(fn: (o: IBaseObject) => void): void;
     instantiate(ops?: {
+        key?: string;
         uId?: string;
         target?: IBaseObject;
         create?: ((...args: any[]) => any) | boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gl-draw",
-  "version": "0.16.0-beta.30",
+  "version": "0.16.0-beta.31",
   "author": "gitplus <hstits@gmail.com>",
   "scripts": {
     "start": "bundler-dev",