@layoutit/polycss-vue 0.2.1 → 0.2.2

package/dist/index.cjs

@@ -1,4 +1,4 @@
-"use strict";var Jt=Object.defineProperty;var Qr=Object.getOwnPropertyDescriptor;var Jr=Object.getOwnPropertyNames;var ea=Object.prototype.hasOwnProperty;var ta=(e,t)=>{for(var n in t)Jt(e,n,{get:t[n],enumerable:!0})},na=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of Jr(t))!ea.call(e,r)&&r!==n&&Jt(e,r,{get:()=>t[r],enumerable:!(o=Qr(t,r))||o.enumerable});return e};var oa=e=>na(Jt({},"__esModule",{value:!0}),e);var Gi={};ta(Gi,{BASE_TILE:()=>x.BASE_TILE,CAMERA_BACKFACE_CULL_EPS:()=>x.CAMERA_BACKFACE_CULL_EPS,DEFAULT_CAMERA_STATE:()=>x.DEFAULT_CAMERA_STATE,DEFAULT_PROJECTION:()=>x.DEFAULT_PROJECTION,DEFAULT_SEAM_FACET_SPLIT_OPTIONS:()=>x.DEFAULT_SEAM_FACET_SPLIT_OPTIONS,DEFAULT_SEAM_OVERLAP_OPTIONS:()=>x.DEFAULT_SEAM_OVERLAP_OPTIONS,LoopOnce:()=>x.LoopOnce,LoopPingPong:()=>x.LoopPingPong,LoopRepeat:()=>x.LoopRepeat,Poly:()=>Mn,PolyAxesHelper:()=>Kn,PolyBox:()=>Tn,PolyCamera:()=>ct,PolyCameraContextKey:()=>ie,PolyCone:()=>Fn,PolyCylinder:()=>In,PolyDirectionalLightHelper:()=>Jn,PolyDodecahedron:()=>On,PolyFirstPersonControls:()=>Wn,PolyGround:()=>Cn,PolyIcosahedron:()=>Dn,PolyMapControls:()=>Hn,PolyMesh:()=>ae,PolyOctahedron:()=>wn,PolyOrbitControls:()=>Bn,PolyOrthographicCamera:()=>ct,PolyPerspectiveCamera:()=>tn,PolyPlane:()=>An,PolyRing:()=>Ln,PolyScene:()=>hn,PolySelect:()=>qn,PolySelectionContextKey:()=>gt,PolySphere:()=>kn,PolyTetrahedron:()=>Rn,PolyTorus:()=>Vn,PolyTransformControls:()=>jn,VOXEL_CAMERA_CULL_AXIS_EPS:()=>x.VOXEL_CAMERA_CULL_AXIS_EPS,VOXEL_CAMERA_CULL_NORMAL_LIMIT:()=>x.VOXEL_CAMERA_CULL_NORMAL_LIMIT,arrowPolygons:()=>x.arrowPolygons,axesHelperPolygons:()=>x.axesHelperPolygons,bakeSolidTextureSampledPolygons:()=>x.bakeSolidTextureSampledPolygons,bakeSolidTextureSamples:()=>x.bakeSolidTextureSamples,boxPolygons:()=>x.boxPolygons,buildSceneContext:()=>x.buildSceneContext,cameraCullNormalGroups:()=>x.cameraCullNormalGroups,cameraCullNormalGroupsFromPolygons:()=>x.cameraCullNormalGroupsFromPolygons,cameraCullNormalKey:()=>x.cameraCullNormalKey,cameraCullVisibleSignature:()=>x.cameraCullVisibleSignature,cameraFacingDepth:()=>x.cameraFacingDepth,clampChannel:()=>x.clampChannel,collectPolyRenderStats:()=>Hr,computeSceneBbox:()=>x.computeSceneBbox,computeShapeLighting:()=>x.computeShapeLighting,computeTexturePaintMetrics:()=>x.computeTexturePaintMetrics,conePolygons:()=>x.conePolygons,coverPlanarPolygons:()=>x.coverPlanarPolygons,createIsometricCamera:()=>x.createIsometricCamera,createPolyAnimationMixer:()=>x.createPolyAnimationMixer,cullInteriorPolygons:()=>x.cullInteriorPolygons,cylinderPolygons:()=>x.cylinderPolygons,dodecahedronPolygons:()=>x.dodecahedronPolygons,findMeshUnderPoint:()=>Bt,findPolyMeshHandle:()=>it,formatColor:()=>x.formatColor,icosahedronPolygons:()=>x.icosahedronPolygons,injectPolyBaseStyles:()=>St,inverseRotateVec3:()=>x.inverseRotateVec3,isAxisAlignedSurfaceNormal:()=>x.isAxisAlignedSurfaceNormal,isVoxelCameraCullableNormalGroups:()=>x.isVoxelCameraCullableNormalGroups,loadMesh:()=>x.loadMesh,mergePolygons:()=>x.mergePolygons,normalFacesCamera:()=>x.normalFacesCamera,normalizeInvertMultiplier:()=>x.normalizeInvertMultiplier,normalizePolygons:()=>x.normalizePolygons,octahedronPolygons:()=>x.octahedronPolygons,optimizeAnimatedMeshPolygons:()=>x.optimizeAnimatedMeshPolygons,optimizeMeshPolygons:()=>x.optimizeMeshPolygons,parseColor:()=>x.parseColor,parseGltf:()=>x.parseGltf,parseHexColor:()=>x.parseHexColor,parseMtl:()=>x.parseMtl,parseObj:()=>x.parseObj,parsePureColor:()=>x.parsePureColor,parseRgbColor:()=>x.parseRgbColor,parseVox:()=>x.parseVox,planePolygons:()=>x.planePolygons,pointInMeshElement:()=>lt,polygonCssSurfaceNormal:()=>x.polygonCssSurfaceNormal,polygonFaces:()=>x.polygonFaces,polygonFacesCamera:()=>x.polygonFacesCamera,repairMeshSeams:()=>x.repairMeshSeams,ringPolygons:()=>x.ringPolygons,rotateVec3:()=>x.rotateVec3,seamFacetSplitPolygons:()=>x.seamFacetSplitPolygons,seamFacetSplitReport:()=>x.seamFacetSplitReport,seamOverlapDiagnostics:()=>x.seamOverlapDiagnostics,seamOverlapPolygons:()=>x.seamOverlapPolygons,seamOverlapReport:()=>x.seamOverlapReport,shadeColor:()=>x.shadeColor,tetrahedronPolygons:()=>x.tetrahedronPolygons,torusPolygons:()=>x.torusPolygons,usePolyAnimation:()=>Yr,usePolyCamera:()=>qe,usePolyMaterial:()=>lr,usePolyMesh:()=>Mt,usePolySceneContext:()=>vt,usePolySelect:()=>Gn,usePolySelectionApi:()=>Zn});module.exports=oa(Gi);var Ye=require("vue");var Ne=require("vue"),wt=require("@layoutit/polycss-core");function en(e){let t={cameraState:{...e}},n=new Set;function o(){for(let r of n)r()}return{getState(){return t},setState(r){t={...t,...r},o()},subscribe(r){return n.add(r),()=>n.delete(r)},updateCameraFromRef(r){return t={cameraState:{...r.state}},o(),!0},notifyAll(){o()}}}function qe(e){let t=(0,wt.createIsometricCamera)({zoom:e.value.zoom,target:e.value.target,rotX:e.value.rotX,rotY:e.value.rotY,distance:e.value.distance}),n=(0,Ne.shallowRef)(t),o=(0,Ne.ref)(null),r=(0,Ne.ref)(null),i=(0,Ne.ref)([0,0,0]),a=en(t.state);(0,Ne.watch)(()=>({zoom:e.value.zoom,target:e.value.target,rotX:e.value.rotX,rotY:e.value.rotY,distance:e.value.distance}),(l,c)=>{let m={};l.zoom!==void 0&&l.zoom!==c?.zoom&&(m.zoom=l.zoom),l.target!==void 0&&l.target!==c?.target&&(m.target=l.target),l.rotX!==void 0&&l.rotX!==c?.rotX&&(m.rotX=l.rotX),l.rotY!==void 0&&l.rotY!==c?.rotY&&(m.rotY=l.rotY),l.distance!==void 0&&l.distance!==c?.distance&&(m.distance=l.distance),Object.keys(m).length>0&&(t.update(m),u(),a.updateCameraFromRef(t),a.notifyAll())});function u(){let l=o.value;if(!l)return;let c=t.state,m=wt.BASE_TILE,f=i.value,d=c.target[0]+f[0],h=c.target[1]+f[1],p=c.target[2]+f[2],P=h*m,b=d*m,A=p*m,L=c.distance!==0?`translateZ(${-c.distance}px) `:"";l.style.transform=`${L}scale(${c.zoom}) rotateX(${c.rotX}deg) rotate(${c.rotY}deg) translate3d(${-P}px, ${-b}px, ${-A}px)`}return{store:a,cameraRef:n,sceneElRef:o,cameraElRef:r,autoCenterOffset:i,applyTransformDirect:u}}var ie=Symbol("polycss-camera");var ct=(0,Ye.defineComponent)({name:"PolyOrthographicCamera",props:{zoom:{type:Number},target:{type:Array},rotX:{type:Number},rotY:{type:Number},distance:{type:Number},class:{type:String}},setup(e,{slots:t}){let n=(0,Ye.computed)(()=>({zoom:e.zoom,target:e.target,rotX:e.rotX,rotY:e.rotY,distance:e.distance})),{store:o,cameraRef:r,sceneElRef:i,cameraElRef:a,autoCenterOffset:u,applyTransformDirect:l}=qe(n);return(0,Ye.provide)(ie,{store:o,cameraRef:r,sceneElRef:i,cameraElRef:a,autoCenterOffset:u,applyTransformDirect:l}),()=>(0,Ye.h)("div",{ref:a,class:`polycss-camera${e.class?` ${e.class}`:""}`,style:{perspective:"none"}},t.default?.())}});var Xe=require("vue");var ra=8e3,tn=(0,Xe.defineComponent)({name:"PolyPerspectiveCamera",props:{zoom:{type:Number},target:{type:Array},rotX:{type:Number},rotY:{type:Number},distance:{type:Number},perspective:{type:Number,default:void 0},class:{type:String}},setup(e,{slots:t}){let n=(0,Xe.computed)(()=>({zoom:e.zoom,target:e.target,rotX:e.rotX,rotY:e.rotY,distance:e.distance})),{store:o,cameraRef:r,sceneElRef:i,cameraElRef:a,autoCenterOffset:u,applyTransformDirect:l}=qe(n);return(0,Xe.provide)(ie,{store:o,cameraRef:r,sceneElRef:i,cameraElRef:a,autoCenterOffset:u,applyTransformDirect:l}),()=>{let c=`${typeof e.perspective=="number"?e.perspective:ra}px`;return(0,Xe.h)("div",{ref:a,class:`polycss-camera${e.class?` ${e.class}`:""}`,style:{perspective:c}},t.default?.())}}});var W=require("vue"),mt=require("@layoutit/polycss-core");var ao=require("vue"),Rt=require("@layoutit/polycss-core");function vt(e,t){return(0,ao.computed)(()=>{let{directionalLight:n}=t.value,o=(0,Rt.buildSceneContext)({polygons:e.value});return{polygons:(0,Rt.mergePolygons)(o.context.polygons),sceneBbox:o.context.sceneBbox}})}var io="polycss-styles";function St(e=typeof document<"u"?document:null){if(!e||e.getElementById(io))return;let t=e.createElement("style");t.id=io,t.textContent=aa,e.head.appendChild(t)}var aa=`
+"use strict";var cn=Object.defineProperty;var ya=Object.getOwnPropertyDescriptor;var ga=Object.getOwnPropertyNames;var ha=Object.prototype.hasOwnProperty;var Pa=(e,t)=>{for(var n in t)cn(e,n,{get:t[n],enumerable:!0})},va=(e,t,n,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of ga(t))!ha.call(e,r)&&r!==n&&cn(e,r,{get:()=>t[r],enumerable:!(o=ya(t,r))||o.enumerable});return e};var xa=e=>va(cn({},"__esModule",{value:!0}),e);var hs={};Pa(hs,{BASE_TILE:()=>v.BASE_TILE,CAMERA_BACKFACE_CULL_EPS:()=>v.CAMERA_BACKFACE_CULL_EPS,DEFAULT_CAMERA_STATE:()=>v.DEFAULT_CAMERA_STATE,DEFAULT_PROJECTION:()=>v.DEFAULT_PROJECTION,DEFAULT_SEAM_FACET_SPLIT_OPTIONS:()=>v.DEFAULT_SEAM_FACET_SPLIT_OPTIONS,DEFAULT_SEAM_OVERLAP_OPTIONS:()=>v.DEFAULT_SEAM_OVERLAP_OPTIONS,LoopOnce:()=>v.LoopOnce,LoopPingPong:()=>v.LoopPingPong,LoopRepeat:()=>v.LoopRepeat,Poly:()=>Hn,PolyAxesHelper:()=>po,PolyBox:()=>Nn,PolyCamera:()=>wt,PolyCameraContextKey:()=>fe,PolyCone:()=>Zn,PolyCylinder:()=>Gn,PolyDirectionalLightHelper:()=>fo,PolyDodecahedron:()=>Wn,PolyFirstPersonControls:()=>lo,PolyGround:()=>Bn,PolyIcosahedron:()=>Un,PolyIframe:()=>_n,PolyMapControls:()=>to,PolyMesh:()=>ue,PolyOctahedron:()=>jn,PolyOrbitControls:()=>Jn,PolyOrthographicCamera:()=>wt,PolyPerspectiveCamera:()=>mn,PolyPlane:()=>Yn,PolyRing:()=>$n,PolyScene:()=>On,PolySelect:()=>uo,PolySelectionContextKey:()=>Vt,PolySphere:()=>qn,PolyTetrahedron:()=>Xn,PolyTorus:()=>Kn,PolyTransformControls:()=>ao,VOXEL_CAMERA_CULL_AXIS_EPS:()=>v.VOXEL_CAMERA_CULL_AXIS_EPS,VOXEL_CAMERA_CULL_NORMAL_LIMIT:()=>v.VOXEL_CAMERA_CULL_NORMAL_LIMIT,arrowPolygons:()=>v.arrowPolygons,axesHelperPolygons:()=>v.axesHelperPolygons,bakeSolidTextureSampledPolygons:()=>v.bakeSolidTextureSampledPolygons,bakeSolidTextureSamples:()=>v.bakeSolidTextureSamples,boxPolygons:()=>v.boxPolygons,buildSceneContext:()=>v.buildSceneContext,cameraCullNormalGroups:()=>v.cameraCullNormalGroups,cameraCullNormalGroupsFromPolygons:()=>v.cameraCullNormalGroupsFromPolygons,cameraCullNormalKey:()=>v.cameraCullNormalKey,cameraCullVisibleSignature:()=>v.cameraCullVisibleSignature,cameraFacingDepth:()=>v.cameraFacingDepth,clampChannel:()=>v.clampChannel,collectPolyRenderStats:()=>ra,computeSceneBbox:()=>v.computeSceneBbox,computeShapeLighting:()=>v.computeShapeLighting,computeTexturePaintMetrics:()=>v.computeTexturePaintMetrics,conePolygons:()=>v.conePolygons,coverPlanarPolygons:()=>v.coverPlanarPolygons,createIsometricCamera:()=>v.createIsometricCamera,createPolyAnimationMixer:()=>v.createPolyAnimationMixer,cullInteriorPolygons:()=>v.cullInteriorPolygons,cylinderPolygons:()=>v.cylinderPolygons,dodecahedronPolygons:()=>v.dodecahedronPolygons,findMeshUnderPoint:()=>nn,findPolyMeshHandle:()=>Ct,formatColor:()=>v.formatColor,icosahedronPolygons:()=>v.icosahedronPolygons,injectPolyBaseStyles:()=>Ht,inverseRotateVec3:()=>v.inverseRotateVec3,isAxisAlignedSurfaceNormal:()=>v.isAxisAlignedSurfaceNormal,isVoxelCameraCullableNormalGroups:()=>v.isVoxelCameraCullableNormalGroups,loadMesh:()=>v.loadMesh,mergePolygons:()=>v.mergePolygons,normalFacesCamera:()=>v.normalFacesCamera,normalizeInvertMultiplier:()=>v.normalizeInvertMultiplier,normalizePolygons:()=>v.normalizePolygons,octahedronPolygons:()=>v.octahedronPolygons,optimizeAnimatedMeshPolygons:()=>v.optimizeAnimatedMeshPolygons,optimizeMeshParseResult:()=>v.optimizeMeshParseResult,optimizeMeshPolygons:()=>v.optimizeMeshPolygons,parseColor:()=>v.parseColor,parseGltf:()=>v.parseGltf,parseHexColor:()=>v.parseHexColor,parseMtl:()=>v.parseMtl,parseObj:()=>v.parseObj,parsePureColor:()=>v.parsePureColor,parseRgbColor:()=>v.parseRgbColor,parseStl:()=>v.parseStl,parseVox:()=>v.parseVox,planePolygons:()=>v.planePolygons,pointInMeshElement:()=>Mt,polygonCssSurfaceNormal:()=>v.polygonCssSurfaceNormal,polygonFaces:()=>v.polygonFaces,polygonFacesCamera:()=>v.polygonFacesCamera,repairMeshSeams:()=>v.repairMeshSeams,ringPolygons:()=>v.ringPolygons,rotateVec3:()=>v.rotateVec3,seamFacetSplitPolygons:()=>v.seamFacetSplitPolygons,seamFacetSplitReport:()=>v.seamFacetSplitReport,seamOverlapDiagnostics:()=>v.seamOverlapDiagnostics,seamOverlapPolygons:()=>v.seamOverlapPolygons,seamOverlapReport:()=>v.seamOverlapReport,shadeColor:()=>v.shadeColor,simplifyTriangleMeshPolygons:()=>v.simplifyTriangleMeshPolygons,tetrahedronPolygons:()=>v.tetrahedronPolygons,torusPolygons:()=>v.torusPolygons,usePolyAnimation:()=>ia,usePolyCamera:()=>ct,usePolyMaterial:()=>Er,usePolyMesh:()=>jt,usePolySceneContext:()=>Lt,usePolySelect:()=>co,usePolySelectionApi:()=>mo});module.exports=xa(hs);var et=require("vue");var Je=require("vue"),Ut=require("@layoutit/polycss-core");function dn(e){let t={cameraState:{...e}},n=new Set;function o(){for(let r of n)r()}return{getState(){return t},setState(r){t={...t,...r},o()},subscribe(r){return n.add(r),()=>n.delete(r)},updateCameraFromRef(r){return t={cameraState:{...r.state}},o(),!0},notifyAll(){o()}}}function ct(e){let t=(0,Ut.createIsometricCamera)({zoom:e.value.zoom,target:e.value.target,rotX:e.value.rotX,rotY:e.value.rotY,distance:e.value.distance}),n=(0,Je.shallowRef)(t),o=(0,Je.ref)(null),r=(0,Je.ref)(null),a=(0,Je.ref)([0,0,0]),i=dn(t.state);(0,Je.watch)(()=>({zoom:e.value.zoom,target:e.value.target,rotX:e.value.rotX,rotY:e.value.rotY,distance:e.value.distance}),(s,c)=>{let m={};s.zoom!==void 0&&s.zoom!==c?.zoom&&(m.zoom=s.zoom),s.target!==void 0&&s.target!==c?.target&&(m.target=s.target),s.rotX!==void 0&&s.rotX!==c?.rotX&&(m.rotX=s.rotX),s.rotY!==void 0&&s.rotY!==c?.rotY&&(m.rotY=s.rotY),s.distance!==void 0&&s.distance!==c?.distance&&(m.distance=s.distance),Object.keys(m).length>0&&(t.update(m),u(),i.updateCameraFromRef(t),i.notifyAll())});function u(){let s=o.value;if(!s)return;let c=t.state,m=Ut.BASE_TILE,p=a.value,l=c.target[0]+p[0],h=c.target[1]+p[1],f=c.target[2]+p[2],P=h*m,x=l*m,T=f*m,E=c.zoom/m,w=c.distance!==0?`translateZ(${-c.distance}px) `:"";s.style.transform=`${w}scale(${E}) rotateX(${c.rotX}deg) rotate(${c.rotY}deg) translate3d(${-P}px, ${-x}px, ${-T}px)`}return{store:i,cameraRef:n,sceneElRef:o,cameraElRef:r,autoCenterOffset:a,applyTransformDirect:u}}var fe=Symbol("polycss-camera");var wt=(0,et.defineComponent)({name:"PolyOrthographicCamera",props:{zoom:{type:Number},target:{type:Array},rotX:{type:Number},rotY:{type:Number},distance:{type:Number},class:{type:String}},setup(e,{slots:t}){let n=(0,et.computed)(()=>({zoom:e.zoom,target:e.target,rotX:e.rotX,rotY:e.rotY,distance:e.distance})),{store:o,cameraRef:r,sceneElRef:a,cameraElRef:i,autoCenterOffset:u,applyTransformDirect:s}=ct(n);return(0,et.provide)(fe,{store:o,cameraRef:r,sceneElRef:a,cameraElRef:i,autoCenterOffset:u,applyTransformDirect:s}),()=>(0,et.h)("div",{ref:i,class:`polycss-camera${e.class?` ${e.class}`:""}`,style:{perspective:"1000000px"}},t.default?.())}});var tt=require("vue");var ba=32e3,mn=(0,tt.defineComponent)({name:"PolyPerspectiveCamera",props:{zoom:{type:Number},target:{type:Array},rotX:{type:Number},rotY:{type:Number},distance:{type:Number},perspective:{type:Number,default:void 0},class:{type:String}},setup(e,{slots:t}){let n=(0,tt.computed)(()=>({zoom:e.zoom,target:e.target,rotX:e.rotX,rotY:e.rotY,distance:e.distance})),{store:o,cameraRef:r,sceneElRef:a,cameraElRef:i,autoCenterOffset:u,applyTransformDirect:s}=ct(n);return(0,tt.provide)(fe,{store:o,cameraRef:r,sceneElRef:a,cameraElRef:i,autoCenterOffset:u,applyTransformDirect:s}),()=>{let c=`${typeof e.perspective=="number"?e.perspective:ba}px`;return(0,tt.h)("div",{ref:i,class:`polycss-camera${e.class?` ${e.class}`:""}`,style:{perspective:c}},t.default?.())}}});var Z=require("vue"),ot=require("@layoutit/polycss-core");var vo=require("vue"),Wt=require("@layoutit/polycss-core");function Lt(e,t){return(0,vo.computed)(()=>{let{directionalLight:n}=t.value,o=(0,Wt.buildSceneContext)({polygons:e.value});return{polygons:(0,Wt.mergePolygons)(o.context.polygons),sceneBbox:o.context.sceneBbox}})}var xo="polycss-styles";function Ht(e=typeof document<"u"?document:null){if(!e||e.getElementById(xo))return;let t=e.createElement("style");t.id=xo,t.textContent=Sa,e.head.appendChild(t)}var Sa=`
 /* \u2500\u2500 Scene container \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
 
 .polycss-scene,
@@ -27,19 +27,16 @@
 
 /* \u2500\u2500 Camera wrapper (perspective + interactive drag) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
 
+/* Matches vanilla .polycss-camera: a simple positioned block that fills the
+   host. PolyPerspectiveCamera / PolyOrthographicCamera apply perspective
+   inline so the CSS file does not bake a default. */
 .polycss-camera {
-  display: flex;
+  position: relative;
+  display: block;
   width: 100%;
-  justify-content: center;
-  align-items: center;
-  perspective: 8000px;
-  min-height: inherit;
   height: 100%;
-  position: relative;
-  overflow: hidden;
-  contain: paint;
-  isolation: isolate;
 }
+/* Vue descendant default \u2014 keeps preserve-3d on controls + helpers. */
 .polycss-camera * {
   transform-style: preserve-3d;
   position: absolute;
@@ -61,6 +58,17 @@
   transform-style: preserve-3d !important;
 }
 
+/* \u2500\u2500 Mesh wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+
+.polycss-mesh {
+  position: absolute;
+  transform-style: preserve-3d;
+  /* Pivot at wrapper local (0,0,0) for three.js mesh.position/rotation/scale
+     parity. Geometry is positioned by the parser (bbox-min-at-origin by
+     default, or pre-centered via loadMesh { center: true }). */
+  transform-origin: 0 0 0;
+}
+
 /* \u2500\u2500 Polygon leaf element \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
 
 /*
@@ -146,19 +154,55 @@
   border-width: 0 16px 32px 16px;
 }
 
-.polycss-scene u.polycss-large-border-triangle {
-  border-width: 0 48px 96px 48px;
+@supports (corner-top-left-shape: bevel) and (corner-top-right-shape: bevel) {
+  .polycss-scene > u,
+  .polycss-mesh > u,
+  .polycss-bucket > u {
+    border-width: 0;
+    width: 32px;
+    height: 32px;
+    background-color: currentColor;
+    border-top-left-radius: 50% 100%;
+    border-top-right-radius: 50% 100%;
+    corner-top-left-shape: bevel;
+    corner-top-right-shape: bevel;
+  }
+
+  .polycss-scene > u.polycss-corner-shape-solid,
+  .polycss-mesh > u.polycss-corner-shape-solid,
+  .polycss-bucket > u.polycss-corner-shape-solid {
+    width: 16px;
+    height: 16px;
+    box-sizing: border-box;
+    border: 0;
+    background: currentColor;
+    border-radius: 0;
+    corner-top-left-shape: initial;
+    corner-top-right-shape: initial;
+    corner-bottom-right-shape: initial;
+    corner-bottom-left-shape: initial;
+  }
 }
 
-.polycss-scene u.polycss-corner-triangle {
-  width: 32px;
-  height: 32px;
-  background: currentColor;
-  border: 0;
-  border-top-left-radius: 50% 100%;
-  border-top-right-radius: 50% 100%;
-  corner-top-left-shape: bevel;
-  corner-top-right-shape: bevel;
+/* \u2500\u2500 Gizmo override \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+
+/*
+ * PolyTransformControls renders 3D arrows using the same polygon pipeline
+ * as user content, but the gizmo is a UI affordance \u2014 both faces of
+ * every polygon should remain visible regardless of which way the
+ * camera is looking. Otherwise the cuboid shafts and pyramid heads end
+ * up half-culled.
+ *
+ * Transitions on color, border-color, and background-color smooth the
+ * idle \u2192 hover \u2192 drag alpha changes across rect, border-shape, triangle,
+ * and atlas paths.
+ */
+.polycss-transform-controls i,
+.polycss-transform-controls b,
+.polycss-transform-controls s,
+.polycss-transform-controls u {
+  backface-visibility: visible;
+  transition: color 150ms ease-out, border-color 150ms ease-out, background-color 150ms ease-out;
 }
 
 /* \u2500\u2500 Dynamic lighting cascade vars (scene root \u2192 polygons) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
@@ -215,22 +259,33 @@
    here (not inline per polygon) so each leaf only carries its tiny normal
    declarations \u2014 ~12\xD7 smaller per-polygon style payload on big meshes. */
 .polycss-scene[data-polycss-lighting="dynamic"] s {
+  /*
+   * Three.js MeshLambertMaterial parity for textured surfaces. See
+   * packages/polycss/src/styles/styles.ts for derivation and probe data.
+   * Kept in lockstep across renderer copies per cross-package discipline.
+   */
   background-color: rgb(
-    calc(255 * (var(--par) * var(--pai)
-         + var(--plr) * var(--pli) * max(0,
-           var(--pnx) * var(--plx) +
-           var(--pny) * var(--ply) +
-           var(--pnz) * var(--plz))))
-    calc(255 * (var(--pag) * var(--pai)
-         + var(--plg) * var(--pli) * max(0,
-           var(--pnx) * var(--plx) +
-           var(--pny) * var(--ply) +
-           var(--pnz) * var(--plz))))
-    calc(255 * (var(--pab) * var(--pai)
-         + var(--plb) * var(--pli) * max(0,
-           var(--pnx) * var(--plx) +
-           var(--pny) * var(--ply) +
-           var(--pnz) * var(--plz))))
+    calc(255 * max(0, 1.055 * pow(min(1, (
+      pow((var(--par) + 0.055) / 1.055, 2.4) * var(--pai) +
+      pow((var(--plr) + 0.055) / 1.055, 2.4) * var(--pli) * max(0,
+        var(--pnx) * var(--plx) +
+        var(--pny) * var(--ply) +
+        var(--pnz) * var(--plz))
+    ) / 3.14159265), 0.4167) - 0.055))
+    calc(255 * max(0, 1.055 * pow(min(1, (
+      pow((var(--pag) + 0.055) / 1.055, 2.4) * var(--pai) +
+      pow((var(--plg) + 0.055) / 1.055, 2.4) * var(--pli) * max(0,
+        var(--pnx) * var(--plx) +
+        var(--pny) * var(--ply) +
+        var(--pnz) * var(--plz))
+    ) / 3.14159265), 0.4167) - 0.055))
+    calc(255 * max(0, 1.055 * pow(min(1, (
+      pow((var(--pab) + 0.055) / 1.055, 2.4) * var(--pai) +
+      pow((var(--plb) + 0.055) / 1.055, 2.4) * var(--pli) * max(0,
+        var(--pnx) * var(--plx) +
+        var(--pny) * var(--ply) +
+        var(--pnz) * var(--plz))
+    ) / 3.14159265), 0.4167) - 0.055))
   );
   background-blend-mode: multiply;
   background-image: var(--polycss-atlas-url);
@@ -249,37 +304,50 @@
 }
 
 .polycss-scene[data-polycss-lighting="dynamic"] b,
+.polycss-scene[data-polycss-lighting="dynamic"] i,
 .polycss-scene[data-polycss-lighting="dynamic"] u {
+  /*
+   * Three.js MeshLambertMaterial parity (default useLegacyLights=false,
+   * physically-correct pipeline). See packages/polycss/src/styles/styles.ts
+   * for the derivation and probe data \u2014 kept in lockstep across the three
+   * renderer copies per cross-package discipline.
+   */
   color: rgb(
-    calc(255 * var(--psr) * (var(--par) * var(--pai)
-         + var(--plr) * var(--pli) * max(0,
-           var(--pnx) * var(--plx) +
-           var(--pny) * var(--ply) +
-           var(--pnz) * var(--plz))))
-    calc(255 * var(--psg) * (var(--pag) * var(--pai)
-         + var(--plg) * var(--pli) * max(0,
-           var(--pnx) * var(--plx) +
-           var(--pny) * var(--ply) +
-           var(--pnz) * var(--plz))))
-    calc(255 * var(--psb) * (var(--pab) * var(--pai)
-         + var(--plb) * var(--pli) * max(0,
-           var(--pnx) * var(--plx) +
-           var(--pny) * var(--ply) +
-           var(--pnz) * var(--plz))))
+    calc(255 * max(0, 1.055 * pow(min(1,
+      pow((var(--psr) + 0.055) / 1.055, 2.4) * (
+        pow((var(--par) + 0.055) / 1.055, 2.4) * var(--pai) +
+        pow((var(--plr) + 0.055) / 1.055, 2.4) * var(--pli) * max(0,
+          var(--pnx) * var(--plx) +
+          var(--pny) * var(--ply) +
+          var(--pnz) * var(--plz))
+      ) / 3.14159265
+    ), 0.4167) - 0.055))
+    calc(255 * max(0, 1.055 * pow(min(1,
+      pow((var(--psg) + 0.055) / 1.055, 2.4) * (
+        pow((var(--pag) + 0.055) / 1.055, 2.4) * var(--pai) +
+        pow((var(--plg) + 0.055) / 1.055, 2.4) * var(--pli) * max(0,
+          var(--pnx) * var(--plx) +
+          var(--pny) * var(--ply) +
+          var(--pnz) * var(--plz))
+      ) / 3.14159265
+    ), 0.4167) - 0.055))
+    calc(255 * max(0, 1.055 * pow(min(1,
+      pow((var(--psb) + 0.055) / 1.055, 2.4) * (
+        pow((var(--pab) + 0.055) / 1.055, 2.4) * var(--pai) +
+        pow((var(--plb) + 0.055) / 1.055, 2.4) * var(--pli) * max(0,
+          var(--pnx) * var(--plx) +
+          var(--pny) * var(--ply) +
+          var(--pnz) * var(--plz))
+      ) / 3.14159265
+    ), 0.4167) - 0.055))
   );
 }
 
-/* \u2500\u2500 Cast shadow projection (dynamic-mode CSS path) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
-
-/* <q> \u2014 dedicated shadow leaf. Same border-shape rendering trick as <i>
-   (border-color: currentColor fills the polygon outline) but with its
-   own tag so we don't have to thread :not(.polycss-shadow) exclusions
-   through every dynamic-mode color rule. backface-visibility must be
-   visible because the projection matrix is near-rank-deficient and the
-   resulting plane's normal can read as back-facing under some camera
-   angles; the leaf is intentionally always painted. Strip the UA's
-   default ::before/::after open-/close-quote so the element is just a
-   styled box. */
+/* \u2500\u2500 Retained <q> shadow projection (dynamic-mode CSS path) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+
+/* Reserved internal <q> shadow element rules. Current shadow emission uses SVG
+   surfaces; these rules keep any retained <q> markup styled as a plain
+   border-shape leaf instead of inheriting UA quote styling. */
 .polycss-scene q {
   position: absolute;
   display: block;
@@ -296,6 +364,7 @@
   backface-visibility: visible;
   border-color: currentColor;
   pointer-events: none;
+  will-change: transform;
 }
 .polycss-scene q::before,
 .polycss-scene q::after {
@@ -327,8 +396,9 @@
     transparent var(--ring-outer-r));
 }
 
-/* Shadow projection matrix. Projects any 3D point P onto the horizontal
-   ground plane (cssZ \u2248 G) along the CSS-space light direction (--clx/y/z).
+/* Projection matrix for retained internal <q> shadow leaves. Projects any
+   3D point P onto the horizontal ground plane (cssZ \u2248 G) along the CSS-space
+   light direction (--clx/y/z).
 
    The strict projection would set m22=0 (output.z is a constant G, flat).
    Chromium SKIPS rendering elements whose composed transform is singular.
@@ -350,13 +420,10 @@
   );
 }
 
-/* <q> shadow leaf \u2014 Lambert-gated opacity. Polygons facing the light cast
-   full shadow; polygons facing away cast zero shadow. The * 10 multiplier
-   sharpens the cutoff so small positive Lambert values jump quickly to 1,
-   giving a near-binary visibility decision with a smooth edge transition.
-   Scoped to dynamic mode: baked-mode shadow leaves are dropped up-front
-   by isBakedShadowCaster() and don't carry --pnx/--pny/--pnz. */
+/* Retained <q> opacity gate. Polygons facing the light cast full shadow;
+   polygons facing away cast zero shadow. The * 10 multiplier sharpens the
+   cutoff so small positive Lambert values jump quickly to 1. */
 .polycss-scene[data-polycss-lighting="dynamic"] q {
   opacity: clamp(0, calc((var(--pnx) * var(--clx) + var(--pny) * var(--cly) + var(--pnz) * var(--clz)) * 10), 1);
 }
-`;var ia=require("@layoutit/polycss-core");var lo=require("vue"),nn=Symbol("polycss/scene-context");function so(){return(0,lo.inject)(nn,null)}var re=require("@layoutit/polycss-core");var Ve=require("@layoutit/polycss-core");function on(e){if(!!!(e.defaultView?.CSS??(typeof CSS<"u"?CSS:void 0))?.supports?.("border-shape","polygon(0 0, 100% 0, 0 100%) circle(0)"))return!1;let r=(e.defaultView??(typeof window<"u"?window:void 0))?.matchMedia;return r?r("(pointer: fine)").matches&&r("(hover: hover)").matches:!0}function rn(e){let n=(e.defaultView??(typeof window<"u"?window:void 0))?.navigator?.userAgent??"";return n?!(0,Ve.safariCssProjectiveUnsupported)(n):!0}function uo(e){let t=e.defaultView?.CSS??(typeof CSS<"u"?CSS:void 0);return!!t?.supports?.("corner-top-left-shape","bevel")&&!!t.supports("corner-top-right-shape","bevel")&&!!t.supports("corner-bottom-right-shape","bevel")&&!!t.supports("corner-bottom-left-shape","bevel")}function co(e){let n=(e.defaultView??(typeof window<"u"?window:void 0))?.navigator?.userAgent??"";return n?!(0,Ve.safariCssProjectiveUnsupported)(n):!0}function mo(e,t,n,o,r){let i=new Set(o?.disable??[]);return(0,Ve.getSolidPaintDefaultsForPlansCore)(e,t,i,{solidTriangleSupported:rn(n),projectiveQuadSupported:co(n),cornerShapeSupported:uo(n),borderShapeSupported:on(n)},Ve.parseHex,Ve.rgbKey,r)}function an(e,t,n=new Set,o){let r=o??(typeof document<"u"?document:null);if(!r)return{};let i=n.size>0?{disable:Array.from(n)}:void 0;return mo(e,t,r,i)}function Ge(e){let t=e??(typeof document<"u"?document:null);if(!t){if(!!!(typeof CSS<"u"?CSS:void 0)?.supports?.("border-shape","polygon(0 0, 100% 0, 0 100%) circle(0)"))return!1;let r=typeof matchMedia<"u"?matchMedia:void 0;return r?r("(pointer: fine)").matches&&r("(hover: hover)").matches:!0}return on(t)}function Ze(e){let t=e??(typeof document<"u"?document:null);if(!t){let n=(typeof navigator<"u"?navigator:globalThis.navigator)?.userAgent??"";if(!n)return!0;let o=/\b(?:Chrome|HeadlessChrome|Chromium|Edg|OPR)\//.test(n);return!/\bVersion\/[\d.]+.*\bSafari\//.test(n)||o}return rn(t)}var fo=require("@layoutit/polycss-core");function ln(e,t,n,o){return(0,fo.filterAtlasPlans)(e,t,n,{solidTriangleSupported:Ze(o),borderShapeSupported:Ge(o)})}var po=require("@layoutit/polycss-core");function yo(e){if(!e)return!1;let n=(e.defaultView??(typeof window<"u"?window:void 0))?.matchMedia;return n?n("(pointer: coarse)").matches||n("(hover: none)").matches:!1}function sn(e,t,n){return(0,po.packTextureAtlasPlansWithScaleCore)(e,t,yo(n))}var Ce=require("@layoutit/polycss-core"),Ke=new Map;function bo(e){let t=Ke.get(e);return t||(t=new Promise((n,o)=>{let r=new Image;r.decoding="async",r.crossOrigin="anonymous",r.onload=()=>n(r),r.onerror=()=>o(new Error(`texture load failed: ${e}`)),r.src=e}),Ke.set(e,t),t.then(()=>{Ke.get(e)===t&&Ke.delete(e)},()=>{Ke.get(e)===t&&Ke.delete(e)})),t}function pe(e,t,n=1,o=0,r=0,i=1,a=0,u=0){e.setTransform(n*t,o*t,r*t,i*t,a*t,u*t)}function vo(e,t,n,o,r,i,a){Math.abs(i.r-1)<.001&&Math.abs(i.g-1)<.001&&Math.abs(i.b-1)<.001||(e.save(),pe(e,a),e.globalCompositeOperation="multiply",e.fillStyle=(0,Ce.tintToCss)(i),e.fillRect(t,n,o,r),e.restore())}function So(e,t,n,o,r,i,a){let u=t.naturalWidth||t.width||1,l=t.naturalHeight||t.height||1,c=Math.max(r/u,i/l),m=u*c,f=l*c;pe(e,a),e.drawImage(t,n+(r-m)/2,o+(i-f)/2,m,f)}function dt(e,t){return Math.max(0,Math.min(t,e))}function un(e,t,n,o,r,i,a,u){let l=t.naturalWidth||t.width||1,c=t.naturalHeight||t.height||1,m=dt(Math.min(n.minU,n.maxU)*l,l),f=dt(Math.max(n.minU,n.maxU)*l,l),d=dt(Math.min(n.minV,n.maxV)*c,c),h=dt(Math.max(n.minV,n.maxV)*c,c),p=Math.floor(m),P=Math.floor(d),b=Math.ceil(f)-p,A=Math.ceil(h)-P;b<1&&(p=Math.floor(dt((n.minU+n.maxU)/2*l,l-1)),b=1),A<1&&(P=Math.floor(dt((n.minV+n.maxV)/2*c,c-1)),A=1),p=Math.max(0,Math.min(l-1,p)),P=Math.max(0,Math.min(c-1,P)),b=Math.max(1,Math.min(l-p,b)),A=Math.max(1,Math.min(c-P,A)),pe(e,u),e.drawImage(t,p,P,b,A,o,r,i,a)}function Co(e){return e==="repeat"||e==="mirrored-repeat"}function go(e,t){return Co(e)?Math.floor(t):0}function ho(e,t){return Co(e)?Math.ceil(t)-1:0}function Po(e,t){return e==="mirrored-repeat"&&Math.abs(t%2)===1}function xo(e,t,n,o,r,i,a){let u=r?go(i,r.minU):0,l=r?ho(i,r.maxU):0,c=r?go(a,r.minV):0,m=r?ho(a,r.maxV):0;for(let f=u;f<=l;f++)for(let d=c;d<=m;d++){let h=Po(i,f),p=Po(a,d);if(!h&&!p){e.drawImage(t,f*n,d*o);continue}e.save(),e.translate((h?f+1:f)*n,(p?d+1:d)*o),e.scale(h?-1:1,p?-1:1),e.drawImage(t,0,0),e.restore()}}function Ot(e,t,n,o){for(let r=0;r<o.length;r+=2){let i=t+o[r],a=n+o[r+1];r===0?e.moveTo(i,a):e.lineTo(i,a)}e.closePath()}function Ct(e,t,n,o,r,i){for(let a=0;a<o.length;a+=2){let u=t+o[a]+r,l=n+o[a+1]+i;a===0?e.moveTo(u,l):e.lineTo(u,l)}e.closePath()}function Eo(e,t,n,o){pe(e,o),e.beginPath(),Ot(e,t.x,t.y,t.screenPts),e.clip(),pe(e,o),e.fillStyle=n==="dynamic"?t.polygon.color??"#cccccc":t.shadedColor,e.fillRect(t.x,t.y,t.canvasW,t.canvasH)}function Dt(e,t,n,o,r){t.polygon.textureAlphaMode==="opaque"&&(pe(e,n),e.fillStyle=t.polygon.color??"#cccccc",e.fillRect(t.x+o,t.y+r,t.canvasW,t.canvasH))}function Mo(e,t,n,o,r=0,i=0){if(t.textureTriangles?.length){let a=n.naturalWidth||n.width||1,u=n.naturalHeight||n.height||1;for(let l of t.textureTriangles){let c=(0,Ce.expandClipPoints)(l.screenPts,Ce.TEXTURE_TRIANGLE_BLEED);e.save(),pe(e,o),e.beginPath(),Ct(e,t.x,t.y,c,r,i),e.clip(),Dt(e,t,o,r,i),l.uvAffine?(pe(e,o,l.uvAffine.a/a,l.uvAffine.c/a,l.uvAffine.b/u,l.uvAffine.d/u,t.x+l.uvAffine.e+r,t.y+l.uvAffine.f+i),xo(e,n,a,u,l.uvSampleRect,t.polygon.textureWrap?.s,t.polygon.textureWrap?.t)):l.uvSampleRect&&un(e,n,l.uvSampleRect,t.x+r,t.y+i,t.canvasW,t.canvasH,o),e.restore()}}else if(t.uvAffine){let a=n.naturalWidth||n.width||1,u=n.naturalHeight||n.height||1,l=t.polygon.textureAlphaMode==="opaque";l&&(e.save(),pe(e,o),e.beginPath(),Ct(e,t.x,t.y,t.screenPts,r,i),e.clip(),Dt(e,t,o,r,i)),pe(e,o,t.uvAffine.a/a,t.uvAffine.c/a,t.uvAffine.b/u,t.uvAffine.d/u,t.x+t.uvAffine.e+r,t.y+t.uvAffine.f+i),xo(e,n,a,u,t.uvSampleRect,t.polygon.textureWrap?.s,t.polygon.textureWrap?.t),l&&e.restore()}else if(t.uvSampleRect){let a=t.polygon.textureAlphaMode==="opaque";a&&(e.save(),pe(e,o),e.beginPath(),Ct(e,t.x,t.y,t.screenPts,r,i),e.clip(),Dt(e,t,o,r,i)),un(e,n,t.uvSampleRect,t.x+r,t.y+i,t.canvasW,t.canvasH,o),a&&e.restore()}else{let a=t.polygon.textureAlphaMode==="opaque";a&&(e.save(),pe(e,o),e.beginPath(),Ct(e,t.x,t.y,t.screenPts,r,i),e.clip(),Dt(e,t,o,r,i)),So(e,n,t.x+r,t.y+i,t.canvasW,t.canvasH,o),a&&e.restore()}}function la(e,t,n,o,r,i){let a=r-n,u=i-o,l=a*a+u*u;if(l<=1e-9)return Math.hypot(e-n,t-o);let c=Math.max(0,Math.min(1,((e-n)*a+(t-o)*u)/l));return Math.hypot(e-(n+a*c),t-(o+u*c))}function sa(e,t,n,o){let r=1/0,i=n.length/2;for(let a of o){if(a<0||a>=i)continue;let u=a*2,l=(a+1)%i*2;r=Math.min(r,la(e,t,n[u],n[u+1],n[l],n[l+1]))}return r}function ua(e,t,n,o,r,i){let a=Math.max(0,o-i),u=Math.min(t-1,o+i),l=Math.max(0,r-i),c=Math.min(n-1,r+i),m=null,f=1/0;for(let d=l;d<=c;d++)for(let h=a;h<=u;h++){if(h===o&&d===r)continue;let p=h-o,P=d-r,b=p*p+P*P;if(b>i*i||b>=f)continue;let A=(d*t+h)*4;e[A+3]<Ce.TEXTURE_EDGE_REPAIR_SOURCE_ALPHA_MIN||(m=A,f=b)}return m}function To(e,t,n){if(!t.textureEdgeRepair||!t.texture||!t.textureEdgeRepairEdges||t.textureEdgeRepairEdges.size===0)return;let o=e.canvas;if(!o)return;let r=Math.max(0,Math.floor(t.x*n)),i=Math.max(0,Math.floor(t.y*n)),a=Math.max(1,Math.min(o.width-r,Math.ceil(t.canvasW*n))),u=Math.max(1,Math.min(o.height-i,Math.ceil(t.canvasH*n)));if(a<=0||u<=0)return;let l;try{l=e.getImageData(r,i,a,u)}catch{return}let c=l.data,m=new Uint8ClampedArray(c),f=Math.max(Ce.TEXTURE_EDGE_REPAIR_RADIUS,Ce.TEXTURE_EDGE_REPAIR_RADIUS/n),d=Math.max(2,Math.ceil(f*n)+1),h=!1;for(let p=0;p<u;p++)for(let P=0;P<a;P++){let b=(p*a+P)*4,A=c[b+3];if(A<Ce.TEXTURE_EDGE_REPAIR_ALPHA_MIN||A===255)continue;let L=(r+P+.5)/n-t.x,w=(i+p+.5)/n-t.y;if(sa(L,w,t.screenPts,t.textureEdgeRepairEdges)>f)continue;let y=ua(m,a,u,P,p,d);y!==null&&(c[b]=m[y],c[b+1]=m[y+1],c[b+2]=m[y+2],c[b+3]=255,h=!0)}h&&e.putImageData(l,r,i)}function Ao(e){if(typeof e.toBlob=="function")return new Promise(t=>{e.toBlob(n=>{t(n?URL.createObjectURL(n):null)},"image/png")});try{return Promise.resolve(e.toDataURL("image/png"))}catch{return Promise.resolve(null)}}async function ca(e,t,n,o){let r=n.createElement("canvas");r.width=Math.max(1,Math.ceil(e.width*o)),r.height=Math.max(1,Math.ceil(e.height*o));let i=e.entries.some(m=>m.textureEdgeRepair&&m.texture&&m.textureEdgeRepairEdges&&m.textureEdgeRepairEdges.size>0),a=r.getContext("2d",i?{willReadFrequently:!0}:void 0);if(!a)return{width:e.width,height:e.height,url:null};let u=Array.from(new Set(e.entries.flatMap(m=>m.texture?[m.texture]:[]))),l=new Map;await Promise.all(u.map(async m=>{l.set(m,await bo(m))}));for(let m of e.entries){let f=m.texture?l.get(m.texture):null;if(!m.texture){a.save(),Eo(a,m,t,o),a.restore();continue}f&&(a.save(),pe(a,o),a.beginPath(),Ot(a,m.x,m.y,m.screenPts),a.clip(),Mo(a,m,f,o),a.restore()),m.texture&&t==="baked"&&(a.save(),pe(a,o),a.beginPath(),Ot(a,m.x,m.y,m.screenPts),a.clip(),vo(a,m.x,m.y,m.canvasW,m.canvasH,m.textureTint,o),a.restore()),To(a,m,o)}let c=await Ao(r);return r.width=1,r.height=1,{width:e.width,height:e.height,url:c}}async function cn(e,t,n,o,r){let i=[];for(let a of e){if(r())break;i.push(await ca(a,t,n,o))}return i}var Ee=require("@layoutit/polycss-core"),Ro=50,Do=[.4,-.7,.59],Oo="#ffffff",ko=1,Io="#ffffff",Fo=.4,J=1e-9;var Et=.75,Vo=32,_o=96,da="0 48px 96px 48px",Lo,wo=Vo;function It(){let e=typeof navigator<"u"?navigator.userAgent:"";return e!==Lo&&(Lo=e,wo=/\bFirefox\//.test(e)?_o:Vo),wo}function mn(){return It()===_o?da:void 0}function je(e){let t=(0,Ee.parsePureColor)(e);return t?{r:t.rgb[0],g:t.rgb[1],b:t.rgb[2]}:{r:255,g:255,b:255}}function fn({r:e,g:t,b:n}){return`${e},${t},${n}`}function ma(e){return(0,Ee.parsePureColor)(e)?.alpha??1}function Ft({r:e,g:t,b:n}){let o=r=>Math.round(Math.max(0,Math.min(255,r))).toString(16).padStart(2,"0");return`#${o(e)}${o(t)}${o(n)}`}function Bo(e,t,n,o,r){let i=je(e),a=je(n),u=je(o),l=u.r/255*r+a.r/255*t,c=u.g/255*r+a.g/255*t,m=u.b/255*r+a.b/255*t,f=Math.max(0,Math.min(255,Math.round(i.r*l))),d=Math.max(0,Math.min(255,Math.round(i.g*c))),h=Math.max(0,Math.min(255,Math.round(i.b*m))),p=ma(e);return p<1?`rgba(${f}, ${d}, ${h}, ${p})`:Ft({r:f,g:d,b:h})}function zo(e,t){if(!Number.isFinite(t)||t<=1)return e;let n=(0,Ee.parsePureColor)(e);if(!n)return e;let o=255/Math.max(1,Math.round(t)-1),r=a=>Math.max(0,Math.min(255,Math.round(Math.round(a/o)*o))),i={r:r(n.rgb[0]),g:r(n.rgb[1]),b:r(n.rgb[2])};return n.alpha<1?`rgba(${i.r}, ${i.g}, ${i.b}, ${n.alpha})`:Ft(i)}function Ho(e,t,n){let o=(r,i)=>{if(r===i)return r;let a=i-r;return r+Math.sign(a)*Math.min(Math.abs(a),n)};return{r:o(e.r,t.r),g:o(e.g,t.g),b:o(e.b,t.b)}}function dn(e,t){return e[0]*t[0]+e[1]*t[1]+e[2]*t[2]}function fa(e,t){return[e[1]*t[2]-e[2]*t[1],e[2]*t[0]-e[0]*t[2],e[0]*t[1]-e[1]*t[0]]}function pa(e){if(e.length<3)return null;let t=e[0],n=[0,0,0];for(let r=1;r+1<e.length;r++){let i=e[r],a=e[r+1],u=[i[0]-t[0],i[1]-t[1],i[2]-t[2]],l=[a[0]-t[0],a[1]-t[1],a[2]-t[2]];n[0]-=u[1]*l[2]-u[2]*l[1],n[1]-=u[2]*l[0]-u[0]*l[2],n[2]-=u[0]*l[1]-u[1]*l[0]}let o=Math.hypot(n[0],n[1],n[2]);return o<=J?null:[n[0]/o,n[1]/o,n[2]/o]}function ya(e){if(e.length<3)return!1;let t=0;for(let n=0;n<e.length;n++){let o=e[n],r=e[(n+1)%e.length],i=e[(n+2)%e.length],a=(r[0]-o[0])*(i[1]-r[1])-(r[1]-o[1])*(i[0]-r[0]);if(Math.abs(a)<=J)return!1;let u=Math.sign(a);if(t===0)t=u;else if(u!==t)return!1}return!0}function ga(e){let t=0;for(let n=0;n<e.length;n++){let o=e[n],r=e[(n+1)%e.length];t+=o[0]*r[1]-o[1]*r[0]}return t/2}function ha(e,t,n,o){let r=t[0]-e[0],i=t[1]-e[1],a=o[0]-n[0],u=o[1]-n[1],l=r*u-i*a;if(Math.abs(l)<=J)return null;let c=n[0]-e[0],m=n[1]-e[1],f=(c*u-m*a)/l;return[e[0]+f*r,e[1]+f*i]}function kt(e,t){if(e.length<6||t<=0)return e;let n=0,o=0,r=e.length/2;for(let a=0;a<e.length;a+=2)n+=e[a],o+=e[a+1];n/=r,o/=r;let i=e.slice();for(let a=0;a<i.length;a+=2){let u=i[a]-n,l=i[a+1]-o,c=Math.hypot(u,l);c<=J||(i[a]+=u/c*t,i[a+1]+=l/c*t)}return i}function Qe(e,t){if(e.length<6||e.length%2!==0||t<=0)return e;let n=[];for(let l=0;l<e.length;l+=2)n.push([e[l],e[l+1]]);if(!ya(n))return kt(e,t);let o=ga(n);if(Math.abs(o)<=J)return kt(e,t);let r=o>0?1:-1,i=[];for(let l=0;l<n.length;l++){let c=n[l],m=n[(l+1)%n.length],f=m[0]-c[0],d=m[1]-c[1],h=Math.hypot(f,d);if(h<=J)return kt(e,t);let p=r*(d/h)*t,P=r*(-f/h)*t;i.push({a:[c[0]+p,c[1]+P],b:[m[0]+p,m[1]+P]})}let a=[],u=Math.max(2,t*4);for(let l=0;l<n.length;l++){let c=i[(l+n.length-1)%n.length],m=i[l],f=ha(c.a,c.b,m.a,m.b);if(!f)return kt(e,t);let d=n[l],h=f[0]-d[0],p=f[1]-d[1],P=Math.hypot(h,p);P>u?a.push(d[0]+h/P*u,d[1]+p/P*u):a.push(f[0],f[1])}return a}function Pa(e,t,n,o){let r=e+t;if(o<=0||n<=J||r<=J||!Number.isFinite(e+t+n+o))return Qe([e,0,0,n,r,n],o);let i=Math.sqrt(e*e+n*n),a=Math.sqrt(t*t+n*n);if(i<=J||a<=J)return Qe([e,0,0,n,r,n],o);let u=-o*n/i,l=-o*e/i,c=o*n/a,m=-o*t/a,f=e+u,d=l,h=r+c,p=n+m,P=-n*r;if(Math.abs(P)<=J)return Qe([e,0,0,n,r,n],o);let b=f-h,A=d-p,L=(b*n+A*e)/P,w=h-L*t,y=p-L*n,R=-o*(e+i)/n,I=n+o,z=r+o*(t+a)/n,_=I,C=Math.max(2,o*4),k=w-e,V=y,N=Math.sqrt(k*k+V*V);N>C&&(w=e+k/N*C,y=V/N*C);let v=Math.sqrt(R*R+o*o);v>C&&(R=R/v*C,I=n+o/v*C);let s=z-r,g=Math.sqrt(s*s+o*o);return g>C&&(z=r+s/g*C,_=n+o/g*C),[w,y,R,I,z,_]}function xa(e,t){if((e+1)%3===t)return e;if((t+1)%3===e)return t}function ba(e,t,n,o,r){let i=e.seamBleedEdges;if(!i?.size)return null;let a=e.seamBleed===void 0?Et:e.seamBleed;return[[o,t],[t,n],[n,o]].map(([l,c],m)=>{let f=xa(l,c),d=f!==void 0&&i.has(f)?e.seamBleedEdgeAmounts?.get(f)??(0,Ee.resolveSeamBleed)(a,Et):0;return(0,Ee.safePlanSeamBleedAmount)(r,m,d)})}function va(e,t,n){return e.map(o=>[o[1]*t,o[0]*t,o[2]*n])}function pn(e,t,n,o){if(!(0,Ee.isSolidTrianglePlan)(e))return null;let r=e.tileSize,i=e.layerElevation,a=va(e.polygon.vertices,r,i),u=pa(a);if(!u)return null;let l=[{a:0,b:1,c:2},{a:1,b:2,c:0},{a:2,b:0,c:1}].map(K=>{let oe=a[K.a],j=a[K.b];return{...K,length:Math.hypot(j[0]-oe[0],j[1]-oe[1],j[2]-oe[2])}}).sort((K,oe)=>oe.length-K.length),c=l[0].a,m=l[0].b,f=l[0].c,d=a[c],h=a[m],p=a[f],P=l[0].length;if(P<=J)return null;let b=[(h[0]-d[0])/P,(h[1]-d[1])/P,(h[2]-d[2])/P],A=[p[0]-d[0],p[1]-d[1],p[2]-d[2]],L=dn(A,b),w=[d[0]+b[0]*L,d[1]+b[1]*L,d[2]+b[2]*L],y=[w[0]-p[0],w[1]-p[1],w[2]-p[2]],R=Math.hypot(y[0],y[1],y[2]);if(R<=J)return null;let I=[y[0]/R,y[1]/R,y[2]/R];if(dn(fa(b,I),u)<0){let K=m;if(m=c,c=K,d=a[c],h=a[m],P=Math.hypot(h[0]-d[0],h[1]-d[1],h[2]-d[2]),P<=J)return null;b=[(h[0]-d[0])/P,(h[1]-d[1])/P,(h[2]-d[2])/P];let oe=[p[0]-d[0],p[1]-d[1],p[2]-d[2]];L=dn(oe,b),w=[d[0]+b[0]*L,d[1]+b[1]*L,d[2]+b[2]*L],y=[w[0]-p[0],w[1]-p[1],w[2]-p[2]];let j=Math.hypot(y[0],y[1],y[2]);if(j<=J)return null;I=[y[0]/j,y[1]/j,y[2]/j]}let z=It(),_=Math.max(0,Math.min(P,L)),C=Math.max(0,P-_),k=[_,0,0,R,_+C,R],V=ba(e,c,m,f,k),N=V?(0,Ee.offsetConvexPolygonPointsByEdgeAmounts)(k,V):Pa(_,C,R,(0,Ee.resolveSeamBleed)(e.seamBleed,Et)),v=[N[0],N[1]],s=[N[2],N[3]],g=[N[4],N[5]],S=(s[1]+g[1])/2,T=v[0]-s[0],E=g[0]-v[0],H=S-v[1];if(T<=J||E<=J||H<=J||!Number.isFinite(T+E+H))return null;let Y=t==="dynamic",O=je(e.polygon.color??"#cccccc"),M=Y&&fn(O)===o?.dynamicColorKey,B={color:Y||e.shadedColor===o?.paintColor?void 0:e.shadedColor,pointerEvents:n==="none"?"none":void 0,...Y&&!M?{"--pnx":u[0].toFixed(4),"--pny":u[1].toFixed(4),"--pnz":u[2].toFixed(4),"--psr":(O.r/255).toFixed(4),"--psg":(O.g/255).toFixed(4),"--psb":(O.b/255).toFixed(4)}:Y?{"--pnx":u[0].toFixed(4),"--pny":u[1].toFixed(4),"--pnz":u[2].toFixed(4)}:null},F=([K,oe])=>[p[0]+(K-_)*b[0]+oe*I[0],p[1]+(K-_)*b[1]+oe*I[1],p[2]+(K-_)*b[2]+oe*I[2]],$=F(v),X=F([s[0],S]),te=F([g[0],S]),G=z/2,Q=[(te[0]-X[0])/z,(te[1]-X[1])/z,(te[2]-X[2])/z],ne=[$[0]-Q[0]*G,$[1]-Q[1]*G,$[2]-Q[2]*G],fe=[(X[0]-ne[0])/z,(X[1]-ne[1])/z,(X[2]-ne[2])/z];return{transform:`matrix3d(${[Q[0],Q[1],Q[2],0,fe[0],fe[1],fe[2],0,u[0],u[1],u[2],0,ne[0],ne[1],ne[2],1].map(K=>(Math.round(K*1e3)/1e3||0).toString()).join(",")})`,borderWidth:mn(),...B}}function Vt(e){if(!e)return!1;let{a:t,b:n,c:o}=e;return t===0&&n===1&&o===2||t===1&&n===2&&o===0||t===2&&n===0&&o===1}function Sa(e,t,n,o){let r=e+t;if(o<=0||n<=J||r<=J||!Number.isFinite(e+t+n+o))return Qe([e,0,0,n,r,n],o);let i=Math.sqrt(e*e+n*n),a=Math.sqrt(t*t+n*n);if(i<=J||a<=J)return Qe([e,0,0,n,r,n],o);let u=-o*n/i,l=-o*e/i,c=o*n/a,m=-o*t/a,f=e+u,d=l,h=r+c,p=n+m,P=-n*r;if(Math.abs(P)<=J)return Qe([e,0,0,n,r,n],o);let b=f-h,A=d-p,L=(b*n+A*e)/P,w=h-L*t,y=p-L*n,R=-o*(e+i)/n,I=n+o,z=r+o*(t+a)/n,_=I,C=Math.max(2,o*4),k=w-e,V=y,N=Math.sqrt(k*k+V*V);N>C&&(w=e+k/N*C,y=V/N*C);let v=Math.sqrt(R*R+o*o);v>C&&(R=R/v*C,I=n+o/v*C);let s=z-r,g=Math.sqrt(s*s+o*o);return g>C&&(z=r+s/g*C,_=n+o/g*C),[w,y,R,I,z,_]}function Ca(e,t,n,o,r,i,a,u,l,c,m,f){let d=Math.round(e*1e3)/1e3||0,h=Math.round(t*1e3)/1e3||0,p=Math.round(n*1e3)/1e3||0,P=Math.round(o*1e3)/1e3||0,b=Math.round(r*1e3)/1e3||0,A=Math.round(i*1e3)/1e3||0,L=Math.round(a*1e3)/1e3||0,w=Math.round(u*1e3)/1e3||0,y=Math.round(l*1e3)/1e3||0,R=Math.round(c*1e3)/1e3||0,I=Math.round(m*1e3)/1e3||0,z=Math.round(f*1e3)/1e3||0;return`matrix3d(${d},${h},${p},0,${P},${b},${A},0,${L},${w},${y},0,${R},${I},${z},1)`}function No(e,t,n){if(e.texture||e.vertices.length!==3)return null;let o=Ro,r=o,i=e.vertices[0],a=e.vertices[1],u=e.vertices[2],l=i[1]*o,c=i[0]*o,m=i[2]*r,f=a[1]*o,d=a[0]*o,h=a[2]*r,p=u[1]*o,P=u[0]*o,b=u[2]*r,A=f-l,L=d-c,w=h-m,y=p-l,R=P-c,I=b-m,z=-(L*I-w*R),_=-(w*y-A*I),C=-(A*R-L*y),k=Math.sqrt(z*z+_*_+C*C);if(k<=J)return null;z/=k,_/=k,C/=k;let V=A*A+L*L+w*w,N=p-f,v=P-d,s=b-h,g=l-p,S=c-P,T=m-b,E=N*N+v*v+s*s,H=g*g+S*S+T*T,Y=Vt(n)?n.a:0,O=Vt(n)?n.b:1,M=Vt(n)?n.c:2,B=()=>n?No(e,t):null;if(!Vt(n)){let We=V;E>We&&(Y=1,O=2,M=0,We=E),H>We&&(Y=2,O=0,M=1)}let F=M===0?l:M===1?f:p,$=M===0?c:M===1?d:P,X=M===0?m:M===1?h:b,te=Y===0?l:Y===1?f:p,G=Y===0?c:Y===1?d:P,Q=Y===0?m:Y===1?h:b,ne=O===0?l:O===1?f:p,fe=O===0?c:O===1?d:P,Me=O===0?m:O===1?h:b,K=ne-te,oe=fe-G,j=Me-Q,D=Math.sqrt(K*K+oe*oe+j*j);if(D<=J)return B();let se=K/D,ye=oe/D,ge=j/D,ve=(F-te)*se+($-G)*ye+(X-Q)*ge,we=te+se*ve-F,ue=G+ye*ve-$,ke=Q+ge*ve-X,Ie=Math.sqrt(we*we+ue*ue+ke*ke);if(Ie<=J)return B();we/=Ie,ue/=Ie,ke/=Ie;let xt=Math.max(0,Math.min(D,ve)),jt=Math.max(0,D-xt),Se=Sa(xt,jt,Ie,Et),Be=Se[0],Re=Se[1],ze=Se[2],He=Se[3],At=Se[4],bt=Se[5],Le=(He+bt)/2,he=Be-ze,Lt=At-Be,$t=Le-Re;if(he<=J||Lt<=J||$t<=J||!Number.isFinite(he+Lt+$t))return B();let Ut=1/It(),to=he+Lt,Wt=to*Ut,qt=(Lt-he)*.5*Ut,Gt=$t*Ut,Zt=Be-xt-to*.5,Kt=Re,Xr=Ca(se*Wt,ye*Wt,ge*Wt,se*qt+we*Gt,ye*qt+ue*Gt,ge*qt+ke*Gt,z,_,C,F+se*Zt+we*Kt,$+ye*Zt+ue*Kt,X+ge*Zt+ke*Kt),no;if(Math.floor(t.colorFreezeFrames??1)!==0){let We=t.directionalLight,oo=t.ambientLight,Fe=We?.direction??Do,jr=We?.color??Oo,$r=Math.max(0,We?.intensity??ko),Ur=oo?.color??Io,Wr=Math.max(0,oo?.intensity??Fo),Qt=Math.sqrt(Fe[0]*Fe[0]+Fe[1]*Fe[1]+Fe[2]*Fe[2])||1,qr=Fe[0]/Qt,Gr=Fe[1]/Qt,Zr=Fe[2]/Qt,Kr=$r*Math.max(0,z*qr+_*Gr+C*Zr),ro=Bo(e.color??"#cccccc",Kr,jr,Ur,Wr);no=t.colorSteps?zo(ro,t.colorSteps):ro}return{transform:Xr,borderWidth:mn(),color:no,basis:{a:Y,b:O,c:M}}}function Ea(e,t,n){return n>0&&(n<=1||(t+e)%n===0)}function Ma(e,t,n,o){let r=Math.floor(o.colorFreezeFrames??1);if(r===0)return;let i=e.__polycssStableTriangleColor;if(!(i===void 0||Ea(t,Math.max(0,Math.floor(o.colorFrame??0)),Math.max(1,r)))||i===n)return;let u=n,l=n?je(n):void 0,c=e.__polycssStableTriangleColorRgb,m=Math.max(0,Math.floor(o.colorMaxStep??0));m>0&&c&&l&&n&&(l=Ho(c,l,m),u=Ft(l)),e.style.color=u,e.__polycssStableTriangleColor=u,e.__polycssStableTriangleColorRgb=l}function yn(e,t,n={}){if((n.textureLighting??"baked")!=="baked"||!Ze())return!1;let o=Array.from(e.children).filter(i=>i instanceof HTMLElement&&i.localName==="u");if(o.length!==t.length)return!1;let r=t.map((i,a)=>No(i,n,o[a].__polycssStableTriangleBasis));if(r.some(i=>!i))return!1;for(let i=0;i<o.length;i+=1){let a=r[i],u=o[i];u.style.visibility&&(u.style.visibility=""),u.__polycssStableTriangleBasis=a.basis,u.style.transform=a.transform,a.borderWidth!==void 0&&(u.style.borderWidth=a.borderWidth),a.color!==void 0&&Ma(u,i,a.color,n)}return!0}var Yo=require("@layoutit/polycss-core");function Je(e,t,n={}){return(0,Yo.computeTextureAtlasPlanPublic)(e,t,n)}function gn(e,t,n){let o=new Set(n?.disable??[]);return an(e,t,o)}var de=require("vue");function _t(e){for(let t of e)t.startsWith("blob:")&&URL.revokeObjectURL(t)}function et(e,t,n=(0,de.computed)(()=>{}),o=(0,de.computed)(()=>{})){let r=(0,de.computed)(()=>new Set(o.value?.disable??[])),i=(0,de.computed)(()=>!r.value.has("b")),a=(0,de.computed)(()=>i.value),u=(0,de.computed)(()=>!r.value.has("u")&&Ze()),l=(0,de.computed)(()=>!r.value.has("i")&&t.value!=="dynamic"&&Ge()),c=(0,de.computed)(()=>{let d=ln(e.value,t.value,r.value,typeof document<"u"?document:null);return sn(d,n.value,typeof document<"u"?document:null)}),m=(0,de.ref)(c.value.packed.pages.map(d=>({width:d.width,height:d.height,url:null}))),f=[];return(0,de.watch)(()=>[c.value,t.value],([d,h],p,P)=>{let{packed:b,atlasScale:A}=d,L=!1;_t(f),f=[],m.value=b.pages.map(w=>({width:w.width,height:w.height,url:null})),P(()=>{L=!0,_t(f),f=[]}),!(b.pages.length===0||typeof document>"u")&&cn(b.pages,h,document,A,()=>L).then(w=>{if(L){_t(w.flatMap(y=>y.url?.startsWith("blob:")?[y.url]:[]));return}f=w.flatMap(y=>y.url?.startsWith("blob:")?[y.url]:[]),m.value=w}).catch(()=>{L||(m.value=b.pages.map(w=>({width:w.width,height:w.height,url:null})))})},{immediate:!0}),(0,de.getCurrentScope)()&&(0,de.onScopeDispose)(()=>{_t(f),f=[]}),{entries:(0,de.computed)(()=>c.value.packed.entries),pages:m,ready:(0,de.computed)(()=>m.value.length===0||m.value.every(d=>!!d.url)),useFullRectSolid:i,useProjectiveQuad:a,useStableTriangle:u,useBorderShape:l}}var Xo=require("vue");function tt({entry:e,textureLighting:t,solidPaintDefaults:n,className:o,style:r,domAttrs:i,pointerEvents:a="auto"}){let u=pn(e,t,a,n);if(!u)return null;let l=e.polygon.data?Object.fromEntries(Object.entries(e.polygon.data).map(([m,f])=>[`data-${m}`,String(f)])):{},c=o?.trim()||void 0;return(0,Xo.h)("u",{class:c,style:{...u,...r},...l,...i})}var jo=require("vue"),$e=require("@layoutit/polycss-core");var Ta=new Map([["transform",0],["border-shape",1],["border-width",2],["width",3],["height",4],["color",5]]);function Aa(e){let t=e.getAttribute("style");if(!t)return;let o=t.split(";").map(r=>r.trim()).filter(Boolean).map((r,i)=>{let a=r.slice(0,r.indexOf(":")).trim().toLowerCase();return{declaration:r,index:i,order:Ta.get(a)??Number.POSITIVE_INFINITY}}).sort((r,i)=>r.order-i.order||r.index-i.index).map(({declaration:r})=>r).join(";");o!==t&&e.setAttribute("style",o)}function nt({entry:e,solidPaintDefaults:t,className:n,style:o,domAttrs:r,pointerEvents:i="auto",forceBorderShape:a=!1}){let u=!e.texture&&(0,$e.isFullRectSolid)(e),l=u&&a&&Ge(),c=!u||l?(0,$e.cssBorderShapeForPlan)(e):null,m=e.shadedColor===t?.paintColor,d={transform:c?(0,$e.formatBorderShapeEntryMatrix)(e):(0,$e.formatSolidQuadEntryMatrix)(e),color:m?void 0:e.shadedColor,pointerEvents:i==="none"?"none":void 0,...o},h=e.polygon.data?Object.fromEntries(Object.entries(e.polygon.data).map(([b,A])=>[`data-${b}`,String(A)])):{},p=n?.trim()||void 0,P=b=>{let A=b.el;A&&(c?A.style.setProperty("border-shape",c):A.style.removeProperty("border-shape"),Aa(A))};return(0,jo.h)(u&&!l?"b":"i",{class:p,style:d,...h,...r,onVnodeMounted:P,onVnodeUpdated:P})}var $o=require("vue");function ot({entry:e,textureLighting:t,solidPaintDefaults:n,className:o,style:r,domAttrs:i,pointerEvents:a="auto"}){let u=t==="dynamic",l=je(e.polygon.color??"#cccccc"),c=u&&fn(l)===n?.dynamicColorKey,m={transform:`matrix3d(${e.projectiveMatrix})`,color:u||e.shadedColor===n?.paintColor?void 0:e.shadedColor,pointerEvents:a==="none"?"none":void 0,...u&&!c?{"--pnx":e.normal[0].toFixed(4),"--pny":e.normal[1].toFixed(4),"--pnz":e.normal[2].toFixed(4),"--psr":(l.r/255).toFixed(4),"--psg":(l.g/255).toFixed(4),"--psb":(l.b/255).toFixed(4)}:u?{"--pnx":e.normal[0].toFixed(4),"--pny":e.normal[1].toFixed(4),"--pnz":e.normal[2].toFixed(4)}:null,...r},f=e.polygon.data?Object.fromEntries(Object.entries(e.polygon.data).map(([h,p])=>[`data-${h}`,String(p)])):{},d=o?.trim()||void 0;return(0,$o.h)("b",{class:d,style:m,...f,...i})}var Uo=require("vue"),rt=require("@layoutit/polycss-core"),La=64;function at({entry:e,page:t,textureLighting:n,solidPaintDefaults:o,className:r,style:i,domAttrs:a,pointerEvents:u="auto"}){let l=n==="dynamic",c=e.atlasCanonicalSize??La,m=e.canvasW||1,f=e.canvasH||1,d=t?`${(0,rt.formatCssLengthPx)(-e.x/m*c)} ${(0,rt.formatCssLengthPx)(-e.y/f*c)}`:void 0,h=t?`${(0,rt.formatCssLengthPx)(t.width/m*c)} ${(0,rt.formatCssLengthPx)(t.height/f*c)}`:void 0,p=l&&t?.url?`url(${t.url})`:void 0,P=!l&&t?.url?`url(${t.url}) ${d} / ${h} no-repeat`:void 0,b={transform:(0,rt.formatMatrix3d)(e.atlasMatrix),"--polycss-atlas-size":`${c}px`,...l?{backgroundImage:t?.url?`url(${t.url})`:void 0,backgroundPosition:d,backgroundSize:h}:{background:P},...l?{"--pnx":e.normal[0].toFixed(4),"--pny":e.normal[1].toFixed(4),"--pnz":e.normal[2].toFixed(4)}:null,...l&&p?{maskImage:p,maskMode:"alpha",maskPosition:d,maskSize:h,maskRepeat:"no-repeat",WebkitMaskImage:p,WebkitMaskPosition:d,WebkitMaskSize:h,WebkitMaskRepeat:"no-repeat"}:null,opacity:t?.url?void 0:0,pointerEvents:u==="none"?"none":void 0,...i},A=e.polygon.data?Object.fromEntries(Object.entries(e.polygon.data).map(([w,y])=>[`data-${w}`,String(y)])):{},L=r?.trim()||void 0;return(0,Uo.h)("s",{class:L,style:b,...A,...a})}var hn=(0,W.defineComponent)({name:"PolyScene",inheritAttrs:!1,props:{polygons:{type:Array,default:void 0},perspective:{type:Number},rotX:{type:Number},rotY:{type:Number},zoom:{type:Number},directionalLight:{type:Object,default:void 0},ambientLight:{type:Object,default:void 0},textureLighting:{type:String,default:"baked"},textureQuality:{type:[Number,String],default:void 0},seamBleed:{type:[Number,String],default:void 0},strategies:{type:Object,default:void 0},autoCenter:{type:Boolean,default:!1},shadow:{type:Object,default:void 0},class:{type:String},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},debugShowLabels:{type:Boolean},debugShowBackfaces:{type:Boolean}},setup(e,{slots:t,attrs:n}){let o=(0,W.inject)(ie);if(!o)throw new Error("polycss: PolyScene must be used inside a PolyCamera.");let{sceneElRef:r,applyTransformDirect:i}=o,a=(0,W.ref)(0),u=new Map,l={register(C,k){u.set(C,k),a.value++},unregister(C){u.delete(C),a.value++},version:a,getEntries(){return Array.from(u.values())}},c=(0,W.ref)(null),m=(0,W.computed)(()=>({textureLighting:e.textureLighting??"baked",directionalLight:e.directionalLight,ambientLight:e.ambientLight,strategies:e.strategies,seamBleed:e.seamBleed??mt.DEFAULT_SEAM_BLEED,shadow:e.shadow,shadowRegistry:l,groundCssZ:c.value}));(0,W.provide)(nn,m);let f=(0,W.ref)(null);(0,W.watch)(f,C=>{r.value=C});let d=!1;(0,W.onMounted)(()=>{d||typeof document<"u"&&(St(document),d=!0)}),(0,W.watch)(()=>e.debugShowBackfaces,C=>{let k=f.value;k&&k.classList.toggle("polycss-debug-show-backfaces",!!C)});let h=(0,W.computed)(()=>e.polygons??[]),p=(0,W.computed)(()=>({directionalLight:e.directionalLight})),P=vt(h,p);(0,W.onMounted)(()=>{r.value=f.value,i()}),(0,W.onUpdated)(i);let b=(0,W.computed)(()=>({tileSize:50,layerElevation:50,directionalLight:e.directionalLight,textureLighting:e.textureLighting,textureQuality:e.textureQuality})),A=(0,W.computed)(()=>{let C=e.textureLighting==="dynamic",k=C?void 0:e.directionalLight,V=C?void 0:e.ambientLight,N=(0,re.buildTextureEdgeRepairSets)(P.value.polygons),v=e.seamBleed??mt.DEFAULT_SEAM_BLEED,s=v==="auto"||typeof v=="number"&&Number.isFinite(v)&&v>0?(0,re.buildSeamBleedPolygonEdges)(P.value.polygons,{tileSize:b.value.tileSize,layerElevation:b.value.layerElevation,directionalLight:k,ambientLight:V}):null;return P.value.polygons.map((g,S)=>Je(g,S,{tileSize:b.value.tileSize,layerElevation:b.value.layerElevation,directionalLight:k,ambientLight:V,seamBleed:s?.has(S)?v:void 0,seamEdges:s?.get(S),textureEdgeRepairEdges:N[S]}))}),L=(0,W.computed)(()=>e.textureLighting??"baked"),w=(0,W.computed)(()=>e.textureQuality),y=(0,W.computed)(()=>e.strategies),R=et(A,L,w,y),I=(0,W.computed)(()=>{if(e.textureLighting!=="dynamic")return null;let C=e.directionalLight?.direction??[.4,-.7,.59],k=Math.hypot(C[0],C[1],C[2])||1,V=C[0]/k,N=C[1]/k,v=C[2]/k,s=(0,mt.parseHexColor)(e.directionalLight?.color??"#ffffff")?.rgb??[255,255,255],g=(0,mt.parseHexColor)(e.ambientLight?.color??"#ffffff")?.rgb??[255,255,255],S=e.directionalLight?.intensity??1,T=e.ambientLight?.intensity??.4,E=O=>(O/255).toFixed(4),H=v,Y=Math.sign(H||1)*Math.max(Math.abs(H),.01);return{"--plx":V.toFixed(4),"--ply":N.toFixed(4),"--plz":v.toFixed(4),"--clx":V.toFixed(4),"--cly":N.toFixed(4),"--clz":Y.toFixed(4),"--plr":E(s[0]),"--plg":E(s[1]),"--plb":E(s[2]),"--pli":S.toFixed(4),"--par":E(g[0]),"--pag":E(g[1]),"--pab":E(g[2]),"--pai":T.toFixed(4)}}),z=50;(0,W.watchEffect)(()=>{let C=f.value;a.value;let k=l.getEntries();if(k.length===0){C&&C.style.removeProperty("--shadow-ground-cssz"),c.value!==null&&(c.value=null);return}let V=1/0;for(let s of k)for(let g of s())for(let S of g.vertices)S[2]<V&&(V=S[2]);if(!Number.isFinite(V)){C&&C.style.removeProperty("--shadow-ground-cssz"),c.value!==null&&(c.value=null);return}let N=e.shadow?.lift??.05,v=(V+N)*z;c.value!==v&&(c.value=v),C&&(e.textureLighting==="dynamic"?C.style.setProperty("--shadow-ground-cssz",v.toFixed(3)):C.style.removeProperty("--shadow-ground-cssz"))});let _=(0,W.computed)(()=>{if(!e.autoCenter)return[0,0,0];let C=P.value.sceneBbox;return[(C.min[0]+C.max[0])/2,(C.min[1]+C.max[1])/2,(C.min[2]+C.max[2])/2]});return(0,W.watchEffect)(()=>{o.autoCenterOffset.value=_.value}),(0,W.onBeforeUnmount)(()=>{}),()=>{let C=`polycss-scene${e.class?` ${e.class}`:""}`,k=b.value,V=R.entries.value.map((v,s)=>{if(v)return at({entry:v,page:R.pages.value[v.pageIndex],textureLighting:k.textureLighting??"baked"});let g=A.value[s];return!g||g.texture?null:R.useStableTriangle.value&&(0,re.isSolidTrianglePlan)(g)?tt({entry:g,textureLighting:k.textureLighting??"baked"}):R.useProjectiveQuad.value&&(0,re.isProjectiveQuadPlan)(g)?ot({entry:g,textureLighting:k.textureLighting??"baked"}):R.useBorderShape.value||R.useFullRectSolid.value?nt({entry:g,forceBorderShape:!R.useFullRectSolid.value}):null}),N=t.default?.()??[];return(0,W.h)("div",{ref:f,class:C,"data-polycss-lighting":k.textureLighting??"baked","aria-hidden":"true",style:{...I.value??null,...n.style},...Object.fromEntries(Object.entries(n).filter(([v])=>v!=="style"&&v!=="class"))},[...V,...N])}}});var U=require("vue"),me=require("@layoutit/polycss-core");var De=require("vue"),qo=require("@layoutit/polycss-core"),Wo=[],Pn=[];function Mt(e,t){let n=(0,De.ref)(Wo),o=(0,De.ref)(void 0),r=(0,De.ref)(!!e.value),i=(0,De.ref)(null),a=(0,De.ref)(Pn),u=null;function l(){if(u){try{u.dispose()}catch{}u=null}}return(0,De.watch)(e,(c,m,f)=>{if(!c){l(),n.value=Wo,o.value=void 0,r.value=!1,i.value=null,a.value=Pn;return}let d=!1;r.value=!0,i.value=null;let h=u;(0,qo.loadMesh)(c,t).then(p=>{if(d){try{p.dispose()}catch{}return}if(h)try{h.dispose()}catch{}u=p,n.value=p.polygons,o.value=p.voxelSource,r.value=!1,i.value=null,a.value=p.warnings??Pn}).catch(p=>{if(d)return;let P=p instanceof Error?p:new Error(String(p));r.value=!1,i.value=P}),f(()=>{d=!0})},{immediate:!0}),(0,De.onUnmounted)(()=>{l()}),{polygons:n,voxelSource:o,loading:r,error:i,warnings:a,dispose:l}}var Z=require("@layoutit/polycss-core"),wa=[.4,-.7,.59],Ra="#ffffff",Da=1,Oa="#ffffff",ka=.4,er=1,Ia=8,Fa=Z.PROJECTIVE_QUAD_BLEED,_e=1e-6,Va=(0,Z.resolveProjectiveQuadGuards)({bleed:0}),tr={t:[0,0,1],b:[0,0,-1],fl:[0,1,0],br:[0,-1,0],fr:[1,0,0],bl:[-1,0,0]},vn=["t","b","bl","br","fr","fl"],_a=new Map([["0,0,1","t"],["0,0,-1","b"],["0,1,0","fl"],["0,-1,0","br"],["1,0,0","fr"],["-1,0,0","bl"]]);function Go(e){let t=[];for(let n of vn)(0,Z.normalFacesCamera)(tr[n],e)&&t.push(n);return t.join("|")}function Ba(e,t,n){let o=e.__polycssVoxelBrushState??(e.__polycssVoxelBrushState={});o.color!==t&&(e.style.color=t,o.color=t),o.transform!==n&&(e.style.transform=n,o.transform=n)}function za(e){let t=e.vertices;if(t.length<3)return null;let n=t[0],o=0,r=0,i=0;for(let u=1;u+1<t.length;u+=1){let l=t[u],c=t[u+1],m=l[1]-n[1],f=l[0]-n[0],d=l[2]-n[2],h=c[1]-n[1],p=c[0]-n[0],P=c[2]-n[2];o-=f*P-d*p,r-=d*h-m*P,i-=m*p-f*h}let a=Math.hypot(o,r,i);return a<=1e-9?null:[Math.round(o/a),Math.round(r/a),Math.round(i/a)]}function Ha(e){if(e.texture||e.material||e.uvs||e.textureTriangles||e.vertices.length!==4)return null;let t=za(e),n=t?_a.get(t.join(",")):void 0;if(!n)return null;let o=1/0,r=1/0,i=1/0,a=-1/0,u=-1/0,l=-1/0;for(let f of e.vertices)o=Math.min(o,f[0]),r=Math.min(r,f[1]),i=Math.min(i,f[2]),a=Math.max(a,f[0]),u=Math.max(u,f[1]),l=Math.max(l,f[2]);let c=1e-6,m=Ua(e.color);return Math.abs(l-i)<=c?{axis:"z",face:n,left:r*Z.BASE_TILE,top:o*Z.BASE_TILE,width:Math.max(0,(u-r)*Z.BASE_TILE),height:Math.max(0,(a-o)*Z.BASE_TILE),z:i*Z.BASE_TILE,baseColor:m,bleed:xn()}:Math.abs(a-o)<=c?{axis:"x",face:n,left:r*Z.BASE_TILE,top:i*Z.BASE_TILE,width:Math.max(0,(u-r)*Z.BASE_TILE),height:Math.max(0,(l-i)*Z.BASE_TILE),z:-o*Z.BASE_TILE,baseColor:m,bleed:xn()}:Math.abs(u-r)<=c?{axis:"y",face:n,left:i*Z.BASE_TILE,top:o*Z.BASE_TILE,width:Math.max(0,(l-i)*Z.BASE_TILE),height:Math.max(0,(a-o)*Z.BASE_TILE),z:-r*Z.BASE_TILE,baseColor:m,bleed:xn()}:null}function xn(){return{left:0,right:0,top:0,bottom:0}}function Na(e){let t=o=>String(Number(o.toFixed(6))),n=`${e.item.baseColor}|${e.variableAxis}`;for(let o=0;o<3;o+=1)o!==e.variableAxis&&(n+=`|${o}:${t(e.fixed[o])}`);return n}function Zo(e){return[e[1]*Z.BASE_TILE,e[0]*Z.BASE_TILE,e[2]*Z.BASE_TILE]}function Ko(e,t){return e.axis==="x"?[t[0],t[2]]:e.axis==="y"?[t[2],t[1]]:[t[0],t[1]]}function Ya(e,t,n){let o=e.left,r=e.left+e.width,i=e.top,a=e.top+e.height;if(Math.abs(t[0]-n[0])<=_e){if(Math.abs(t[0]-o)<=_e)return"left";if(Math.abs(t[0]-r)<=_e)return"right"}if(Math.abs(t[1]-n[1])<=_e){if(Math.abs(t[1]-i)<=_e)return"top";if(Math.abs(t[1]-a)<=_e)return"bottom"}return null}function Xa(e,t){let n=null;for(let o=0;o<3;o+=1)if(!(Math.abs(e[o]-t[o])<=_e)){if(n!==null)return null;n=o}return n}function ja(e,t,n){let o=t.vertices,r=Zo(o[n]),i=Zo(o[(n+1)%o.length]),a=Ya(e,Ko(e,r),Ko(e,i));if(!a)return null;let u=Xa(r,i);if(u===null)return null;let l=Math.min(r[u],i[u]),c=Math.max(r[u],i[u]);return c-l>_e?{item:e,side:a,variableAxis:u,fixed:r,start:l,end:c}:null}function Qo(e){e.item.bleed[e.side]=Math.max(e.item.bleed[e.side],Fa)}function $a(e,t){let n=new Map;for(let o of t){let r=e[o.sourceIndex];if(r)for(let i=0;i<r.vertices.length;i+=1){let a=ja(o,r,i);if(!a)continue;let u=Na(a),l=n.get(u);l?l.push(a):n.set(u,[a])}}for(let o of n.values()){if(o.length<2)continue;o.sort((i,a)=>i.start-a.start||i.end-a.end);let r=[];for(let i of o){r=r.filter(a=>a.end>i.start+_e);for(let a of r)a.item.sourceIndex!==i.item.sourceIndex&&(Qo(a),Qo(i));r.push(i)}}}function bn(e){let t=(0,Z.parsePureColor)(e);return t?{r:t.rgb[0],g:t.rgb[1],b:t.rgb[2],alpha:t.alpha}:{r:255,g:255,b:255,alpha:1}}function Ua(e){if(!e)return"#cccccc";let t=(0,Z.parsePureColor)(e);if(!t)return e;let n={r:t.rgb[0],g:t.rgb[1],b:t.rgb[2],alpha:t.alpha};if(n.alpha<1){let o=Math.round(Math.max(0,n.alpha)*1e3)/1e3;return`rgba(${ft(n.r)}, ${ft(n.g)}, ${ft(n.b)}, ${o})`}return nr(n)}function nr({r:e,g:t,b:n}){let o=r=>Math.round(Math.max(0,Math.min(255,r))).toString(16).padStart(2,"0");return`#${o(e)}${o(t)}${o(n)}`}function ft(e){return Math.round(Math.max(0,Math.min(255,e)))}function Wa(e,t,n,o){let r=bn(t),i=bn(n?.color??Ra),a=bn(o?.color??Oa),u=n?.direction??wa,l=Math.hypot(u[0],u[1],u[2])||1,c=u[0]/l,m=u[1]/l,f=u[2]/l,d=Math.max(0,n?.intensity??Da)*Math.max(0,e[0]*c+e[1]*m+e[2]*f),h=Math.max(0,o?.intensity??ka),p=a.r/255*h+i.r/255*d,P=a.g/255*h+i.g/255*d,b=a.b/255*h+i.b/255*d,A={r:r.r*p,g:r.g*P,b:r.b*b,alpha:r.alpha};return A.alpha<1?`rgba(${ft(A.r)}, ${ft(A.g)}, ${ft(A.b)}, ${A.alpha})`:nr(A)}function qa(e){if(!e?.length)return[];let t=[];for(let n=0;n<e.length;n+=1){let o=e[n],r=Ha(o);if(!r||r.width<=0||r.height<=0)return[];t.push({...r,sourceIndex:n})}return $a(e,t),t}function Ga(e){return e.axis==="x"?{xAxis:[1,0,0],yAxis:[0,0,1],normal:[0,-1,0],tx:0,ty:-e.z,tz:0}:e.axis==="y"?{xAxis:[0,0,1],yAxis:[0,1,0],normal:[-1,0,0],tx:-e.z,ty:0,tz:0}:{xAxis:[1,0,0],yAxis:[0,1,0],normal:[0,0,1],tx:0,ty:0,tz:e.z}}function Za(e){let t=e.left,n=e.top,o=e.left+e.width,r=e.top+e.height;return[t,n,o,n,o,r,t,r]}function Ka(e){return new Map([[0,e.bleed.top],[1,e.bleed.right],[2,e.bleed.bottom],[3,e.bleed.left]])}function Qa(e,t){let n=e.split(",").map(Number);if(n.length!==16||n.some(r=>!Number.isFinite(r)))return null;let o=Z.SOLID_QUAD_CANONICAL_SIZE/t;for(let r=0;r<8;r+=1)n[r]*=o;return`matrix3d(${n.map(r=>Number(r.toFixed(6))).join(",")})`}function Jo(e,t){let n=e.left-e.bleed.left,o=e.top-e.bleed.top,r=e.width+e.bleed.left+e.bleed.right,i=e.height+e.bleed.top+e.bleed.bottom,a=e.z,u=r/t,l=i/t;return`matrix3d(${(e.axis==="x"?[u,0,0,0,0,0,l,0,0,-1,0,0,n,-a,o,1]:e.axis==="y"?[0,0,u,0,0,l,0,0,-1,0,0,0,-a,o,n,1]:[u,0,0,0,0,l,0,0,0,0,1,0,n,o,a,1]).map(m=>Number(m.toFixed(6))).join(",")})`}function Ja(e,t){let{xAxis:n,yAxis:o,normal:r,tx:i,ty:a,tz:u}=Ga(e),l=(0,Z.computeProjectiveQuadMatrix)(Za(e),n,o,r,i,a,u,Va,Ka(e));return l?Qa(l,t)??Jo(e,t):Jo(e,t)}function ei(e){let t=e.defaultView?.matchMedia;return t?t("(pointer: coarse)").matches||t("(hover: none)").matches:!1}function ti(e){return ei(e)?Ia:er}function ni(e){return e.axis==="x"?[e.left+e.width/2,-e.z,e.top+e.height/2]:e.axis==="y"?[-e.z,e.top+e.height/2,e.left+e.width/2]:[e.left+e.width/2,e.top+e.height/2,e.z]}function oi(e,t){let n=ni(e),o=t.meshRotation;o&&(n=(0,Z.rotateVec3)(n,o[0]??0,o[1]??0,o[2]??0));let[r,i]=(0,Z.rotateVec3)(n,t.rotX,0,t.rotY);return{x:r,y:i}}function ri(e,t,n){let o=e.filter(d=>t.has(d.face)).map(d=>({item:d,...oi(d,n)}));if(o.length===0)return[];let r=1/0,i=-1/0,a=1/0,u=-1/0;for(let d of o)r=Math.min(r,d.x),i=Math.max(i,d.x),a=Math.min(a,d.y),u=Math.max(u,d.y);let l=4,c=Math.max(1e-6,i-r),m=Math.max(1e-6,u-a),f=new Map;for(let d of o){let h=Math.min(l-1,Math.max(0,Math.floor((d.x-r)/c*l))),p=Math.min(l-1,Math.max(0,Math.floor((d.y-a)/m*l))),P=`${h}:${p}`,b=f.get(P);b||(b={tx:h,ty:p,sourceIndex:d.item.sourceIndex,items:[]},f.set(P,b)),b.items.push(d.item),b.sourceIndex=Math.min(b.sourceIndex,d.item.sourceIndex)}return Array.from(f.values()).sort((d,h)=>d.ty-h.ty||d.tx-h.tx||d.sourceIndex-h.sourceIndex).flatMap(d=>d.items)}function or(e){let{doc:t,wrapper:n,polygons:o,directionalLight:r,ambientLight:i}=e,a=qa(o);if(a.length===0)return null;let u=new Set(a.map(v=>v.face));n.classList.add("polycss-voxel-mesh");let l=ti(t);l!==er&&n.style.setProperty("--polycss-voxel-primitive",`${l}px`);let c=new Map,m=(v,s)=>{let g=`${v}|${s}`,S=c.get(g);if(S)return S;let T=Wa(tr[v],s,r,i);return c.set(g,T),T},f=new Map,d=new Map,h=new Map,p=new Map;for(let v of a){let s=p.get(v.face);s||(s=[],p.set(v.face,s)),s.push(v)}let P="",b=0,A=new Set,L=v=>{let s=f.get(v.sourceIndex);return s||(s=t.createElement("b"),f.set(v.sourceIndex,s),Ba(s,m(v.face,v.baseColor),Ja(v,l))),s},w=v=>{let s=d.get(v);return s||(s=t.createElement("span"),s.className=`polycss-voxel-face polycss-voxel-face-${v}`,s.dataset.polycssVoxelFace=v,s.__polycssVoxelFaceHost=!0,d.set(v,s)),s},y=()=>{for(let v of Array.from(n.childNodes))if(!v.__polycssVoxelFaceHost)return v;return null},R=(v,s)=>{let g=s.map(E=>E.sourceIndex).join(",");if(h.get(v)===g)return;let S=w(v),T=t.createDocumentFragment();for(let E of s)T.appendChild(L(E));S.replaceChildren(T),h.set(v,g)},I=()=>{for(let v of vn)u.has(v)&&R(v,p.get(v)??[])},z=v=>new Set(v.split("|").filter(Boolean)),_=v=>{let s=z(v);return vn.filter(g=>s.has(g)&&u.has(g))},C=v=>{let s=0;for(let g of v)s+=p.get(g)?.length??0;return s},k=v=>{let s=new Set,g=[],S=new Map;for(let T of v){s.has(T.face)||(s.add(T.face),g.push(T.face));let E=S.get(T.face);E||(E=[],S.set(T.face,E)),E.push(T)}return{orderedFaces:g,itemsByFace:S}},V=(v,s)=>{let g=new Set(v);for(let S of A){if(g.has(S))continue;let T=d.get(S);T?.parentNode===n&&n.removeChild(T)}if(s){let S=t.createDocumentFragment();for(let T of v)S.appendChild(w(T));n.insertBefore(S,y()),A=g;return}for(let S=0;S<v.length;S+=1){let T=v[S],E=w(T);if(E.parentNode===n)continue;let H=null;for(let Y=S+1;Y<v.length;Y+=1){let O=d.get(v[Y]);if(O?.parentNode===n){H=O;break}}n.insertBefore(E,H??y())}A=g},N=(v,s,g)=>{if(!g){let Y=_(v);V(Y,!1),b=C(Y);return}let S=new Set(v.split("|").filter(Boolean)),T=ri(a,S,s),{orderedFaces:E,itemsByFace:H}=k(T);for(let Y of E)R(Y,H.get(Y)??[]);V(E,!0),b=T.length};return I(),{get brushCount(){return b},render(v){P=Go(v),N(P,v,!0)},syncCamera(v){let s=Go(v);s!==P&&(P=s,N(s,v,!1))},dispose(){for(let v of d.values())v.remove();n.classList.remove("polycss-voxel-mesh"),n.style.removeProperty("--polycss-voxel-primitive"),f.clear(),d.clear(),h.clear(),b=0,A=new Set,P=""}}}var Sn=new WeakMap;function rr(e,t){Sn.set(e,t)}function ar(e){Sn.delete(e)}function it(e){let t=e;for(;t;){if(t instanceof HTMLElement){let n=Sn.get(t);if(n)return n}t=t.parentElement}return null}function lt(e,t,n){let o=Array.from(e.querySelectorAll("i,b,s,u"));for(let r of o){let i=r.getBoundingClientRect();if(!(i.width<=0||i.height<=0)&&t>=i.left&&t<=i.right&&n>=i.top&&n<=i.bottom)return!0}return!1}function Bt(e,t,n){if(typeof document>"u")return null;let o=Array.from(document.querySelectorAll(".polycss-mesh"));for(let r of o){if(n&&!n(r))continue;let i=it(r);if(i&&lt(r,e,t))return i}return null}function ai(e){let t={};return e.paintColor&&(t["--polycss-paint"]=e.paintColor),e.dynamicColor&&(t["--psr"]=(e.dynamicColor.r/255).toFixed(4),t["--psg"]=(e.dynamicColor.g/255).toFixed(4),t["--psb"]=(e.dynamicColor.b/255).toFixed(4)),Object.keys(t).length>0?t:null}function ii(e,t,n){let o=[];return e&&o.push(`translate3d(${e[0]}px, ${e[1]}px, ${e[2]}px)`),t!==void 0&&(typeof t=="number"?t!==1&&o.push(`scale3d(${t}, ${t}, ${t})`):o.push(`scale3d(${t[0]}, ${t[1]}, ${t[2]})`)),n&&(n[0]&&o.push(`rotateX(${n[0]}deg)`),n[1]&&o.push(`rotateY(${n[1]}deg)`),n[2]&&o.push(`rotateZ(${n[2]}deg)`)),o.length>0?o.join(" "):void 0}function ir(e){if(e.length===0)return e;let t=(0,me.computeSceneBbox)(e),n=(t.min[0]+t.max[0])/2,o=(t.min[1]+t.max[1])/2,r=(t.min[2]+t.max[2])/2;if(n===0&&o===0&&r===0)return e;let i=a=>[a[0]-n,a[1]-o,a[2]-r];return e.map(a=>({...a,vertices:a.vertices.map(i),...a.textureTriangles?.length?{textureTriangles:a.textureTriangles.map(u=>({...u,vertices:u.vertices.map(i)}))}:null}))}var ae=(0,U.defineComponent)({name:"PolyMesh",inheritAttrs:!1,props:{id:{type:String,default:void 0},src:{type:String,default:void 0},mtl:{type:String,default:void 0},polygons:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},textureLighting:{type:String,default:void 0},textureQuality:{type:[Number,String],default:void 0},seamBleed:{type:[Number,String],default:void 0},castShadow:{type:Boolean,default:!1},meshResolution:{type:String,default:void 0},class:{type:String},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},onClick:{type:Function,default:void 0},onContextMenu:{type:Function,default:void 0},onDoubleClick:{type:Function,default:void 0},onWheel:{type:Function,default:void 0},onPointerDown:{type:Function,default:void 0},onPointerUp:{type:Function,default:void 0},onPointerMove:{type:Function,default:void 0},onPointerOver:{type:Function,default:void 0},onPointerOut:{type:Function,default:void 0},onPointerEnter:{type:Function,default:void 0},onPointerLeave:{type:Function,default:void 0},onPointerCancel:{type:Function,default:void 0}},setup(e,{slots:t,attrs:n,expose:o}){let r=(0,U.computed)(()=>e.src??""),i=(0,U.computed)(()=>{let M={};return e.mtl&&(M.mtlUrl=e.mtl),e.meshResolution!==void 0&&(M.meshResolution=e.meshResolution),Object.keys(M).length>0?M:void 0}),a=Mt(r,i.value),u=(0,U.computed)(()=>e.src?a.polygons.value:e.polygons??[]),l=(0,U.ref)(null),c=null;(0,U.watch)(u,()=>{l.value=null,c=null});let m=(0,U.computed)(()=>l.value??u.value),f=(0,U.computed)(()=>e.autoCenter?ir(m.value):m.value),d=!t.polygon,h=so(),p=(0,U.computed)(()=>e.textureLighting??h?.value.textureLighting??"baked"),P=(0,U.computed)(()=>h?.value.strategies),b=(0,U.computed)(()=>e.seamBleed??h?.value.seamBleed??me.DEFAULT_SEAM_BLEED),A=(0,U.computed)(()=>p.value==="dynamic"?void 0:h?.value.directionalLight),L=(0,U.computed)(()=>p.value==="dynamic"?void 0:h?.value.ambientLight),w=(0,U.computed)(()=>!!(e.src&&a.voxelSource.value&&l.value===null&&!t.polygon&&!t.default&&p.value==="baked"&&!e.castShadow)),y=(0,U.computed)(()=>{if(p.value!=="dynamic")return null;let M=e.rotation;if(!M||M[0]===0&&M[1]===0&&M[2]===0)return null;let B=h?.value.directionalLight?.direction;if(!B)return null;let F=(0,me.inverseRotateVec3)(B,M),$=Math.hypot(F[0],F[1],F[2])||1;return{"--plx":(F[0]/$).toFixed(4),"--ply":(F[1]/$).toFixed(4),"--plz":(F[2]/$).toFixed(4)}}),R=(0,U.ref)(e.rotation),I=(0,U.ref)(0),z=(0,U.computed)(()=>{let M=A.value;return!M||!R.value?M:{...M,direction:(0,me.inverseRotateVec3)(M.direction,R.value)}}),_=(0,U.computed)(()=>{if(!d||w.value)return[];let M=(0,re.buildTextureEdgeRepairSets)(f.value),B=b.value==="auto"||typeof b.value=="number"&&Number.isFinite(b.value)&&b.value>0?(0,re.buildSeamBleedPolygonEdges)(f.value,{directionalLight:z.value,ambientLight:L.value}):null;return f.value.map((F,$)=>Je(F,$,{directionalLight:z.value,ambientLight:L.value,seamBleed:B?.has($)?b.value:void 0,seamEdges:B?.get($),textureEdgeRepairEdges:M[$]}))}),C=(0,U.computed)(()=>e.textureQuality),k=et(_,p,C,P),V=(0,U.computed)(()=>d?gn(_.value,p.value,P.value):{}),N=(0,U.computed)(()=>ai(V.value)),v=(0,U.computed)(()=>{if(!e.castShadow)return null;let M=h?.value,B=M?.groundCssZ??null;if(B===null)return null;let F=M?.shadow,$=M?.directionalLight?.direction??[.4,-.7,.59],X=(0,me.findOverlappingPolygonDuplicates)(f.value,{normalTolerance:.1,distanceTolerance:.5,overlapFraction:.4,preserveDoubleSidedBackfaces:!1}),te=[],G=1/0,Q=1/0,ne=-1/0,fe=-1/0,Me=1/0,K=1/0,oe=-1/0,j=-1/0,D=f.value,se=_.value;for(let Re=0;Re<D.length;Re++){if(X.has(Re)||!se[Re])continue;let He=D[Re],At=[];for(let bt of He.vertices){let Le=[bt[1]*me.BASE_TILE,bt[0]*me.BASE_TILE,bt[2]*me.BASE_TILE];Le[0]<Me&&(Me=Le[0]),Le[1]<K&&(K=Le[1]),Le[0]>oe&&(oe=Le[0]),Le[1]>j&&(j=Le[1]);let he=(0,me.projectCssVertexToGround)(Le,$,B);At.push(he),he[0]<G&&(G=he[0]),he[1]<Q&&(Q=he[1]),he[0]>ne&&(ne=he[0]),he[1]>fe&&(fe=he[1])}te.push(At)}if(te.length===0)return null;let ye=F?.maxExtend??2e3,ge=Math.max(G,Me-ye),ve=Math.max(Q,K-ye),we=Math.min(ne,oe+ye),ue=Math.min(fe,j+ye),ke=we-ge,Ie=ue-ve;if(!(ke>0)||!(Ie>0))return null;let xt=F?.color??"#000000",jt=F?.opacity??.25,Se=(0,me.parseHexColor)(xt)?.rgb??[0,0,0],Be="";for(let Re of te){let ze=(0,me.ensureCcw2D)(Re);Be+=`M${(ze[0][0]-ge).toFixed(3)},${(ze[0][1]-ve).toFixed(3)}`;for(let He=1;He<ze.length;He++)Be+=`L${(ze[He][0]-ge).toFixed(3)},${(ze[He][1]-ve).toFixed(3)}`;Be+="Z"}return(0,U.h)("svg",{class:"polycss-shadow polycss-shadow-svg",width:String(ke),height:String(Ie),viewBox:`0 0 ${ke} ${Ie}`,style:{position:"absolute",top:"0",left:"0",display:"block",overflow:"hidden",transformOrigin:"0 0",pointerEvents:"none",willChange:"transform",transform:`translate3d(${ge.toFixed(3)}px,${ve.toFixed(3)}px,${B.toFixed(3)}px)`}},[(0,U.h)("path",{d:Be,fill:`rgb(${Se[0]},${Se[1]},${Se[2]})`,"fill-rule":"nonzero",stroke:`rgb(${Se[0]},${Se[1]},${Se[2]})`,"stroke-width":"2","stroke-linejoin":"round",opacity:jt.toFixed(4)})])}),s=Symbol();(0,U.watch)(()=>e.castShadow,(M,B,F)=>{let $=h?.value.shadowRegistry;$&&(M?$.register(s,()=>f.value):$.unregister(s),F(()=>$.unregister(s)))},{immediate:!0}),(0,U.onBeforeUnmount)(()=>{h?.value.shadowRegistry?.unregister(s)});let g=(0,U.ref)(null),S={get element(){return g.value},get id(){return e.id},getPosition:()=>e.position,getRotation:()=>e.rotation,getScale:()=>e.scale,getPolygons:()=>c??f.value,setPolygons(M){let B=e.autoCenter?ir(M):M;c=B;let F=g.value;F&&d&&yn(F,B,{directionalLight:z.value,ambientLight:L.value,textureLighting:p.value,strategies:P.value,seamBleed:b.value,colorFrame:++I.value,colorFreezeFrames:0})||(l.value=M.slice())},updatePolygon(M,B){let F=c??f.value,$=typeof M=="number"?M:F.indexOf(M);$<0||$>=F.length||(Object.assign(F[$],B),l.value=F.slice(),c=null)},rebakeAtlas:()=>{R.value=e.rotation}};o(S),(0,U.onMounted)(()=>{g.value&&rr(g.value,S)}),(0,U.onBeforeUnmount)(()=>{g.value&&ar(g.value)});let T=(0,U.inject)(ie,null),E=(0,U.ref)(null);(0,U.watchEffect)(M=>{let B=g.value;if(E.value?.dispose(),E.value=null,!w.value||!B)return;let F=or({doc:B.ownerDocument,wrapper:B,polygons:f.value,directionalLight:z.value,ambientLight:L.value});if(!F)return;let $=()=>{let te=T?.store.getState().cameraState;return{rotX:te?.rotX??65,rotY:te?.rotY??45,meshRotation:e.rotation}};E.value=F,F.render($());let X=T?.store.subscribe(()=>{F.syncCamera($())});M(()=>{X?.(),F.dispose(),E.value===F&&(E.value=null)})});let H=null;function Y(M,B,F){let $=[];if(typeof document<"u"&&typeof document.elementsFromPoint=="function"){let ne=document.elementsFromPoint(B,F),fe=new Set;for(let Me of ne){let K=it(Me);K&&!fe.has(K)&&(fe.add(K),$.push({object:K}))}}let X=0,te=0,G=T?.cameraElRef.value;if(G){let ne=G.getBoundingClientRect();ne.width>0&&ne.height>0&&(X=(B-ne.left)/ne.width*2-1,te=-((F-ne.top)/ne.height*2-1))}let Q=0;return H&&(Q=Math.hypot(B-H.x,F-H.y)),{object:$[0]?.object??S,eventObject:S,intersections:$,pointer:{x:X,y:te},delta:Q,nativeEvent:M,stopPropagation:()=>M.stopPropagation()}}function O(M,B,F,$){M&&M(Y(B,F,$))}return()=>{let M=ii(e.position,e.scale,e.rotation),B=f.value,F;if(B.length>0){let j=1/0,D=1/0,se=1/0,ye=-1/0,ge=-1/0,ve=-1/0;for(let we of B)for(let ue of we.vertices)ue[0]<j&&(j=ue[0]),ue[0]>ye&&(ye=ue[0]),ue[1]<D&&(D=ue[1]),ue[1]>ge&&(ge=ue[1]),ue[2]<se&&(se=ue[2]),ue[2]>ve&&(ve=ue[2]);Number.isFinite(j)&&(F=`${(D+ge)/2*50}px ${(j+ye)/2*50}px ${(se+ve)/2*50}px`)}let $={transform:M,...F?{transformOrigin:F}:null,...y.value??void 0,...n.style,...N.value??void 0},X=Object.fromEntries(Object.entries(n).filter(([j])=>j!=="style"&&j!=="class")),te=`polycss-mesh${w.value?" polycss-voxel-mesh":""}${e.class?` ${e.class}`:""}`,G={};e.onClick&&(G.onClick=j=>{let D=j;O(e.onClick,D,D.clientX,D.clientY)}),e.onContextMenu&&(G.onContextmenu=j=>{let D=j;O(e.onContextMenu,D,D.clientX,D.clientY)}),e.onDoubleClick&&(G.onDblclick=j=>{let D=j;O(e.onDoubleClick,D,D.clientX,D.clientY)}),e.onWheel&&(G.onWheel=j=>{let D=j;O(e.onWheel,D,D.clientX,D.clientY)}),G.onPointerdown=j=>{let D=j;H={x:D.clientX,y:D.clientY},O(e.onPointerDown,D,D.clientX,D.clientY)},G.onPointerup=j=>{let D=j;O(e.onPointerUp,D,D.clientX,D.clientY),H=null},e.onPointerMove&&(G.onPointermove=j=>{let D=j;O(e.onPointerMove,D,D.clientX,D.clientY)}),(e.onPointerOver||e.onPointerEnter)&&(G.onPointerenter=j=>{let D=j;O(e.onPointerOver,D,D.clientX,D.clientY),O(e.onPointerEnter,D,D.clientX,D.clientY)}),(e.onPointerOut||e.onPointerLeave)&&(G.onPointerleave=j=>{let D=j;O(e.onPointerOut,D,D.clientX,D.clientY),O(e.onPointerLeave,D,D.clientX,D.clientY)}),e.onPointerCancel&&(G.onPointercancel=j=>{let D=j;O(e.onPointerCancel,D,D.clientX,D.clientY),H=null});let Q=e.id?{"data-poly-mesh-id":e.id}:{};if(e.src&&a.loading.value&&a.polygons.value.length===0)return(0,U.h)("div",{ref:g,class:`polycss-mesh polycss-mesh-loading${e.class?` ${e.class}`:""}`,style:$,...Q,...G,...X},t.fallback?.()??[]);if(e.src&&a.error.value&&a.polygons.value.length===0)return(0,U.h)("div",{ref:g,class:`polycss-mesh polycss-mesh-error${e.class?` ${e.class}`:""}`,style:$,...Q,...G,...X},t.error?.({error:a.error.value})??[]);let ne=f.value,fe=t.polygon?ne.map((j,D)=>(0,U.h)("template",{key:D},t.polygon?.({polygon:j,index:D}))):w.value?[]:k.entries.value.map((j,D)=>{if(j)return at({entry:j,page:k.pages.value[j.pageIndex],textureLighting:p.value,solidPaintDefaults:V.value});let se=_.value[D];return!se||se.texture?null:(0,re.isProjectiveQuadPlan)(se)?ot({entry:se,textureLighting:p.value,solidPaintDefaults:V.value}):(0,re.isSolidTrianglePlan)(se)?tt({entry:se,textureLighting:p.value,solidPaintDefaults:V.value}):nt({entry:se,solidPaintDefaults:V.value})}),Me=t.default?.()??[],K=v.value,oe=K?[K]:[];return(0,U.h)("div",{ref:g,class:te,style:$,...Q,...G,...X},[...oe,...fe,...Me])}}});var pt=require("vue");var Cn=(0,pt.defineComponent)({name:"PolyGround",props:{size:{type:Number,default:6},z:{type:Number,default:0},center:{type:Array,default:()=>[0,0]},color:{type:String,default:"#7d848e"},class:{type:String,default:void 0}},setup(e){let t=(0,pt.computed)(()=>{let n=e.size/2,[o,r]=e.center;return[{vertices:[[o-n,r-n,e.z],[o+n,r-n,e.z],[o+n,r+n,e.z],[o-n,r+n,e.z]],color:e.color}]});return()=>(0,pt.h)(ae,{polygons:t.value,castShadow:!1,class:e.class?`polycss-ground ${e.class}`:"polycss-ground"})}});var En=require("vue");function lr(e){return typeof e=="function"?(0,En.computed)(()=>{let{texture:t,key:n}=e();return{texture:t,key:n}}):(0,En.computed)(()=>({texture:e.texture,key:e.key}))}var Te=require("vue");var li=4;function zt(e,t=li){let n=e.toFixed(t).replace(/\.?0+$/,"");return Number(n)===0||Object.is(Number(n),-0)?"0":`${n}px`}function si(e){if(e.length!==4)return null;let t=[...new Set(e.map(r=>r[0]))].sort((r,i)=>r-i),n=[...new Set(e.map(r=>r[1]))].sort((r,i)=>r-i);if(t.length!==2||n.length!==2)return null;let o=new Set([`${t[0]},${n[0]}`,`${t[0]},${n[1]}`,`${t[1]},${n[0]}`,`${t[1]},${n[1]}`]);for(let r of e)if(!o.has(`${r[0]},${r[1]}`))return null;return{u0:t[0],u1:t[1],v0:n[0],v1:n[1]}}function ui({plan:e,material:t,uvRect:n,className:o,style:r,domAttrs:i,pointerEvents:a="auto"}){let{u0:u,u1:l,v0:c,v1:m}=n,f=l-u,d=m-c,h=1/f,p=1/d,P=Math.max(c,m),b=u/f,A=(1-P)/d,L={transform:`matrix3d(${e.canonicalMatrix})`,backgroundImage:`url(${t.texture})`,backgroundSize:`${zt(h)} ${zt(p)}`,backgroundPosition:`${zt(-b)} ${zt(-A)}`,pointerEvents:a==="none"?"none":void 0,...r},w=e.polygon.data?Object.fromEntries(Object.entries(e.polygon.data).map(([R,I])=>[`data-${R}`,String(I)])):{},y=o?.trim()||void 0;return(0,Te.h)("i",{class:y,style:L,...w,...i})}var Mn=(0,Te.defineComponent)({name:"Poly",inheritAttrs:!1,props:{vertices:{type:Array,required:!0},color:{type:String},texture:{type:String},uvs:{type:Array,default:void 0},data:{type:Object,default:void 0},material:{type:Object,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},textureLighting:{type:String,default:void 0},textureQuality:{type:[Number,String],default:void 0},context:{type:Object,default:void 0},baseColor:{type:String},pointerEvents:{type:String,default:"auto"}},setup(e,{attrs:t}){let n=(0,Te.computed)(()=>e.textureLighting??e.context?.textureLighting??"baked"),o=(0,Te.computed)(()=>e.textureQuality??e.context?.textureQuality),r=(0,Te.computed)(()=>e.material?.texture??e.texture),i=(0,Te.computed)(()=>e.material&&e.uvs?si(e.uvs):null),a=(0,Te.computed)(()=>{let c=e.context?.tileSize??50;return Je({vertices:e.vertices,color:e.baseColor??e.color,texture:r.value,uvs:e.uvs,data:e.data},0,{tileSize:c,layerElevation:e.context?.layerElevation??c,directionalLight:e.context?.directionalLight})}),u=(0,Te.computed)(()=>i.value?[]:[a.value]),l=et(u,n,o);return()=>{let c=a.value,m=l.entries.value[0],f=[];e.position&&f.push(`translate3d(${e.position[0]}px, ${e.position[1]}px, ${e.position[2]}px)`),e.scale!==void 0&&(typeof e.scale=="number"?e.scale!==1&&f.push(`scale3d(${e.scale}, ${e.scale}, ${e.scale})`):f.push(`scale3d(${e.scale[0]}, ${e.scale[1]}, ${e.scale[2]})`)),e.rotation&&(e.rotation[0]&&f.push(`rotateX(${e.rotation[0]}deg)`),e.rotation[1]&&f.push(`rotateY(${e.rotation[1]}deg)`),e.rotation[2]&&f.push(`rotateZ(${e.rotation[2]}deg)`));let d=f.length>0?f.join(" "):void 0,h={};if(e.data)for(let[A,L]of Object.entries(e.data))h[`data-${A}`]=String(L);let p={...t,...h},P=Object.fromEntries(Object.entries(p).filter(([A])=>A!=="class"&&A!=="style")),b;return i.value&&e.material&&c?b=ui({plan:c,material:e.material,uvRect:i.value,className:p.class??void 0,style:p.style,domAttrs:P,pointerEvents:e.pointerEvents??"auto"}):m?b=at({entry:m,page:l.pages.value[m.pageIndex],textureLighting:n.value,className:p.class??void 0,style:p.style,domAttrs:P,pointerEvents:e.pointerEvents??"auto"}):c&&!c.texture&&(b=(0,re.isSolidTrianglePlan)(c)?tt({entry:c,textureLighting:n.value,className:p.class??void 0,style:p.style,domAttrs:P,pointerEvents:e.pointerEvents??"auto"}):(0,re.isProjectiveQuadPlan)(c)?ot({entry:c,textureLighting:n.value,className:p.class??void 0,style:p.style,domAttrs:P,pointerEvents:e.pointerEvents??"auto"}):nt({entry:c,className:p.class??void 0,style:p.style,domAttrs:P,pointerEvents:e.pointerEvents??"auto"})),b?d?(0,Te.h)("div",{class:"polycss-poly-wrapper",style:{transform:d,position:"absolute",transformStyle:"preserve-3d"}},[b]):b:null}}});var q=require("vue"),le=require("@layoutit/polycss-core");var Tn=(0,q.defineComponent)({name:"PolyBox",props:{size:{type:[Number,Array],default:void 0},center:{type:Array,default:void 0},min:{type:Array,default:void 0},max:{type:Array,default:void 0},color:{type:String,default:void 0},texture:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,q.computed)(()=>(0,le.boxPolygons)({size:e.size,center:e.center,min:e.min,max:e.max,color:e.color,texture:e.texture}));return()=>(0,q.h)(ae,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),An=(0,q.defineComponent)({name:"PolyPlane",props:{axis:{type:Number,required:!0},size:{type:Number,default:void 0},along:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,q.computed)(()=>(0,le.planePolygons)({axis:e.axis,size:e.size,along:e.along,color:e.color}));return()=>(0,q.h)(ae,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),Ln=(0,q.defineComponent)({name:"PolyRing",props:{axis:{type:Number,required:!0},radius:{type:Number,required:!0},halfThickness:{type:Number,default:void 0},segments:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,q.computed)(()=>(0,le.ringPolygons)({axis:e.axis,radius:e.radius,halfThickness:e.halfThickness,segments:e.segments,color:e.color}));return()=>(0,q.h)(ae,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),wn=(0,q.defineComponent)({name:"PolyOctahedron",props:{center:{type:Array,required:!0},size:{type:Number,required:!0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,q.computed)(()=>(0,le.octahedronPolygons)({center:e.center,size:e.size,color:e.color}));return()=>(0,q.h)(ae,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),Rn=(0,q.defineComponent)({name:"PolyTetrahedron",props:{size:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,q.computed)(()=>(0,le.tetrahedronPolygons)({size:e.size,color:e.color}));return()=>(0,q.h)(ae,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),Dn=(0,q.defineComponent)({name:"PolyIcosahedron",props:{size:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,q.computed)(()=>(0,le.icosahedronPolygons)({size:e.size,color:e.color}));return()=>(0,q.h)(ae,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),On=(0,q.defineComponent)({name:"PolyDodecahedron",props:{size:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,q.computed)(()=>(0,le.dodecahedronPolygons)({size:e.size,color:e.color}));return()=>(0,q.h)(ae,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),kn=(0,q.defineComponent)({name:"PolySphere",props:{radius:{type:Number,default:void 0},subdivisions:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,q.computed)(()=>(0,le.spherePolygons)({radius:e.radius,subdivisions:e.subdivisions,color:e.color}));return()=>(0,q.h)(ae,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),In=(0,q.defineComponent)({name:"PolyCylinder",props:{radius:{type:Number,default:void 0},radiusTop:{type:Number,default:void 0},height:{type:Number,default:void 0},radialSegments:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,q.computed)(()=>(0,le.cylinderPolygons)({radius:e.radius,radiusTop:e.radiusTop,height:e.height,radialSegments:e.radialSegments,color:e.color}));return()=>(0,q.h)(ae,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),Fn=(0,q.defineComponent)({name:"PolyCone",props:{radius:{type:Number,default:void 0},height:{type:Number,default:void 0},radialSegments:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,q.computed)(()=>(0,le.conePolygons)({radius:e.radius,height:e.height,radialSegments:e.radialSegments,color:e.color}));return()=>(0,q.h)(ae,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),Vn=(0,q.defineComponent)({name:"PolyTorus",props:{radius:{type:Number,default:void 0},tube:{type:Number,default:void 0},radialSegments:{type:Number,default:void 0},tubularSegments:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,q.computed)(()=>(0,le.torusPolygons)({radius:e.radius,tube:e.tube,radialSegments:e.radialSegments,tubularSegments:e.tubularSegments,color:e.color}));return()=>(0,q.h)(ae,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}});var Pe=require("vue"),_n=require("@layoutit/polycss-core");var ci=150,sr=4,di=513e-6,mi=10,fi=3,ur=16.67,pi=50,cr=.1,dr=10,mr=0,fr=5e3,yi=.3,gi=.05;function hi(e){return e===!0?-1:e===void 0||e===!1?1:e}function Pi(e,t,n,o,r){let i=hi(r),a=e/sr*i,u=t/sr*i;return{rotX:Math.max(0,Math.min(100,n-u)),rotY:((o-a)%360+360)%360}}function pr(e,t,n,o,r){let i=Math.max(.01,n),a=Math.max(.1,Math.cos(o*Math.PI/180)),u=-e/(i*_n.BASE_TILE),l=-t/(i*_n.BASE_TILE*a),c=-r*Math.PI/180,m=Math.cos(c),f=Math.sin(c);return{dWorldX:l*m-u*f,dWorldY:l*f+u*m}}var Bn=(0,Pe.defineComponent)({name:"PolyOrbitControls",props:{drag:{type:Boolean,default:!0},wheel:{type:Boolean,default:!0},dolly:{type:Boolean,default:!1},invert:{type:[Boolean,Number],default:!1},minZoom:{type:Number,default:cr},maxZoom:{type:Number,default:dr},minDistance:{type:Number,default:mr},maxDistance:{type:Number,default:fr},animate:{type:[Boolean,Object],default:!1}},emits:{change:e=>!0,"interaction-start":e=>!0,"interaction-end":e=>!0},setup(e,{emit:t}){let n=(0,Pe.inject)(ie,null);if(!n)return typeof console<"u"&&console.warn("[polycss] <PolyOrbitControls> must be used inside <PolyCamera>."),()=>null;let{store:o,cameraRef:r,cameraElRef:i,applyTransformDirect:a}=n,u=()=>({rotX:r.value.state.rotX,rotY:r.value.state.rotY,zoom:r.value.state.zoom,target:r.value.state.target,distance:r.value.state.distance}),l=()=>{t("change",u())},c=()=>{t("interaction-start",u())},m=()=>{t("interaction-end",u())},f=null,d={x:0,y:0},h=(0,Pe.ref)(!1),p=null,P=null,b=null;function A(){let y=i.value;if(!y)return;let R=!1,I={x:0,y:0},z=s=>{if(e.drag&&f===null&&s.isPrimary!==!1){s.preventDefault(),f=s.pointerId,d={x:s.clientX,y:s.clientY},y.style.cursor="grabbing";try{s.target.setPointerCapture(s.pointerId)}catch{}e.animate&&e.animate.pauseOnInteraction!==!1&&(h.value=!0),c()}},_=s=>{if(f===null||s.pointerId!==f||!e.drag)return;s.preventDefault();let g=s.clientX-d.x,S=s.clientY-d.y;d={x:s.clientX,y:s.clientY};let T=r.value,E=T.state;if(s.shiftKey){let{dWorldX:H,dWorldY:Y}=pr(g,S,E.zoom,E.rotX,E.rotY);T.update({target:[E.target[0]+H,E.target[1]+Y,E.target[2]]})}else{let{rotX:H,rotY:Y}=Pi(g,S,E.rotX,E.rotY,e.invert);T.update({rotX:H,rotY:Y})}a(),o.updateCameraFromRef(T),l()},C=s=>{if(f===s.pointerId){f=null,y.style.cursor=e.drag?"grab":"";try{s.target.releasePointerCapture(s.pointerId)}catch{}h.value=!1,m()}},k=s=>{s.preventDefault()},V=s=>{s.button===2&&(R=!0,I={x:s.clientX,y:s.clientY})},N=s=>{if(!R||!e.drag)return;let g=s.clientX-I.x,S=s.clientY-I.y;I={x:s.clientX,y:s.clientY};let T=r.value,E=T.state,{dWorldX:H,dWorldY:Y}=pr(g,S,E.zoom,E.rotX,E.rotY);T.update({target:[E.target[0]+H,E.target[1]+Y,E.target[2]]}),a(),o.updateCameraFromRef(T),l()},v=s=>{s.button===2&&R&&(R=!1,m())};y.style.cursor="grab",y.style.touchAction="none",y.style.userSelect="none",y.addEventListener("pointerdown",z),y.addEventListener("pointermove",_),y.addEventListener("pointerup",C),y.addEventListener("pointercancel",C),y.addEventListener("contextmenu",k),y.addEventListener("mousedown",V),y.addEventListener("mousemove",N),y.addEventListener("mouseup",v),p=()=>{y.removeEventListener("pointerdown",z),y.removeEventListener("pointermove",_),y.removeEventListener("pointerup",C),y.removeEventListener("pointercancel",C),y.removeEventListener("contextmenu",k),y.removeEventListener("mousedown",V),y.removeEventListener("mousemove",N),y.removeEventListener("mouseup",v),y.style.cursor="",y.style.touchAction="",y.style.userSelect=""}}function L(){let y=i.value;if(!y)return;let R=!1,I=null,z=_=>{if(!e.wheel)return;_.preventDefault();let C=_.deltaMode===1?16:_.deltaMode===2?100:1,k=_.deltaY*C;_.ctrlKey?k*=mi:k*=fi;let V=r.value;if(e.dolly){let N=e.minDistance??mr,v=e.maxDistance??fr,s=Math.max(N,Math.min(v,V.state.distance+k*gi));V.update({distance:s})}else{let N=Math.exp(-k*di),v=e.minZoom??cr,s=e.maxZoom??dr,g=Math.max(v,Math.min(s,V.state.zoom*N));V.update({zoom:g})}a(),o.updateCameraFromRef(V),R||(R=!0,c()),l(),I!==null&&clearTimeout(I),I=setTimeout(()=>{I=null,R=!1,m()},ci)};y.addEventListener("wheel",z,{passive:!1}),P=()=>{y.removeEventListener("wheel",z),I!==null&&clearTimeout(I)}}function w(){let y=null,R=!1,I=0,z=_=>{if(R)return;let C=e.animate;if(!C){y=requestAnimationFrame(z);return}if(h.value)I=_;else{let k=Math.min(pi,I?_-I:ur);I=_;let N=(C.speed??yi)*(k/ur),v=r.value,s=v.state;if(C.axis==="x"){let g=((s.rotX+N)%360+360)%360;v.update({rotX:g})}else{let g=((s.rotY+N)%360+360)%360;v.update({rotY:g})}a(),o.updateCameraFromRef(v),l()}y=requestAnimationFrame(z)};y=requestAnimationFrame(z),b=()=>{R=!0,y!==null&&cancelAnimationFrame(y),b=null}}return(0,Pe.onMounted)(()=>{e.drag&&A(),e.wheel&&L(),e.animate&&w()}),(0,Pe.onBeforeUnmount)(()=>{p?.(),P?.(),b?.(),p=null,P=null}),(0,Pe.watch)(()=>e.drag,y=>{y&&!p&&A(),!y&&p&&(p(),p=null)}),(0,Pe.watch)(()=>e.wheel,y=>{y&&!P&&L(),!y&&P&&(P(),P=null)}),(0,Pe.watch)(()=>!!e.animate,y=>{y&&!b&&w(),!y&&b&&b()}),()=>null}});var xe=require("vue"),zn=require("@layoutit/polycss-core");var xi=150,yr=4,bi=513e-6,vi=10,Si=3,gr=16.67,Ci=50,hr=.1,Pr=10,xr=0,br=5e3,Ei=.3,Mi=.05;function Ti(e){return e===!0?-1:e===void 0||e===!1?1:e}function vr(e,t,n,o,r){let i=Ti(r),a=e/yr*i,u=t/yr*i;return{rotX:Math.max(0,Math.min(100,n-u)),rotY:((o-a)%360+360)%360}}function Ai(e,t,n,o,r){let i=Math.max(.01,n),a=Math.max(.1,Math.cos(o*Math.PI/180)),u=-e/(i*zn.BASE_TILE),l=-t/(i*zn.BASE_TILE*a),c=-r*Math.PI/180,m=Math.cos(c),f=Math.sin(c);return{dWorldX:l*m-u*f,dWorldY:l*f+u*m}}var Hn=(0,xe.defineComponent)({name:"PolyMapControls",props:{drag:{type:Boolean,default:!0},wheel:{type:Boolean,default:!0},dolly:{type:Boolean,default:!1},invert:{type:[Boolean,Number],default:!1},minZoom:{type:Number,default:hr},maxZoom:{type:Number,default:Pr},minDistance:{type:Number,default:xr},maxDistance:{type:Number,default:br},animate:{type:[Boolean,Object],default:!1}},emits:{change:e=>!0,"interaction-start":e=>!0,"interaction-end":e=>!0},setup(e,{emit:t}){let n=(0,xe.inject)(ie,null);if(!n)return typeof console<"u"&&console.warn("[polycss] <PolyMapControls> must be used inside <PolyCamera>."),()=>null;let{store:o,cameraRef:r,cameraElRef:i,applyTransformDirect:a}=n,u=()=>({rotX:r.value.state.rotX,rotY:r.value.state.rotY,zoom:r.value.state.zoom,target:r.value.state.target,distance:r.value.state.distance}),l=()=>{t("change",u())},c=()=>{t("interaction-start",u())},m=()=>{t("interaction-end",u())},f=null,d={x:0,y:0},h=(0,xe.ref)(!1),p=null,P=null,b=null;function A(){let y=i.value;if(!y)return;let R=!1,I={x:0,y:0},z=s=>{if(e.drag&&f===null&&s.isPrimary!==!1){s.preventDefault(),f=s.pointerId,d={x:s.clientX,y:s.clientY},y.style.cursor="grabbing";try{s.target.setPointerCapture(s.pointerId)}catch{}e.animate&&e.animate.pauseOnInteraction!==!1&&(h.value=!0),c()}},_=s=>{if(f===null||s.pointerId!==f||!e.drag)return;s.preventDefault();let g=s.clientX-d.x,S=s.clientY-d.y;d={x:s.clientX,y:s.clientY};let T=r.value,E=T.state;if(s.shiftKey){let{rotX:H,rotY:Y}=vr(g,S,E.rotX,E.rotY,e.invert);T.update({rotX:H,rotY:Y})}else{let{dWorldX:H,dWorldY:Y}=Ai(g,S,E.zoom,E.rotX,E.rotY);T.update({target:[E.target[0]+H,E.target[1]+Y,E.target[2]]})}a(),o.updateCameraFromRef(T),l()},C=s=>{if(f===s.pointerId){f=null,y.style.cursor=e.drag?"grab":"";try{s.target.releasePointerCapture(s.pointerId)}catch{}h.value=!1,m()}},k=s=>{s.preventDefault()},V=s=>{s.button===2&&(R=!0,I={x:s.clientX,y:s.clientY})},N=s=>{if(!R||!e.drag)return;let g=s.clientX-I.x,S=s.clientY-I.y;I={x:s.clientX,y:s.clientY};let T=r.value,E=T.state,{rotX:H,rotY:Y}=vr(g,S,E.rotX,E.rotY,e.invert);T.update({rotX:H,rotY:Y}),a(),o.updateCameraFromRef(T),l()},v=s=>{s.button===2&&R&&(R=!1,m())};y.style.cursor="grab",y.style.touchAction="none",y.style.userSelect="none",y.addEventListener("pointerdown",z),y.addEventListener("pointermove",_),y.addEventListener("pointerup",C),y.addEventListener("pointercancel",C),y.addEventListener("contextmenu",k),y.addEventListener("mousedown",V),y.addEventListener("mousemove",N),y.addEventListener("mouseup",v),p=()=>{y.removeEventListener("pointerdown",z),y.removeEventListener("pointermove",_),y.removeEventListener("pointerup",C),y.removeEventListener("pointercancel",C),y.removeEventListener("contextmenu",k),y.removeEventListener("mousedown",V),y.removeEventListener("mousemove",N),y.removeEventListener("mouseup",v),y.style.cursor="",y.style.touchAction="",y.style.userSelect=""}}function L(){let y=i.value;if(!y)return;let R=!1,I=null,z=_=>{if(!e.wheel)return;_.preventDefault();let C=_.deltaMode===1?16:_.deltaMode===2?100:1,k=_.deltaY*C;_.ctrlKey?k*=vi:k*=Si;let V=r.value;if(e.dolly){let N=e.minDistance??xr,v=e.maxDistance??br,s=Math.max(N,Math.min(v,V.state.distance+k*Mi));V.update({distance:s})}else{let N=Math.exp(-k*bi),v=e.minZoom??hr,s=e.maxZoom??Pr,g=Math.max(v,Math.min(s,V.state.zoom*N));V.update({zoom:g})}a(),o.updateCameraFromRef(V),R||(R=!0,c()),l(),I!==null&&clearTimeout(I),I=setTimeout(()=>{I=null,R=!1,m()},xi)};y.addEventListener("wheel",z,{passive:!1}),P=()=>{y.removeEventListener("wheel",z),I!==null&&clearTimeout(I)}}function w(){let y=null,R=!1,I=0,z=_=>{if(R)return;let C=e.animate;if(!C){y=requestAnimationFrame(z);return}if(h.value)I=_;else{let k=Math.min(Ci,I?_-I:gr);I=_;let N=(C.speed??Ei)*(k/gr),v=r.value,s=v.state;if(C.axis==="x"){let g=((s.rotX+N)%360+360)%360;v.update({rotX:g})}else{let g=((s.rotY+N)%360+360)%360;v.update({rotY:g})}a(),o.updateCameraFromRef(v),l()}y=requestAnimationFrame(z)};y=requestAnimationFrame(z),b=()=>{R=!0,y!==null&&cancelAnimationFrame(y),b=null}}return(0,xe.onMounted)(()=>{e.drag&&A(),e.wheel&&L(),e.animate&&w()}),(0,xe.onBeforeUnmount)(()=>{p?.(),P?.(),b?.(),p=null,P=null}),(0,xe.watch)(()=>e.drag,y=>{y&&!p&&A(),!y&&p&&(p(),p=null)}),(0,xe.watch)(()=>e.wheel,y=>{y&&!P&&L(),!y&&P&&(P(),P=null)}),(0,xe.watch)(()=>!!e.animate,y=>{y&&!b&&w(),!y&&b&&b()}),()=>null}});var ee=require("vue"),be=require("@layoutit/polycss-core");var Ht="#ff3653",Nt="#8adb00",Yt="#2c8fff",Li=.6,wi=.8,Ri=1,st=50,Sr=60,Di=.6,Oi=.0125,ki=.15,Ii=.04,Fi=1,Cr=.02,Nn=1.04,Vi=.1,_i=.25,Rr=1e-4,Tt={0:1,1:0,2:2},Er=[{cssAxis:0,sign:1,key:"x",color:Ht},{cssAxis:0,sign:-1,key:"-x",color:Ht},{cssAxis:1,sign:1,key:"y",color:Nt},{cssAxis:1,sign:-1,key:"-y",color:Nt},{cssAxis:2,sign:1,key:"z",color:Yt},{cssAxis:2,sign:-1,key:"-z",color:Yt}],Mr=[{cssAxis:0,key:"x",color:Ht},{cssAxis:1,key:"y",color:Nt},{cssAxis:2,key:"z",color:Yt}],Tr=[{perpAxis:2,axisA:0,axisB:1,key:"xy",color:Yt},{perpAxis:1,axisA:0,axisB:2,key:"xz",color:Nt},{perpAxis:0,axisA:1,axisB:2,key:"yz",color:Ht}];function Yn(e,t){let n=/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(e);if(!n)return e;let o=parseInt(n[1],16),r=parseInt(n[2],16),i=parseInt(n[3],16);return`rgba(${o}, ${r}, ${i}, ${t})`}function Xt(e,t){return!t||t<=0?e:Math.round(e/t)*t}function Bi(e){return e.replace("-","")[0]}function Xn(e,t,n,o){let r=n*Math.PI/180,i=o*Math.PI/180,a=[0,0,0];a[e]=t;let u=a[0]*Math.sin(i)+a[1]*Math.cos(i),l=a[2];return u*Math.sin(r)+l*Math.cos(r)<0}function zi(e){if(e.length===0)return Sr;let t=1/0,n=1/0,o=1/0,r=-1/0,i=-1/0,a=-1/0;for(let u of e)for(let l of u.vertices)l[0]<t&&(t=l[0]),l[0]>r&&(r=l[0]),l[1]<n&&(n=l[1]),l[1]>i&&(i=l[1]),l[2]<o&&(o=l[2]),l[2]>a&&(a=l[2]);return Number.isFinite(t)?Math.max(r-t,i-n,a-o)*st*Di:Sr}function Hi(e){if(e.length===0)return[0,0,0];let t=1/0,n=1/0,o=1/0,r=-1/0,i=-1/0,a=-1/0;for(let u of e)for(let l of u.vertices)l[0]<t&&(t=l[0]),l[0]>r&&(r=l[0]),l[1]<n&&(n=l[1]),l[1]>i&&(i=l[1]),l[2]<o&&(o=l[2]),l[2]>a&&(a=l[2]);return Number.isFinite(t)?[(n+i)/2*st,(t+r)/2*st,(o+a)/2*st]:[0,0,0]}function Ar(e){let t=e.shaftLengthCss,n=[0,0,0];n[e.cssAxis]=e.sign;let o=e.wrapper.ownerDocument.createElement("div");o.style.position="absolute",o.style.left="0",o.style.top="0",o.style.width="0",o.style.height="0",o.style.transform=`translate3d(${n[0]*t}px, ${n[1]*t}px, ${n[2]*t}px)`,e.wrapper.appendChild(o);let r=e.wrapper.getBoundingClientRect(),i=o.getBoundingClientRect();e.wrapper.removeChild(o);let a=(i.left-r.left)/t,u=(i.top-r.top)/t,l=a*a+u*u;if(l<Rr)return;let c=e.target.getPosition()??[0,0,0];e.onMouseDown?.(),e.onDraggingChanged?.(!0);let m=d=>{let h=d.clientX-e.startClientX,p=d.clientY-e.startClientY,P=(h*a+p*u)/l;P=Xt(P,e.translationSnap);let b=[c[0]+P*n[0],c[1]+P*n[1],c[2]+P*n[2]];e.onObjectChange?.({object:e.target,position:b}),e.onChange?.()},f=()=>{window.removeEventListener("pointermove",m),window.removeEventListener("pointerup",f),window.removeEventListener("pointercancel",f);let d=h=>{h.stopPropagation(),h.stopImmediatePropagation()};window.addEventListener("click",d,{capture:!0,once:!0}),setTimeout(()=>window.removeEventListener("click",d,!0),0),e.onMouseUp?.(),e.onDraggingChanged?.(!1)};window.addEventListener("pointermove",m),window.addEventListener("pointerup",f),window.addEventListener("pointercancel",f)}function Lr(e){let t=[0,0,0];t[e.axisA]=1;let n=[0,0,0];n[e.axisB]=1;let o=e.probeDistanceCss;function r(f){let d=e.wrapper.ownerDocument.createElement("div");d.style.position="absolute",d.style.left="0",d.style.top="0",d.style.width="0",d.style.height="0",d.style.transform=`translate3d(${f[0]*o}px, ${f[1]*o}px, ${f[2]*o}px)`,e.wrapper.appendChild(d);let h=e.wrapper.getBoundingClientRect(),p=d.getBoundingClientRect();return e.wrapper.removeChild(d),{x:(p.left-h.left)/o,y:(p.top-h.top)/o}}let i=r(t),a=r(n),u=i.x*a.y-a.x*i.y;if(Math.abs(u)<Rr)return;let l=e.target.getPosition()??[0,0,0];e.onMouseDown?.(),e.onDraggingChanged?.(!0);let c=f=>{let d=f.clientX-e.startClientX,h=f.clientY-e.startClientY,p=(a.y*d-a.x*h)/u,P=(-i.y*d+i.x*h)/u;p=Xt(p,e.translationSnap),P=Xt(P,e.translationSnap);let b=[l[0]+p*t[0]+P*n[0],l[1]+p*t[1]+P*n[1],l[2]+p*t[2]+P*n[2]];e.onObjectChange?.({object:e.target,position:b}),e.onChange?.()},m=()=>{window.removeEventListener("pointermove",c),window.removeEventListener("pointerup",m),window.removeEventListener("pointercancel",m),e.onMouseUp?.(),e.onDraggingChanged?.(!1)};window.addEventListener("pointermove",c),window.addEventListener("pointerup",m),window.addEventListener("pointercancel",m)}function wr(e){let t=e.wrapper.getBoundingClientRect(),n=t.left,o=t.top,r=Math.atan2(e.startClientY-o,e.startClientX-n),i=0,a=e.target.getRotation()??[0,0,0],u=(0,be.quatFromEulerXYZ)(a);e.onMouseDown?.(),e.onDraggingChanged?.(!0);let l=m=>{let f=Math.atan2(m.clientY-o,m.clientX-n),d=f-r;d>Math.PI?d-=2*Math.PI:d<-Math.PI&&(d+=2*Math.PI),i+=d,r=f;let h=i*180/Math.PI;h=Xt(h,e.rotationSnap);let p=[0,0,0];p[e.cssAxis]=1;let P=(0,be.quatFromAxisAngle)(p,h*Math.PI/180),b=(0,be.eulerXYZFromQuat)((0,be.quatMultiply)(P,u));e.onObjectChange?.({object:e.target,rotation:b}),e.onChange?.()},c=()=>{window.removeEventListener("pointermove",l),window.removeEventListener("pointerup",c),window.removeEventListener("pointercancel",c);let m=f=>{f.stopPropagation(),f.stopImmediatePropagation()};window.addEventListener("click",m,{capture:!0,once:!0}),setTimeout(()=>window.removeEventListener("click",m,!0),0),e.onMouseUp?.(),e.onDraggingChanged?.(!1),e.target.rebakeAtlas()};window.addEventListener("pointermove",l),window.addEventListener("pointerup",c),window.addEventListener("pointercancel",c)}function Ni(e){return!!e&&typeof e=="object"&&"value"in e}function Yi(e){return e?Ni(e)?e.value??null:e:null}var jn=(0,ee.defineComponent)({name:"PolyTransformControls",props:{object:{type:null,default:null},mode:{type:String,default:"translate"},space:{type:String,default:"world"},size:{type:Number,default:1},showX:{type:Boolean,default:!0},showY:{type:Boolean,default:!0},showZ:{type:Boolean,default:!0},translationSnap:{type:Number,default:null},rotationSnap:{type:Number,default:null},enabled:{type:Boolean,default:!0}},emits:{change:()=>!0,objectChange:e=>!0,mouseDown:()=>!0,mouseUp:()=>!0,draggingChanged:e=>!0},setup(e,{emit:t}){let n=(0,ee.ref)(null),o=(0,ee.ref)(null),r=(0,ee.ref)(new Map),i=(0,ee.computed)(()=>Yi(e.object)),a=(0,ee.ref)(0);(0,ee.onMounted)(()=>{a.value++});let u=(0,ee.ref)(0),l=(0,ee.inject)(ie,void 0),c=null;(0,ee.onMounted)(()=>{let s=l?.store;s&&(c=s.subscribe(()=>{u.value++}))}),(0,ee.onBeforeUnmount)(()=>{c?.()});function m(){u.value;let s=l?.store.getState().cameraState;return{rotX:s?.rotX??65,rotY:s?.rotY??45}}let f=(0,ee.computed)(()=>(a.value,zi(i.value?.getPolygons()??[]))),d=(0,ee.computed)(()=>f.value*e.size);function h(s){return o.value===s?Ri:n.value===s?wi:Li}function p(){t("change")}function P(s){t("objectChange",s)}function b(s){t("draggingChanged",s)}function A(){t("mouseDown")}function L(){t("mouseUp")}let w=(0,ee.inject)(ie,void 0),y=null;(0,ee.onMounted)(()=>{let s=w?.cameraElRef.value;if(!s)return;let g=S=>{let T=i.value;if(!T||!e.enabled||S.target?.closest(".polycss-transform-gizmo"))return;let H={x:e.showX,y:e.showY,z:e.showZ};if(e.mode==="translate")for(let O of Tr){let M=["x","y","z"][O.axisA],B=["x","y","z"][O.axisB];if(!H[M]||!H[B])continue;let F=document.querySelector(`.polycss-transform-plane--${O.key}`);if(!F||!lt(F,S.clientX,S.clientY))continue;S.preventDefault(),S.stopPropagation();let $=F.closest("[data-poly-transform-controls]");if(!$)return;o.value=O.key,Lr({axisA:O.axisA,axisB:O.axisB,probeDistanceCss:d.value,wrapper:$,target:T,startClientX:S.clientX,startClientY:S.clientY,translationSnap:e.translationSnap,onChange:p,onObjectChange:P,onMouseDown:A,onMouseUp:L,onDraggingChanged:X=>{X||(o.value=null),b(X)}});return}let Y=e.mode==="translate"?Er:Mr;for(let O of Y){let M=O.key.replace("-","")[0];if(!H[M])continue;let B=document.querySelector(`.polycss-transform-${e.mode==="translate"?"arrow":"ring"}--${O.key}`);if(!B||!(e.mode==="rotate"?lt(B,S.clientX,S.clientY):lt(B,S.clientX,S.clientY)))continue;S.preventDefault(),S.stopPropagation();let $=B.closest("[data-poly-transform-controls]");if(!$)return;if(o.value=O.key,e.mode==="translate"){let X=O;Ar({cssAxis:X.cssAxis,sign:X.sign,shaftLengthCss:d.value,wrapper:$,target:T,startClientX:S.clientX,startClientY:S.clientY,translationSnap:e.translationSnap,onChange:p,onObjectChange:P,onMouseDown:A,onMouseUp:L,onDraggingChanged:te=>{te||(o.value=null),b(te)}})}else wr({cssAxis:O.cssAxis,wrapper:$,target:T,startClientX:S.clientX,startClientY:S.clientY,rotationSnap:e.rotationSnap,onChange:p,onObjectChange:P,onMouseDown:A,onMouseUp:L,onDraggingChanged:X=>{X||(o.value=null),b(X)}});return}};s.addEventListener("pointerdown",g),y=()=>s.removeEventListener("pointerdown",g)}),(0,ee.onBeforeUnmount)(()=>{y?.()});let R=(0,ee.computed)(()=>{if(e.mode!=="translate")return[];a.value;let g=d.value/st,{rotX:S,rotY:T}=m();return Er.filter(E=>({x:e.showX,y:e.showY,z:e.showZ})[Bi(E.key)]).map(E=>{let H=h(E.key),Y=Xn(E.cssAxis,E.sign,S,T);return{spec:E,polygons:(0,be.arrowPolygons)({axis:Tt[E.cssAxis],sign:E.sign,shaftLength:g,shaftHalfThickness:g*Oi,headLength:g*ki,headHalfThickness:g*Ii,color:Yn(E.color,H),shaft:!Y})}})}),I=(0,ee.computed)(()=>{if(e.mode!=="translate")return[];a.value;let g=d.value/st,S={x:e.showX,y:e.showY,z:e.showZ},T=["x","y","z"],{rotX:E,rotY:H}=m(),Y=g*_i;return Tr.filter(O=>S[T[O.axisA]]&&S[T[O.axisB]]).map(O=>{let M=h(O.key),B=Tt[O.perpAxis],F=(B+1)%3,$=(B+2)%3,X=Tt[F],te=Tt[$],G=Xn(X,1,E,H)?-1:1,Q=Xn(te,1,E,H)?-1:1;return{spec:O,polygons:(0,be.planePolygons)({axis:B,size:g*Vi,offset:[G*Y,Q*Y],color:Yn(O.color,M)})}})}),z=(0,ee.computed)(()=>{if(e.mode!=="rotate")return[];a.value;let S=d.value*Fi/st*Nn;return Mr.filter(T=>({x:e.showX,y:e.showY,z:e.showZ})[T.key]).map(T=>{let E=h(T.key);return{spec:T,polygons:(0,be.ringQuadPolygons)({axis:Tt[T.cssAxis],outerRadius:S,color:Yn(T.color,E)})}})}),_=(1-Cr)/Nn,C=(1+Cr)/Nn;function k(s){return g=>{if(!e.enabled)return;let S=i.value;if(!S)return;g.stopPropagation();let E=g.eventObject.element?.closest("[data-poly-transform-controls]");E&&(o.value=s.key,Ar({cssAxis:s.cssAxis,sign:s.sign,shaftLengthCss:d.value,wrapper:E,target:S,startClientX:g.nativeEvent.clientX,startClientY:g.nativeEvent.clientY,translationSnap:e.translationSnap,onChange:p,onObjectChange:P,onMouseDown:A,onMouseUp:L,onDraggingChanged:H=>{H||(o.value=null),b(H)}}))}}function V(s){return g=>{if(!e.enabled)return;let S=i.value;if(!S)return;g.stopPropagation();let E=g.eventObject.element?.closest("[data-poly-transform-controls]");E&&(o.value=s.key,Lr({axisA:s.axisA,axisB:s.axisB,probeDistanceCss:d.value,wrapper:E,target:S,startClientX:g.nativeEvent.clientX,startClientY:g.nativeEvent.clientY,translationSnap:e.translationSnap,onChange:p,onObjectChange:P,onMouseDown:A,onMouseUp:L,onDraggingChanged:H=>{H||(o.value=null),b(H)}}))}}function N(s){return g=>{if(!e.enabled)return;let S=i.value;if(!S)return;let T=g.eventObject.element;g.stopPropagation();let E=T?.closest("[data-poly-transform-controls]");E&&(o.value=s.key,wr({cssAxis:s.cssAxis,wrapper:E,target:S,startClientX:g.nativeEvent.clientX,startClientY:g.nativeEvent.clientY,rotationSnap:e.rotationSnap,onChange:p,onObjectChange:P,onMouseDown:A,onMouseUp:L,onDraggingChanged:H=>{H||(o.value=null),b(H)}}))}}function v(s){return{onPointerOver:()=>{n.value=s},onPointerOut:()=>{n.value===s&&(n.value=null)}}}return()=>{let s=i.value;if(!s)return null;let g=s.getPosition()??[0,0,0],S=Hi(s.getPolygons()),T=g[0]+S[0],E=g[1]+S[1],H=g[2]+S[2],Y={transform:`translate3d(${T}px, ${E}px, ${H}px)`,position:"absolute",transformStyle:"preserve-3d",zIndex:1e3},O=e.mode==="translate"?[...R.value.map(({spec:M,polygons:B})=>(0,ee.h)(ae,{key:`arrow-${M.key}`,polygons:B,class:`polycss-transform-gizmo polycss-transform-arrow polycss-transform-arrow--${M.key}`,textureLighting:"baked",onPointerDown:k(M),...v(M.key)})),...I.value.map(({spec:M,polygons:B})=>(0,ee.h)(ae,{key:`plane-${M.key}`,polygons:B,class:`polycss-transform-gizmo polycss-transform-plane polycss-transform-plane--${M.key}`,textureLighting:"baked",onPointerDown:V(M),...v(M.key)}))]:z.value.map(({spec:M,polygons:B})=>(0,ee.h)(ae,{key:M.key,polygons:B,class:`polycss-transform-gizmo polycss-transform-ring polycss-transform-ring--${M.key}`,style:{"--ring-inner-ratio":_,"--ring-outer-ratio":C},textureLighting:"baked",onPointerDown:N(M),...v(M.key)}));return(0,ee.h)("div",{class:"polycss-transform-controls","data-poly-transform-controls":"","data-poly-mode":e.mode,"data-poly-space":e.space,style:Y},O)}}});var Oe=require("vue"),Or=require("@layoutit/polycss-core");var Xi={enabled:!0,lookEnabled:!0,moveEnabled:!0,jumpEnabled:!0,crouchEnabled:!0,lookSensitivity:.15,invertY:!1,moveSpeed:5,jumpVelocity:7,gravity:18,eyeHeight:1.7,crouchHeight:1,groundZ:0,minPitch:5,maxPitch:175};function $n(e,t){return{enabled:t.enabled??e.enabled,lookEnabled:t.lookEnabled??e.lookEnabled,moveEnabled:t.moveEnabled??e.moveEnabled,jumpEnabled:t.jumpEnabled??e.jumpEnabled,crouchEnabled:t.crouchEnabled??e.crouchEnabled,lookSensitivity:t.lookSensitivity??e.lookSensitivity,invertY:t.invertY??e.invertY,moveSpeed:t.moveSpeed??e.moveSpeed,jumpVelocity:t.jumpVelocity??e.jumpVelocity,gravity:t.gravity??e.gravity,eyeHeight:t.eyeHeight??e.eyeHeight,crouchHeight:t.crouchHeight??e.crouchHeight,groundZ:t.groundZ??e.groundZ,minPitch:t.minPitch??e.minPitch,maxPitch:t.maxPitch??e.maxPitch}}var kr=new Set(["KeyW","ArrowUp"]),Ir=new Set(["KeyS","ArrowDown"]),Fr=new Set(["KeyA","ArrowLeft"]),Vr=new Set(["KeyD","ArrowRight"]),_r=new Set(["Space"]),Un=new Set(["ControlLeft","ControlRight"]);function Dr(e){return kr.has(e)||Ir.has(e)||Fr.has(e)||Vr.has(e)||_r.has(e)||Un.has(e)}function ji(){return{change:[],start:[],end:[]}}function yt(e,t){let n=[...e[t]];for(let o of n)try{o()}catch{}}var Wn=(0,Oe.defineComponent)({name:"PolyFirstPersonControls",props:{enabled:{type:Boolean,default:!0},lookEnabled:{type:Boolean,default:!0},moveEnabled:{type:Boolean,default:!0},jumpEnabled:{type:Boolean,default:!0},crouchEnabled:{type:Boolean,default:!0},lookSensitivity:{type:Number,default:.15},invertY:{type:Boolean,default:!1},moveSpeed:{type:Number,default:5},jumpVelocity:{type:Number,default:7},gravity:{type:Number,default:18},eyeHeight:{type:Number,default:1.7},crouchHeight:{type:Number,default:1},groundZ:{type:Number,default:0},minPitch:{type:Number,default:5},maxPitch:{type:Number,default:175}},emits:{change:e=>!0,"interaction-start":e=>!0,"interaction-end":e=>!0},setup(e,{emit:t,expose:n}){let o=(0,Oe.inject)(ie,null);if(!o)return typeof console<"u"&&console.warn("[polycss] <PolyFirstPersonControls> must be used inside <PolyCamera>."),n({}),()=>null;let{store:r,cameraRef:i,cameraElRef:a,applyTransformDirect:u}=o,l=$n(Xi,e),c=[0,0,0],m=null,f=0,d=!1,h=!1,p=!1,P=new Set,b=0,A=0,L=ji();function w(s,g){let S=s*Math.PI/180,T=g*Math.PI/180;return[-Math.sin(S)*Math.cos(T),-Math.sin(S)*Math.sin(T),-Math.cos(S)]}function y(){let s=a.value,g=s?getComputedStyle(s).perspective:"",S=parseFloat(g);return(Number.isFinite(S)&&S>0?S:8e3)/Or.BASE_TILE}function R(){let s=i.value.state,g=w(s.rotX??90,s.rotY??0),S=y();return[c[0]+g[0]*S,c[1]+g[1]*S,c[2]+g[2]*S]}function I(){let s=R(),g=i.value;g.update({target:s}),u(),r.updateCameraFromRef(g)}let z=.05;function _(s){if(m===null||d)return;let g=Math.min(z,f?(s-f)/1e3:.0167);if(f=s,l.enabled){let S=!1,T=i.value.state;if(l.moveEnabled){let O=0,M=0;for(let B of P)kr.has(B)?O+=1:Ir.has(B)?O-=1:Vr.has(B)?M+=1:Fr.has(B)&&(M-=1);if(O!==0||M!==0){let F=(T.rotY??0)*Math.PI/180,$=-Math.cos(F),X=-Math.sin(F),te=-Math.sin(F),G=Math.cos(F),Q=Math.hypot(O,M)||1,ne=l.moveSpeed*g;c[0]+=($*O+te*M)/Q*ne,c[1]+=(X*O+G*M)/Q*ne,S=!0}}let H=l.crouchEnabled&&(P.has("ControlLeft")||P.has("ControlRight"))?l.crouchHeight:l.eyeHeight;l.jumpEnabled&&(b!==0||A>0)?(b-=l.gravity*g,A+=b*g,A<=0&&(A=0,b=0)):l.jumpEnabled||(A=0,b=0);let Y=l.groundZ+H+A;if(Math.abs(c[2]-Y)>1e-4&&(c[2]=Y,S=!0),S){let O=R(),M=i.value;M.update({target:O}),u(),r.updateCameraFromRef(M),yt(L,"change");try{t("change",[c[0],c[1],c[2]])}catch{}}}m=requestAnimationFrame(_)}function C(){m!==null||d||(f=0,m=requestAnimationFrame(_))}function k(){m!==null&&(cancelAnimationFrame(m),m=null)}let V=null;function N(){let s=a.value;if(!s)return;let g=s.ownerDocument??document,S=g.defaultView??globalThis,T=()=>{if(!(!l.enabled||!l.lookEnabled||d||h))try{s.requestPointerLock()}catch{}},E=()=>{let X=g.pointerLockElement===s;if(X!==h){if(h=X,X){p=!0,yt(L,"start");try{t("interaction-start",[c[0],c[1],c[2]])}catch{}}else if(p){p=!1,yt(L,"end");try{t("interaction-end",[c[0],c[1],c[2]])}catch{}}}},H=X=>{if(!h||d||!l.enabled||!l.lookEnabled)return;let te=X.movementX??0,G=X.movementY??0;if(te===0&&G===0)return;let Q=i.value,ne=Q.state,fe=l.lookSensitivity,Me=l.invertY?-1:1,K=(((ne.rotY??0)-te*fe)%360+360)%360,oe=(ne.rotX??90)-G*fe*Me;oe<l.minPitch?oe=l.minPitch:oe>l.maxPitch&&(oe=l.maxPitch);let j=w(oe,K),D=y(),se=[c[0]+j[0]*D,c[1]+j[1]*D,c[2]+j[2]*D];Q.update({rotX:oe,rotY:K,target:se}),u(),r.updateCameraFromRef(Q),yt(L,"change");try{t("change",[c[0],c[1],c[2]])}catch{}},Y=X=>{if(!(!l.enabled||d)&&Dr(X.code)&&!(!h&&!l.moveEnabled)){if(_r.has(X.code)){if(!l.jumpEnabled)return;X.preventDefault(),!P.has(X.code)&&b===0&&A===0&&(b=l.jumpVelocity),P.add(X.code);return}Un.has(X.code)&&!l.crouchEnabled||!l.moveEnabled&&!Un.has(X.code)||(X.preventDefault(),P.add(X.code))}},O=X=>{Dr(X.code)&&P.delete(X.code)},M=()=>{P.clear()};s.addEventListener("click",T),g.addEventListener("pointerlockchange",E),g.addEventListener("mousemove",H),S.addEventListener("keydown",Y),S.addEventListener("keyup",O),S.addEventListener("blur",M);let B=S.getComputedStyle(s).perspective,F=parseFloat(B),$=Number.isFinite(F)&&F>0?F:2e3;s.style.setProperty("--polycss-fpv-perspective",`${$}px`),s.classList.add("polycss-fpv-host"),V=()=>{if(s.removeEventListener("click",T),g.removeEventListener("pointerlockchange",E),g.removeEventListener("mousemove",H),S.removeEventListener("keydown",Y),S.removeEventListener("keyup",O),S.removeEventListener("blur",M),s.style.cursor="",s.classList.remove("polycss-fpv-host"),s.style.removeProperty("--polycss-fpv-perspective"),P.clear(),h)try{g.exitPointerLock()}catch{}}}n({update(s){l=$n(l,s);let g=a.value;g&&!d&&(g.style.cursor=l.lookEnabled?"crosshair":"")},resume(){if(!d)return;d=!1;let s=a.value;s&&(s.style.cursor=l.lookEnabled?"crosshair":""),C()},pause(){if(d)return;d=!0,k();let s=a.value;if(s&&(s.style.cursor=""),p){p=!1,yt(L,"end");try{t("interaction-end",[c[0],c[1],c[2]])}catch{}}},destroy(){d=!0,k()},lock(){if(!l.enabled||!l.lookEnabled||d)return;let s=a.value;try{s?.requestPointerLock()}catch{}},unlock(){if(h){let s=a.value;try{s?.ownerDocument?.exitPointerLock()}catch{}}},isLocked(){return h},getOrigin(){return[c[0],c[1],c[2]]},setOrigin(s){c[0]=s[0],c[1]=s[1],c[2]=s[2],I(),yt(L,"change");try{t("change",[c[0],c[1],c[2]])}catch{}},addEventListener(s,g){let S=L[s];S.includes(g)||S.push(g)},removeEventListener(s,g){let S=L[s],T=S.indexOf(g);T>=0&&S.splice(T,1)},hasEventListener(s,g){return L[s].includes(g)}}),(0,Oe.onMounted)(()=>{let s=a.value;if(!s)return;d=!1,h=!1,p=!1,P.clear(),b=0,A=0;let S=i.value.state.target??[0,0,0];c[0]=S[0],c[1]=S[1],c[2]=l.groundZ+l.eyeHeight,I(),s.style.cursor=l.lookEnabled?"crosshair":"",N(),C()}),(0,Oe.onBeforeUnmount)(()=>{d=!0,k(),V?.(),V=null});let v=["enabled","lookEnabled","moveEnabled","jumpEnabled","crouchEnabled","lookSensitivity","invertY","moveSpeed","jumpVelocity","gravity","eyeHeight","crouchHeight","groundZ","minPitch","maxPitch"];for(let s of v)(0,Oe.watch)(()=>e[s],()=>{l=$n(l,e);let g=a.value;g&&!d&&(g.style.cursor=l.lookEnabled?"crosshair":"")});return()=>null}});var ce=require("vue");var gt=Symbol("polycss.selection"),qn=(0,ce.defineComponent)({name:"PolySelect",props:{multiple:{type:Boolean,default:!1},clearOnMiss:{type:Boolean,default:!0},filter:{type:Function,default:void 0}},emits:{change:e=>!0,pointerMissed:e=>!0},setup(e,{emit:t,slots:n}){let o=(0,ce.reactive)({selected:[]}),r=(0,ce.computed)(()=>o.selected);function i(m){let f=e.filter?e.filter(m):m;o.selected=f,t("change",f)}let a={get selected(){return o.selected},set:m=>i(m),add:m=>{e.multiple?o.selected.includes(m)||i([...o.selected,m]):i([m])},remove:m=>{o.selected.includes(m)&&i(o.selected.filter(f=>f!==m))},toggle:m=>{o.selected.includes(m)?i(o.selected.filter(f=>f!==m)):e.multiple?i([...o.selected,m]):i([m])},clear:()=>i([]),has:m=>o.selected.includes(m)};(0,ce.provide)(gt,{selected:r,api:a});let u=(0,ce.inject)(ie,void 0),l=(m,f)=>Bt(m,f,d=>!d.closest("[data-poly-transform-controls]")),c=null;return(0,ce.onMounted)(()=>{let m=u?.cameraElRef.value;if(!m)return;let f=d=>{if(d.target?.closest("[data-poly-transform-controls]"))return;let p=it(d.target)??l(d.clientX,d.clientY);if(!p){t("pointerMissed",d),e.clearOnMiss&&i([]);return}e.multiple&&(d.shiftKey||d.metaKey||d.ctrlKey)?a.toggle(p):o.selected.length===1&&o.selected[0]===p?i([]):i([p])};m.addEventListener("click",f),c=()=>m.removeEventListener("click",f)}),(0,ce.onBeforeUnmount)(()=>{c?.()}),()=>(0,ce.h)("div",{style:{display:"contents"},"data-poly-select":""},n.default?.())}});function Gn(){let e=(0,ce.inject)(gt,void 0);return e?e.selected:(0,ce.ref)([])}function Zn(){let e=(0,ce.inject)(gt,void 0);if(!e)throw new Error("polycss: usePolySelectionApi must be used inside <PolySelect>.");return e.api}var ht=require("vue"),Br=require("@layoutit/polycss-core");var Kn=(0,ht.defineComponent)({name:"PolyAxesHelper",props:{size:{type:Number,default:void 0},thickness:{type:Number,default:void 0},negative:{type:Boolean,default:void 0},xColor:{type:String,default:void 0},yColor:{type:String,default:void 0},zColor:{type:String,default:void 0}},setup(e){let t=(0,ht.computed)(()=>(0,Br.axesHelperPolygons)({size:e.size,thickness:e.thickness,negative:e.negative,xColor:e.xColor,yColor:e.yColor,zColor:e.zColor}));return()=>(0,ht.h)(ae,{polygons:t.value})}});var Ue=require("vue"),zr=require("@layoutit/polycss-core");var Qn=50,Jn=(0,Ue.defineComponent)({name:"PolyDirectionalLightHelper",props:{light:{type:Object,required:!0},target:{type:Array,default:void 0},distance:{type:Number,default:5},size:{type:Number,default:.35},color:{type:String,default:void 0}},setup(e){let t=(0,Ue.computed)(()=>e.color??e.light.color??"#ffd54a"),n=(0,Ue.computed)(()=>(0,zr.octahedronPolygons)({center:[0,0,0],size:e.size,color:t.value})),o=(0,Ue.computed)(()=>{let r=e.light.direction,i=r[0],a=r[1],u=r[2],l=Math.hypot(i,a,u)||1,c=e.target?.[0]??0,m=e.target?.[1]??0,f=e.target?.[2]??0,d=c+a/l*e.distance,h=m+i/l*e.distance,p=f+u/l*e.distance;return[h*Qn,d*Qn,p*Qn]});return()=>(0,Ue.h)(ae,{polygons:n.value,position:o.value})}});var eo={quad:0,clippedSolid:0,atlas:0,stableTriangle:0},$i={polygonCount:0,mountedPolygonLeafCount:0,shadowLeafCount:0,surfaceLeafCounts:eo,bucketCount:0};function Ui(e){return typeof e=="number"?{polygonCount:e}:e??{}}function Pt(e,t){return e.querySelectorAll(t).length}function Wi(e,t){let n=e;return typeof n.matches=="function"&&n.matches(t)}function qi(e,t){if(!t)return[e];let n=[];return Wi(e,t)&&n.push(e),n.push(...Array.from(e.querySelectorAll(t))),n}function Hr(e,t){let n=Ui(t);if(!e)return{...$i,surfaceLeafCounts:{...eo},polygonCount:n.polygonCount??0};let o=qi(e,n.scopeSelector),r={...eo},i=0,a=0;for(let l of o)r.quad+=Pt(l,"b"),r.clippedSolid+=Pt(l,"i"),r.atlas+=Pt(l,"s"),r.stableTriangle+=Pt(l,"u"),i+=Pt(l,"q"),a+=Pt(l,".polycss-bucket");let u=r.quad+r.clippedSolid+r.atlas+r.stableTriangle;return{polygonCount:n.polygonCount??u,mountedPolygonLeafCount:u,shadowLeafCount:i,surfaceLeafCounts:r,bucketCount:a}}var Ae=require("vue"),Nr=require("@layoutit/polycss-core");function ut(e){return e&&typeof e=="object"&&"value"in e?e.value:e}function Yr(e,t,n){let o=(0,Ae.ref)(null),r=null,i=null,a=null,u=(0,Ae.ref)(0);function l(){return n==null?o.value:ut(n)??o.value}function c(){i!==null&&(cancelAnimationFrame(i),i=null),a=null}function m(){c(),r&&(r.stopAllAction(),r.uncacheRoot(),r=null,u.value++)}function f(){if(i!==null)return;function L(w){if(a===null){a=w,i=requestAnimationFrame(L);return}let y=(w-a)/1e3;a=w,r?.update(y),i=requestAnimationFrame(L)}i=requestAnimationFrame(L)}function d(){m();let L=ut(e),w=ut(t);if(!L||L.length===0||!w)return;let y=l();y&&(r=(0,Nr.createPolyAnimationMixer)(y,w),u.value++,f())}let h=(0,Ae.watch)(()=>{let L=ut(e),w=ut(t),y=n!=null?ut(n):o.value;return{c:L,ctrl:w,r:y}},()=>d(),{immediate:!0,deep:!1});(0,Ae.onUnmounted)(()=>{h(),m()});let p=(0,Ae.computed)(()=>ut(e)??[]),P=(0,Ae.computed)(()=>p.value.map(L=>L.name)),b=(0,Ae.computed)(()=>(u.value,r)),A=(0,Ae.computed)(()=>{u.value;let L=p.value,w={};for(let y of L)Object.defineProperty(w,y.name,{enumerable:!0,get(){if(!r)return null;try{return r.clipAction(y.name)}catch{return null}}});return w});return{ref:o,mixer:b,clips:p,names:P,actions:A}}var x=require("@layoutit/polycss-core");0&&(module.exports={BASE_TILE,CAMERA_BACKFACE_CULL_EPS,DEFAULT_CAMERA_STATE,DEFAULT_PROJECTION,DEFAULT_SEAM_FACET_SPLIT_OPTIONS,DEFAULT_SEAM_OVERLAP_OPTIONS,LoopOnce,LoopPingPong,LoopRepeat,Poly,PolyAxesHelper,PolyBox,PolyCamera,PolyCameraContextKey,PolyCone,PolyCylinder,PolyDirectionalLightHelper,PolyDodecahedron,PolyFirstPersonControls,PolyGround,PolyIcosahedron,PolyMapControls,PolyMesh,PolyOctahedron,PolyOrbitControls,PolyOrthographicCamera,PolyPerspectiveCamera,PolyPlane,PolyRing,PolyScene,PolySelect,PolySelectionContextKey,PolySphere,PolyTetrahedron,PolyTorus,PolyTransformControls,VOXEL_CAMERA_CULL_AXIS_EPS,VOXEL_CAMERA_CULL_NORMAL_LIMIT,arrowPolygons,axesHelperPolygons,bakeSolidTextureSampledPolygons,bakeSolidTextureSamples,boxPolygons,buildSceneContext,cameraCullNormalGroups,cameraCullNormalGroupsFromPolygons,cameraCullNormalKey,cameraCullVisibleSignature,cameraFacingDepth,clampChannel,collectPolyRenderStats,computeSceneBbox,computeShapeLighting,computeTexturePaintMetrics,conePolygons,coverPlanarPolygons,createIsometricCamera,createPolyAnimationMixer,cullInteriorPolygons,cylinderPolygons,dodecahedronPolygons,findMeshUnderPoint,findPolyMeshHandle,formatColor,icosahedronPolygons,injectPolyBaseStyles,inverseRotateVec3,isAxisAlignedSurfaceNormal,isVoxelCameraCullableNormalGroups,loadMesh,mergePolygons,normalFacesCamera,normalizeInvertMultiplier,normalizePolygons,octahedronPolygons,optimizeAnimatedMeshPolygons,optimizeMeshPolygons,parseColor,parseGltf,parseHexColor,parseMtl,parseObj,parsePureColor,parseRgbColor,parseVox,planePolygons,pointInMeshElement,polygonCssSurfaceNormal,polygonFaces,polygonFacesCamera,repairMeshSeams,ringPolygons,rotateVec3,seamFacetSplitPolygons,seamFacetSplitReport,seamOverlapDiagnostics,seamOverlapPolygons,seamOverlapReport,shadeColor,tetrahedronPolygons,torusPolygons,usePolyAnimation,usePolyCamera,usePolyMaterial,usePolyMesh,usePolySceneContext,usePolySelect,usePolySelectionApi});
+`;var Ca=require("@layoutit/polycss-core");var bo=require("vue"),pn=Symbol("polycss/scene-context");function So(){return(0,bo.inject)(pn,null)}var se=require("@layoutit/polycss-core");var Ue=require("@layoutit/polycss-core");function fn(e){if(!!!(e.defaultView?.CSS??(typeof CSS<"u"?CSS:void 0))?.supports?.("border-shape","polygon(0 0, 100% 0, 0 100%) circle(0)"))return!1;let r=(e.defaultView??(typeof window<"u"?window:void 0))?.matchMedia;return r?r("(pointer: fine)").matches&&r("(hover: hover)").matches:!0}function yn(e){if(Co(e))return!0;let n=(e.defaultView??(typeof window<"u"?window:void 0))?.navigator?.userAgent??"";return n?!(0,Ue.safariCssProjectiveUnsupported)(n):!0}function qt(e){let t=e.defaultView?.CSS??(typeof CSS<"u"?CSS:void 0);return!!t?.supports?.("corner-top-left-shape","bevel")&&!!t.supports("corner-top-right-shape","bevel")&&!!t.supports("corner-bottom-right-shape","bevel")&&!!t.supports("corner-bottom-left-shape","bevel")}function Co(e){let t=e.defaultView?.CSS??(typeof CSS<"u"?CSS:void 0);return!!t?.supports?.("corner-top-left-shape","bevel")&&!!t.supports("corner-top-right-shape","bevel")}function Rt(e){let n=(e.defaultView??(typeof window<"u"?window:void 0))?.navigator?.userAgent??"";return n?!(0,Ue.safariCssProjectiveUnsupported)(n):!0}function Mo(e,t,n,o,r){let a=new Set(o?.disable??[]);return(0,Ue.getSolidPaintDefaultsForPlansCore)(e,t,a,{solidTriangleSupported:yn(n),projectiveQuadSupported:Rt(n),cornerShapeSupported:qt(n),borderShapeSupported:fn(n)},Ue.parseHex,Ue.rgbKey,r)}function gn(e,t,n=new Set,o){let r=o??(typeof document<"u"?document:null);if(!r)return{};let a=n.size>0?{disable:Array.from(n)}:void 0;return Mo(e,t,r,a)}function dt(e){let t=e??(typeof document<"u"?document:null);if(!t){if(!!!(typeof CSS<"u"?CSS:void 0)?.supports?.("border-shape","polygon(0 0, 100% 0, 0 100%) circle(0)"))return!1;let r=typeof matchMedia<"u"?matchMedia:void 0;return r?r("(pointer: fine)").matches&&r("(hover: hover)").matches:!0}return fn(t)}function mt(e){let t=e??(typeof document<"u"?document:null);if(!t){let n=typeof CSS<"u"?CSS:void 0;if(n?.supports?.("corner-top-left-shape","bevel")&&n.supports("corner-top-right-shape","bevel"))return!0;let o=(typeof navigator<"u"?navigator:globalThis.navigator)?.userAgent??"";if(!o)return!0;let r=/\b(?:Chrome|HeadlessChrome|Chromium|Edg|OPR)\//.test(o);return!/\bVersion\/[\d.]+.*\bSafari\//.test(o)||r}return yn(t)}var Eo=require("@layoutit/polycss-core");function hn(e,t,n,o){let r=o??(typeof document<"u"?document:null);return(0,Eo.filterAtlasPlans)(e,t,n,{solidTriangleSupported:mt(o),projectiveQuadSupported:o?Rt(o):!0,borderShapeSupported:dt(o),cornerShapeSupported:r?qt(r):!1})}var To=require("@layoutit/polycss-core");function Ao(e){if(!e)return!1;let n=(e.defaultView??(typeof window<"u"?window:void 0))?.matchMedia;return n?n("(pointer: coarse)").matches||n("(hover: none)").matches:!1}function Pn(e,t,n){return(0,To.packTextureAtlasPlansWithScaleCore)(e,t,Ao(n))}var _e=require("@layoutit/polycss-core"),pt=new Map;function Do(e){let t=pt.get(e);return t||(t=new Promise((n,o)=>{let r=new Image;r.decoding="async",r.crossOrigin="anonymous",r.onload=()=>n(r),r.onerror=()=>o(new Error(`texture load failed: ${e}`)),r.src=e}),pt.set(e,t),t.then(()=>{pt.get(e)===t&&pt.delete(e)},()=>{pt.get(e)===t&&pt.delete(e)})),t}function Ce(e,t,n=1,o=0,r=0,a=1,i=0,u=0){e.setTransform(n*t,o*t,r*t,a*t,i*t,u*t)}function vn(e){let t=e/255;return t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4)}function xn(e){let t=e<=.0031308?e*12.92:1.055*Math.pow(e,.4166666666666667)-.055;return Math.max(0,Math.min(255,Math.round(t*255)))}function ko(e,t,n,o,r,a,i){let u=Math.round(t*i),s=Math.round(n*i),c=Math.max(1,Math.round(o*i)),m=Math.max(1,Math.round(r*i)),p=e.getImageData(u,s,c,m),l=p.data,h=a.r,f=a.g,P=a.b;for(let x=0;x<l.length;x+=4)l[x+3]!==0&&(l[x]=xn(vn(l[x])*h),l[x+1]=xn(vn(l[x+1])*f),l[x+2]=xn(vn(l[x+2])*P));e.putImageData(p,u,s)}function Io(e,t,n,o,r,a,i){let u=t.naturalWidth||t.width||1,s=t.naturalHeight||t.height||1,c=Math.max(r/u,a/s),m=u*c,p=s*c;Ce(e,i),e.drawImage(t,n+(r-m)/2,o+(a-p)/2,m,p)}function Ot(e,t){return Math.max(0,Math.min(t,e))}function bn(e,t,n,o,r,a,i,u){let s=t.naturalWidth||t.width||1,c=t.naturalHeight||t.height||1,m=Ot(Math.min(n.minU,n.maxU)*s,s),p=Ot(Math.max(n.minU,n.maxU)*s,s),l=Ot(Math.min(n.minV,n.maxV)*c,c),h=Ot(Math.max(n.minV,n.maxV)*c,c),f=Math.floor(m),P=Math.floor(l),x=Math.ceil(p)-f,T=Math.ceil(h)-P;x<1&&(f=Math.floor(Ot((n.minU+n.maxU)/2*s,s-1)),x=1),T<1&&(P=Math.floor(Ot((n.minV+n.maxV)/2*c,c-1)),T=1),f=Math.max(0,Math.min(s-1,f)),P=Math.max(0,Math.min(c-1,P)),x=Math.max(1,Math.min(s-f,x)),T=Math.max(1,Math.min(c-P,T)),Ce(e,u),e.drawImage(t,f,P,x,T,o,r,a,i)}function Fo(e){return e==="repeat"||e==="mirrored-repeat"}function wo(e,t){return Fo(e)?Math.floor(t):0}function Lo(e,t){return Fo(e)?Math.ceil(t)-1:0}function Ro(e,t){return e==="mirrored-repeat"&&Math.abs(t%2)===1}function Oo(e,t,n,o,r,a,i){let u=r?wo(a,r.minU):0,s=r?Lo(a,r.maxU):0,c=r?wo(i,r.minV):0,m=r?Lo(i,r.maxV):0;for(let p=u;p<=s;p++)for(let l=c;l<=m;l++){let h=Ro(a,p),f=Ro(i,l);if(!h&&!f){e.drawImage(t,p*n,l*o);continue}e.save(),e.translate((h?p+1:p)*n,(f?l+1:l)*o),e.scale(h?-1:1,f?-1:1),e.drawImage(t,0,0),e.restore()}}function Zt(e,t,n,o){for(let r=0;r<o.length;r+=2){let a=t+o[r],i=n+o[r+1];r===0?e.moveTo(a,i):e.lineTo(a,i)}e.closePath()}function Nt(e,t,n,o,r,a){for(let i=0;i<o.length;i+=2){let u=t+o[i]+r,s=n+o[i+1]+a;i===0?e.moveTo(u,s):e.lineTo(u,s)}e.closePath()}function Vo(e,t,n,o){Ce(e,o),e.beginPath(),Zt(e,t.x,t.y,t.screenPts),e.clip(),Ce(e,o),e.fillStyle=n==="dynamic"?t.polygon.color??"#cccccc":t.shadedColor,e.fillRect(t.x,t.y,t.canvasW,t.canvasH)}function Gt(e,t,n,o,r){t.polygon.textureAlphaMode==="opaque"&&(Ce(e,n),e.fillStyle=t.polygon.color??"#cccccc",e.fillRect(t.x+o,t.y+r,t.canvasW,t.canvasH))}function _o(e,t,n,o,r=0,a=0){if(t.textureTriangles?.length){let i=n.naturalWidth||n.width||1,u=n.naturalHeight||n.height||1;for(let s of t.textureTriangles){let c=(0,_e.expandClipPoints)(s.screenPts,_e.TEXTURE_TRIANGLE_BLEED);e.save(),Ce(e,o),e.beginPath(),Nt(e,t.x,t.y,c,r,a),e.clip(),Gt(e,t,o,r,a),s.uvAffine?(Ce(e,o,s.uvAffine.a/i,s.uvAffine.c/i,s.uvAffine.b/u,s.uvAffine.d/u,t.x+s.uvAffine.e+r,t.y+s.uvAffine.f+a),Oo(e,n,i,u,s.uvSampleRect,t.polygon.textureWrap?.s,t.polygon.textureWrap?.t)):s.uvSampleRect&&bn(e,n,s.uvSampleRect,t.x+r,t.y+a,t.canvasW,t.canvasH,o),e.restore()}}else if(t.uvAffine){let i=n.naturalWidth||n.width||1,u=n.naturalHeight||n.height||1,s=t.polygon.textureAlphaMode==="opaque";s&&(e.save(),Ce(e,o),e.beginPath(),Nt(e,t.x,t.y,t.screenPts,r,a),e.clip(),Gt(e,t,o,r,a)),Ce(e,o,t.uvAffine.a/i,t.uvAffine.c/i,t.uvAffine.b/u,t.uvAffine.d/u,t.x+t.uvAffine.e+r,t.y+t.uvAffine.f+a),Oo(e,n,i,u,t.uvSampleRect,t.polygon.textureWrap?.s,t.polygon.textureWrap?.t),s&&e.restore()}else if(t.uvSampleRect){let i=t.polygon.textureAlphaMode==="opaque";i&&(e.save(),Ce(e,o),e.beginPath(),Nt(e,t.x,t.y,t.screenPts,r,a),e.clip(),Gt(e,t,o,r,a)),bn(e,n,t.uvSampleRect,t.x+r,t.y+a,t.canvasW,t.canvasH,o),i&&e.restore()}else{let i=t.polygon.textureAlphaMode==="opaque";i&&(e.save(),Ce(e,o),e.beginPath(),Nt(e,t.x,t.y,t.screenPts,r,a),e.clip(),Gt(e,t,o,r,a)),Io(e,n,t.x+r,t.y+a,t.canvasW,t.canvasH,o),i&&e.restore()}}function Ma(e,t,n,o,r,a){let i=r-n,u=a-o,s=i*i+u*u;if(s<=1e-9)return Math.hypot(e-n,t-o);let c=Math.max(0,Math.min(1,((e-n)*i+(t-o)*u)/s));return Math.hypot(e-(n+i*c),t-(o+u*c))}function Ea(e,t,n,o){let r=1/0,a=n.length/2;for(let i of o){if(i<0||i>=a)continue;let u=i*2,s=(i+1)%a*2;r=Math.min(r,Ma(e,t,n[u],n[u+1],n[s],n[s+1]))}return r}function Ta(e,t,n,o,r,a){let i=Math.max(0,o-a),u=Math.min(t-1,o+a),s=Math.max(0,r-a),c=Math.min(n-1,r+a),m=null,p=1/0;for(let l=s;l<=c;l++)for(let h=i;h<=u;h++){if(h===o&&l===r)continue;let f=h-o,P=l-r,x=f*f+P*P;if(x>a*a||x>=p)continue;let T=(l*t+h)*4;e[T+3]<_e.TEXTURE_EDGE_REPAIR_SOURCE_ALPHA_MIN||(m=T,p=x)}return m}function Bo(e,t,n){if(!t.textureEdgeRepair||!t.texture||!t.textureEdgeRepairEdges||t.textureEdgeRepairEdges.size===0)return;let o=e.canvas;if(!o)return;let r=Math.max(0,Math.floor(t.x*n)),a=Math.max(0,Math.floor(t.y*n)),i=Math.max(1,Math.min(o.width-r,Math.ceil(t.canvasW*n))),u=Math.max(1,Math.min(o.height-a,Math.ceil(t.canvasH*n)));if(i<=0||u<=0)return;let s;try{s=e.getImageData(r,a,i,u)}catch{return}let c=s.data,m=new Uint8ClampedArray(c),p=Math.max(_e.TEXTURE_EDGE_REPAIR_RADIUS,_e.TEXTURE_EDGE_REPAIR_RADIUS/n),l=Math.max(2,Math.ceil(p*n)+1),h=!1;for(let f=0;f<u;f++)for(let P=0;P<i;P++){let x=(f*i+P)*4,T=c[x+3];if(T<_e.TEXTURE_EDGE_REPAIR_ALPHA_MIN||T===255)continue;let E=(r+P+.5)/n-t.x,w=(a+f+.5)/n-t.y;if(Ea(E,w,t.screenPts,t.textureEdgeRepairEdges)>p)continue;let g=Ta(m,i,u,P,f,l);g!==null&&(c[x]=m[g],c[x+1]=m[g+1],c[x+2]=m[g+2],c[x+3]=255,h=!0)}h&&e.putImageData(s,r,a)}function zo(e){if(typeof e.toBlob=="function")return new Promise(t=>{e.toBlob(n=>{t(n?URL.createObjectURL(n):null)},"image/png")});try{return Promise.resolve(e.toDataURL("image/png"))}catch{return Promise.resolve(null)}}async function Aa(e,t,n,o){let r=n.createElement("canvas");r.width=Math.max(1,Math.ceil(e.width*o)),r.height=Math.max(1,Math.ceil(e.height*o));let a=e.entries.some(m=>m.textureEdgeRepair&&m.texture&&m.textureEdgeRepairEdges&&m.textureEdgeRepairEdges.size>0),i=r.getContext("2d",a?{willReadFrequently:!0}:void 0);if(!i)return{width:e.width,height:e.height,url:null};let u=Array.from(new Set(e.entries.flatMap(m=>m.texture?[m.texture]:[]))),s=new Map;await Promise.all(u.map(async m=>{s.set(m,await Do(m))}));for(let m of e.entries){let p=m.texture?s.get(m.texture):null;if(!m.texture){i.save(),Vo(i,m,t,o),i.restore();continue}p&&(i.save(),Ce(i,o),i.beginPath(),Zt(i,m.x,m.y,m.screenPts),i.clip(),_o(i,m,p,o),i.restore()),m.texture&&t==="baked"&&(i.save(),Ce(i,o),i.beginPath(),Zt(i,m.x,m.y,m.screenPts),i.clip(),ko(i,m.x,m.y,m.canvasW,m.canvasH,m.textureTint,o),i.restore()),Bo(i,m,o)}let c=await zo(r);return r.width=1,r.height=1,{width:e.width,height:e.height,url:c}}async function Kt(e,t,n,o,r){let a=[];for(let i of e){if(r())break;a.push(await Aa(i,t,n,o))}return a}var we=require("@layoutit/polycss-core"),Yo=50,$o=[.4,-.7,.59],jo="#ffffff",Xo=1,Uo="#ffffff",Wo=.4,oe=1e-9,Yt=.75,qo=32,wa=96,Cn="0 48px 96px 48px",Ho,No=qo;function La(){let e=typeof CSS<"u"?CSS:void 0;return!!e?.supports?.("corner-top-left-shape","bevel")&&!!e.supports("corner-top-right-shape","bevel")}function Mn(){if(La())return"corner-bevel";let e=typeof navigator<"u"?navigator.userAgent:"";return/\bFirefox\//.test(e)?"border-large":"border"}function En(){let e=typeof navigator<"u"?navigator.userAgent:"";return e!==Ho&&(Ho=e,No=/\bFirefox\//.test(e)?wa:qo),No}function Go(){return Mn()==="border-large"?Cn:void 0}function Ra(){let e=Mn();if(e==="corner-bevel")return;let t=e==="border-large"?Cn:void 0;return t?{borderWidth:t}:void 0}function Zo(e){let t=Mn();t==="corner-bevel"?(e.style.width="",e.style.height="",e.style.backgroundColor="",e.style.borderWidth="",e.style.borderTopLeftRadius="",e.style.borderTopRightRadius="",e.style.removeProperty("corner-top-left-shape"),e.style.removeProperty("corner-top-right-shape")):(e.style.width="",e.style.height="",e.style.backgroundColor="",e.style.borderTopLeftRadius="",e.style.borderTopRightRadius="",e.style.removeProperty("corner-top-left-shape"),e.style.removeProperty("corner-top-right-shape"),e.style.borderWidth=t==="border-large"?Cn:"")}function Ne(e){let t=(0,we.parsePureColor)(e);return t?{r:t.rgb[0],g:t.rgb[1],b:t.rgb[2]}:{r:255,g:255,b:255}}function $t({r:e,g:t,b:n}){return`${e},${t},${n}`}function Oa(e){return(0,we.parsePureColor)(e)?.alpha??1}function Jt({r:e,g:t,b:n}){let o=r=>Math.round(Math.max(0,Math.min(255,r))).toString(16).padStart(2,"0");return`#${o(e)}${o(t)}${o(n)}`}function Ko(e,t,n,o,r){let a=Ne(e),i=Ne(n),u=Ne(o),s=u.r/255*r+i.r/255*t,c=u.g/255*r+i.g/255*t,m=u.b/255*r+i.b/255*t,p=Math.max(0,Math.min(255,Math.round(a.r*s))),l=Math.max(0,Math.min(255,Math.round(a.g*c))),h=Math.max(0,Math.min(255,Math.round(a.b*m))),f=Oa(e);return f<1?`rgba(${p}, ${l}, ${h}, ${f})`:Jt({r:p,g:l,b:h})}function Qo(e,t){if(!Number.isFinite(t)||t<=1)return e;let n=(0,we.parsePureColor)(e);if(!n)return e;let o=255/Math.max(1,Math.round(t)-1),r=i=>Math.max(0,Math.min(255,Math.round(Math.round(i/o)*o))),a={r:r(n.rgb[0]),g:r(n.rgb[1]),b:r(n.rgb[2])};return n.alpha<1?`rgba(${a.r}, ${a.g}, ${a.b}, ${n.alpha})`:Jt(a)}function Jo(e,t,n){let o=(r,a)=>{if(r===a)return r;let i=a-r;return r+Math.sign(i)*Math.min(Math.abs(i),n)};return{r:o(e.r,t.r),g:o(e.g,t.g),b:o(e.b,t.b)}}function Sn(e,t){return e[0]*t[0]+e[1]*t[1]+e[2]*t[2]}function Da(e,t){return[e[1]*t[2]-e[2]*t[1],e[2]*t[0]-e[0]*t[2],e[0]*t[1]-e[1]*t[0]]}function ka(e){if(e.length<3)return null;let t=e[0],n=[0,0,0];for(let r=1;r+1<e.length;r++){let a=e[r],i=e[r+1],u=[a[0]-t[0],a[1]-t[1],a[2]-t[2]],s=[i[0]-t[0],i[1]-t[1],i[2]-t[2]];n[0]-=u[1]*s[2]-u[2]*s[1],n[1]-=u[2]*s[0]-u[0]*s[2],n[2]-=u[0]*s[1]-u[1]*s[0]}let o=Math.hypot(n[0],n[1],n[2]);return o<=oe?null:[n[0]/o,n[1]/o,n[2]/o]}function Ia(e){if(e.length<3)return!1;let t=0;for(let n=0;n<e.length;n++){let o=e[n],r=e[(n+1)%e.length],a=e[(n+2)%e.length],i=(r[0]-o[0])*(a[1]-r[1])-(r[1]-o[1])*(a[0]-r[0]);if(Math.abs(i)<=oe)return!1;let u=Math.sign(i);if(t===0)t=u;else if(u!==t)return!1}return!0}function Fa(e){let t=0;for(let n=0;n<e.length;n++){let o=e[n],r=e[(n+1)%e.length];t+=o[0]*r[1]-o[1]*r[0]}return t/2}function Va(e,t,n,o){let r=t[0]-e[0],a=t[1]-e[1],i=o[0]-n[0],u=o[1]-n[1],s=r*u-a*i;if(Math.abs(s)<=oe)return null;let c=n[0]-e[0],m=n[1]-e[1],p=(c*u-m*i)/s;return[e[0]+p*r,e[1]+p*a]}function Qt(e,t){if(e.length<6||t<=0)return e;let n=0,o=0,r=e.length/2;for(let i=0;i<e.length;i+=2)n+=e[i],o+=e[i+1];n/=r,o/=r;let a=e.slice();for(let i=0;i<a.length;i+=2){let u=a[i]-n,s=a[i+1]-o,c=Math.hypot(u,s);c<=oe||(a[i]+=u/c*t,a[i+1]+=s/c*t)}return a}function ft(e,t){if(e.length<6||e.length%2!==0||t<=0)return e;let n=[];for(let s=0;s<e.length;s+=2)n.push([e[s],e[s+1]]);if(!Ia(n))return Qt(e,t);let o=Fa(n);if(Math.abs(o)<=oe)return Qt(e,t);let r=o>0?1:-1,a=[];for(let s=0;s<n.length;s++){let c=n[s],m=n[(s+1)%n.length],p=m[0]-c[0],l=m[1]-c[1],h=Math.hypot(p,l);if(h<=oe)return Qt(e,t);let f=r*(l/h)*t,P=r*(-p/h)*t;a.push({a:[c[0]+f,c[1]+P],b:[m[0]+f,m[1]+P]})}let i=[],u=Math.max(2,t*4);for(let s=0;s<n.length;s++){let c=a[(s+n.length-1)%n.length],m=a[s],p=Va(c.a,c.b,m.a,m.b);if(!p)return Qt(e,t);let l=n[s],h=p[0]-l[0],f=p[1]-l[1],P=Math.hypot(h,f);P>u?i.push(l[0]+h/P*u,l[1]+f/P*u):i.push(p[0],p[1])}return i}function _a(e,t,n,o){let r=e+t;if(o<=0||n<=oe||r<=oe||!Number.isFinite(e+t+n+o))return ft([e,0,0,n,r,n],o);let a=Math.sqrt(e*e+n*n),i=Math.sqrt(t*t+n*n);if(a<=oe||i<=oe)return ft([e,0,0,n,r,n],o);let u=-o*n/a,s=-o*e/a,c=o*n/i,m=-o*t/i,p=e+u,l=s,h=r+c,f=n+m,P=-n*r;if(Math.abs(P)<=oe)return ft([e,0,0,n,r,n],o);let x=p-h,T=l-f,E=(x*n+T*e)/P,w=h-E*t,g=f-E*n,R=-o*(e+a)/n,A=n+o,z=r+o*(t+i)/n,k=A,O=Math.max(2,o*4),$=w-e,j=g,Y=Math.sqrt($*$+j*j);Y>O&&(w=e+$/Y*O,g=j/Y*O);let S=Math.sqrt(R*R+o*o);S>O&&(R=R/S*O,A=n+o/S*O);let d=z-r,y=Math.sqrt(d*d+o*o);return y>O&&(z=r+d/y*O,k=n+o/y*O),[w,g,R,A,z,k]}function Ba(e,t){if((e+1)%3===t)return e;if((t+1)%3===e)return t}function za(e,t,n,o,r){let a=e.seamBleedEdges;if(!a?.size)return null;let i=e.seamBleed===void 0?Yt:e.seamBleed;return[[o,t],[t,n],[n,o]].map(([s,c],m)=>{let p=Ba(s,c),l=p!==void 0&&a.has(p)?e.seamBleedEdgeAmounts?.get(p)??(0,we.resolveSeamBleed)(i,Yt):0;return(0,we.safePlanSeamBleedAmount)(r,m,l)})}function er(e,t,n,o,r,a,i,u,s,c,m,p){let l=Math.round(e*1e3)/1e3||0,h=Math.round(t*1e3)/1e3||0,f=Math.round(n*1e3)/1e3||0,P=Math.round(o*1e3)/1e3||0,x=Math.round(r*1e3)/1e3||0,T=Math.round(a*1e3)/1e3||0,E=Math.round(i*1e3)/1e3||0,w=Math.round(u*1e3)/1e3||0,g=Math.round(s*1e3)/1e3||0,R=Math.round(c*1e3)/1e3||0,A=Math.round(m*1e3)/1e3||0,z=Math.round(p*1e3)/1e3||0;return`matrix3d(${l},${h},${f},0,${P},${x},${T},0,${E},${w},${g},0,${R},${A},${z},1)`}function Ha(e,t,n){return e.map(o=>[o[1]*t,o[0]*t,o[2]*n])}function Tn(e,t,n,o){if(!(0,we.isSolidTrianglePlan)(e))return null;let r=e.tileSize,a=e.layerElevation,i=Ha(e.polygon.vertices,r,a),u=ka(i);if(!u)return null;let s=[{a:0,b:1,c:2},{a:1,b:2,c:0},{a:2,b:0,c:1}].map(_=>{let W=i[_.a],ee=i[_.b];return{..._,length:Math.hypot(ee[0]-W[0],ee[1]-W[1],ee[2]-W[2])}}).sort((_,W)=>W.length-_.length),c=s[0].a,m=s[0].b,p=s[0].c,l=i[c],h=i[m],f=i[p],P=s[0].length;if(P<=oe)return null;let x=[(h[0]-l[0])/P,(h[1]-l[1])/P,(h[2]-l[2])/P],T=[f[0]-l[0],f[1]-l[1],f[2]-l[2]],E=Sn(T,x),w=[l[0]+x[0]*E,l[1]+x[1]*E,l[2]+x[2]*E],g=[w[0]-f[0],w[1]-f[1],w[2]-f[2]],R=Math.hypot(g[0],g[1],g[2]);if(R<=oe)return null;let A=[g[0]/R,g[1]/R,g[2]/R];if(Sn(Da(x,A),u)<0){let _=m;if(m=c,c=_,l=i[c],h=i[m],P=Math.hypot(h[0]-l[0],h[1]-l[1],h[2]-l[2]),P<=oe)return null;x=[(h[0]-l[0])/P,(h[1]-l[1])/P,(h[2]-l[2])/P];let W=[f[0]-l[0],f[1]-l[1],f[2]-l[2]];E=Sn(W,x),w=[l[0]+x[0]*E,l[1]+x[1]*E,l[2]+x[2]*E],g=[w[0]-f[0],w[1]-f[1],w[2]-f[2]];let ee=Math.hypot(g[0],g[1],g[2]);if(ee<=oe)return null;A=[g[0]/ee,g[1]/ee,g[2]/ee]}let z=En(),k=Math.max(0,Math.min(P,E)),O=Math.max(0,P-k),$=[k,0,0,R,k+O,R],j=za(e,c,m,p,$),Y=j?(0,we.offsetConvexPolygonPointsByEdgeAmounts)($,j):_a(k,O,R,(0,we.resolveSeamBleed)(e.seamBleed,Yt)),S=[Y[0],Y[1]],d=[Y[2],Y[3]],y=[Y[4],Y[5]],b=(d[1]+y[1])/2,C=S[0]-d[0],M=y[0]-S[0],D=b-S[1];if(C<=oe||M<=oe||D<=oe||!Number.isFinite(C+M+D))return null;let I=t==="dynamic",L=Ne(e.polygon.color??"#cccccc"),H=I&&$t(L)===o?.dynamicColorKey,G={color:I||e.shadedColor===o?.paintColor?void 0:e.shadedColor,pointerEvents:n==="none"?"none":void 0,...I&&!H?{"--pnx":u[0].toFixed(4),"--pny":u[1].toFixed(4),"--pnz":u[2].toFixed(4),"--psr":(L.r/255).toFixed(4),"--psg":(L.g/255).toFixed(4),"--psb":(L.b/255).toFixed(4)}:I?{"--pnx":u[0].toFixed(4),"--pny":u[1].toFixed(4),"--pnz":u[2].toFixed(4)}:null},ne=([_,W])=>[f[0]+(_-k)*x[0]+W*A[0],f[1]+(_-k)*x[1]+W*A[1],f[2]+(_-k)*x[2]+W*A[2]],K=ne(S),U=ne([d[0],b]),le=ne([y[0],b]),ce=z/2,ge=[(le[0]-U[0])/z,(le[1]-U[1])/z,(le[2]-U[2])/z],ie=[K[0]-ge[0]*ce,K[1]-ge[1]*ce,K[2]-ge[2]*ce],V=[(U[0]-ie[0])/z,(U[1]-ie[1])/z,(U[2]-ie[2])/z],q=[ge[0],ge[1],ge[2],0,V[0],V[1],V[2],0,u[0],u[1],u[2],0,ie[0],ie[1],ie[2],1].map(_=>(Math.round(_*1e3)/1e3||0).toString()).join(","),X=Ra();return{transform:`matrix3d(${q})`,...X??{},...G}}function en(e){if(!e)return!1;let{a:t,b:n,c:o}=e;return t===0&&n===1&&o===2||t===1&&n===2&&o===0||t===2&&n===0&&o===1}function Na(e,t,n,o){let r=e+t;if(o<=0||n<=oe||r<=oe||!Number.isFinite(e+t+n+o))return ft([e,0,0,n,r,n],o);let a=Math.sqrt(e*e+n*n),i=Math.sqrt(t*t+n*n);if(a<=oe||i<=oe)return ft([e,0,0,n,r,n],o);let u=-o*n/a,s=-o*e/a,c=o*n/i,m=-o*t/i,p=e+u,l=s,h=r+c,f=n+m,P=-n*r;if(Math.abs(P)<=oe)return ft([e,0,0,n,r,n],o);let x=p-h,T=l-f,E=(x*n+T*e)/P,w=h-E*t,g=f-E*n,R=-o*(e+a)/n,A=n+o,z=r+o*(t+i)/n,k=A,O=Math.max(2,o*4),$=w-e,j=g,Y=Math.sqrt($*$+j*j);Y>O&&(w=e+$/Y*O,g=j/Y*O);let S=Math.sqrt(R*R+o*o);S>O&&(R=R/S*O,A=n+o/S*O);let d=z-r,y=Math.sqrt(d*d+o*o);return y>O&&(z=r+d/y*O,k=n+o/y*O),[w,g,R,A,z,k]}function tr(e,t,n){if(e.texture||e.vertices.length!==3)return null;let o=Yo,r=o,a=e.vertices[0],i=e.vertices[1],u=e.vertices[2],s=a[1]*o,c=a[0]*o,m=a[2]*r,p=i[1]*o,l=i[0]*o,h=i[2]*r,f=u[1]*o,P=u[0]*o,x=u[2]*r,T=p-s,E=l-c,w=h-m,g=f-s,R=P-c,A=x-m,z=-(E*A-w*R),k=-(w*g-T*A),O=-(T*R-E*g),$=Math.sqrt(z*z+k*k+O*O);if($<=oe)return null;z/=$,k/=$,O/=$;let j=T*T+E*E+w*w,Y=f-p,S=P-l,d=x-h,y=s-f,b=c-P,C=m-x,M=Y*Y+S*S+d*d,D=y*y+b*b+C*C,I=en(n)?n.a:0,L=en(n)?n.b:1,H=en(n)?n.c:2,G=()=>n?tr(e,t):null;if(!en(n)){let ut=j;M>ut&&(I=1,L=2,H=0,ut=M),D>ut&&(I=2,L=0,H=1)}let ne=H===0?s:H===1?p:f,K=H===0?c:H===1?l:P,U=H===0?m:H===1?h:x,le=I===0?s:I===1?p:f,ce=I===0?c:I===1?l:P,ge=I===0?m:I===1?h:x,ie=L===0?s:L===1?p:f,V=L===0?c:L===1?l:P,q=L===0?m:L===1?h:x,X=ie-le,_=V-ce,W=q-ge,ee=Math.sqrt(X*X+_*_+W*W);if(ee<=oe)return G();let he=X/ee,Pe=_/ee,me=W/ee,be=(ne-le)*he+(K-ce)*Pe+(U-ge)*me,Se=le+he*be-ne,xe=ce+Pe*be-K,Ae=ge+me*be-U,ae=Math.sqrt(Se*Se+xe*xe+Ae*Ae);if(ae<=oe)return G();Se/=ae,xe/=ae,Ae/=ae;let N=Math.max(0,Math.min(ee,be)),F=Math.max(0,ee-N),pe=Na(N,F,ae,Yt),Le=pe[0],it=pe[1],Re=pe[2],Ie=pe[3],Ge=pe[4],Tt=pe[5],Ze=(Ie+Tt)/2,Ke=Le-Re,Qe=Ge-Le,zt=Ze-it;if(Ke<=oe||Qe<=oe||zt<=oe||!Number.isFinite(Ke+Qe+zt))return G();let Be=1/En(),st=Ke+Qe,Fe=st*Be,ze=(Qe-Ke)*.5*Be,He=zt*Be,At=Le-N-st*.5,lt=it,Ve=er(he*Fe,Pe*Fe,me*Fe,he*ze+Se*He,Pe*ze+xe*He,me*ze+Ae*He,z,k,O,ne+he*At+Se*lt,K+Pe*At+xe*lt,U+me*At+Ae*lt),Oe;if(Math.floor(t.colorFreezeFrames??1)!==0){let ut=t.directionalLight,ho=t.ambientLight,Xe=ut?.direction??$o,sa=ut?.color??jo,la=Math.max(0,ut?.intensity??Xo),ua=ho?.color??Uo,ca=Math.max(0,ho?.intensity??Wo),un=Math.sqrt(Xe[0]*Xe[0]+Xe[1]*Xe[1]+Xe[2]*Xe[2])||1,da=Xe[0]/un,ma=Xe[1]/un,pa=Xe[2]/un,fa=la*Math.max(0,z*da+k*ma+O*pa),Po=Ko(e.color??"#cccccc",fa,sa,ua,ca);Oe=t.colorSteps?Qo(Po,t.colorSteps):Po}return{transform:Ve,borderWidth:Go(),color:Oe,basis:{a:I,b:L,c:H}}}function Ya(e,t,n){return n>0&&(n<=1||(t+e)%n===0)}function $a(e,t,n,o){let r=Math.floor(o.colorFreezeFrames??1);if(r===0)return;let a=e.__polycssStableTriangleColor;if(!(a===void 0||Ya(t,Math.max(0,Math.floor(o.colorFrame??0)),Math.max(1,r)))||a===n)return;let u=n,s=n?Ne(n):void 0,c=e.__polycssStableTriangleColorRgb,m=Math.max(0,Math.floor(o.colorMaxStep??0));m>0&&c&&s&&n&&(s=Jo(c,s,m),u=Jt(s)),e.style.color=u,e.__polycssStableTriangleColor=u,e.__polycssStableTriangleColorRgb=s}function An(e,t,n={}){if((n.textureLighting??"baked")!=="baked"||!mt())return!1;let o=Array.from(e.children).filter(a=>a instanceof HTMLElement&&a.localName==="u");if(o.length!==t.length)return!1;let r=t.map((a,i)=>tr(a,n,o[i].__polycssStableTriangleBasis));if(r.some(a=>!a))return!1;for(let a=0;a<o.length;a+=1){let i=r[a],u=o[a];u.style.visibility&&(u.style.visibility=""),u.__polycssStableTriangleBasis=i.basis,Zo(u),u.style.transform=i.transform,i.borderWidth!==void 0&&(u.style.borderWidth=i.borderWidth),i.color!==void 0&&$a(u,a,i.color,n)}return!0}var nr=require("@layoutit/polycss-core");function yt(e,t,n={},o){return(0,nr.computeTextureAtlasPlanPublic)(e,t,n,void 0,o)}function wn(e,t,n){let o=new Set(n?.disable??[]);return gn(e,t,o)}var de=require("vue");function Ln(e){for(let t of e)t.startsWith("blob:")&&URL.revokeObjectURL(t)}function or(e){return e.flatMap(t=>t.url?.startsWith("blob:")?[t.url]:[])}function tn(e){return e.map(t=>({width:t.width,height:t.height,url:null}))}function rr(e){return e.length===0||typeof Image>"u"?Promise.resolve():Promise.all(e.map(t=>{let n=new Image;n.src=t;let o=n.decode?.();return o?o.catch(()=>{}):Promise.resolve()})).then(()=>{})}function gt(e){e.length!==0&&(typeof requestAnimationFrame=="function"?requestAnimationFrame(()=>Ln(e)):setTimeout(()=>Ln(e),0))}function ht(e,t,n=(0,de.computed)(()=>{}),o=(0,de.computed)(()=>{}),r=(0,de.computed)(()=>!1)){let a=(0,de.computed)(()=>new Set(o.value?.disable??[])),i=(0,de.computed)(()=>!a.value.has("b")),u=(0,de.computed)(()=>{let x=typeof document<"u"?document:null;return i.value&&(!x||Rt(x))}),s=(0,de.computed)(()=>!a.value.has("u")&&mt()),c=(0,de.computed)(()=>!a.value.has("i")&&t.value!=="dynamic"&&dt()),m=(0,de.computed)(()=>{let x=hn(e.value,t.value,a.value,typeof document<"u"?document:null);return Pn(x,n.value,typeof document<"u"?document:null)}),p=(0,de.ref)(tn(m.value.packed.pages)),l=(0,de.ref)({plans:e.value,entries:m.value.packed.entries,pages:tn(m.value.packed.pages)}),h=[],f=0,P=!1;return(0,de.watch)(()=>[m.value,t.value,r.value],([x,T,E],w,g)=>{let{packed:R,atlasScale:A}=x;if(E){let O=++f,$=e.value,j=R.entries;if(R.pages.length===0||typeof document>"u"){gt(h),h=[],l.value={plans:$,entries:j,pages:tn(R.pages)};return}let Y=()=>P||O!==f,S=[];Kt(R.pages,T,document,A,Y).then(async d=>{if(S=or(d),await rr(S),Y()){gt(S);return}let y=h;h=S,S=[],gt(y),l.value={plans:$,entries:j,pages:d}}).catch(()=>{});return}let z=!1,k=[];if(g(()=>{z=!0,gt(k)}),R.pages.length===0){gt(h),h=[],p.value.length!==0&&(p.value=[]);return}typeof document>"u"||(p.value.some(O=>O.url)||(p.value=tn(R.pages)),Kt(R.pages,T,document,A,()=>z).then(async O=>{if(k=or(O),await rr(k),z){gt(k);return}let $=h;h=k,k=[],gt($),p.value=O}).catch(()=>{}))},{immediate:!0}),(0,de.getCurrentScope)()&&(0,de.onScopeDispose)(()=>{P=!0,Ln(h),h=[]}),{plans:(0,de.computed)(()=>r.value?l.value.plans:e.value),entries:(0,de.computed)(()=>r.value?l.value.entries:m.value.packed.entries),pages:(0,de.computed)(()=>r.value?l.value.pages:p.value),ready:(0,de.computed)(()=>{let x=r.value?l.value.pages:p.value;return x.length===0||x.every(T=>!!T.url)}),useFullRectSolid:i,useProjectiveQuad:u,useStableTriangle:s,useBorderShape:c}}var ar=require("vue");function Pt({entry:e,textureLighting:t,solidPaintDefaults:n,className:o,style:r,domAttrs:a,pointerEvents:i="auto"}){let u=Tn(e,t,i,n);if(!u)return null;let s=e.polygon.data?Object.fromEntries(Object.entries(e.polygon.data).map(([m,p])=>[`data-${m}`,String(p)])):{},c=o?.trim()||void 0;return(0,ar.h)("u",{class:c,style:{...u,...r},"data-poly-index":String(e.index),...s,...a})}var ir=require("vue"),nt=require("@layoutit/polycss-core");var ja=new Map([["transform",0],["border-shape",1],["border-width",2],["width",3],["height",4],["color",5]]);function Xa(e){let t=e.getAttribute("style");if(!t)return;let o=t.split(";").map(r=>r.trim()).filter(Boolean).map((r,a)=>{let i=r.slice(0,r.indexOf(":")).trim().toLowerCase();return{declaration:r,index:a,order:ja.get(i)??Number.POSITIVE_INFINITY}}).sort((r,a)=>r.order-a.order||r.index-a.index).map(({declaration:r})=>r).join(";");o!==t&&e.setAttribute("style",o)}function vt({entry:e,textureLighting:t,solidPaintDefaults:n,className:o,style:r,domAttrs:a,pointerEvents:i="auto",forceBorderShape:u=!1}){let s=!e.texture&&(0,nt.isFullRectSolid)(e),c=s&&u&&dt(),m=!s||c?(0,nt.cssBorderShapeForPlan)(e):null,p=t==="dynamic",l=Ne(e.polygon.color??"#cccccc"),h=p&&$t(l)===n?.dynamicColorKey,P={transform:m?(0,nt.formatBorderShapeEntryMatrix)(e):(0,nt.formatSolidQuadEntryMatrix)(e),color:p?void 0:e.shadedColor,pointerEvents:i==="none"?"none":void 0,...p?{"--pnx":e.normal[0].toFixed(4),"--pny":e.normal[1].toFixed(4),"--pnz":e.normal[2].toFixed(4),...h?null:{"--psr":(l.r/255).toFixed(4),"--psg":(l.g/255).toFixed(4),"--psb":(l.b/255).toFixed(4)}}:null,...r},x=e.polygon.data?Object.fromEntries(Object.entries(e.polygon.data).map(([w,g])=>[`data-${w}`,String(g)])):{},T=o?.trim()||void 0,E=w=>{let g=w.el;g&&(m?g.style.setProperty("border-shape",m):g.style.removeProperty("border-shape"),Xa(g))};return(0,ir.h)(s&&!c?"b":"i",{class:T,style:P,"data-poly-index":String(e.index),...x,...a,onVnodeMounted:E,onVnodeUpdated:E})}var sr=require("vue");function xt({entry:e,textureLighting:t,solidPaintDefaults:n,className:o,style:r,domAttrs:a,pointerEvents:i="auto"}){let u=t==="dynamic",s=Ne(e.polygon.color??"#cccccc"),c=u&&$t(s)===n?.dynamicColorKey,m={transform:`matrix3d(${e.projectiveMatrix})`,color:u?void 0:e.shadedColor,pointerEvents:i==="none"?"none":void 0,...u&&!c?{"--pnx":e.normal[0].toFixed(4),"--pny":e.normal[1].toFixed(4),"--pnz":e.normal[2].toFixed(4),"--psr":(s.r/255).toFixed(4),"--psg":(s.g/255).toFixed(4),"--psb":(s.b/255).toFixed(4)}:u?{"--pnx":e.normal[0].toFixed(4),"--pny":e.normal[1].toFixed(4),"--pnz":e.normal[2].toFixed(4)}:null,...r},p=e.polygon.data?Object.fromEntries(Object.entries(e.polygon.data).map(([h,f])=>[`data-${h}`,String(f)])):{},l=o?.trim()||void 0;return(0,sr.h)("b",{class:l,style:m,"data-poly-index":String(e.index),...p,...a})}var lr=require("vue"),Dt=require("@layoutit/polycss-core");function Ua(e,t,n){if(t==="dynamic"){let o=(0,Dt.parseHex)(e.polygon.color??"#cccccc"),r=`;--pnx:${e.normal[0].toFixed(4)};--pny:${e.normal[1].toFixed(4)};--pnz:${e.normal[2].toFixed(4)}`;return(0,Dt.rgbKey)(o)!==n?.dynamicColorKey&&(r+=`;--psr:${(o.r/255).toFixed(4)};--psg:${(o.g/255).toFixed(4)};--psb:${(o.b/255).toFixed(4)}`),r}return e.shadedColor?`;color:${e.shadedColor}`:""}function Rn({entry:e,geometry:t,textureLighting:n,solidPaintDefaults:o,className:r,pointerEvents:a="auto"}){let i=(0,Dt.formatCornerShapeElementStyle)(e,t),u=Ua(e,n,o),s=a==="none"?";pointer-events:none":"",c=i+u+s,m=l=>{!l||!(l instanceof HTMLElement)||l.setAttribute("style",c)},p=e.polygon.data?Object.fromEntries(Object.entries(e.polygon.data).map(([l,h])=>[`data-${l}`,String(h)])):{};return(0,lr.h)("u",{class:r?.trim()||void 0,"data-poly-index":String(e.index),...p,onVnodeMounted:({el:l})=>m(l),onVnodeUpdated:({el:l})=>m(l)})}var ur=require("vue"),bt=require("@layoutit/polycss-core"),Wa=64;function St({entry:e,page:t,textureLighting:n,solidPaintDefaults:o,className:r,style:a,domAttrs:i,pointerEvents:u="auto"}){let s=n==="dynamic",c=e.atlasCanonicalSize??Wa,m=e.canvasW||1,p=e.canvasH||1,l=t?`${(0,bt.formatCssLengthPx)(-e.x/m*c)} ${(0,bt.formatCssLengthPx)(-e.y/p*c)}`:void 0,h=t?`${(0,bt.formatCssLengthPx)(t.width/m*c)} ${(0,bt.formatCssLengthPx)(t.height/p*c)}`:void 0,f=s&&t?.url?`url(${t.url})`:void 0,P=!s&&t?.url?`url(${t.url}) ${l} / ${h} no-repeat`:void 0,x={transform:(0,bt.formatMatrix3d)(e.atlasMatrix),"--polycss-atlas-size":`${c}px`,...s?{backgroundImage:t?.url?`url(${t.url})`:void 0,backgroundPosition:l,backgroundSize:h}:{background:P},...s?{"--pnx":e.normal[0].toFixed(4),"--pny":e.normal[1].toFixed(4),"--pnz":e.normal[2].toFixed(4)}:null,...s&&f?{maskImage:f,maskMode:"alpha",maskPosition:l,maskSize:h,maskRepeat:"no-repeat",WebkitMaskImage:f,WebkitMaskPosition:l,WebkitMaskSize:h,WebkitMaskRepeat:"no-repeat"}:null,opacity:t?.url?void 0:0,pointerEvents:u==="none"?"none":void 0,...a},T=e.polygon.data?Object.fromEntries(Object.entries(e.polygon.data).map(([w,g])=>[`data-${w}`,String(g)])):{},E=r?.trim()||void 0;return(0,ur.h)("s",{class:E,style:x,"data-poly-index":String(e.index),...T,...i})}var On=(0,Z.defineComponent)({name:"PolyScene",inheritAttrs:!1,props:{polygons:{type:Array,default:void 0},centerPolygons:{type:Array,default:void 0},perspective:{type:Number},rotX:{type:Number},rotY:{type:Number},zoom:{type:Number},directionalLight:{type:Object,default:void 0},ambientLight:{type:Object,default:void 0},textureLighting:{type:String,default:"baked"},textureQuality:{type:[Number,String],default:void 0},seamBleed:{type:[Number,String],default:void 0},strategies:{type:Object,default:void 0},autoCenter:{type:Boolean,default:!1},shadow:{type:Object,default:void 0},class:{type:String},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},debugShowLabels:{type:Boolean},debugShowBackfaces:{type:Boolean}},setup(e,{slots:t,attrs:n}){let o=(0,Z.inject)(fe);if(!o)throw new Error("polycss: PolyScene must be used inside a PolyCamera.");let{sceneElRef:r,applyTransformDirect:a}=o,i=(0,Z.ref)(0),u=new Map,s={register(y,b){u.set(y,b),i.value++},unregister(y){u.delete(y),i.value++},version:i,getEntries(){return Array.from(u.values())}},c=new Set,m=(0,Z.ref)(!1),p={register(y){c.add(y),m.value=c.size>0},unregister(y){c.delete(y),m.value=c.size>0},hasAny:m},l=(0,Z.ref)(null),h=(0,Z.ref)(null),f=(0,Z.computed)(()=>({textureLighting:e.textureLighting??"baked",directionalLight:e.directionalLight,ambientLight:e.ambientLight,strategies:e.strategies,seamBleed:e.seamBleed??ot.DEFAULT_SEAM_BLEED,shadow:e.shadow,shadowRegistry:s,receiverRegistry:p,groundCssZ:l.value,sceneEl:h.value}));(0,Z.provide)(pn,f),(0,Z.watch)(h,y=>{r.value=y});let P=!1;(0,Z.onMounted)(()=>{P||typeof document<"u"&&(Ht(document),P=!0)}),(0,Z.watch)(()=>e.debugShowBackfaces,y=>{let b=h.value;b&&b.classList.toggle("polycss-debug-show-backfaces",!!y)});let x=(0,Z.computed)(()=>e.polygons??[]),T=(0,Z.computed)(()=>e.centerPolygons??null),E=(0,Z.computed)(()=>({directionalLight:e.directionalLight})),w=Lt(x,E),g=(0,Z.computed)(()=>T.value??x.value),R=Lt(g,E);(0,Z.onMounted)(()=>{r.value=h.value,a()}),(0,Z.onUpdated)(a);let A=(0,Z.computed)(()=>({tileSize:50,layerElevation:50,directionalLight:e.directionalLight,textureLighting:e.textureLighting,textureQuality:e.textureQuality})),z=(0,Z.computed)(()=>{let y=e.textureLighting==="dynamic",b=y?void 0:e.directionalLight,C=y?void 0:e.ambientLight,M=(0,se.buildTextureEdgeRepairSets)(w.value.polygons),D=e.seamBleed??ot.DEFAULT_SEAM_BLEED,I=D==="auto"||typeof D=="number"&&Number.isFinite(D)&&D>0?(0,se.buildSeamBleedPolygonEdges)(w.value.polygons,{tileSize:A.value.tileSize,layerElevation:A.value.layerElevation,directionalLight:b,ambientLight:C}):null;return w.value.polygons.map((L,H)=>yt(L,H,{tileSize:A.value.tileSize,layerElevation:A.value.layerElevation,directionalLight:b,ambientLight:C,seamBleed:I?.has(H)?D:void 0,seamEdges:I?.get(H),textureEdgeRepairEdges:M[H]}))}),k=(0,Z.computed)(()=>e.textureLighting??"baked"),O=(0,Z.computed)(()=>e.textureQuality),$=(0,Z.computed)(()=>e.strategies),j=ht(z,k,O,$),Y=(0,Z.computed)(()=>{if(e.textureLighting!=="dynamic")return null;let y=e.directionalLight?.direction??[.4,-.7,.59],b=(0,ot.worldDirectionToCss)(y),C=Math.hypot(b[0],b[1],b[2])||1,M=b[0]/C,D=b[1]/C,I=b[2]/C,L=(0,ot.parseHexColor)(e.directionalLight?.color??"#ffffff")?.rgb??[255,255,255],H=(0,ot.parseHexColor)(e.ambientLight?.color??"#ffffff")?.rgb??[255,255,255],G=e.directionalLight?.intensity??1,ne=e.ambientLight?.intensity??.4,K=ce=>(ce/255).toFixed(4),U=I,le=Math.sign(U||1)*Math.max(Math.abs(U),.01);return{"--plx":M.toFixed(2),"--ply":D.toFixed(2),"--plz":I.toFixed(2),"--clx":M.toFixed(2),"--cly":D.toFixed(2),"--clz":le.toFixed(2),"--plr":K(L[0]),"--plg":K(L[1]),"--plb":K(L[2]),"--pli":G.toFixed(4),"--par":K(H[0]),"--pag":K(H[1]),"--pab":K(H[2]),"--pai":ne.toFixed(4)}}),S=50;(0,Z.watchEffect)(()=>{let y=h.value;i.value;let b=s.getEntries();if(b.length===0){y&&y.style.removeProperty("--shadow-ground-cssz"),l.value!==null&&(l.value=null);return}let C=1/0;for(let I of b){let L=I();for(let H of L.polygons)for(let G of H.vertices){let ne=G[2]+(L.position[2]??0);ne<C&&(C=ne)}}if(!Number.isFinite(C)){y&&y.style.removeProperty("--shadow-ground-cssz"),l.value!==null&&(l.value=null);return}let M=e.shadow?.lift??.05,D=(C+M)*S;l.value!==D&&(l.value=D),y&&(e.textureLighting==="dynamic"?y.style.setProperty("--shadow-ground-cssz",D.toFixed(3)):y.style.removeProperty("--shadow-ground-cssz"))});let d=(0,Z.computed)(()=>{if(!e.autoCenter)return[0,0,0];let y=R.value.sceneBbox;return[(y.min[0]+y.max[0])/2,(y.min[1]+y.max[1])/2,(y.min[2]+y.max[2])/2]});return(0,Z.watchEffect)(()=>{o.autoCenterOffset.value=d.value}),(0,Z.onBeforeUnmount)(()=>{}),()=>{let y=`polycss-scene${e.class?` ${e.class}`:""}`,b=A.value,C=j.entries.value.map((D,I)=>{if(D)return St({entry:D,page:j.pages.value[D.pageIndex],textureLighting:b.textureLighting??"baked"});let L=z.value[I];return!L||L.texture?null:j.useStableTriangle.value&&(0,se.isSolidTrianglePlan)(L)?Pt({entry:L,textureLighting:b.textureLighting??"baked"}):j.useProjectiveQuad.value&&(0,se.isProjectiveQuadPlan)(L)?xt({entry:L,textureLighting:b.textureLighting??"baked"}):j.useBorderShape.value||j.useFullRectSolid.value?vt({entry:L,textureLighting:b.textureLighting??"baked",forceBorderShape:!j.useFullRectSolid.value}):null}),M=t.default?.()??[];return(0,Z.h)("div",{ref:h,class:y,"data-polycss-lighting":b.textureLighting??"baked","aria-hidden":"true",style:{...Y.value??null,...n.style},...Object.fromEntries(Object.entries(n).filter(([D])=>D!=="style"&&D!=="class"))},[...C,...M])}}});var B=require("vue"),rt=require("@layoutit/polycss-core"),J=require("@layoutit/polycss-core");var Ye=require("vue"),dr=require("@layoutit/polycss-core"),cr=[],Dn=[];function jt(e,t){let n=(0,Ye.ref)(cr),o=(0,Ye.ref)(void 0),r=(0,Ye.ref)(!!e.value),a=(0,Ye.ref)(null),i=(0,Ye.ref)(Dn),u=null;function s(){if(u){try{u.dispose()}catch{}u=null}}return(0,Ye.watch)(e,(c,m,p)=>{if(!c){s(),n.value=cr,o.value=void 0,r.value=!1,a.value=null,i.value=Dn;return}let l=!1;r.value=!0,a.value=null;let h=u;(0,dr.loadMesh)(c,t).then(f=>{if(l){try{f.dispose()}catch{}return}if(h)try{h.dispose()}catch{}u=f,n.value=f.polygons,o.value=f.voxelSource,r.value=!1,a.value=null,i.value=f.warnings??Dn}).catch(f=>{if(l)return;let P=f instanceof Error?f:new Error(String(f));r.value=!1,a.value=P}),p(()=>{l=!0})},{immediate:!0}),(0,Ye.onUnmounted)(()=>{s()}),{polygons:n,voxelSource:o,loading:r,error:a,warnings:i,dispose:s}}var Q=require("@layoutit/polycss-core"),qa=[.4,-.7,.59],Ga="#ffffff",Za=1,Ka="#ffffff",Qa=.4,hr=1,Ja=8,ei=Q.PROJECTIVE_QUAD_BLEED,We=1e-6,ti=(0,Q.resolveProjectiveQuadGuards)({bleed:0}),Pr={t:[0,0,1],b:[0,0,-1],fl:[0,1,0],br:[0,-1,0],fr:[1,0,0],bl:[-1,0,0]},Fn=["t","b","bl","br","fr","fl"],ni=new Map([["0,0,1","t"],["0,0,-1","b"],["0,1,0","fl"],["0,-1,0","br"],["1,0,0","fr"],["-1,0,0","bl"]]);function mr(e){let t=[];for(let n of Fn)(0,Q.normalFacesCamera)(Pr[n],e)&&t.push(n);return t.join("|")}function oi(e,t,n){let o=e.__polycssVoxelBrushState??(e.__polycssVoxelBrushState={});o.color!==t&&(e.style.color=t,o.color=t),o.transform!==n&&(e.style.transform=n,o.transform=n)}function ri(e){let t=e.vertices;if(t.length<3)return null;let n=t[0],o=0,r=0,a=0;for(let u=1;u+1<t.length;u+=1){let s=t[u],c=t[u+1],m=s[1]-n[1],p=s[0]-n[0],l=s[2]-n[2],h=c[1]-n[1],f=c[0]-n[0],P=c[2]-n[2];o-=p*P-l*f,r-=l*h-m*P,a-=m*f-p*h}let i=Math.hypot(o,r,a);return i<=1e-9?null:[Math.round(o/i),Math.round(r/i),Math.round(a/i)]}function ai(e){if(e.texture||e.material||e.uvs||e.textureTriangles||e.vertices.length!==4)return null;let t=ri(e),n=t?ni.get(t.join(",")):void 0;if(!n)return null;let o=1/0,r=1/0,a=1/0,i=-1/0,u=-1/0,s=-1/0;for(let p of e.vertices)o=Math.min(o,p[0]),r=Math.min(r,p[1]),a=Math.min(a,p[2]),i=Math.max(i,p[0]),u=Math.max(u,p[1]),s=Math.max(s,p[2]);let c=1e-6,m=mi(e.color);return Math.abs(s-a)<=c?{axis:"z",face:n,left:r*Q.BASE_TILE,top:o*Q.BASE_TILE,width:Math.max(0,(u-r)*Q.BASE_TILE),height:Math.max(0,(i-o)*Q.BASE_TILE),z:a*Q.BASE_TILE,baseColor:m,bleed:kn()}:Math.abs(i-o)<=c?{axis:"x",face:n,left:r*Q.BASE_TILE,top:a*Q.BASE_TILE,width:Math.max(0,(u-r)*Q.BASE_TILE),height:Math.max(0,(s-a)*Q.BASE_TILE),z:-o*Q.BASE_TILE,baseColor:m,bleed:kn()}:Math.abs(u-r)<=c?{axis:"y",face:n,left:a*Q.BASE_TILE,top:o*Q.BASE_TILE,width:Math.max(0,(s-a)*Q.BASE_TILE),height:Math.max(0,(i-o)*Q.BASE_TILE),z:-r*Q.BASE_TILE,baseColor:m,bleed:kn()}:null}function kn(){return{left:0,right:0,top:0,bottom:0}}function ii(e){let t=o=>String(Number(o.toFixed(6))),n=`${e.item.baseColor}|${e.variableAxis}`;for(let o=0;o<3;o+=1)o!==e.variableAxis&&(n+=`|${o}:${t(e.fixed[o])}`);return n}function pr(e){return[e[1]*Q.BASE_TILE,e[0]*Q.BASE_TILE,e[2]*Q.BASE_TILE]}function fr(e,t){return e.axis==="x"?[t[0],t[2]]:e.axis==="y"?[t[2],t[1]]:[t[0],t[1]]}function si(e,t,n){let o=e.left,r=e.left+e.width,a=e.top,i=e.top+e.height;if(Math.abs(t[0]-n[0])<=We){if(Math.abs(t[0]-o)<=We)return"left";if(Math.abs(t[0]-r)<=We)return"right"}if(Math.abs(t[1]-n[1])<=We){if(Math.abs(t[1]-a)<=We)return"top";if(Math.abs(t[1]-i)<=We)return"bottom"}return null}function li(e,t){let n=null;for(let o=0;o<3;o+=1)if(!(Math.abs(e[o]-t[o])<=We)){if(n!==null)return null;n=o}return n}function ui(e,t,n){let o=t.vertices,r=pr(o[n]),a=pr(o[(n+1)%o.length]),i=si(e,fr(e,r),fr(e,a));if(!i)return null;let u=li(r,a);if(u===null)return null;let s=Math.min(r[u],a[u]),c=Math.max(r[u],a[u]);return c-s>We?{item:e,side:i,variableAxis:u,fixed:r,start:s,end:c}:null}function yr(e){e.item.bleed[e.side]=Math.max(e.item.bleed[e.side],ei)}function ci(e,t){let n=new Map;for(let o of t){let r=e[o.sourceIndex];if(r)for(let a=0;a<r.vertices.length;a+=1){let i=ui(o,r,a);if(!i)continue;let u=ii(i),s=n.get(u);s?s.push(i):n.set(u,[i])}}for(let o of n.values()){if(o.length<2)continue;o.sort((a,i)=>a.start-i.start||a.end-i.end);let r=[];for(let a of o){r=r.filter(i=>i.end>a.start+We);for(let i of r)i.item.sourceIndex!==a.item.sourceIndex&&(yr(i),yr(a));r.push(a)}}}function di(e){let t=(0,Q.parsePureColor)(e);return t?{r:t.rgb[0],g:t.rgb[1],b:t.rgb[2],alpha:t.alpha}:{r:255,g:255,b:255,alpha:1}}function mi(e){if(!e)return"#cccccc";let t=(0,Q.parsePureColor)(e);if(!t)return e;let n={r:t.rgb[0],g:t.rgb[1],b:t.rgb[2],alpha:t.alpha};if(n.alpha<1){let o=Math.round(Math.max(0,n.alpha)*1e3)/1e3;return`rgba(${In(n.r)}, ${In(n.g)}, ${In(n.b)}, ${o})`}return pi(n)}function pi({r:e,g:t,b:n}){let o=r=>Math.round(Math.max(0,Math.min(255,r))).toString(16).padStart(2,"0");return`#${o(e)}${o(t)}${o(n)}`}function In(e){return Math.round(Math.max(0,Math.min(255,e)))}function fi(e,t,n,o){let r=n?.direction??qa,a=Math.hypot(r[0],r[1],r[2])||1,i=r[0]/a,u=r[1]/a,s=r[2]/a,c=Math.max(0,n?.intensity??Za)*Math.max(0,e[0]*i+e[1]*u+e[2]*s),m=Math.max(0,o?.intensity??Qa),p=n?.color??Ga,l=o?.color??Ka,h=(0,Q.shadePolygon)(t,c,p,l,m),f=di(t);if(f.alpha>=1)return h;let P=parseInt(h.slice(1,3),16),x=parseInt(h.slice(3,5),16),T=parseInt(h.slice(5,7),16);return`rgba(${P}, ${x}, ${T}, ${f.alpha})`}function yi(e){if(!e?.length)return[];let t=[];for(let n=0;n<e.length;n+=1){let o=e[n],r=ai(o);if(!r||r.width<=0||r.height<=0)return[];t.push({...r,sourceIndex:n})}return ci(e,t),t}function gi(e){return e.axis==="x"?{xAxis:[1,0,0],yAxis:[0,0,1],normal:[0,-1,0],tx:0,ty:-e.z,tz:0}:e.axis==="y"?{xAxis:[0,0,1],yAxis:[0,1,0],normal:[-1,0,0],tx:-e.z,ty:0,tz:0}:{xAxis:[1,0,0],yAxis:[0,1,0],normal:[0,0,1],tx:0,ty:0,tz:e.z}}function hi(e){let t=e.left,n=e.top,o=e.left+e.width,r=e.top+e.height;return[t,n,o,n,o,r,t,r]}function Pi(e){return new Map([[0,e.bleed.top],[1,e.bleed.right],[2,e.bleed.bottom],[3,e.bleed.left]])}function vi(e,t){let n=e.split(",").map(Number);if(n.length!==16||n.some(r=>!Number.isFinite(r)))return null;let o=Q.SOLID_QUAD_CANONICAL_SIZE/t;for(let r=0;r<8;r+=1)n[r]*=o;return`matrix3d(${n.map(r=>Number(r.toFixed(6))).join(",")})`}function gr(e,t){let n=e.left-e.bleed.left,o=e.top-e.bleed.top,r=e.width+e.bleed.left+e.bleed.right,a=e.height+e.bleed.top+e.bleed.bottom,i=e.z,u=r/t,s=a/t;return`matrix3d(${(e.axis==="x"?[u,0,0,0,0,0,s,0,0,-1,0,0,n,-i,o,1]:e.axis==="y"?[0,0,u,0,0,s,0,0,-1,0,0,0,-i,o,n,1]:[u,0,0,0,0,s,0,0,0,0,1,0,n,o,i,1]).map(m=>Number(m.toFixed(6))).join(",")})`}function xi(e,t){let{xAxis:n,yAxis:o,normal:r,tx:a,ty:i,tz:u}=gi(e),s=(0,Q.computeProjectiveQuadMatrix)(hi(e),n,o,r,a,i,u,ti,Pi(e));return s?vi(s,t)??gr(e,t):gr(e,t)}function bi(e){let t=e.defaultView?.matchMedia;return t?t("(pointer: coarse)").matches||t("(hover: none)").matches:!1}function Si(e){return bi(e)?Ja:hr}function Ci(e){return e.axis==="x"?[e.left+e.width/2,-e.z,e.top+e.height/2]:e.axis==="y"?[-e.z,e.top+e.height/2,e.left+e.width/2]:[e.left+e.width/2,e.top+e.height/2,e.z]}function Mi(e,t){let n=Ci(e),o=t.meshRotation;o&&(n=(0,Q.rotateVec3)(n,o[0]??0,o[1]??0,o[2]??0));let[r,a]=(0,Q.rotateVec3)(n,t.rotX,0,t.rotY);return{x:r,y:a}}function Ei(e,t,n){let o=e.filter(l=>t.has(l.face)).map(l=>({item:l,...Mi(l,n)}));if(o.length===0)return[];let r=1/0,a=-1/0,i=1/0,u=-1/0;for(let l of o)r=Math.min(r,l.x),a=Math.max(a,l.x),i=Math.min(i,l.y),u=Math.max(u,l.y);let s=4,c=Math.max(1e-6,a-r),m=Math.max(1e-6,u-i),p=new Map;for(let l of o){let h=Math.min(s-1,Math.max(0,Math.floor((l.x-r)/c*s))),f=Math.min(s-1,Math.max(0,Math.floor((l.y-i)/m*s))),P=`${h}:${f}`,x=p.get(P);x||(x={tx:h,ty:f,sourceIndex:l.item.sourceIndex,items:[]},p.set(P,x)),x.items.push(l.item),x.sourceIndex=Math.min(x.sourceIndex,l.item.sourceIndex)}return Array.from(p.values()).sort((l,h)=>l.ty-h.ty||l.tx-h.tx||l.sourceIndex-h.sourceIndex).flatMap(l=>l.items)}function vr(e){let{doc:t,wrapper:n,polygons:o,directionalLight:r,ambientLight:a}=e,i=yi(o);if(i.length===0)return null;let u=new Set(i.map(S=>S.face));n.classList.add("polycss-voxel-mesh");let s=Si(t);s!==hr&&n.style.setProperty("--polycss-voxel-primitive",`${s}px`);let c=new Map,m=(S,d)=>{let y=`${S}|${d}`,b=c.get(y);if(b)return b;let C=fi(Pr[S],d,r,a);return c.set(y,C),C},p=new Map,l=new Map,h=new Map,f=new Map;for(let S of i){let d=f.get(S.face);d||(d=[],f.set(S.face,d)),d.push(S)}let P="",x=0,T=new Set,E=S=>{let d=p.get(S.sourceIndex);return d||(d=t.createElement("b"),p.set(S.sourceIndex,d),oi(d,m(S.face,S.baseColor),xi(S,s))),d},w=S=>{let d=l.get(S);return d||(d=t.createElement("span"),d.className=`polycss-voxel-face polycss-voxel-face-${S}`,d.dataset.polycssVoxelFace=S,d.__polycssVoxelFaceHost=!0,l.set(S,d)),d},g=()=>{for(let S of Array.from(n.childNodes))if(!S.__polycssVoxelFaceHost)return S;return null},R=(S,d)=>{let y=d.map(M=>M.sourceIndex).join(",");if(h.get(S)===y)return;let b=w(S),C=t.createDocumentFragment();for(let M of d)C.appendChild(E(M));b.replaceChildren(C),h.set(S,y)},A=()=>{for(let S of Fn)u.has(S)&&R(S,f.get(S)??[])},z=S=>new Set(S.split("|").filter(Boolean)),k=S=>{let d=z(S);return Fn.filter(y=>d.has(y)&&u.has(y))},O=S=>{let d=0;for(let y of S)d+=f.get(y)?.length??0;return d},$=S=>{let d=new Set,y=[],b=new Map;for(let C of S){d.has(C.face)||(d.add(C.face),y.push(C.face));let M=b.get(C.face);M||(M=[],b.set(C.face,M)),M.push(C)}return{orderedFaces:y,itemsByFace:b}},j=(S,d)=>{let y=new Set(S);for(let b of T){if(y.has(b))continue;let C=l.get(b);C?.parentNode===n&&n.removeChild(C)}if(d){let b=t.createDocumentFragment();for(let C of S)b.appendChild(w(C));n.insertBefore(b,g()),T=y;return}for(let b=0;b<S.length;b+=1){let C=S[b],M=w(C);if(M.parentNode===n)continue;let D=null;for(let I=b+1;I<S.length;I+=1){let L=l.get(S[I]);if(L?.parentNode===n){D=L;break}}n.insertBefore(M,D??g())}T=y},Y=(S,d,y)=>{if(!y){let I=k(S);j(I,!1),x=O(I);return}let b=new Set(S.split("|").filter(Boolean)),C=Ei(i,b,d),{orderedFaces:M,itemsByFace:D}=$(C);for(let I of M)R(I,D.get(I)??[]);j(M,!0),x=C.length};return A(),{get brushCount(){return x},render(S){P=mr(S),Y(P,S,!0)},syncCamera(S){let d=mr(S);d!==P&&(P=d,Y(d,S,!1))},dispose(){for(let S of l.values())S.remove();n.classList.remove("polycss-voxel-mesh"),n.style.removeProperty("--polycss-voxel-primitive"),p.clear(),l.clear(),h.clear(),x=0,T=new Set,P=""}}}var Vn=new WeakMap;function xr(e,t){Vn.set(e,t)}function br(e){Vn.delete(e)}function Ct(e){let t=e;for(;t;){if(t instanceof HTMLElement){let n=Vn.get(t);if(n)return n}t=t.parentElement}return null}function Mt(e,t,n){let o=Array.from(e.querySelectorAll("i,b,s,u"));for(let r of o){let a=r.getBoundingClientRect();if(!(a.width<=0||a.height<=0)&&t>=a.left&&t<=a.right&&n>=a.top&&n<=a.bottom)return!0}return!1}function nn(e,t,n){if(typeof document>"u")return null;let o=Array.from(document.querySelectorAll(".polycss-mesh"));for(let r of o){if(n&&!n(r))continue;let a=Ct(r);if(a&&Mt(r,e,t))return a}return null}var Sr=new WeakMap,Cr=new WeakMap;function Ti(e){let t={};return e.paintColor&&(t["--polycss-paint"]=e.paintColor),e.dynamicColor&&(t["--psr"]=(e.dynamicColor.r/255).toFixed(4),t["--psg"]=(e.dynamicColor.g/255).toFixed(4),t["--psb"]=(e.dynamicColor.b/255).toFixed(4)),Object.keys(t).length>0?t:null}function Ai(e,t,n){let o=typeof t=="number"?t:t?.[0]??1,r=typeof t=="number"?t:t?.[1]??1,a=typeof t=="number"?t:t?.[2]??1,i=o!==1||r!==1||a!==1,u=!!n&&(!!n[0]||!!n[1]||!!n[2]),s=e?[e[1]*J.BASE_TILE,e[0]*J.BASE_TILE,e[2]*J.BASE_TILE]:[0,0,0],c=[];return(s[0]!==0||s[1]!==0||s[2]!==0)&&c.push(`translate3d(${s[0]}px, ${s[1]}px, ${s[2]}px)`),u&&(n[0]&&c.push(`rotateY(${-n[0]}deg)`),n[1]&&c.push(`rotateX(${-n[1]}deg)`),n[2]&&c.push(`rotateZ(${-n[2]}deg)`)),i&&c.push(`scale3d(${o}, ${r}, ${a})`),c.length>0?c.join(" "):void 0}function Mr(e){if(e.length===0)return e;let t=(0,J.computeSceneBbox)(e),n=(t.min[0]+t.max[0])/2,o=(t.min[1]+t.max[1])/2,r=(t.min[2]+t.max[2])/2;if(n===0&&o===0&&r===0)return e;let a=i=>[i[0]-n,i[1]-o,i[2]-r];return e.map(i=>({...i,vertices:i.vertices.map(a),...i.textureTriangles?.length?{textureTriangles:i.textureTriangles.map(u=>({...u,vertices:u.vertices.map(a)}))}:null}))}var ue=(0,B.defineComponent)({name:"PolyMesh",inheritAttrs:!1,props:{id:{type:String,default:void 0},src:{type:String,default:void 0},mtl:{type:String,default:void 0},polygons:{type:Array,default:void 0},voxelSource:{type:Object,default:void 0},autoCenter:{type:Boolean,default:!1},textureLighting:{type:String,default:void 0},textureQuality:{type:[Number,String],default:void 0},seamBleed:{type:[Number,String],default:void 0},atomicAtlas:{type:Boolean,default:!1},onFrameReady:{type:Function,default:void 0},castShadow:{type:Boolean,default:!1},receiveShadow:{type:Boolean,default:!1},merge:{type:Boolean,default:!0},meshResolution:{type:String,default:void 0},parseOptions:{type:Object,default:void 0},class:{type:String},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},onClick:{type:Function,default:void 0},onContextMenu:{type:Function,default:void 0},onDoubleClick:{type:Function,default:void 0},onWheel:{type:Function,default:void 0},onPointerDown:{type:Function,default:void 0},onPointerUp:{type:Function,default:void 0},onPointerMove:{type:Function,default:void 0},onPointerOver:{type:Function,default:void 0},onPointerOut:{type:Function,default:void 0},onPointerEnter:{type:Function,default:void 0},onPointerLeave:{type:Function,default:void 0},onPointerCancel:{type:Function,default:void 0}},setup(e,{slots:t,attrs:n,expose:o}){let r=(0,B.computed)(()=>e.src??""),a=(0,B.computed)(()=>{let V={...e.parseOptions??{}};return e.mtl&&(V.mtlUrl=e.mtl),e.meshResolution!==void 0&&(V.meshResolution=e.meshResolution),Object.keys(V).length>0?V:void 0}),i=jt(r,a.value),u=(0,B.computed)(()=>e.src?i.polygons.value:e.polygons??[]),s=(0,B.ref)(null),c=null;(0,B.watch)(u,()=>{s.value=null,c=null});let m=(0,B.computed)(()=>s.value??u.value),p=(0,B.computed)(()=>e.merge?(0,J.optimizeMeshPolygons)(m.value,e.meshResolution!==void 0?{meshResolution:e.meshResolution}:void 0):m.value),l=(0,B.computed)(()=>e.autoCenter?Mr(p.value):p.value),h=!t.polygon,f=So(),P=(0,B.inject)(fe,null),x=(0,B.ref)(0),T;(0,B.watchEffect)(V=>{T?.(),T=P?.store.subscribe(()=>{x.value++}),V(()=>{T?.(),T=void 0})});let E=(0,B.computed)(()=>e.textureLighting??f?.value.textureLighting??"baked"),w=(0,B.computed)(()=>f?.value.strategies),g=(0,B.computed)(()=>e.seamBleed??f?.value.seamBleed??J.DEFAULT_SEAM_BLEED),R=(0,B.computed)(()=>f?.value.directionalLight),A=(0,B.computed)(()=>f?.value.ambientLight),z=(0,B.computed)(()=>e.src?i.voxelSource.value:e.voxelSource??void 0),k=(0,B.computed)(()=>!!(z.value&&s.value===null&&!t.polygon&&!t.default&&E.value==="baked"&&!e.castShadow)),O=(0,B.computed)(()=>{if(E.value!=="dynamic")return null;let V=e.rotation;if(!V||V[0]===0&&V[1]===0&&V[2]===0)return null;let q=f?.value.directionalLight?.direction;if(!q)return null;let X=(0,J.inverseRotateVec3)(q,V),_=Math.hypot(X[0],X[1],X[2])||1;return{"--plx":(X[0]/_).toFixed(2),"--ply":(X[1]/_).toFixed(2),"--plz":(X[2]/_).toFixed(2)}}),$=(0,B.ref)(e.rotation),j=(0,B.ref)(0),Y=(0,B.computed)(()=>{let V=R.value;if(!V)return V;let q=(0,rt.worldDirectionalLightToCss)(V);return $.value?{...q,direction:(0,J.inverseRotateVec3)(q.direction,$.value)}:q}),S=void 0,d=(0,B.computed)(()=>{if(!h||k.value)return[];let V=(0,se.buildTextureEdgeRepairSets)(l.value),q=g.value==="auto"||typeof g.value=="number"&&Number.isFinite(g.value)&&g.value>0?(0,se.buildSeamBleedPolygonEdges)(l.value,{directionalLight:Y.value,ambientLight:A.value}):null,X=(0,rt.buildBasisHints)(l.value,{directionalLight:Y.value,ambientLight:A.value});return l.value.map((_,W)=>yt(_,W,{directionalLight:Y.value,ambientLight:A.value,seamBleed:q?.has(W)?g.value:void 0,seamEdges:q?.get(W),textureEdgeRepairEdges:V[W],lightOccludedPolyIndices:S},X[W]))}),y=(0,B.computed)(()=>e.textureQuality),b=(0,B.computed)(()=>e.atomicAtlas),C=ht(d,E,y,w,b),M=(0,B.computed)(()=>h?wn(C.plans.value,E.value,w.value):{});(0,B.watch)(()=>C.entries.value,()=>{e.atomicAtlas&&C.ready.value&&e.onFrameReady?.()},{flush:"sync"});let D=(0,B.computed)(()=>Ti(M.value)),I=(0,B.computed)(()=>{if(!e.castShadow||f?.value.receiverRegistry?.hasAny.value)return null;let V=f?.value,q=V?.groundCssZ??null;if(q===null)return null;let X=V?.shadow,_=V?.directionalLight?.direction??[.4,-.7,.59],W=(0,J.worldDirectionToCss)(_),ee=e.position?.[2]??0,he=q-ee*J.BASE_TILE,Pe=(0,J.findOverlappingPolygonDuplicates)(l.value,{normalTolerance:.1,distanceTolerance:.5,overlapFraction:.95,preserveDoubleSidedBackfaces:!1}),me=[],be=1/0,Se=1/0,xe=-1/0,Ae=-1/0,ae=1/0,N=1/0,F=-1/0,pe=-1/0,Le=l.value,it=d.value;for(let Fe=0;Fe<Le.length;Fe++){if(Pe.has(Fe)||!it[Fe])continue;let He=Le[Fe],At=[];for(let lt of He.vertices){let Ve=[lt[1]*J.BASE_TILE,lt[0]*J.BASE_TILE,lt[2]*J.BASE_TILE];Ve[0]<ae&&(ae=Ve[0]),Ve[1]<N&&(N=Ve[1]),Ve[0]>F&&(F=Ve[0]),Ve[1]>pe&&(pe=Ve[1]);let Oe=(0,J.projectCssVertexToGround)(Ve,W,he);At.push(Oe),Oe[0]<be&&(be=Oe[0]),Oe[1]<Se&&(Se=Oe[1]),Oe[0]>xe&&(xe=Oe[0]),Oe[1]>Ae&&(Ae=Oe[1])}me.push(At)}if(me.length===0)return null;let Re=X?.maxExtend??2e3,Ie=Math.max(be,ae-Re),Ge=Math.max(Se,N-Re),Tt=Math.min(xe,F+Re),Ze=Math.min(Ae,pe+Re),Ke=Tt-Ie,Qe=Ze-Ge;if(!(Ke>0)||!(Qe>0))return null;let zt=X?.color??"#000000",go=X?.opacity??.25,Be=(0,J.parseHexColor)(zt)?.rgb??[0,0,0],st="";for(let Fe of me){let ze=(0,J.ensureCcw2D)(Fe);st+=`M${(ze[0][0]-Ie).toFixed(3)},${(ze[0][1]-Ge).toFixed(3)}`;for(let He=1;He<ze.length;He++)st+=`L${(ze[He][0]-Ie).toFixed(3)},${(ze[He][1]-Ge).toFixed(3)}`;st+="Z"}return(0,B.h)("svg",{class:"polycss-shadow polycss-shadow-svg",width:String(Ke),height:String(Qe),viewBox:`0 0 ${Ke} ${Qe}`,style:{position:"absolute",top:"0",left:"0",display:"block",overflow:"hidden",transformOrigin:"0 0",pointerEvents:"none",willChange:"transform",transform:`translate3d(${Ie.toFixed(3)}px,${Ge.toFixed(3)}px,${he.toFixed(3)}px)`}},[(0,B.h)("path",{d:st,fill:`rgb(${Be[0]},${Be[1]},${Be[2]})`,"fill-rule":"nonzero",stroke:`rgb(${Be[0]},${Be[1]},${Be[2]})`,"stroke-width":"3","stroke-linejoin":"round",opacity:go.toFixed(4)})])}),L=(0,B.computed)(()=>e.receiveShadow?(0,rt.buildSharedEdgeMap)(l.value):void 0),H=(0,B.computed)(()=>{if(!e.receiveShadow)return[];let V=f?.value,q=V?.shadowRegistry;if(!q)return[];q.version.value,x.value;let X=q.getEntries();if(X.length===0)return[];let _=V?.directionalLight?.direction??[.4,-.7,.59],W=(0,J.worldDirectionToCss)(_),ee=V?.shadow?.lift??.001,he=(0,J.prepareReceiverFacePlanes)(l.value,e.position??[0,0,0],e.scale,new Set,ee,e.rotation);if(he.length===0)return[];let Pe=[],me=0,be=L.value;for(let ae of X){let N=ae(),F=N.renderedPolygonIndices,pe=(0,J.prepareCasterPolyItems)(N.polygons,N.position,N.scale,F?Re=>F.has(Re):()=>!0,N.rotation??null),Le=N.polygons===l.value,it;if(!Le&&N.polygons.length>=40){let Re=N.rotation??null,Ie=N.position,Ge=JSON.stringify(N.scale??null),Tt=`${Ie[0]},${Ie[1]},${Ie[2]}|${Re?Re.join(","):"n"}|${Ge}`,Ze=Sr.get(N.polygons);(Ze===void 0||Cr.get(N.polygons)!==Tt)&&(Ze=(0,J.prepareCasterEdgeOwners)(N.polygons,Ie,N.scale,Re),Sr.set(N.polygons,Ze),Cr.set(N.polygons,Tt)),it=Ze}Pe.push({id:Symbol(`caster-${me++}`),items:pe,selfShadowEdgeMap:Le?be:void 0,edgeOwners:it,casterPolygonCount:N.polygons.length})}let Se=P?.store.getState().cameraState,xe={rotX:Se?.rotX??65,rotY:Se?.rotY??45,meshRotation:e.rotation};return(0,J.computeReceiverShadowFaces)({receiverPlanes:he,receiverPolygons:l.value,receiverHasTexture:l.value.some(ae=>ae.texture!==void 0),casters:Pe,lightDir:W,cameraRot:xe,ambientLight:V?.ambientLight,directionalLight:V?.directionalLight,shadow:{color:V?.shadow?.color,opacity:V?.shadow?.opacity??.25,maxExtend:V?.shadow?.maxExtend}}).map(ae=>(0,B.h)("svg",{key:`receiver-${ae.faceIndex}`,class:"polycss-shadow polycss-shadow-svg polycss-shadow-receiver","data-poly-shadow-type":"receiver","data-poly-shadow-receiver-face":String(ae.faceIndex),"data-poly-shadow-receiver-polys":JSON.stringify(ae.memberPolyIndices),width:String(ae.width),height:String(ae.height),viewBox:`0 0 ${ae.width} ${ae.height}`,style:{position:"absolute",top:"0",left:"0",display:"block",overflow:"hidden",transformOrigin:"0 0",pointerEvents:"none",willChange:"transform",transform:ae.matrixCss}},ae.paths.map((N,F)=>(0,B.h)("path",{key:F,d:N.d,fill:ae.fill,stroke:ae.fill,"stroke-width":"3","stroke-linejoin":"round",opacity:ae.opacity.toFixed(4),"data-poly-shadow-caster-polys":JSON.stringify(N.casterPolygonIndices)}))))}),G=Symbol();(0,B.watch)(()=>e.castShadow,(V,q,X)=>{let _=f?.value.shadowRegistry;_&&(V?_.register(G,()=>{let W=(0,J.findOverlappingPolygonDuplicates)(l.value,{normalTolerance:.1,distanceTolerance:.5,overlapFraction:.95,preserveDoubleSidedBackfaces:!1}),ee=new Set,he=d.value;for(let Pe=0;Pe<he.length;Pe++)he[Pe]&&!W.has(Pe)&&ee.add(Pe);return{polygons:l.value,position:e.position??[0,0,0],scale:e.scale,rotation:e.rotation,renderedPolygonIndices:ee}}):_.unregister(G),X(()=>_.unregister(G)))},{immediate:!0});let ne=Symbol();(0,B.watch)(()=>e.receiveShadow,(V,q,X)=>{let _=f?.value.receiverRegistry;_&&(V?_.register(ne):_.unregister(ne),X(()=>_.unregister(ne)))},{immediate:!0}),(0,B.onBeforeUnmount)(()=>{f?.value.shadowRegistry?.unregister(G),f?.value.receiverRegistry?.unregister(ne)});let K=(0,B.ref)(null),U={get element(){return K.value},get id(){return e.id},getPosition:()=>e.position,getRotation:()=>e.rotation,getScale:()=>e.scale,getPolygons:()=>c??l.value,setPolygons(V){let q=e.autoCenter?Mr(V):V;c=q;let X=K.value,_=X&&h&&An(X,q,{directionalLight:Y.value,ambientLight:A.value,textureLighting:E.value,strategies:w.value,seamBleed:g.value,colorFrame:++j.value,colorFreezeFrames:0});s.value=V.slice()},updatePolygon(V,q){let X=c??l.value,_=typeof V=="number"?V:X.indexOf(V);_<0||_>=X.length||(Object.assign(X[_],q),s.value=X.slice(),c=null)},rebakeAtlas:()=>{$.value=e.rotation}};o(U),(0,B.onMounted)(()=>{K.value&&xr(K.value,U)}),(0,B.onBeforeUnmount)(()=>{K.value&&br(K.value)});let le=(0,B.ref)(null);(0,B.watchEffect)(V=>{let q=K.value;if(le.value?.dispose(),le.value=null,!k.value||!q)return;let X=vr({doc:q.ownerDocument,wrapper:q,polygons:l.value,directionalLight:Y.value,ambientLight:A.value});if(!X)return;let _=()=>{let ee=P?.store.getState().cameraState;return{rotX:ee?.rotX??65,rotY:ee?.rotY??45,meshRotation:e.rotation}};le.value=X,X.render(_());let W=P?.store.subscribe(()=>{X.syncCamera(_())});V(()=>{W?.(),X.dispose(),le.value===X&&(le.value=null)})});let ce=null;function ge(V,q,X){let _=[];if(typeof document<"u"&&typeof document.elementsFromPoint=="function"){let me=document.elementsFromPoint(q,X),be=new Set;for(let Se of me){let xe=Ct(Se);xe&&!be.has(xe)&&(be.add(xe),_.push({object:xe}))}}let W=0,ee=0,he=P?.cameraElRef.value;if(he){let me=he.getBoundingClientRect();me.width>0&&me.height>0&&(W=(q-me.left)/me.width*2-1,ee=-((X-me.top)/me.height*2-1))}let Pe=0;return ce&&(Pe=Math.hypot(q-ce.x,X-ce.y)),{object:_[0]?.object??U,eventObject:U,intersections:_,pointer:{x:W,y:ee},delta:Pe,nativeEvent:V,stopPropagation:()=>V.stopPropagation()}}function ie(V,q,X,_){V&&V(ge(q,X,_))}return()=>{let q={transform:Ai(e.position,e.scale,e.rotation),...O.value??void 0,...n.style,...D.value??void 0},X=Object.fromEntries(Object.entries(n).filter(([N])=>N!=="style"&&N!=="class")),_=`polycss-mesh${k.value?" polycss-voxel-mesh":""}${e.class?` ${e.class}`:""}`,W={};e.onClick&&(W.onClick=N=>{let F=N;ie(e.onClick,F,F.clientX,F.clientY)}),e.onContextMenu&&(W.onContextmenu=N=>{let F=N;ie(e.onContextMenu,F,F.clientX,F.clientY)}),e.onDoubleClick&&(W.onDblclick=N=>{let F=N;ie(e.onDoubleClick,F,F.clientX,F.clientY)}),e.onWheel&&(W.onWheel=N=>{let F=N;ie(e.onWheel,F,F.clientX,F.clientY)}),W.onPointerdown=N=>{let F=N;ce={x:F.clientX,y:F.clientY},ie(e.onPointerDown,F,F.clientX,F.clientY)},W.onPointerup=N=>{let F=N;ie(e.onPointerUp,F,F.clientX,F.clientY),ce=null},e.onPointerMove&&(W.onPointermove=N=>{let F=N;ie(e.onPointerMove,F,F.clientX,F.clientY)}),(e.onPointerOver||e.onPointerEnter)&&(W.onPointerenter=N=>{let F=N;ie(e.onPointerOver,F,F.clientX,F.clientY),ie(e.onPointerEnter,F,F.clientX,F.clientY)}),(e.onPointerOut||e.onPointerLeave)&&(W.onPointerleave=N=>{let F=N;ie(e.onPointerOut,F,F.clientX,F.clientY),ie(e.onPointerLeave,F,F.clientX,F.clientY)}),e.onPointerCancel&&(W.onPointercancel=N=>{let F=N;ie(e.onPointerCancel,F,F.clientX,F.clientY),ce=null});let ee=e.id?{"data-poly-mesh-id":e.id}:{};if(e.src&&i.loading.value&&i.polygons.value.length===0)return(0,B.h)("div",{ref:K,class:`polycss-mesh polycss-mesh-loading${e.class?` ${e.class}`:""}`,style:q,...ee,...W,...X},t.fallback?.()??[]);if(e.src&&i.error.value&&i.polygons.value.length===0)return(0,B.h)("div",{ref:K,class:`polycss-mesh polycss-mesh-error${e.class?` ${e.class}`:""}`,style:q,...ee,...W,...X},t.error?.({error:i.error.value})??[]);let he=l.value,Pe=t.polygon?he.map((N,F)=>(0,B.h)("template",{key:F},t.polygon?.({polygon:N,index:F}))):k.value?[]:C.entries.value.map((N,F)=>{if(N)return St({entry:N,page:C.pages.value[N.pageIndex],textureLighting:E.value,solidPaintDefaults:M.value});let pe=C.plans.value[F];if(!pe||pe.texture)return null;if((0,se.isProjectiveQuadPlan)(pe))return xt({entry:pe,textureLighting:E.value,solidPaintDefaults:M.value});if((0,se.isSolidTrianglePlan)(pe))return Pt({entry:pe,textureLighting:E.value,solidPaintDefaults:M.value});let Le=w.value?.disable?.includes("i")?null:(0,rt.cornerShapeGeometryForPlan)(pe);return Le?Rn({entry:pe,geometry:Le,textureLighting:E.value,solidPaintDefaults:M.value}):vt({entry:pe,textureLighting:E.value,solidPaintDefaults:M.value,forceBorderShape:!C.useFullRectSolid.value})}),me=t.default?.()??[],be=I.value,Se=be?[be]:[],xe=H.value,Ae=f?.value?.sceneEl??null,ae=Ae&&xe.length>0?[(0,B.h)(B.Teleport,{to:Ae},xe)]:[];return(0,B.h)("div",{ref:K,class:_,style:q,...ee,...W,...X},[...Se,...ae,...Pe,...me])}}});var qe=require("vue"),kt=require("@layoutit/polycss-core");function wi(e,t,n,o,r){let a=typeof n=="number"?n:n?.[0]??1,i=typeof n=="number"?n:n?.[1]??1,u=typeof n=="number"?n:n?.[2]??1,s=a!==1||i!==1||u!==1,c=!!t&&(!!t[0]||!!t[1]||!!t[2]),m=(e?.[1]??0)*kt.BASE_TILE,p=(e?.[0]??0)*kt.BASE_TILE,l=(e?.[2]??0)*kt.BASE_TILE,h=[];return h.push(`translate3d(${m}px, ${p}px, ${l}px)`),c&&(t[0]&&h.push(`rotateY(${-t[0]}deg)`),t[1]&&h.push(`rotateX(${-t[1]}deg)`),t[2]&&h.push(`rotateZ(${-t[2]}deg)`)),s&&h.push(`scale3d(${a}, ${i}, ${u})`),h.push(`translate(${-o/2}px, ${-r/2}px)`),h.join(" ")}var _n=(0,qe.defineComponent)({name:"PolyIframe",props:{src:{type:String,required:!0},width:{type:Number,required:!0},height:{type:Number,required:!0},position:{type:Array,default:void 0},rotation:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},allow:{type:String,default:void 0},sandbox:{type:String,default:void 0},loading:{type:String,default:void 0},referrerpolicy:{type:String,default:void 0},title:{type:String,default:void 0},class:{type:String,default:void 0},style:{type:Object,default:void 0}},setup(e){let t=(0,qe.computed)(()=>e.width*kt.BASE_TILE),n=(0,qe.computed)(()=>e.height*kt.BASE_TILE),o=(0,qe.computed)(()=>wi(e.position,e.rotation,e.scale,t.value,n.value));return()=>{let r={position:"absolute",left:"0",top:"0",transformOrigin:"0 0",transformStyle:"preserve-3d",transform:o.value,...e.style??{}},a={src:e.src,style:{width:`${t.value}px`,height:`${n.value}px`,border:"0",display:"block",background:"#000"}};return e.allow&&(a.allow=e.allow),e.sandbox&&(a.sandbox=e.sandbox),e.loading&&(a.loading=e.loading),e.referrerpolicy&&(a.referrerpolicy=e.referrerpolicy),e.title&&(a.title=e.title),(0,qe.h)("div",{class:e.class?`polycss-iframe ${e.class}`:"polycss-iframe",style:r},[(0,qe.h)("iframe",a)])}}});var It=require("vue");var Bn=(0,It.defineComponent)({name:"PolyGround",props:{size:{type:Number,default:6},z:{type:Number,default:0},center:{type:Array,default:()=>[0,0]},color:{type:String,default:"#7d848e"},class:{type:String,default:void 0}},setup(e){let t=(0,It.computed)(()=>{let n=e.size/2,[o,r]=e.center;return[{vertices:[[o-n,r-n,e.z],[o+n,r-n,e.z],[o+n,r+n,e.z],[o-n,r+n,e.z]],color:e.color}]});return()=>(0,It.h)(ue,{polygons:t.value,castShadow:!1,class:e.class?`polycss-ground ${e.class}`:"polycss-ground"})}});var zn=require("vue");function Er(e){return typeof e=="function"?(0,zn.computed)(()=>{let{texture:t,key:n}=e();return{texture:t,key:n}}):(0,zn.computed)(()=>({texture:e.texture,key:e.key}))}var De=require("vue");var Li=4;function on(e,t=Li){let n=e.toFixed(t).replace(/\.?0+$/,"");return Number(n)===0||Object.is(Number(n),-0)?"0":`${n}px`}function Ri(e){if(e.length!==4)return null;let t=[...new Set(e.map(r=>r[0]))].sort((r,a)=>r-a),n=[...new Set(e.map(r=>r[1]))].sort((r,a)=>r-a);if(t.length!==2||n.length!==2)return null;let o=new Set([`${t[0]},${n[0]}`,`${t[0]},${n[1]}`,`${t[1]},${n[0]}`,`${t[1]},${n[1]}`]);for(let r of e)if(!o.has(`${r[0]},${r[1]}`))return null;return{u0:t[0],u1:t[1],v0:n[0],v1:n[1]}}function Oi({plan:e,material:t,uvRect:n,className:o,style:r,domAttrs:a,pointerEvents:i="auto"}){let{u0:u,u1:s,v0:c,v1:m}=n,p=s-u,l=m-c,h=1/p,f=1/l,P=Math.max(c,m),x=u/p,T=(1-P)/l,E={transform:`matrix3d(${e.canonicalMatrix})`,backgroundImage:`url(${t.texture})`,backgroundSize:`${on(h)} ${on(f)}`,backgroundPosition:`${on(-x)} ${on(-T)}`,pointerEvents:i==="none"?"none":void 0,...r},w=e.polygon.data?Object.fromEntries(Object.entries(e.polygon.data).map(([R,A])=>[`data-${R}`,String(A)])):{},g=o?.trim()||void 0;return(0,De.h)("i",{class:g,style:E,...w,...a})}var Hn=(0,De.defineComponent)({name:"Poly",inheritAttrs:!1,props:{vertices:{type:Array,required:!0},color:{type:String},texture:{type:String},uvs:{type:Array,default:void 0},data:{type:Object,default:void 0},material:{type:Object,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},textureLighting:{type:String,default:void 0},textureQuality:{type:[Number,String],default:void 0},context:{type:Object,default:void 0},baseColor:{type:String},pointerEvents:{type:String,default:"auto"}},setup(e,{attrs:t}){let n=(0,De.computed)(()=>e.textureLighting??e.context?.textureLighting??"baked"),o=(0,De.computed)(()=>e.textureQuality??e.context?.textureQuality),r=(0,De.computed)(()=>e.material?.texture??e.texture),a=(0,De.computed)(()=>e.material&&e.uvs?Ri(e.uvs):null),i=(0,De.computed)(()=>{let c=e.context?.tileSize??50;return yt({vertices:e.vertices,color:e.baseColor??e.color,texture:r.value,uvs:e.uvs,data:e.data},0,{tileSize:c,layerElevation:e.context?.layerElevation??c,directionalLight:e.context?.directionalLight})}),u=(0,De.computed)(()=>a.value?[]:[i.value]),s=ht(u,n,o);return()=>{let c=i.value,m=s.entries.value[0],p=[];e.position&&p.push(`translate3d(${e.position[0]}px, ${e.position[1]}px, ${e.position[2]}px)`),e.scale!==void 0&&(typeof e.scale=="number"?e.scale!==1&&p.push(`scale3d(${e.scale}, ${e.scale}, ${e.scale})`):p.push(`scale3d(${e.scale[0]}, ${e.scale[1]}, ${e.scale[2]})`)),e.rotation&&(e.rotation[0]&&p.push(`rotateX(${e.rotation[0]}deg)`),e.rotation[1]&&p.push(`rotateY(${e.rotation[1]}deg)`),e.rotation[2]&&p.push(`rotateZ(${e.rotation[2]}deg)`));let l=p.length>0?p.join(" "):void 0,h={};if(e.data)for(let[T,E]of Object.entries(e.data))h[`data-${T}`]=String(E);let f={...t,...h},P=Object.fromEntries(Object.entries(f).filter(([T])=>T!=="class"&&T!=="style")),x;return a.value&&e.material&&c?x=Oi({plan:c,material:e.material,uvRect:a.value,className:f.class??void 0,style:f.style,domAttrs:P,pointerEvents:e.pointerEvents??"auto"}):m?x=St({entry:m,page:s.pages.value[m.pageIndex],textureLighting:n.value,className:f.class??void 0,style:f.style,domAttrs:P,pointerEvents:e.pointerEvents??"auto"}):c&&!c.texture&&(x=(0,se.isSolidTrianglePlan)(c)?Pt({entry:c,textureLighting:n.value,className:f.class??void 0,style:f.style,domAttrs:P,pointerEvents:e.pointerEvents??"auto"}):(0,se.isProjectiveQuadPlan)(c)?xt({entry:c,textureLighting:n.value,className:f.class??void 0,style:f.style,domAttrs:P,pointerEvents:e.pointerEvents??"auto"}):vt({entry:c,textureLighting:n.value,className:f.class??void 0,style:f.style,domAttrs:P,pointerEvents:e.pointerEvents??"auto"})),x?l?(0,De.h)("div",{class:"polycss-poly-wrapper",style:{transform:l,position:"absolute",transformStyle:"preserve-3d"}},[x]):x:null}}});var te=require("vue"),ye=require("@layoutit/polycss-core");var Nn=(0,te.defineComponent)({name:"PolyBox",props:{size:{type:[Number,Array],default:void 0},center:{type:Array,default:void 0},min:{type:Array,default:void 0},max:{type:Array,default:void 0},color:{type:String,default:void 0},texture:{type:String,default:void 0},material:{type:Object,default:void 0},uvs:{type:Array,default:void 0},data:{type:Object,default:void 0},faces:{type:Object,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,te.computed)(()=>(0,ye.boxPolygons)({size:e.size,center:e.center,min:e.min,max:e.max,color:e.color,texture:e.texture,material:e.material,uvs:e.uvs,data:e.data,faces:e.faces}));return()=>(0,te.h)(ue,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),Yn=(0,te.defineComponent)({name:"PolyPlane",props:{axis:{type:Number,required:!0},size:{type:Number,default:void 0},offset:{type:[Number,Array],default:void 0},along:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,te.computed)(()=>(0,ye.planePolygons)({axis:e.axis,size:e.size,offset:e.offset,along:e.along,color:e.color}));return()=>(0,te.h)(ue,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),$n=(0,te.defineComponent)({name:"PolyRing",props:{axis:{type:Number,required:!0},radius:{type:Number,required:!0},halfThickness:{type:Number,default:void 0},segments:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,te.computed)(()=>(0,ye.ringPolygons)({axis:e.axis,radius:e.radius,halfThickness:e.halfThickness,segments:e.segments,color:e.color}));return()=>(0,te.h)(ue,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),jn=(0,te.defineComponent)({name:"PolyOctahedron",props:{center:{type:Array,required:!0},size:{type:Number,required:!0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,te.computed)(()=>(0,ye.octahedronPolygons)({center:e.center,size:e.size,color:e.color}));return()=>(0,te.h)(ue,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),Xn=(0,te.defineComponent)({name:"PolyTetrahedron",props:{size:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,te.computed)(()=>(0,ye.tetrahedronPolygons)({size:e.size,color:e.color}));return()=>(0,te.h)(ue,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),Un=(0,te.defineComponent)({name:"PolyIcosahedron",props:{size:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,te.computed)(()=>(0,ye.icosahedronPolygons)({size:e.size,color:e.color}));return()=>(0,te.h)(ue,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),Wn=(0,te.defineComponent)({name:"PolyDodecahedron",props:{size:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,te.computed)(()=>(0,ye.dodecahedronPolygons)({size:e.size,color:e.color}));return()=>(0,te.h)(ue,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),qn=(0,te.defineComponent)({name:"PolySphere",props:{radius:{type:Number,default:void 0},subdivisions:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,te.computed)(()=>(0,ye.spherePolygons)({radius:e.radius,subdivisions:e.subdivisions,color:e.color}));return()=>(0,te.h)(ue,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),Gn=(0,te.defineComponent)({name:"PolyCylinder",props:{radius:{type:Number,default:void 0},radiusTop:{type:Number,default:void 0},height:{type:Number,default:void 0},radialSegments:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,te.computed)(()=>(0,ye.cylinderPolygons)({radius:e.radius,radiusTop:e.radiusTop,height:e.height,radialSegments:e.radialSegments,color:e.color}));return()=>(0,te.h)(ue,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),Zn=(0,te.defineComponent)({name:"PolyCone",props:{radius:{type:Number,default:void 0},height:{type:Number,default:void 0},radialSegments:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,te.computed)(()=>(0,ye.conePolygons)({radius:e.radius,height:e.height,radialSegments:e.radialSegments,color:e.color}));return()=>(0,te.h)(ue,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}}),Kn=(0,te.defineComponent)({name:"PolyTorus",props:{radius:{type:Number,default:void 0},tube:{type:Number,default:void 0},radialSegments:{type:Number,default:void 0},tubularSegments:{type:Number,default:void 0},color:{type:String,default:void 0},position:{type:Array,default:void 0},scale:{type:[Number,Array],default:void 0},rotation:{type:Array,default:void 0},autoCenter:{type:Boolean,default:!1},id:{type:String,default:void 0}},setup(e){let t=(0,te.computed)(()=>(0,ye.torusPolygons)({radius:e.radius,tube:e.tube,radialSegments:e.radialSegments,tubularSegments:e.tubularSegments,color:e.color}));return()=>(0,te.h)(ue,{polygons:t.value,position:e.position,scale:e.scale,rotation:e.rotation,autoCenter:e.autoCenter,id:e.id})}});var Me=require("vue"),Qn=require("@layoutit/polycss-core");var Di=150,Tr=4,ki=513e-6,Ii=10,Fi=3,Ar=16.67,Vi=50,wr=.1,Lr=10,Rr=0,Or=5e3,_i=.3,Bi=.05;function zi(e){return e===!0?-1:e===void 0||e===!1?1:e}function Hi(e,t,n,o,r){let a=zi(r),i=e/Tr*a,u=t/Tr*a;return{rotX:n-u,rotY:((o-i)%360+360)%360}}function Dr(e,t,n,o,r){let a=Math.max(.01,n),i=Math.max(.1,Math.cos(o*Math.PI/180)),u=-e/(a*Qn.BASE_TILE),s=-t/(a*Qn.BASE_TILE*i),c=-r*Math.PI/180,m=Math.cos(c),p=Math.sin(c);return{dWorldX:s*m-u*p,dWorldY:s*p+u*m}}var Jn=(0,Me.defineComponent)({name:"PolyOrbitControls",props:{drag:{type:Boolean,default:!0},wheel:{type:Boolean,default:!0},dolly:{type:Boolean,default:!1},invert:{type:[Boolean,Number],default:!1},minZoom:{type:Number,default:wr},maxZoom:{type:Number,default:Lr},minDistance:{type:Number,default:Rr},maxDistance:{type:Number,default:Or},animate:{type:[Boolean,Object],default:!1}},emits:{change:e=>!0,"interaction-start":e=>!0,"interaction-end":e=>!0},setup(e,{emit:t}){let n=(0,Me.inject)(fe,null);if(!n)return typeof console<"u"&&console.warn("[polycss] <PolyOrbitControls> must be used inside <PolyCamera>."),()=>null;let{store:o,cameraRef:r,cameraElRef:a,applyTransformDirect:i}=n,u=()=>({rotX:r.value.state.rotX,rotY:r.value.state.rotY,zoom:r.value.state.zoom,target:r.value.state.target,distance:r.value.state.distance}),s=()=>{t("change",u())},c=()=>{t("interaction-start",u())},m=()=>{t("interaction-end",u())},p=null,l={x:0,y:0},h=(0,Me.ref)(!1),f=null,P=null,x=null;function T(){let g=a.value;if(!g)return;let R=!1,A={x:0,y:0},z=d=>{if(e.drag&&p===null&&d.isPrimary!==!1){d.preventDefault(),p=d.pointerId,l={x:d.clientX,y:d.clientY},g.style.cursor="grabbing";try{d.target.setPointerCapture(d.pointerId)}catch{}e.animate&&e.animate.pauseOnInteraction!==!1&&(h.value=!0),c()}},k=d=>{if(p===null||d.pointerId!==p||!e.drag)return;d.preventDefault();let y=d.clientX-l.x,b=d.clientY-l.y;l={x:d.clientX,y:d.clientY};let C=r.value,M=C.state;if(d.shiftKey){let{dWorldX:D,dWorldY:I}=Dr(y,b,M.zoom,M.rotX,M.rotY);C.update({target:[M.target[0]+D,M.target[1]+I,M.target[2]]})}else{let{rotX:D,rotY:I}=Hi(y,b,M.rotX,M.rotY,e.invert);C.update({rotX:D,rotY:I})}i(),o.updateCameraFromRef(C),s()},O=d=>{if(p===d.pointerId){p=null,g.style.cursor=e.drag?"grab":"";try{d.target.releasePointerCapture(d.pointerId)}catch{}h.value=!1,m()}},$=d=>{d.preventDefault()},j=d=>{d.button===2&&(R=!0,A={x:d.clientX,y:d.clientY})},Y=d=>{if(!R||!e.drag)return;let y=d.clientX-A.x,b=d.clientY-A.y;A={x:d.clientX,y:d.clientY};let C=r.value,M=C.state,{dWorldX:D,dWorldY:I}=Dr(y,b,M.zoom,M.rotX,M.rotY);C.update({target:[M.target[0]+D,M.target[1]+I,M.target[2]]}),i(),o.updateCameraFromRef(C),s()},S=d=>{d.button===2&&R&&(R=!1,m())};g.style.cursor="grab",g.style.touchAction="none",g.style.userSelect="none",g.addEventListener("pointerdown",z),g.addEventListener("pointermove",k),g.addEventListener("pointerup",O),g.addEventListener("pointercancel",O),g.addEventListener("contextmenu",$),g.addEventListener("mousedown",j),g.addEventListener("mousemove",Y),g.addEventListener("mouseup",S),f=()=>{g.removeEventListener("pointerdown",z),g.removeEventListener("pointermove",k),g.removeEventListener("pointerup",O),g.removeEventListener("pointercancel",O),g.removeEventListener("contextmenu",$),g.removeEventListener("mousedown",j),g.removeEventListener("mousemove",Y),g.removeEventListener("mouseup",S),g.style.cursor="",g.style.touchAction="",g.style.userSelect=""}}function E(){let g=a.value;if(!g)return;let R=!1,A=null,z=k=>{if(!e.wheel)return;k.preventDefault();let O=k.deltaMode===1?16:k.deltaMode===2?100:1,$=k.deltaY*O;k.ctrlKey?$*=Ii:$*=Fi;let j=r.value;if(e.dolly){let Y=e.minDistance??Rr,S=e.maxDistance??Or,d=Math.max(Y,Math.min(S,j.state.distance+$*Bi));j.update({distance:d})}else{let Y=Math.exp(-$*ki),S=e.minZoom??wr,d=e.maxZoom??Lr,y=Math.max(S,Math.min(d,j.state.zoom*Y));j.update({zoom:y})}i(),o.updateCameraFromRef(j),R||(R=!0,c()),s(),A!==null&&clearTimeout(A),A=setTimeout(()=>{A=null,R=!1,m()},Di)};g.addEventListener("wheel",z,{passive:!1}),P=()=>{g.removeEventListener("wheel",z),A!==null&&clearTimeout(A)}}function w(){let g=null,R=!1,A=0,z=k=>{if(R)return;let O=e.animate;if(!O){g=requestAnimationFrame(z);return}if(h.value)A=k;else{let $=Math.min(Vi,A?k-A:Ar);A=k;let Y=(O.speed??_i)*($/Ar),S=r.value,d=S.state;if(O.axis==="x"){let y=((d.rotX+Y)%360+360)%360;S.update({rotX:y})}else{let y=((d.rotY+Y)%360+360)%360;S.update({rotY:y})}i(),o.updateCameraFromRef(S),s()}g=requestAnimationFrame(z)};g=requestAnimationFrame(z),x=()=>{R=!0,g!==null&&cancelAnimationFrame(g),x=null}}return(0,Me.onMounted)(()=>{e.drag&&T(),e.wheel&&E(),e.animate&&w()}),(0,Me.onBeforeUnmount)(()=>{f?.(),P?.(),x?.(),f=null,P=null}),(0,Me.watch)(()=>e.drag,g=>{g&&!f&&T(),!g&&f&&(f(),f=null)}),(0,Me.watch)(()=>e.wheel,g=>{g&&!P&&E(),!g&&P&&(P(),P=null)}),(0,Me.watch)(()=>!!e.animate,g=>{g&&!x&&w(),!g&&x&&x()}),()=>null}});var Ee=require("vue"),eo=require("@layoutit/polycss-core");var Ni=150,kr=4,Yi=513e-6,$i=10,ji=3,Ir=16.67,Xi=50,Fr=.1,Vr=10,_r=0,Br=5e3,Ui=.3,Wi=.05;function qi(e){return e===!0?-1:e===void 0||e===!1?1:e}function zr(e,t,n,o,r){let a=qi(r),i=e/kr*a,u=t/kr*a;return{rotX:n-u,rotY:((o-i)%360+360)%360}}function Gi(e,t,n,o,r){let a=Math.max(.01,n),i=Math.max(.1,Math.cos(o*Math.PI/180)),u=-e/(a*eo.BASE_TILE),s=-t/(a*eo.BASE_TILE*i),c=-r*Math.PI/180,m=Math.cos(c),p=Math.sin(c);return{dWorldX:s*m-u*p,dWorldY:s*p+u*m}}var to=(0,Ee.defineComponent)({name:"PolyMapControls",props:{drag:{type:Boolean,default:!0},wheel:{type:Boolean,default:!0},dolly:{type:Boolean,default:!1},invert:{type:[Boolean,Number],default:!1},minZoom:{type:Number,default:Fr},maxZoom:{type:Number,default:Vr},minDistance:{type:Number,default:_r},maxDistance:{type:Number,default:Br},animate:{type:[Boolean,Object],default:!1}},emits:{change:e=>!0,"interaction-start":e=>!0,"interaction-end":e=>!0},setup(e,{emit:t}){let n=(0,Ee.inject)(fe,null);if(!n)return typeof console<"u"&&console.warn("[polycss] <PolyMapControls> must be used inside <PolyCamera>."),()=>null;let{store:o,cameraRef:r,cameraElRef:a,applyTransformDirect:i}=n,u=()=>({rotX:r.value.state.rotX,rotY:r.value.state.rotY,zoom:r.value.state.zoom,target:r.value.state.target,distance:r.value.state.distance}),s=()=>{t("change",u())},c=()=>{t("interaction-start",u())},m=()=>{t("interaction-end",u())},p=null,l={x:0,y:0},h=(0,Ee.ref)(!1),f=null,P=null,x=null;function T(){let g=a.value;if(!g)return;let R=!1,A={x:0,y:0},z=d=>{if(e.drag&&p===null&&d.isPrimary!==!1){d.preventDefault(),p=d.pointerId,l={x:d.clientX,y:d.clientY},g.style.cursor="grabbing";try{d.target.setPointerCapture(d.pointerId)}catch{}e.animate&&e.animate.pauseOnInteraction!==!1&&(h.value=!0),c()}},k=d=>{if(p===null||d.pointerId!==p||!e.drag)return;d.preventDefault();let y=d.clientX-l.x,b=d.clientY-l.y;l={x:d.clientX,y:d.clientY};let C=r.value,M=C.state;if(d.shiftKey){let{rotX:D,rotY:I}=zr(y,b,M.rotX,M.rotY,e.invert);C.update({rotX:D,rotY:I})}else{let{dWorldX:D,dWorldY:I}=Gi(y,b,M.zoom,M.rotX,M.rotY);C.update({target:[M.target[0]+D,M.target[1]+I,M.target[2]]})}i(),o.updateCameraFromRef(C),s()},O=d=>{if(p===d.pointerId){p=null,g.style.cursor=e.drag?"grab":"";try{d.target.releasePointerCapture(d.pointerId)}catch{}h.value=!1,m()}},$=d=>{d.preventDefault()},j=d=>{d.button===2&&(R=!0,A={x:d.clientX,y:d.clientY})},Y=d=>{if(!R||!e.drag)return;let y=d.clientX-A.x,b=d.clientY-A.y;A={x:d.clientX,y:d.clientY};let C=r.value,M=C.state,{rotX:D,rotY:I}=zr(y,b,M.rotX,M.rotY,e.invert);C.update({rotX:D,rotY:I}),i(),o.updateCameraFromRef(C),s()},S=d=>{d.button===2&&R&&(R=!1,m())};g.style.cursor="grab",g.style.touchAction="none",g.style.userSelect="none",g.addEventListener("pointerdown",z),g.addEventListener("pointermove",k),g.addEventListener("pointerup",O),g.addEventListener("pointercancel",O),g.addEventListener("contextmenu",$),g.addEventListener("mousedown",j),g.addEventListener("mousemove",Y),g.addEventListener("mouseup",S),f=()=>{g.removeEventListener("pointerdown",z),g.removeEventListener("pointermove",k),g.removeEventListener("pointerup",O),g.removeEventListener("pointercancel",O),g.removeEventListener("contextmenu",$),g.removeEventListener("mousedown",j),g.removeEventListener("mousemove",Y),g.removeEventListener("mouseup",S),g.style.cursor="",g.style.touchAction="",g.style.userSelect=""}}function E(){let g=a.value;if(!g)return;let R=!1,A=null,z=k=>{if(!e.wheel)return;k.preventDefault();let O=k.deltaMode===1?16:k.deltaMode===2?100:1,$=k.deltaY*O;k.ctrlKey?$*=$i:$*=ji;let j=r.value;if(e.dolly){let Y=e.minDistance??_r,S=e.maxDistance??Br,d=Math.max(Y,Math.min(S,j.state.distance+$*Wi));j.update({distance:d})}else{let Y=Math.exp(-$*Yi),S=e.minZoom??Fr,d=e.maxZoom??Vr,y=Math.max(S,Math.min(d,j.state.zoom*Y));j.update({zoom:y})}i(),o.updateCameraFromRef(j),R||(R=!0,c()),s(),A!==null&&clearTimeout(A),A=setTimeout(()=>{A=null,R=!1,m()},Ni)};g.addEventListener("wheel",z,{passive:!1}),P=()=>{g.removeEventListener("wheel",z),A!==null&&clearTimeout(A)}}function w(){let g=null,R=!1,A=0,z=k=>{if(R)return;let O=e.animate;if(!O){g=requestAnimationFrame(z);return}if(h.value)A=k;else{let $=Math.min(Xi,A?k-A:Ir);A=k;let Y=(O.speed??Ui)*($/Ir),S=r.value,d=S.state;if(O.axis==="x"){let y=((d.rotX+Y)%360+360)%360;S.update({rotX:y})}else{let y=((d.rotY+Y)%360+360)%360;S.update({rotY:y})}i(),o.updateCameraFromRef(S),s()}g=requestAnimationFrame(z)};g=requestAnimationFrame(z),x=()=>{R=!0,g!==null&&cancelAnimationFrame(g),x=null}}return(0,Ee.onMounted)(()=>{e.drag&&T(),e.wheel&&E(),e.animate&&w()}),(0,Ee.onBeforeUnmount)(()=>{f?.(),P?.(),x?.(),f=null,P=null}),(0,Ee.watch)(()=>e.drag,g=>{g&&!f&&T(),!g&&f&&(f(),f=null)}),(0,Ee.watch)(()=>e.wheel,g=>{g&&!P&&E(),!g&&P&&(P(),P=null)}),(0,Ee.watch)(()=>!!e.animate,g=>{g&&!x&&w(),!g&&x&&x()}),()=>null}});var re=require("vue"),Te=require("@layoutit/polycss-core");var rn="#ff3653",an="#8adb00",sn="#2c8fff",Zi=.6,Ki=.8,Qi=1,$e=50,Hr=60,Ji=.6,es=.0125,ts=.15,ns=.04,os=1,Nr=.02,no=1.04,rs=.1,as=.25,qr=1e-4,Xt={0:1,1:0,2:2},Yr=[{cssAxis:0,sign:1,key:"x",color:rn},{cssAxis:0,sign:-1,key:"-x",color:rn},{cssAxis:1,sign:1,key:"y",color:an},{cssAxis:1,sign:-1,key:"-y",color:an},{cssAxis:2,sign:1,key:"z",color:sn},{cssAxis:2,sign:-1,key:"-z",color:sn}],$r=[{cssAxis:0,key:"x",color:rn},{cssAxis:1,key:"y",color:an},{cssAxis:2,key:"z",color:sn}],jr=[{perpAxis:2,axisA:0,axisB:1,key:"xy",color:sn},{perpAxis:1,axisA:0,axisB:2,key:"xz",color:an},{perpAxis:0,axisA:1,axisB:2,key:"yz",color:rn}];function oo(e,t){let n=/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(e);if(!n)return e;let o=parseInt(n[1],16),r=parseInt(n[2],16),a=parseInt(n[3],16);return`rgba(${o}, ${r}, ${a}, ${t})`}function ln(e,t){return!t||t<=0?e:Math.round(e/t)*t}function is(e){return e.replace("-","")[0]}function ro(e,t,n,o){let r=n*Math.PI/180,a=o*Math.PI/180,i=[0,0,0];i[e]=t;let u=i[0]*Math.sin(a)+i[1]*Math.cos(a),s=i[2];return u*Math.sin(r)+s*Math.cos(r)<0}function ss(e){if(e.length===0)return Hr;let t=1/0,n=1/0,o=1/0,r=-1/0,a=-1/0,i=-1/0;for(let u of e)for(let s of u.vertices)s[0]<t&&(t=s[0]),s[0]>r&&(r=s[0]),s[1]<n&&(n=s[1]),s[1]>a&&(a=s[1]),s[2]<o&&(o=s[2]),s[2]>i&&(i=s[2]);return Number.isFinite(t)?Math.max(r-t,a-n,i-o)*$e*Ji:Hr}function ls(e){if(e.length===0)return[0,0,0];let t=1/0,n=1/0,o=1/0,r=-1/0,a=-1/0,i=-1/0;for(let u of e)for(let s of u.vertices)s[0]<t&&(t=s[0]),s[0]>r&&(r=s[0]),s[1]<n&&(n=s[1]),s[1]>a&&(a=s[1]),s[2]<o&&(o=s[2]),s[2]>i&&(i=s[2]);return Number.isFinite(t)?[(n+a)/2*$e,(t+r)/2*$e,(o+i)/2*$e]:[0,0,0]}function Xr(e){let t=e.shaftLengthCss,n=[0,0,0];n[e.cssAxis]=e.sign;let o=e.wrapper.ownerDocument.createElement("div");o.style.position="absolute",o.style.left="0",o.style.top="0",o.style.width="0",o.style.height="0",o.style.transform=`translate3d(${n[0]*t}px, ${n[1]*t}px, ${n[2]*t}px)`,e.wrapper.appendChild(o);let r=e.wrapper.getBoundingClientRect(),a=o.getBoundingClientRect();e.wrapper.removeChild(o);let i=(a.left-r.left)/t,u=(a.top-r.top)/t,s=i*i+u*u;if(s<qr)return;let c=e.target.getPosition()??[0,0,0];e.onMouseDown?.(),e.onDraggingChanged?.(!0);let m=l=>{let h=l.clientX-e.startClientX,f=l.clientY-e.startClientY,P=(h*i+f*u)/s;P=ln(P,e.translationSnap);let x=[c[0]+P*n[0],c[1]+P*n[1],c[2]+P*n[2]];e.onObjectChange?.({object:e.target,position:x}),e.onChange?.()},p=()=>{window.removeEventListener("pointermove",m),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p);let l=h=>{h.stopPropagation(),h.stopImmediatePropagation()};window.addEventListener("click",l,{capture:!0,once:!0}),setTimeout(()=>window.removeEventListener("click",l,!0),0),e.onMouseUp?.(),e.onDraggingChanged?.(!1)};window.addEventListener("pointermove",m),window.addEventListener("pointerup",p),window.addEventListener("pointercancel",p)}function Ur(e){let t=[0,0,0];t[e.axisA]=1;let n=[0,0,0];n[e.axisB]=1;let o=e.probeDistanceCss;function r(p){let l=e.wrapper.ownerDocument.createElement("div");l.style.position="absolute",l.style.left="0",l.style.top="0",l.style.width="0",l.style.height="0",l.style.transform=`translate3d(${p[0]*o}px, ${p[1]*o}px, ${p[2]*o}px)`,e.wrapper.appendChild(l);let h=e.wrapper.getBoundingClientRect(),f=l.getBoundingClientRect();return e.wrapper.removeChild(l),{x:(f.left-h.left)/o,y:(f.top-h.top)/o}}let a=r(t),i=r(n),u=a.x*i.y-i.x*a.y;if(Math.abs(u)<qr)return;let s=e.target.getPosition()??[0,0,0];e.onMouseDown?.(),e.onDraggingChanged?.(!0);let c=p=>{let l=p.clientX-e.startClientX,h=p.clientY-e.startClientY,f=(i.y*l-i.x*h)/u,P=(-a.y*l+a.x*h)/u;f=ln(f,e.translationSnap),P=ln(P,e.translationSnap);let x=[s[0]+f*t[0]+P*n[0],s[1]+f*t[1]+P*n[1],s[2]+f*t[2]+P*n[2]];e.onObjectChange?.({object:e.target,position:x}),e.onChange?.()},m=()=>{window.removeEventListener("pointermove",c),window.removeEventListener("pointerup",m),window.removeEventListener("pointercancel",m),e.onMouseUp?.(),e.onDraggingChanged?.(!1)};window.addEventListener("pointermove",c),window.addEventListener("pointerup",m),window.addEventListener("pointercancel",m)}function Wr(e){let t=e.wrapper.getBoundingClientRect(),n=t.left,o=t.top,r=Math.atan2(e.startClientY-o,e.startClientX-n),a=0,i=e.target.getRotation()??[0,0,0],u=(0,Te.quatFromEulerXYZ)(i);e.onMouseDown?.(),e.onDraggingChanged?.(!0);let s=m=>{let p=Math.atan2(m.clientY-o,m.clientX-n),l=p-r;l>Math.PI?l-=2*Math.PI:l<-Math.PI&&(l+=2*Math.PI),a+=l,r=p;let h=a*180/Math.PI;h=ln(h,e.rotationSnap);let f=[0,0,0];f[e.cssAxis]=1;let P=(0,Te.quatFromAxisAngle)(f,h*Math.PI/180),x=(0,Te.eulerXYZFromQuat)((0,Te.quatMultiply)(P,u));e.onObjectChange?.({object:e.target,rotation:x}),e.onChange?.()},c=()=>{window.removeEventListener("pointermove",s),window.removeEventListener("pointerup",c),window.removeEventListener("pointercancel",c);let m=p=>{p.stopPropagation(),p.stopImmediatePropagation()};window.addEventListener("click",m,{capture:!0,once:!0}),setTimeout(()=>window.removeEventListener("click",m,!0),0),e.onMouseUp?.(),e.onDraggingChanged?.(!1),e.target.rebakeAtlas()};window.addEventListener("pointermove",s),window.addEventListener("pointerup",c),window.addEventListener("pointercancel",c)}function us(e){return!!e&&typeof e=="object"&&"value"in e}function cs(e){return e?us(e)?e.value??null:e:null}var ao=(0,re.defineComponent)({name:"PolyTransformControls",props:{object:{type:null,default:null},mode:{type:String,default:"translate"},space:{type:String,default:"world"},size:{type:Number,default:1},showX:{type:Boolean,default:!0},showY:{type:Boolean,default:!0},showZ:{type:Boolean,default:!0},translationSnap:{type:Number,default:null},rotationSnap:{type:Number,default:null},enabled:{type:Boolean,default:!0}},emits:{change:()=>!0,objectChange:e=>!0,mouseDown:()=>!0,mouseUp:()=>!0,draggingChanged:e=>!0},setup(e,{emit:t}){let n=(0,re.ref)(null),o=(0,re.ref)(null),r=(0,re.ref)(new Map),a=(0,re.computed)(()=>cs(e.object)),i=(0,re.ref)(0);(0,re.onMounted)(()=>{i.value++});let u=(0,re.ref)(0),s=(0,re.inject)(fe,void 0),c=null;(0,re.onMounted)(()=>{let d=s?.store;d&&(c=d.subscribe(()=>{u.value++}))}),(0,re.onBeforeUnmount)(()=>{c?.()});function m(){u.value;let d=s?.store.getState().cameraState;return{rotX:d?.rotX??65,rotY:d?.rotY??45}}let p=(0,re.computed)(()=>(i.value,ss(a.value?.getPolygons()??[]))),l=(0,re.computed)(()=>p.value*e.size);function h(d){return o.value===d?Qi:n.value===d?Ki:Zi}function f(){t("change")}function P(d){t("objectChange",d)}function x(d){t("draggingChanged",d)}function T(){t("mouseDown")}function E(){t("mouseUp")}let w=(0,re.inject)(fe,void 0),g=null;(0,re.onMounted)(()=>{let d=w?.cameraElRef.value;if(!d)return;let y=b=>{let C=a.value;if(!C||!e.enabled||b.target?.closest(".polycss-transform-gizmo"))return;let D={x:e.showX,y:e.showY,z:e.showZ};if(e.mode==="translate")for(let L of jr){let H=["x","y","z"][L.axisA],G=["x","y","z"][L.axisB];if(!D[H]||!D[G])continue;let ne=document.querySelector(`.polycss-transform-plane--${L.key}`);if(!ne||!Mt(ne,b.clientX,b.clientY))continue;b.preventDefault(),b.stopPropagation();let K=ne.closest("[data-poly-transform-controls]");if(!K)return;o.value=L.key,Ur({axisA:L.axisA,axisB:L.axisB,probeDistanceCss:l.value,wrapper:K,target:C,startClientX:b.clientX,startClientY:b.clientY,translationSnap:e.translationSnap,onChange:f,onObjectChange:P,onMouseDown:T,onMouseUp:E,onDraggingChanged:U=>{U||(o.value=null),x(U)}});return}let I=e.mode==="translate"?Yr:$r;for(let L of I){let H=L.key.replace("-","")[0];if(!D[H])continue;let G=document.querySelector(`.polycss-transform-${e.mode==="translate"?"arrow":"ring"}--${L.key}`);if(!G||!(e.mode==="rotate"?Mt(G,b.clientX,b.clientY):Mt(G,b.clientX,b.clientY)))continue;b.preventDefault(),b.stopPropagation();let K=G.closest("[data-poly-transform-controls]");if(!K)return;if(o.value=L.key,e.mode==="translate"){let U=L;Xr({cssAxis:U.cssAxis,sign:U.sign,shaftLengthCss:l.value,wrapper:K,target:C,startClientX:b.clientX,startClientY:b.clientY,translationSnap:e.translationSnap,onChange:f,onObjectChange:P,onMouseDown:T,onMouseUp:E,onDraggingChanged:le=>{le||(o.value=null),x(le)}})}else Wr({cssAxis:L.cssAxis,wrapper:K,target:C,startClientX:b.clientX,startClientY:b.clientY,rotationSnap:e.rotationSnap,onChange:f,onObjectChange:P,onMouseDown:T,onMouseUp:E,onDraggingChanged:U=>{U||(o.value=null),x(U)}});return}};d.addEventListener("pointerdown",y),g=()=>d.removeEventListener("pointerdown",y)}),(0,re.onBeforeUnmount)(()=>{g?.()});let R=(0,re.computed)(()=>{if(e.mode!=="translate")return[];i.value;let y=l.value/$e,{rotX:b,rotY:C}=m();return Yr.filter(M=>({x:e.showX,y:e.showY,z:e.showZ})[is(M.key)]).map(M=>{let D=h(M.key),I=ro(M.cssAxis,M.sign,b,C);return{spec:M,polygons:(0,Te.arrowPolygons)({axis:Xt[M.cssAxis],sign:M.sign,shaftLength:y,shaftHalfThickness:y*es,headLength:y*ts,headHalfThickness:y*ns,color:oo(M.color,D),shaft:!I})}})}),A=(0,re.computed)(()=>{if(e.mode!=="translate")return[];i.value;let y=l.value/$e,b={x:e.showX,y:e.showY,z:e.showZ},C=["x","y","z"],{rotX:M,rotY:D}=m(),I=y*as;return jr.filter(L=>b[C[L.axisA]]&&b[C[L.axisB]]).map(L=>{let H=h(L.key),G=Xt[L.perpAxis],ne=(G+1)%3,K=(G+2)%3,U=Xt[ne],le=Xt[K],ce=ro(U,1,M,D)?-1:1,ge=ro(le,1,M,D)?-1:1;return{spec:L,polygons:(0,Te.planePolygons)({axis:G,size:y*rs,offset:[ce*I,ge*I],color:oo(L.color,H)})}})}),z=(0,re.computed)(()=>{if(e.mode!=="rotate")return[];i.value;let b=l.value*os/$e*no;return $r.filter(C=>({x:e.showX,y:e.showY,z:e.showZ})[C.key]).map(C=>{let M=h(C.key);return{spec:C,polygons:(0,Te.ringQuadPolygons)({axis:Xt[C.cssAxis],outerRadius:b,color:oo(C.color,M)})}})}),k=(1-Nr)/no,O=(1+Nr)/no;function $(d){return y=>{if(!e.enabled)return;let b=a.value;if(!b)return;y.stopPropagation();let M=y.eventObject.element?.closest("[data-poly-transform-controls]");M&&(o.value=d.key,Xr({cssAxis:d.cssAxis,sign:d.sign,shaftLengthCss:l.value,wrapper:M,target:b,startClientX:y.nativeEvent.clientX,startClientY:y.nativeEvent.clientY,translationSnap:e.translationSnap,onChange:f,onObjectChange:P,onMouseDown:T,onMouseUp:E,onDraggingChanged:D=>{D||(o.value=null),x(D)}}))}}function j(d){return y=>{if(!e.enabled)return;let b=a.value;if(!b)return;y.stopPropagation();let M=y.eventObject.element?.closest("[data-poly-transform-controls]");M&&(o.value=d.key,Ur({axisA:d.axisA,axisB:d.axisB,probeDistanceCss:l.value,wrapper:M,target:b,startClientX:y.nativeEvent.clientX,startClientY:y.nativeEvent.clientY,translationSnap:e.translationSnap,onChange:f,onObjectChange:P,onMouseDown:T,onMouseUp:E,onDraggingChanged:D=>{D||(o.value=null),x(D)}}))}}function Y(d){return y=>{if(!e.enabled)return;let b=a.value;if(!b)return;let C=y.eventObject.element;y.stopPropagation();let M=C?.closest("[data-poly-transform-controls]");M&&(o.value=d.key,Wr({cssAxis:d.cssAxis,wrapper:M,target:b,startClientX:y.nativeEvent.clientX,startClientY:y.nativeEvent.clientY,rotationSnap:e.rotationSnap,onChange:f,onObjectChange:P,onMouseDown:T,onMouseUp:E,onDraggingChanged:D=>{D||(o.value=null),x(D)}}))}}function S(d){return{onPointerOver:()=>{n.value=d},onPointerOut:()=>{n.value===d&&(n.value=null)}}}return()=>{let d=a.value;if(!d)return null;let y=d.getPosition()??[0,0,0],b=ls(d.getPolygons()),C=y[1]*$e+b[0],M=y[0]*$e+b[1],D=y[2]*$e+b[2],I={transform:`translate3d(${C}px, ${M}px, ${D}px)`,position:"absolute",transformStyle:"preserve-3d",zIndex:1e3},L=e.mode==="translate"?[...R.value.map(({spec:H,polygons:G})=>(0,re.h)(ue,{key:`arrow-${H.key}`,polygons:G,class:`polycss-transform-gizmo polycss-transform-arrow polycss-transform-arrow--${H.key}`,textureLighting:"baked",onPointerDown:$(H),...S(H.key)})),...A.value.map(({spec:H,polygons:G})=>(0,re.h)(ue,{key:`plane-${H.key}`,polygons:G,class:`polycss-transform-gizmo polycss-transform-plane polycss-transform-plane--${H.key}`,textureLighting:"baked",onPointerDown:j(H),...S(H.key)}))]:z.value.map(({spec:H,polygons:G})=>(0,re.h)(ue,{key:H.key,polygons:G,class:`polycss-transform-gizmo polycss-transform-ring polycss-transform-ring--${H.key}`,style:{"--ring-inner-ratio":k,"--ring-outer-ratio":O},textureLighting:"baked",onPointerDown:Y(H),...S(H.key)}));return(0,re.h)("div",{class:"polycss-transform-controls","data-poly-transform-controls":"","data-poly-mode":e.mode,"data-poly-space":e.space,style:I},L)}}});var je=require("vue"),Zr=require("@layoutit/polycss-core");var ds={enabled:!0,lookEnabled:!0,moveEnabled:!0,jumpEnabled:!0,crouchEnabled:!0,lookSensitivity:.15,invertY:!1,moveSpeed:5,jumpVelocity:7,gravity:18,eyeHeight:1.7,crouchHeight:1,groundZ:0,minPitch:5,maxPitch:175};function io(e,t){return{enabled:t.enabled??e.enabled,lookEnabled:t.lookEnabled??e.lookEnabled,moveEnabled:t.moveEnabled??e.moveEnabled,jumpEnabled:t.jumpEnabled??e.jumpEnabled,crouchEnabled:t.crouchEnabled??e.crouchEnabled,lookSensitivity:t.lookSensitivity??e.lookSensitivity,invertY:t.invertY??e.invertY,moveSpeed:t.moveSpeed??e.moveSpeed,jumpVelocity:t.jumpVelocity??e.jumpVelocity,gravity:t.gravity??e.gravity,eyeHeight:t.eyeHeight??e.eyeHeight,crouchHeight:t.crouchHeight??e.crouchHeight,groundZ:t.groundZ??e.groundZ,minPitch:t.minPitch??e.minPitch,maxPitch:t.maxPitch??e.maxPitch}}var Kr=new Set(["KeyW","ArrowUp"]),Qr=new Set(["KeyS","ArrowDown"]),Jr=new Set(["KeyA","ArrowLeft"]),ea=new Set(["KeyD","ArrowRight"]),ta=new Set(["Space"]),so=new Set(["ControlLeft","ControlRight"]);function Gr(e){return Kr.has(e)||Qr.has(e)||Jr.has(e)||ea.has(e)||ta.has(e)||so.has(e)}function ms(){return{change:[],start:[],end:[]}}function Ft(e,t){let n=[...e[t]];for(let o of n)try{o()}catch{}}var lo=(0,je.defineComponent)({name:"PolyFirstPersonControls",props:{enabled:{type:Boolean,default:!0},lookEnabled:{type:Boolean,default:!0},moveEnabled:{type:Boolean,default:!0},jumpEnabled:{type:Boolean,default:!0},crouchEnabled:{type:Boolean,default:!0},lookSensitivity:{type:Number,default:.15},invertY:{type:Boolean,default:!1},moveSpeed:{type:Number,default:5},jumpVelocity:{type:Number,default:7},gravity:{type:Number,default:18},eyeHeight:{type:Number,default:1.7},crouchHeight:{type:Number,default:1},groundZ:{type:Number,default:0},minPitch:{type:Number,default:5},maxPitch:{type:Number,default:175}},emits:{change:e=>!0,"interaction-start":e=>!0,"interaction-end":e=>!0},setup(e,{emit:t,expose:n}){let o=(0,je.inject)(fe,null);if(!o)return typeof console<"u"&&console.warn("[polycss] <PolyFirstPersonControls> must be used inside <PolyCamera>."),n({}),()=>null;let{store:r,cameraRef:a,cameraElRef:i,applyTransformDirect:u}=o,s=io(ds,e),c=[0,0,0],m=null,p=0,l=!1,h=!1,f=!1,P=new Set,x=0,T=0,E=ms();function w(d,y){let b=d*Math.PI/180,C=y*Math.PI/180;return[-Math.sin(b)*Math.cos(C),-Math.sin(b)*Math.sin(C),-Math.cos(b)]}function g(){let d=i.value,y=d?getComputedStyle(d).perspective:"",b=parseFloat(y);return(Number.isFinite(b)&&b>0?b:32e3)/Zr.BASE_TILE}function R(){let d=a.value.state,y=w(d.rotX??90,d.rotY??0),b=g();return[c[0]+y[0]*b,c[1]+y[1]*b,c[2]+y[2]*b]}function A(){let d=R(),y=a.value;y.update({target:d}),u(),r.updateCameraFromRef(y)}let z=.05;function k(d){if(m===null||l)return;let y=Math.min(z,p?(d-p)/1e3:.0167);if(p=d,s.enabled){let b=!1,C=a.value.state;if(s.moveEnabled){let L=0,H=0;for(let G of P)Kr.has(G)?L+=1:Qr.has(G)?L-=1:ea.has(G)?H+=1:Jr.has(G)&&(H-=1);if(L!==0||H!==0){let ne=(C.rotY??0)*Math.PI/180,K=-Math.cos(ne),U=-Math.sin(ne),le=-Math.sin(ne),ce=Math.cos(ne),ge=Math.hypot(L,H)||1,ie=s.moveSpeed*y;c[0]+=(K*L+le*H)/ge*ie,c[1]+=(U*L+ce*H)/ge*ie,b=!0}}let D=s.crouchEnabled&&(P.has("ControlLeft")||P.has("ControlRight"))?s.crouchHeight:s.eyeHeight;s.jumpEnabled&&(x!==0||T>0)?(x-=s.gravity*y,T+=x*y,T<=0&&(T=0,x=0)):s.jumpEnabled||(T=0,x=0);let I=s.groundZ+D+T;if(Math.abs(c[2]-I)>1e-4&&(c[2]=I,b=!0),b){let L=R(),H=a.value;H.update({target:L}),u(),r.updateCameraFromRef(H),Ft(E,"change");try{t("change",[c[0],c[1],c[2]])}catch{}}}m=requestAnimationFrame(k)}function O(){m!==null||l||(p=0,m=requestAnimationFrame(k))}function $(){m!==null&&(cancelAnimationFrame(m),m=null)}let j=null;function Y(){let d=i.value;if(!d)return;let y=d.ownerDocument??document,b=y.defaultView??globalThis,C=()=>{if(!(!s.enabled||!s.lookEnabled||l||h))try{d.requestPointerLock()}catch{}},M=()=>{let U=y.pointerLockElement===d;if(U!==h){if(h=U,U){f=!0,Ft(E,"start");try{t("interaction-start",[c[0],c[1],c[2]])}catch{}}else if(f){f=!1,Ft(E,"end");try{t("interaction-end",[c[0],c[1],c[2]])}catch{}}}},D=U=>{if(!h||l||!s.enabled||!s.lookEnabled)return;let le=U.movementX??0,ce=U.movementY??0;if(le===0&&ce===0)return;let ge=a.value,ie=ge.state,V=s.lookSensitivity,q=s.invertY?-1:1,X=(((ie.rotY??0)-le*V)%360+360)%360,_=(ie.rotX??90)-ce*V*q;_<s.minPitch?_=s.minPitch:_>s.maxPitch&&(_=s.maxPitch);let W=w(_,X),ee=g(),he=[c[0]+W[0]*ee,c[1]+W[1]*ee,c[2]+W[2]*ee];ge.update({rotX:_,rotY:X,target:he}),u(),r.updateCameraFromRef(ge),Ft(E,"change");try{t("change",[c[0],c[1],c[2]])}catch{}},I=U=>{if(!(!s.enabled||l)&&Gr(U.code)&&!(!h&&!s.moveEnabled)){if(ta.has(U.code)){if(!s.jumpEnabled)return;U.preventDefault(),!P.has(U.code)&&x===0&&T===0&&(x=s.jumpVelocity),P.add(U.code);return}so.has(U.code)&&!s.crouchEnabled||!s.moveEnabled&&!so.has(U.code)||(U.preventDefault(),P.add(U.code))}},L=U=>{Gr(U.code)&&P.delete(U.code)},H=()=>{P.clear()};d.addEventListener("click",C),y.addEventListener("pointerlockchange",M),y.addEventListener("mousemove",D),b.addEventListener("keydown",I),b.addEventListener("keyup",L),b.addEventListener("blur",H);let G=b.getComputedStyle(d).perspective,ne=parseFloat(G),K=Number.isFinite(ne)&&ne>0?ne:2e3;d.style.setProperty("--polycss-fpv-perspective",`${K}px`),d.classList.add("polycss-fpv-host"),j=()=>{if(d.removeEventListener("click",C),y.removeEventListener("pointerlockchange",M),y.removeEventListener("mousemove",D),b.removeEventListener("keydown",I),b.removeEventListener("keyup",L),b.removeEventListener("blur",H),d.style.cursor="",d.classList.remove("polycss-fpv-host"),d.style.removeProperty("--polycss-fpv-perspective"),P.clear(),h)try{y.exitPointerLock()}catch{}}}n({update(d){s=io(s,d);let y=i.value;y&&!l&&(y.style.cursor=s.lookEnabled?"crosshair":"")},resume(){if(!l)return;l=!1;let d=i.value;d&&(d.style.cursor=s.lookEnabled?"crosshair":""),O()},pause(){if(l)return;l=!0,$();let d=i.value;if(d&&(d.style.cursor=""),f){f=!1,Ft(E,"end");try{t("interaction-end",[c[0],c[1],c[2]])}catch{}}},destroy(){l=!0,$()},lock(){if(!s.enabled||!s.lookEnabled||l)return;let d=i.value;try{d?.requestPointerLock()}catch{}},unlock(){if(h){let d=i.value;try{d?.ownerDocument?.exitPointerLock()}catch{}}},isLocked(){return h},getOrigin(){return[c[0],c[1],c[2]]},setOrigin(d){c[0]=d[0],c[1]=d[1],c[2]=d[2],A(),Ft(E,"change");try{t("change",[c[0],c[1],c[2]])}catch{}},addEventListener(d,y){let b=E[d];b.includes(y)||b.push(y)},removeEventListener(d,y){let b=E[d],C=b.indexOf(y);C>=0&&b.splice(C,1)},hasEventListener(d,y){return E[d].includes(y)}}),(0,je.onMounted)(()=>{let d=i.value;if(!d)return;l=!1,h=!1,f=!1,P.clear(),x=0,T=0;let b=a.value.state.target??[0,0,0];c[0]=b[0],c[1]=b[1],c[2]=s.groundZ+s.eyeHeight,A(),d.style.cursor=s.lookEnabled?"crosshair":"",Y(),O()}),(0,je.onBeforeUnmount)(()=>{l=!0,$(),j?.(),j=null});let S=["enabled","lookEnabled","moveEnabled","jumpEnabled","crouchEnabled","lookSensitivity","invertY","moveSpeed","jumpVelocity","gravity","eyeHeight","crouchHeight","groundZ","minPitch","maxPitch"];for(let d of S)(0,je.watch)(()=>e[d],()=>{s=io(s,e);let y=i.value;y&&!l&&(y.style.cursor=s.lookEnabled?"crosshair":"")});return()=>null}});var ve=require("vue");var Vt=Symbol("polycss.selection"),uo=(0,ve.defineComponent)({name:"PolySelect",props:{multiple:{type:Boolean,default:!1},clearOnMiss:{type:Boolean,default:!0},filter:{type:Function,default:void 0}},emits:{change:e=>!0,pointerMissed:e=>!0},setup(e,{emit:t,slots:n}){let o=(0,ve.reactive)({selected:[]}),r=(0,ve.computed)(()=>o.selected);function a(m){let p=e.filter?e.filter(m):m;o.selected=p,t("change",p)}let i={get selected(){return o.selected},set:m=>a(m),add:m=>{e.multiple?o.selected.includes(m)||a([...o.selected,m]):a([m])},remove:m=>{o.selected.includes(m)&&a(o.selected.filter(p=>p!==m))},toggle:m=>{o.selected.includes(m)?a(o.selected.filter(p=>p!==m)):e.multiple?a([...o.selected,m]):a([m])},clear:()=>a([]),has:m=>o.selected.includes(m)};(0,ve.provide)(Vt,{selected:r,api:i});let u=(0,ve.inject)(fe,void 0),s=(m,p)=>nn(m,p,l=>!l.closest("[data-poly-transform-controls]")),c=null;return(0,ve.onMounted)(()=>{let m=u?.cameraElRef.value;if(!m)return;let p=l=>{if(l.target?.closest("[data-poly-transform-controls]"))return;let f=Ct(l.target)??s(l.clientX,l.clientY);if(!f){t("pointerMissed",l),e.clearOnMiss&&a([]);return}e.multiple&&(l.shiftKey||l.metaKey||l.ctrlKey)?i.toggle(f):o.selected.length===1&&o.selected[0]===f?a([]):a([f])};m.addEventListener("click",p),c=()=>m.removeEventListener("click",p)}),(0,ve.onBeforeUnmount)(()=>{c?.()}),()=>(0,ve.h)("div",{style:{display:"contents"},"data-poly-select":""},n.default?.())}});function co(){let e=(0,ve.inject)(Vt,void 0);return e?e.selected:(0,ve.ref)([])}function mo(){let e=(0,ve.inject)(Vt,void 0);if(!e)throw new Error("polycss: usePolySelectionApi must be used inside <PolySelect>.");return e.api}var _t=require("vue"),na=require("@layoutit/polycss-core");var po=(0,_t.defineComponent)({name:"PolyAxesHelper",props:{size:{type:Number,default:void 0},thickness:{type:Number,default:void 0},negative:{type:Boolean,default:void 0},xColor:{type:String,default:void 0},yColor:{type:String,default:void 0},zColor:{type:String,default:void 0}},setup(e){let t=(0,_t.computed)(()=>(0,na.axesHelperPolygons)({size:e.size,thickness:e.thickness,negative:e.negative,xColor:e.xColor,yColor:e.yColor,zColor:e.zColor}));return()=>(0,_t.h)(ue,{polygons:t.value,merge:!1})}});var at=require("vue"),oa=require("@layoutit/polycss-core");var fo=(0,at.defineComponent)({name:"PolyDirectionalLightHelper",props:{light:{type:Object,required:!0},target:{type:Array,default:void 0},distance:{type:Number,default:5},size:{type:Number,default:.35},color:{type:String,default:void 0}},setup(e){let t=(0,at.computed)(()=>e.color??e.light.color??"#ffd54a"),n=(0,at.computed)(()=>(0,oa.octahedronPolygons)({center:[0,0,0],size:e.size,color:t.value})),o=(0,at.computed)(()=>{let r=e.light.direction,a=r[0],i=r[1],u=r[2],s=Math.hypot(a,i,u)||1,c=e.target?.[0]??0,m=e.target?.[1]??0,p=e.target?.[2]??0;return[c+a/s*e.distance,m+i/s*e.distance,p+u/s*e.distance]});return()=>(0,at.h)(ue,{polygons:n.value,position:o.value,merge:!1})}});var yo={quad:0,clippedSolid:0,atlas:0,stableTriangle:0},ps={polygonCount:0,mountedPolygonLeafCount:0,shadowLeafCount:0,surfaceLeafCounts:yo,bucketCount:0};function fs(e){return typeof e=="number"?{polygonCount:e}:e??{}}function Bt(e,t){return e.querySelectorAll(t).length}function ys(e,t){let n=e;return typeof n.matches=="function"&&n.matches(t)}function gs(e,t){if(!t)return[e];let n=[];return ys(e,t)&&n.push(e),n.push(...Array.from(e.querySelectorAll(t))),n}function ra(e,t){let n=fs(t);if(!e)return{...ps,surfaceLeafCounts:{...yo},polygonCount:n.polygonCount??0};let o=gs(e,n.scopeSelector),r={...yo},a=0,i=0;for(let s of o)r.quad+=Bt(s,"b"),r.clippedSolid+=Bt(s,"i"),r.atlas+=Bt(s,"s"),r.stableTriangle+=Bt(s,"u"),a+=Bt(s,"q, .polycss-shadow-svg"),i+=Bt(s,".polycss-bucket");let u=r.quad+r.clippedSolid+r.atlas+r.stableTriangle;return{polygonCount:n.polygonCount??u,mountedPolygonLeafCount:u,shadowLeafCount:a,surfaceLeafCounts:r,bucketCount:i}}var ke=require("vue"),aa=require("@layoutit/polycss-core");function Et(e){return e&&typeof e=="object"&&"value"in e?e.value:e}function ia(e,t,n){let o=(0,ke.ref)(null),r=null,a=null,i=null,u=(0,ke.ref)(0);function s(){return n==null?o.value:Et(n)??o.value}function c(){a!==null&&(cancelAnimationFrame(a),a=null),i=null}function m(){c(),r&&(r.stopAllAction(),r.uncacheRoot(),r=null,u.value++)}function p(){if(a!==null)return;function E(w){if(i===null){i=w,a=requestAnimationFrame(E);return}let g=(w-i)/1e3;i=w,r?.update(g),a=requestAnimationFrame(E)}a=requestAnimationFrame(E)}function l(){m();let E=Et(e),w=Et(t);if(!E||E.length===0||!w)return;let g=s();g&&(r=(0,aa.createPolyAnimationMixer)(g,w),u.value++,p())}let h=(0,ke.watch)(()=>{let E=Et(e),w=Et(t),g=n!=null?Et(n):o.value;return{c:E,ctrl:w,r:g}},()=>l(),{immediate:!0,deep:!1});(0,ke.onUnmounted)(()=>{h(),m()});let f=(0,ke.computed)(()=>Et(e)??[]),P=(0,ke.computed)(()=>f.value.map(E=>E.name)),x=(0,ke.computed)(()=>(u.value,r)),T=(0,ke.computed)(()=>{u.value;let E=f.value,w={};for(let g of E)Object.defineProperty(w,g.name,{enumerable:!0,get(){if(!r)return null;try{return r.clipAction(g.name)}catch{return null}}});return w});return{ref:o,mixer:x,clips:f,names:P,actions:T}}var v=require("@layoutit/polycss-core");0&&(module.exports={BASE_TILE,CAMERA_BACKFACE_CULL_EPS,DEFAULT_CAMERA_STATE,DEFAULT_PROJECTION,DEFAULT_SEAM_FACET_SPLIT_OPTIONS,DEFAULT_SEAM_OVERLAP_OPTIONS,LoopOnce,LoopPingPong,LoopRepeat,Poly,PolyAxesHelper,PolyBox,PolyCamera,PolyCameraContextKey,PolyCone,PolyCylinder,PolyDirectionalLightHelper,PolyDodecahedron,PolyFirstPersonControls,PolyGround,PolyIcosahedron,PolyIframe,PolyMapControls,PolyMesh,PolyOctahedron,PolyOrbitControls,PolyOrthographicCamera,PolyPerspectiveCamera,PolyPlane,PolyRing,PolyScene,PolySelect,PolySelectionContextKey,PolySphere,PolyTetrahedron,PolyTorus,PolyTransformControls,VOXEL_CAMERA_CULL_AXIS_EPS,VOXEL_CAMERA_CULL_NORMAL_LIMIT,arrowPolygons,axesHelperPolygons,bakeSolidTextureSampledPolygons,bakeSolidTextureSamples,boxPolygons,buildSceneContext,cameraCullNormalGroups,cameraCullNormalGroupsFromPolygons,cameraCullNormalKey,cameraCullVisibleSignature,cameraFacingDepth,clampChannel,collectPolyRenderStats,computeSceneBbox,computeShapeLighting,computeTexturePaintMetrics,conePolygons,coverPlanarPolygons,createIsometricCamera,createPolyAnimationMixer,cullInteriorPolygons,cylinderPolygons,dodecahedronPolygons,findMeshUnderPoint,findPolyMeshHandle,formatColor,icosahedronPolygons,injectPolyBaseStyles,inverseRotateVec3,isAxisAlignedSurfaceNormal,isVoxelCameraCullableNormalGroups,loadMesh,mergePolygons,normalFacesCamera,normalizeInvertMultiplier,normalizePolygons,octahedronPolygons,optimizeAnimatedMeshPolygons,optimizeMeshParseResult,optimizeMeshPolygons,parseColor,parseGltf,parseHexColor,parseMtl,parseObj,parsePureColor,parseRgbColor,parseStl,parseVox,planePolygons,pointInMeshElement,polygonCssSurfaceNormal,polygonFaces,polygonFacesCamera,repairMeshSeams,ringPolygons,rotateVec3,seamFacetSplitPolygons,seamFacetSplitReport,seamOverlapDiagnostics,seamOverlapPolygons,seamOverlapReport,shadeColor,simplifyTriangleMeshPolygons,tetrahedronPolygons,torusPolygons,usePolyAnimation,usePolyCamera,usePolyMaterial,usePolyMesh,usePolySceneContext,usePolySelect,usePolySelectionApi});