@roomle/web-sdk 3.8.0 → 3.9.0-alpha.2

package/lib/{roomle-webgpu-renderer-BdCItfH1.mjs → roomle-webgpu-renderer-Cs4eLEwf.mjs}

@@ -1,65 +1,141 @@
-import { Ar as e, C as t, Cr as n, Dn as r, Gn as i, J as a, K as o, Or as s, Sr as c, Tn as l, Ui as u, Vi as d, Wn as f, Zt as p, _i as m, bi as h, fi as g, gi as _, h as v, hi as y, kr as ee, mi as te, mr as ne, mt as re, nt as b, pi as ie, pr as ae, q as oe, qr as se, si as x, st as ce, t as le, vi as ue, wt as de, yi as fe, zr as pe } from "./three.core-K1JzUaep.mjs";
-import { t as me } from "./scene-renderer-Bdl7umAf.mjs";
-import { n as he, r as ge, t as _e } from "./decorate-Bck1_lG8.mjs";
-import { n as ve } from "./roomle-renderer-BgT28pfp.mjs";
-import { Rt as S, Un as C, Ut as ye, Wn as be, Z as xe, bn as w, fr as T, jn as Se, kt as Ce, lr as we, un as Te, vn as Ee, x as De } from "./three.webgpu-7v7o6Pxs.mjs";
-C.BRDF_GGX, C.BRDF_Lambert, C.BasicPointShadowFilter, C.BasicShadowFilter, C.Break, C.Const, C.Continue, C.DFGLUT, C.D_GGX, C.Discard, C.EPSILON, C.F_Schlick;
-var E = C.Fn;
-C.INFINITY, C.If;
-var Oe = C.Loop;
-C.NodeAccess, C.NodeShaderStage, C.NodeType, C.NodeUpdateType, C.PCFShadowFilter, C.PCFSoftShadowFilter, C.PI, C.PI2, C.TWO_PI, C.HALF_PI, C.PointShadowFilter, C.Return, C.Schlick_to_F0, C.ShaderNode, C.Stack, C.Switch, C.TBNViewMatrix, C.VSMShadowFilter, C.V_GGX_SmithCorrelated, C.Var, C.VarIntent, C.abs, C.acesFilmicToneMapping, C.acos, C.acosh, C.add, C.addMethodChaining, C.addNodeElement, C.agxToneMapping, C.all, C.alphaT, C.and, C.anisotropy, C.anisotropyB, C.anisotropyT, C.any, C.append, C.array, C.arrayBuffer, C.asin, C.asinh, C.assign, C.atan, C.atanh, C.atomicAdd, C.atomicAnd, C.atomicFunc, C.atomicLoad, C.atomicMax, C.atomicMin, C.atomicOr, C.atomicStore, C.atomicSub, C.atomicXor, C.attenuationColor, C.attenuationDistance, C.attribute, C.attributeArray, C.backgroundBlurriness, C.backgroundIntensity, C.backgroundRotation, C.batch, C.bentNormalView, C.billboarding, C.bitAnd, C.bitNot, C.bitOr, C.bitXor, C.bitangentGeometry, C.bitangentLocal, C.bitangentView, C.bitangentWorld, C.bitcast, C.blendBurn, C.blendColor, C.blendDodge, C.blendOverlay, C.blendScreen, C.blur, C.bool, C.buffer, C.bufferAttribute, C.bumpMap, C.builtin, C.builtinAOContext, C.builtinShadowContext, C.bvec2, C.bvec3, C.bvec4, C.bypass, C.cache, C.call, C.cameraFar, C.cameraIndex, C.cameraNear, C.cameraNormalMatrix, C.cameraPosition, C.cameraProjectionMatrix, C.cameraProjectionMatrixInverse, C.cameraViewMatrix, C.cameraViewport, C.cameraWorldMatrix, C.cbrt, C.cdl, C.ceil, C.checker, C.cineonToneMapping, C.clamp, C.clearcoat, C.clearcoatNormalView, C.clearcoatRoughness, C.clipSpace, C.code;
-var ke = C.color;
-C.colorSpaceToWorking, C.colorToDirection, C.compute, C.computeKernel, C.computeSkinning, C.context, C.convert, C.convertColorSpace, C.convertToTexture, C.countLeadingZeros, C.countOneBits, C.countTrailingZeros, C.cos, C.cosh, C.cross, C.cubeTexture, C.cubeTextureBase, C.dFdx, C.dFdy, C.dashSize, C.debug, C.decrement, C.decrementBefore, C.defaultBuildStages, C.defaultShaderStages, C.defined, C.degrees, C.deltaTime, C.densityFog, C.densityFogFactor, C.depth, C.depthPass, C.determinant, C.difference, C.diffuseColor, C.directPointLight, C.directionToColor, C.directionToFaceDirection, C.dispersion, C.distance, C.div, C.dot, C.drawIndex, C.dynamicBufferAttribute, C.element, C.emissive, C.equal, C.equirectUV;
-var Ae = C.exp;
-C.exp2, C.exponentialHeightFogFactor, C.expression, C.faceDirection, C.faceForward, C.faceforward;
-var D = C.float;
-C.floatBitsToInt, C.floatBitsToUint, C.floor, C.fog, C.fract, C.frameGroup, C.frameId, C.frontFacing, C.fwidth, C.gain, C.gapSize, C.getConstNodeType, C.getCurrentStack, C.getDirection, C.getDistanceAttenuation, C.getGeometryRoughness, C.getNormalFromDepth, C.interleavedGradientNoise, C.vogelDiskSample, C.getParallaxCorrectNormal, C.getRoughness, C.getScreenPosition, C.getShIrradianceAt, C.getShadowMaterial, C.getShadowRenderObjectFunction, C.getTextureIndex, C.getViewPosition, C.globalId, C.glsl, C.glslFn, C.grayscale, C.greaterThan, C.greaterThanEqual, C.hash, C.highpModelNormalViewMatrix, C.highpModelViewMatrix, C.hue, C.increment, C.incrementBefore, C.instance, C.instanceIndex, C.instancedArray, C.instancedBufferAttribute, C.instancedDynamicBufferAttribute, C.instancedMesh;
-var je = C.int;
-C.intBitsToFloat, C.inverse, C.inverseSqrt, C.inversesqrt, C.invocationLocalIndex, C.invocationSubgroupIndex, C.ior, C.iridescence, C.iridescenceIOR, C.iridescenceThickness, C.ivec2, C.ivec3, C.ivec4, C.js, C.label, C.length, C.lengthSq, C.lessThan, C.lessThanEqual, C.lightPosition, C.lightProjectionUV, C.lightShadowMatrix, C.lightTargetDirection, C.lightTargetPosition, C.lightViewPosition, C.lightingContext, C.lights, C.linearDepth, C.linearToneMapping, C.localId, C.log, C.log2, C.logarithmicDepthToViewZ, C.luminance, C.mat2, C.mat3, C.mat4, C.matcapUV, C.materialAO, C.materialAlphaTest, C.materialAnisotropy, C.materialAnisotropyVector, C.materialAttenuationColor, C.materialAttenuationDistance, C.materialClearcoat, C.materialClearcoatNormal, C.materialClearcoatRoughness, C.materialColor, C.materialDispersion, C.materialEmissive, C.materialEnvIntensity, C.materialEnvRotation, C.materialIOR, C.materialIridescence, C.materialIridescenceIOR, C.materialIridescenceThickness, C.materialLightMap, C.materialLineDashOffset, C.materialLineDashSize, C.materialLineGapSize, C.materialLineScale, C.materialLineWidth, C.materialMetalness, C.materialNormal, C.materialOpacity, C.materialPointSize, C.materialReference, C.materialReflectivity, C.materialRefractionRatio, C.materialRotation, C.materialRoughness, C.materialSheen, C.materialSheenRoughness, C.materialShininess, C.materialSpecular, C.materialSpecularColor, C.materialSpecularIntensity, C.materialSpecularStrength, C.materialThickness, C.materialTransmission, C.max, C.maxMipLevel, C.mediumpModelViewMatrix, C.metalness;
-var O = C.min;
-C.mix, C.mixElement, C.mod, C.modInt, C.modelDirection, C.modelNormalMatrix, C.modelPosition, C.modelRadius, C.modelScale, C.modelViewMatrix, C.modelViewPosition, C.modelViewProjection, C.modelWorldMatrix, C.modelWorldMatrixInverse, C.morphReference, C.mrt;
-var Me = C.mul;
-C.mx_aastep, C.mx_add, C.mx_atan2, C.mx_cell_noise_float, C.mx_contrast, C.mx_divide, C.mx_fractal_noise_float, C.mx_fractal_noise_vec2, C.mx_fractal_noise_vec3, C.mx_fractal_noise_vec4, C.mx_frame, C.mx_heighttonormal, C.mx_hsvtorgb, C.mx_ifequal, C.mx_ifgreater, C.mx_ifgreatereq, C.mx_invert, C.mx_modulo, C.mx_multiply, C.mx_noise_float, C.mx_noise_vec3, C.mx_noise_vec4, C.mx_place2d, C.mx_power, C.mx_ramp4, C.mx_ramplr, C.mx_ramptb, C.mx_rgbtohsv, C.mx_rotate2d, C.mx_rotate3d, C.mx_safepower, C.mx_separate, C.mx_splitlr, C.mx_splittb, C.mx_srgb_texture_to_lin_rec709, C.mx_subtract, C.mx_timer, C.mx_transform_uv, C.mx_unifiednoise2d, C.mx_unifiednoise3d, C.mx_worley_noise_float, C.mx_worley_noise_vec2, C.mx_worley_noise_vec3, C.negate, C.neutralToneMapping, C.nodeArray, C.nodeImmutable;
-var Ne = C.nodeObject;
-C.nodeObjectIntent, C.nodeObjects, C.nodeProxy, C.nodeProxyIntent, C.normalFlat, C.normalGeometry, C.normalLocal, C.normalMap, C.normalView, C.normalViewGeometry, C.normalWorld, C.normalWorldGeometry, C.normalize, C.not, C.notEqual, C.numWorkgroups, C.objectDirection, C.objectGroup, C.objectPosition, C.objectRadius, C.objectScale, C.objectViewPosition, C.objectWorldMatrix, C.OnBeforeObjectUpdate, C.OnBeforeMaterialUpdate, C.OnObjectUpdate;
-var Pe = C.OnMaterialUpdate;
-C.oneMinus, C.or;
-var Fe = C.orthographicDepthToViewZ;
-C.oscSawtooth, C.oscSine, C.oscSquare, C.oscTriangle, C.output, C.outputStruct, C.overloadingFn, C.packHalf2x16, C.packSnorm2x16, C.packUnorm2x16, C.parabola, C.parallaxDirection, C.parallaxUV, C.parameter;
-var Ie = C.pass, Le = C.passTexture;
-C.pcurve;
-var Re = C.perspectiveDepthToViewZ;
-C.pmremTexture, C.pointShadow, C.pointUV, C.pointWidth, C.positionGeometry, C.positionLocal, C.positionPrevious;
-var ze = C.positionView;
-C.positionViewDirection, C.positionWorld, C.positionWorldDirection, C.posterize, C.pow, C.pow2, C.pow3, C.pow4, C.premultiplyAlpha, C.property, C.radians, C.rand, C.range, C.rangeFog, C.rangeFogFactor, C.reciprocal;
-var k = C.reference;
-C.referenceBuffer, C.reflect, C.reflectVector, C.reflectView, C.reflector, C.refract, C.refractVector, C.refractView, C.reinhardToneMapping, C.remap, C.remapClamp, C.renderGroup;
-var Be = C.renderOutput;
-C.rendererReference, C.replaceDefaultUV, C.rotate, C.rotateUV, C.roughness, C.round, C.rtt, C.sRGBTransferEOTF, C.sRGBTransferOETF, C.sample, C.sampler, C.samplerComparison, C.saturate, C.saturation, C.screen, C.screenCoordinate, C.screenDPR, C.screenSize;
-var A = C.screenUV;
-C.select, C.setCurrentStack, C.setName, C.shaderStages, C.shadow, C.shadowPositionWorld, C.shapeCircle, C.sharedUniformGroup, C.sheen, C.sheenRoughness, C.shiftLeft, C.shiftRight, C.shininess, C.sign, C.sin, C.sinh, C.sinc, C.skinning, C.smoothstep, C.smoothstepElement, C.specularColor, C.specularF90, C.spherizeUV, C.split, C.spritesheetUV, C.sqrt, C.stack;
-var j = C.step;
-C.stepElement, C.storage, C.storageBarrier, C.storageTexture, C.string, C.struct, C.sub, C.subgroupAdd, C.subgroupAll, C.subgroupAnd, C.subgroupAny, C.subgroupBallot, C.subgroupBroadcast, C.subgroupBroadcastFirst, C.subBuild, C.subgroupElect, C.subgroupExclusiveAdd, C.subgroupExclusiveMul, C.subgroupInclusiveAdd, C.subgroupInclusiveMul, C.subgroupIndex, C.subgroupMax, C.subgroupMin, C.subgroupMul, C.subgroupOr, C.subgroupShuffle, C.subgroupShuffleDown, C.subgroupShuffleUp, C.subgroupShuffleXor, C.subgroupSize, C.subgroupXor, C.tan, C.tanh, C.tangentGeometry, C.tangentLocal, C.tangentView, C.tangentWorld;
-var M = C.texture;
-C.texture3D, C.textureBarrier, C.textureBicubic, C.textureBicubicLevel, C.textureCubeUV, C.textureLoad;
-var Ve = C.textureSize;
-C.textureLevel, C.textureStore, C.thickness, C.time, C.toneMapping, C.toneMappingExposure, C.toonOutlinePass, C.transformDirection, C.transformNormal, C.transformNormalToView, C.transformedClearcoatNormalView, C.transformedNormalView, C.transformedNormalWorld, C.transmission, C.transpose, C.triNoise3D, C.triplanarTexture, C.triplanarTextures, C.trunc, C.uint, C.uintBitsToFloat;
-var N = C.uniform;
-C.uniformArray, C.uniformCubeTexture, C.uniformGroup, C.uniformFlow, C.uniformTexture, C.unpackHalf2x16, C.unpackSnorm2x16, C.unpackUnorm2x16, C.unpremultiplyAlpha, C.userData;
-var He = C.uv;
-C.uvec2, C.uvec3, C.uvec4, C.varying, C.varyingProperty;
-var P = C.vec2, F = C.vec3, I = C.vec4;
-C.vectorComponents, C.velocity, C.vertexColor, C.vertexIndex, C.vertexStage, C.vibrance, C.viewZToLogarithmicDepth, C.viewZToOrthographicDepth, C.viewZToPerspectiveDepth, C.viewZToReversedOrthographicDepth, C.viewZToReversedPerspectiveDepth, C.viewport, C.viewportCoordinate, C.viewportDepthTexture, C.viewportLinearDepth, C.viewportMipTexture, C.viewportOpaqueMipTexture, C.viewportResolution, C.viewportSafeUV, C.viewportSharedTexture, C.viewportSize, C.viewportTexture, C.viewportUV, C.wgsl, C.wgslFn, C.workgroupArray, C.workgroupBarrier, C.workgroupId, C.workingToColorSpace, C.xor;
+import { Ar as e, C as t, Cr as n, Dn as r, Gn as i, J as a, K as o, Or as s, Sr as c, Tn as l, Ui as u, Vi as d, Wn as f, Zt as p, _i as m, bi as h, fi as g, gi as _, h as v, hi as y, kr as b, mi as x, mr as S, mt as C, nt as ee, on as w, pi as te, pr as ne, q as re, qr as ie, rn as T, si as E, st as ae, t as oe, vi as se, wt as ce, yi as le, zr as ue } from "./three.core-DNErG1F6.mjs";
+import { o as de, t as fe } from "./scene-renderer-4zk6BXsR.mjs";
+import { n as pe, r as me, t as he } from "./decorate-C9r0zXzz.mjs";
+import { n as ge } from "./roomle-renderer-CkSFbpmg.mjs";
+import { Rt as D, Un as O, Ut as _e, Wn as ve, Z as ye, bn as k, fr as be, jn as xe, kt as Se, lr as Ce, un as we, vn as Te, x as Ee } from "./three.webgpu-C8myBXe1.mjs";
+O.BRDF_GGX, O.BRDF_Lambert, O.BasicPointShadowFilter, O.BasicShadowFilter;
+var De = O.Break;
+O.Const, O.Continue, O.DFGLUT, O.D_GGX, O.Discard, O.EPSILON, O.F_Schlick;
+var A = O.Fn;
+O.INFINITY;
+var j = O.If, Oe = O.Loop;
+O.NodeAccess, O.NodeShaderStage, O.NodeType;
+var ke = O.NodeUpdateType;
+O.PCFShadowFilter, O.PCFSoftShadowFilter;
+var Ae = O.PI;
+O.PI2, O.TWO_PI;
+var je = O.HALF_PI;
+O.PointShadowFilter, O.Return, O.Schlick_to_F0, O.ShaderNode, O.Stack, O.Switch, O.TBNViewMatrix, O.VSMShadowFilter, O.V_GGX_SmithCorrelated, O.Var, O.VarIntent;
+var M = O.abs;
+O.acesFilmicToneMapping;
+var Me = O.acos;
+O.acosh;
+var Ne = O.add;
+O.addMethodChaining, O.addNodeElement, O.agxToneMapping, O.all, O.alphaT, O.and, O.anisotropy, O.anisotropyB, O.anisotropyT, O.any, O.append, O.array, O.arrayBuffer, O.asin, O.asinh, O.assign, O.atan, O.atanh, O.atomicAdd, O.atomicAnd, O.atomicFunc, O.atomicLoad, O.atomicMax, O.atomicMin, O.atomicOr, O.atomicStore, O.atomicSub, O.atomicXor, O.attenuationColor, O.attenuationDistance, O.attribute, O.attributeArray, O.backgroundBlurriness, O.backgroundIntensity, O.backgroundRotation, O.batch, O.bentNormalView, O.billboarding, O.bitAnd, O.bitNot, O.bitOr, O.bitXor, O.bitangentGeometry, O.bitangentLocal, O.bitangentView, O.bitangentWorld, O.bitcast, O.blendBurn, O.blendColor, O.blendDodge, O.blendOverlay, O.blendScreen, O.blur;
+var Pe = O.bool;
+O.buffer, O.bufferAttribute, O.bumpMap, O.builtin, O.builtinAOContext, O.builtinShadowContext, O.bvec2, O.bvec3, O.bvec4, O.bypass, O.cache, O.call, O.cameraFar, O.cameraIndex, O.cameraNear, O.cameraNormalMatrix, O.cameraPosition, O.cameraProjectionMatrix, O.cameraProjectionMatrixInverse, O.cameraViewMatrix, O.cameraViewport, O.cameraWorldMatrix, O.cbrt, O.cdl;
+var Fe = O.ceil;
+O.checker, O.cineonToneMapping;
+var N = O.clamp;
+O.clearcoat, O.clearcoatNormalView, O.clearcoatRoughness, O.clipSpace, O.code;
+var Ie = O.color;
+O.colorSpaceToWorking;
+var Le = O.colorToDirection;
+O.compute, O.computeKernel, O.computeSkinning, O.context, O.convert, O.convertColorSpace;
+var Re = O.convertToTexture;
+O.countLeadingZeros;
+var ze = O.countOneBits;
+O.countTrailingZeros;
+var Be = O.cos;
+O.cosh;
+var Ve = O.cross;
+O.cubeTexture, O.cubeTextureBase, O.dFdx, O.dFdy, O.dashSize, O.debug, O.decrement, O.decrementBefore, O.defaultBuildStages, O.defaultShaderStages, O.defined, O.degrees, O.deltaTime, O.densityFog, O.densityFogFactor, O.depth, O.depthPass, O.determinant, O.difference;
+var He = O.diffuseColor;
+O.directPointLight;
+var Ue = O.directionToColor;
+O.directionToFaceDirection, O.dispersion, O.distance;
+var We = O.div, P = O.dot;
+O.drawIndex, O.dynamicBufferAttribute, O.element, O.emissive, O.equal, O.equirectUV;
+var Ge = O.exp;
+O.exp2, O.exponentialHeightFogFactor, O.expression, O.faceDirection, O.faceForward, O.faceforward;
+var F = O.float;
+O.floatBitsToInt, O.floatBitsToUint, O.floor, O.fog;
+var Ke = O.fract;
+O.frameGroup, O.frameId, O.frontFacing, O.fwidth, O.gain, O.gapSize, O.getConstNodeType, O.getCurrentStack, O.getDirection, O.getDistanceAttenuation, O.getGeometryRoughness;
+var qe = O.getNormalFromDepth, Je = O.interleavedGradientNoise;
+O.vogelDiskSample, O.getParallaxCorrectNormal, O.getRoughness, O.getScreenPosition, O.getShIrradianceAt, O.getShadowMaterial, O.getShadowRenderObjectFunction, O.getTextureIndex;
+var Ye = O.getViewPosition;
+O.globalId, O.glsl, O.glslFn, O.grayscale, O.greaterThan, O.greaterThanEqual, O.hash, O.highpModelNormalViewMatrix, O.highpModelViewMatrix, O.hue, O.increment, O.incrementBefore, O.instance, O.instanceIndex, O.instancedArray, O.instancedBufferAttribute, O.instancedDynamicBufferAttribute, O.instancedMesh;
+var Xe = O.int;
+O.intBitsToFloat, O.inverse, O.inverseSqrt, O.inversesqrt, O.invocationLocalIndex, O.invocationSubgroupIndex, O.ior, O.iridescence, O.iridescenceIOR, O.iridescenceThickness;
+var Ze = O.ivec2;
+O.ivec3, O.ivec4, O.js, O.label, O.length, O.lengthSq, O.lessThan, O.lessThanEqual, O.lightPosition, O.lightProjectionUV, O.lightShadowMatrix, O.lightTargetDirection, O.lightTargetPosition, O.lightViewPosition, O.lightingContext, O.lights, O.linearDepth, O.linearToneMapping, O.localId, O.log, O.log2;
+var Qe = O.logarithmicDepthToViewZ, $e = O.luminance;
+O.mat2, O.mat3, O.mat4, O.matcapUV, O.materialAO, O.materialAlphaTest, O.materialAnisotropy, O.materialAnisotropyVector, O.materialAttenuationColor, O.materialAttenuationDistance, O.materialClearcoat, O.materialClearcoatNormal, O.materialClearcoatRoughness, O.materialColor, O.materialDispersion, O.materialEmissive, O.materialEnvIntensity, O.materialEnvRotation, O.materialIOR, O.materialIridescence, O.materialIridescenceIOR, O.materialIridescenceThickness, O.materialLightMap, O.materialLineDashOffset, O.materialLineDashSize, O.materialLineGapSize, O.materialLineScale, O.materialLineWidth, O.materialMetalness, O.materialNormal, O.materialOpacity, O.materialPointSize, O.materialReference, O.materialReflectivity, O.materialRefractionRatio, O.materialRotation, O.materialRoughness, O.materialSheen, O.materialSheenRoughness, O.materialShininess, O.materialSpecular, O.materialSpecularColor, O.materialSpecularIntensity, O.materialSpecularStrength, O.materialThickness, O.materialTransmission;
+var I = O.max;
+O.maxMipLevel, O.mediumpModelViewMatrix, O.metalness;
+var et = O.min, tt = O.mix;
+O.mixElement, O.mod, O.modInt, O.modelDirection, O.modelNormalMatrix, O.modelPosition, O.modelRadius, O.modelScale, O.modelViewMatrix, O.modelViewPosition, O.modelViewProjection, O.modelWorldMatrix, O.modelWorldMatrixInverse, O.morphReference;
+var nt = O.mrt, L = O.mul;
+O.mx_aastep, O.mx_add, O.mx_atan2, O.mx_cell_noise_float, O.mx_contrast, O.mx_divide, O.mx_fractal_noise_float, O.mx_fractal_noise_vec2, O.mx_fractal_noise_vec3, O.mx_fractal_noise_vec4, O.mx_frame, O.mx_heighttonormal, O.mx_hsvtorgb, O.mx_ifequal, O.mx_ifgreater, O.mx_ifgreatereq, O.mx_invert, O.mx_modulo, O.mx_multiply, O.mx_noise_float, O.mx_noise_vec3, O.mx_noise_vec4, O.mx_place2d, O.mx_power, O.mx_ramp4, O.mx_ramplr, O.mx_ramptb, O.mx_rgbtohsv, O.mx_rotate2d, O.mx_rotate3d, O.mx_safepower, O.mx_separate, O.mx_splitlr, O.mx_splittb, O.mx_srgb_texture_to_lin_rec709, O.mx_subtract, O.mx_timer, O.mx_transform_uv, O.mx_unifiednoise2d, O.mx_unifiednoise3d, O.mx_worley_noise_float, O.mx_worley_noise_vec2, O.mx_worley_noise_vec3, O.negate, O.neutralToneMapping, O.nodeArray, O.nodeImmutable;
+var rt = O.nodeObject;
+O.nodeObjectIntent, O.nodeObjects, O.nodeProxy, O.nodeProxyIntent, O.normalFlat, O.normalGeometry, O.normalLocal, O.normalMap;
+var it = O.normalView;
+O.normalViewGeometry, O.normalWorld, O.normalWorldGeometry;
+var R = O.normalize;
+O.not, O.notEqual, O.numWorkgroups, O.objectDirection, O.objectGroup, O.objectPosition, O.objectRadius, O.objectScale, O.objectViewPosition, O.objectWorldMatrix, O.OnBeforeObjectUpdate, O.OnBeforeMaterialUpdate, O.OnObjectUpdate;
+var at = O.OnMaterialUpdate;
+O.oneMinus, O.or;
+var ot = O.orthographicDepthToViewZ;
+O.oscSawtooth, O.oscSine, O.oscSquare, O.oscTriangle;
+var st = O.output;
+O.outputStruct, O.overloadingFn, O.packHalf2x16, O.packSnorm2x16, O.packUnorm2x16, O.parabola, O.parallaxDirection, O.parallaxUV, O.parameter;
+var ct = O.pass, lt = O.passTexture;
+O.pcurve;
+var ut = O.perspectiveDepthToViewZ;
+O.pmremTexture, O.pointShadow, O.pointUV, O.pointWidth, O.positionGeometry, O.positionLocal, O.positionPrevious;
+var dt = O.positionView;
+O.positionViewDirection, O.positionWorld, O.positionWorldDirection, O.posterize;
+var ft = O.pow;
+O.pow2, O.pow3, O.pow4, O.premultiplyAlpha, O.property, O.radians;
+var pt = O.rand;
+O.range, O.rangeFog, O.rangeFogFactor, O.reciprocal;
+var mt = O.reference;
+O.referenceBuffer, O.reflect, O.reflectVector, O.reflectView, O.reflector, O.refract, O.refractVector, O.refractView, O.reinhardToneMapping, O.remap, O.remapClamp, O.renderGroup;
+var ht = O.renderOutput;
+O.rendererReference, O.replaceDefaultUV, O.rotate, O.rotateUV, O.roughness, O.round, O.rtt, O.sRGBTransferEOTF, O.sRGBTransferOETF;
+var gt = O.sample;
+O.sampler, O.samplerComparison, O.saturate, O.saturation, O.screen;
+var _t = O.screenCoordinate;
+O.screenDPR, O.screenSize;
+var vt = O.screenUV;
+O.select, O.setCurrentStack, O.setName, O.shaderStages, O.shadow, O.shadowPositionWorld, O.shapeCircle, O.sharedUniformGroup, O.sheen, O.sheenRoughness, O.shiftLeft;
+var yt = O.shiftRight;
+O.shininess;
+var bt = O.sign, xt = O.sin;
+O.sinh, O.sinc, O.skinning, O.smoothstep, O.smoothstepElement, O.specularColor, O.specularF90, O.spherizeUV, O.split, O.spritesheetUV;
+var St = O.sqrt;
+O.stack;
+var Ct = O.step;
+O.stepElement, O.storage, O.storageBarrier, O.storageTexture, O.string;
+var wt = O.struct, Tt = O.sub;
+O.subgroupAdd, O.subgroupAll, O.subgroupAnd, O.subgroupAny, O.subgroupBallot, O.subgroupBroadcast, O.subgroupBroadcastFirst, O.subBuild, O.subgroupElect, O.subgroupExclusiveAdd, O.subgroupExclusiveMul, O.subgroupInclusiveAdd, O.subgroupInclusiveMul, O.subgroupIndex, O.subgroupMax, O.subgroupMin, O.subgroupMul, O.subgroupOr, O.subgroupShuffle, O.subgroupShuffleDown, O.subgroupShuffleUp, O.subgroupShuffleXor, O.subgroupSize, O.subgroupXor, O.tan, O.tanh, O.tangentGeometry, O.tangentLocal, O.tangentView, O.tangentWorld;
+var z = O.texture;
+O.texture3D, O.textureBarrier, O.textureBicubic, O.textureBicubicLevel, O.textureCubeUV, O.textureLoad;
+var Et = O.textureSize;
+O.textureLevel, O.textureStore, O.thickness, O.time, O.toneMapping, O.toneMappingExposure, O.toonOutlinePass, O.transformDirection, O.transformNormal, O.transformNormalToView, O.transformedClearcoatNormalView, O.transformedNormalView, O.transformedNormalWorld, O.transmission, O.transpose, O.triNoise3D, O.triplanarTexture, O.triplanarTextures, O.trunc;
+var B = O.uint;
+O.uintBitsToFloat;
+var V = O.uniform;
+O.uniformArray, O.uniformCubeTexture, O.uniformGroup, O.uniformFlow, O.uniformTexture, O.unpackHalf2x16, O.unpackSnorm2x16, O.unpackUnorm2x16, O.unpremultiplyAlpha, O.userData;
+var Dt = O.uv;
+O.uvec2, O.uvec3, O.uvec4, O.varying, O.varyingProperty;
+var H = O.vec2, U = O.vec3, W = O.vec4;
+O.vectorComponents;
+var Ot = O.velocity;
+O.vertexColor, O.vertexIndex, O.vertexStage, O.vibrance, O.viewZToLogarithmicDepth;
+var kt = O.viewZToOrthographicDepth, At = O.viewZToPerspectiveDepth;
+O.viewZToReversedOrthographicDepth, O.viewZToReversedPerspectiveDepth, O.viewport, O.viewportCoordinate, O.viewportDepthTexture, O.viewportLinearDepth, O.viewportMipTexture, O.viewportOpaqueMipTexture, O.viewportResolution, O.viewportSafeUV, O.viewportSharedTexture, O.viewportSize, O.viewportTexture, O.viewportUV, O.wgsl, O.wgslFn, O.workgroupArray, O.workgroupBarrier, O.workgroupId, O.workingToColorSpace, O.xor;
 //#endregion
 //#region ../../node_modules/three/examples/jsm/tsl/display/OutlineNode.js
-var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE__ */ new h(1, 0), Ge = /* @__PURE__ */ new h(0, 1), R, Ke = class extends be {
+var G = /* @__PURE__ */ new we(), jt = /* @__PURE__ */ new h(), Mt = /* @__PURE__ */ new h(1, 0), Nt = /* @__PURE__ */ new h(0, 1), K, Pt = class extends ve {
 	static get type() {
 		return "OutlineNode";
 	}
 	constructor(t, n, r = {}) {
 		super("vec4");
-		let { selectedObjects: i = [], edgeThickness: o = D(1), edgeGlow: s = D(0), downSampleRatio: c = 2 } = r;
-		this.scene = t, this.camera = n, this.selectedObjects = i, this.edgeThicknessNode = Ne(o), this.edgeGlowNode = Ne(s), this.downSampleRatio = c, this.updateBeforeType = ye.FRAME, this._renderTargetDepthBuffer = new e(), this._renderTargetDepthBuffer.depthTexture = new a(), this._renderTargetDepthBuffer.depthTexture.type = ce, this._renderTargetMaskBuffer = new e(), this._renderTargetMaskDownSampleBuffer = new e(1, 1, { depthBuffer: !1 }), this._renderTargetEdgeBuffer1 = new e(1, 1, { depthBuffer: !1 }), this._renderTargetEdgeBuffer2 = new e(1, 1, { depthBuffer: !1 }), this._renderTargetBlurBuffer1 = new e(1, 1, { depthBuffer: !1 }), this._renderTargetBlurBuffer2 = new e(1, 1, { depthBuffer: !1 }), this._renderTargetComposite = new e(1, 1, { depthBuffer: !1 }), this._cameraNear = k("near", "float", n), this._cameraFar = k("far", "float", n), this._blurDirection = N(new h()), this._depthTextureUniform = M(this._renderTargetDepthBuffer.depthTexture), this._maskTextureUniform = M(this._renderTargetMaskBuffer.texture), this._maskTextureDownsSampleUniform = M(this._renderTargetMaskDownSampleBuffer.texture), this._edge1TextureUniform = M(this._renderTargetEdgeBuffer1.texture), this._edge2TextureUniform = M(this._renderTargetEdgeBuffer2.texture), this._blurColorTextureUniform = M(this._renderTargetEdgeBuffer1.texture), this._visibleEdgeColor = F(1, 0, 0), this._hiddenEdgeColor = F(0, 1, 0), this._depthMaterial = new S(), this._depthMaterial.colorNode = ke(0, 0, 0), this._depthMaterial.name = "OutlineNode.depth", this._depthSpriteMaterial = new Se(), this._depthSpriteMaterial.colorNode = ke(0, 0, 0), this._depthSpriteMaterial.name = "OutlineNode.depthSprite", this._prepareMaskMaterial = new S(), this._prepareMaskMaterial.name = "OutlineNode.prepareMask", this._prepareMaskSpriteMaterial = new Se(), this._prepareMaskSpriteMaterial.name = "OutlineNode.prepareMaskSprite", this._materialCopy = new S(), this._materialCopy.name = "OutlineNode.copy", this._edgeDetectionMaterial = new S(), this._edgeDetectionMaterial.name = "OutlineNode.edgeDetection", this._separableBlurMaterial = new S(), this._separableBlurMaterial.name = "OutlineNode.separableBlur", this._separableBlurMaterial2 = new S(), this._separableBlurMaterial2.name = "OutlineNode.separableBlur2", this._compositeMaterial = new S(), this._compositeMaterial.name = "OutlineNode.composite", this._selectionCache = /* @__PURE__ */ new Set(), this._lastSelectionCount = 0, this._textureNode = Le(this, this._renderTargetComposite.texture);
+		let { selectedObjects: i = [], edgeThickness: o = F(1), edgeGlow: s = F(0), downSampleRatio: c = 2 } = r;
+		this.scene = t, this.camera = n, this.selectedObjects = i, this.edgeThicknessNode = rt(o), this.edgeGlowNode = rt(s), this.downSampleRatio = c, this.updateBeforeType = _e.FRAME, this._renderTargetDepthBuffer = new e(), this._renderTargetDepthBuffer.depthTexture = new a(), this._renderTargetDepthBuffer.depthTexture.type = ae, this._renderTargetMaskBuffer = new e(), this._renderTargetMaskDownSampleBuffer = new e(1, 1, { depthBuffer: !1 }), this._renderTargetEdgeBuffer1 = new e(1, 1, { depthBuffer: !1 }), this._renderTargetEdgeBuffer2 = new e(1, 1, { depthBuffer: !1 }), this._renderTargetBlurBuffer1 = new e(1, 1, { depthBuffer: !1 }), this._renderTargetBlurBuffer2 = new e(1, 1, { depthBuffer: !1 }), this._renderTargetComposite = new e(1, 1, { depthBuffer: !1 }), this._cameraNear = mt("near", "float", n), this._cameraFar = mt("far", "float", n), this._blurDirection = V(new h()), this._depthTextureUniform = z(this._renderTargetDepthBuffer.depthTexture), this._maskTextureUniform = z(this._renderTargetMaskBuffer.texture), this._maskTextureDownsSampleUniform = z(this._renderTargetMaskDownSampleBuffer.texture), this._edge1TextureUniform = z(this._renderTargetEdgeBuffer1.texture), this._edge2TextureUniform = z(this._renderTargetEdgeBuffer2.texture), this._blurColorTextureUniform = z(this._renderTargetEdgeBuffer1.texture), this._visibleEdgeColor = U(1, 0, 0), this._hiddenEdgeColor = U(0, 1, 0), this._depthMaterial = new D(), this._depthMaterial.colorNode = Ie(0, 0, 0), this._depthMaterial.name = "OutlineNode.depth", this._depthSpriteMaterial = new xe(), this._depthSpriteMaterial.colorNode = Ie(0, 0, 0), this._depthSpriteMaterial.name = "OutlineNode.depthSprite", this._prepareMaskMaterial = new D(), this._prepareMaskMaterial.name = "OutlineNode.prepareMask", this._prepareMaskSpriteMaterial = new xe(), this._prepareMaskSpriteMaterial.name = "OutlineNode.prepareMaskSprite", this._materialCopy = new D(), this._materialCopy.name = "OutlineNode.copy", this._edgeDetectionMaterial = new D(), this._edgeDetectionMaterial.name = "OutlineNode.edgeDetection", this._separableBlurMaterial = new D(), this._separableBlurMaterial.name = "OutlineNode.separableBlur", this._separableBlurMaterial2 = new D(), this._separableBlurMaterial2.name = "OutlineNode.separableBlur2", this._compositeMaterial = new D(), this._compositeMaterial.name = "OutlineNode.composite", this._selectionCache = /* @__PURE__ */ new Set(), this._lastSelectionCount = 0, this._textureNode = lt(this, this._renderTargetComposite.texture);
 	}
 	get visibleEdge() {
 		return this.r;
@@ -78,11 +154,11 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 	updateBefore(e) {
 		let { renderer: t } = e, { camera: n, scene: r } = this;
 		if (this._updateSelectionCache(), this._selectionCache.size === 0) {
-			this._lastSelectionCount > 0 && (R = w.resetRendererState(t, R), t.setRenderTarget(this._renderTargetComposite), t.setClearColor(0, 0), t.clear(), w.restoreRendererState(t, R), this._lastSelectionCount = 0);
+			this._lastSelectionCount > 0 && (K = k.resetRendererState(t, K), t.setRenderTarget(this._renderTargetComposite), t.setClearColor(0, 0), t.clear(), k.restoreRendererState(t, K), this._lastSelectionCount = 0);
 			return;
 		}
-		this._lastSelectionCount = this._selectionCache.size, R = w.resetRendererAndSceneState(t, r, R);
-		let i = t.getDrawingBufferSize(Ue);
+		this._lastSelectionCount = this._selectionCache.size, K = k.resetRendererAndSceneState(t, r, K);
+		let i = t.getDrawingBufferSize(jt);
 		this.setSize(i.width, i.height), t.setClearColor(16777215, 1);
 		let a = r.name;
 		t.setRenderTarget(this._renderTargetDepthBuffer), t.setRenderObjectFunction((e, n, r, i, a, o, s, c) => {
@@ -95,33 +171,33 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 				let a = e.isSprite ? this._prepareMaskSpriteMaterial : this._prepareMaskMaterial;
 				t.renderObject(e, n, r, i, a, o, s, c);
 			}
-		}), r.name = "Outline [ Selected Objects Pass ]", t.render(r, n), t.setRenderObjectFunction(R.renderObjectFunction), this._selectionCache.clear(), r.name = a, L.material = this._materialCopy, L.name = "Outline [ Downsample ]", t.setRenderTarget(this._renderTargetMaskDownSampleBuffer), L.render(t), L.material = this._edgeDetectionMaterial, L.name = "Outline [ Edge Detection ]", t.setRenderTarget(this._renderTargetEdgeBuffer1), L.render(t), this._blurColorTextureUniform.value = this._renderTargetEdgeBuffer1.texture, this._blurDirection.value.copy(We), L.material = this._separableBlurMaterial, L.name = "Outline [ Blur Half Resolution ]", t.setRenderTarget(this._renderTargetBlurBuffer1), L.render(t), this._blurColorTextureUniform.value = this._renderTargetBlurBuffer1.texture, this._blurDirection.value.copy(Ge), t.setRenderTarget(this._renderTargetEdgeBuffer1), L.render(t), this._blurColorTextureUniform.value = this._renderTargetEdgeBuffer1.texture, this._blurDirection.value.copy(We), L.material = this._separableBlurMaterial2, L.name = "Outline [ Blur Quarter Resolution ]", t.setRenderTarget(this._renderTargetBlurBuffer2), L.render(t), this._blurColorTextureUniform.value = this._renderTargetBlurBuffer2.texture, this._blurDirection.value.copy(Ge), t.setRenderTarget(this._renderTargetEdgeBuffer2), L.render(t), L.material = this._compositeMaterial, L.name = "Outline [ Blur Quarter Resolution ]", t.setRenderTarget(this._renderTargetComposite), L.render(t), w.restoreRendererAndSceneState(t, r, R);
+		}), r.name = "Outline [ Selected Objects Pass ]", t.render(r, n), t.setRenderObjectFunction(K.renderObjectFunction), this._selectionCache.clear(), r.name = a, G.material = this._materialCopy, G.name = "Outline [ Downsample ]", t.setRenderTarget(this._renderTargetMaskDownSampleBuffer), G.render(t), G.material = this._edgeDetectionMaterial, G.name = "Outline [ Edge Detection ]", t.setRenderTarget(this._renderTargetEdgeBuffer1), G.render(t), this._blurColorTextureUniform.value = this._renderTargetEdgeBuffer1.texture, this._blurDirection.value.copy(Mt), G.material = this._separableBlurMaterial, G.name = "Outline [ Blur Half Resolution ]", t.setRenderTarget(this._renderTargetBlurBuffer1), G.render(t), this._blurColorTextureUniform.value = this._renderTargetBlurBuffer1.texture, this._blurDirection.value.copy(Nt), t.setRenderTarget(this._renderTargetEdgeBuffer1), G.render(t), this._blurColorTextureUniform.value = this._renderTargetEdgeBuffer1.texture, this._blurDirection.value.copy(Mt), G.material = this._separableBlurMaterial2, G.name = "Outline [ Blur Quarter Resolution ]", t.setRenderTarget(this._renderTargetBlurBuffer2), G.render(t), this._blurColorTextureUniform.value = this._renderTargetBlurBuffer2.texture, this._blurDirection.value.copy(Nt), t.setRenderTarget(this._renderTargetEdgeBuffer2), G.render(t), G.material = this._compositeMaterial, G.name = "Outline [ Blur Quarter Resolution ]", t.setRenderTarget(this._renderTargetComposite), G.render(t), k.restoreRendererAndSceneState(t, r, K);
 	}
 	setup() {
 		let e = () => {
-			let e = this._depthTextureUniform.sample(A), t;
-			return t = this.camera.isPerspectiveCamera ? Re(e, this._cameraNear, this._cameraFar) : Fe(e, this._cameraNear, this._cameraFar), F(0, ze.z.lessThanEqual(t).select(1, 0), 1);
+			let e = this._depthTextureUniform.sample(vt), t;
+			return t = this.camera.isPerspectiveCamera ? ut(e, this._cameraNear, this._cameraFar) : ot(e, this._cameraNear, this._cameraFar), U(0, dt.z.lessThanEqual(t).select(1, 0), 1);
 		};
 		this._prepareMaskMaterial.colorNode = e(), this._prepareMaskMaterial.needsUpdate = !0, this._prepareMaskSpriteMaterial.colorNode = e(), this._prepareMaskSpriteMaterial.needsUpdate = !0, this._materialCopy.fragmentNode = this._maskTextureUniform, this._materialCopy.needsUpdate = !0;
-		let t = E(() => {
-			let e = Ve(this._maskTextureDownsSampleUniform), t = P(1).div(e).toVar(), n = I(1, 0, 0, 1).mul(I(t, t)), r = He(), i = this._maskTextureDownsSampleUniform.sample(r.add(n.xy)).toVar(), a = this._maskTextureDownsSampleUniform.sample(r.sub(n.xy)).toVar(), o = this._maskTextureDownsSampleUniform.sample(r.add(n.yw)).toVar(), s = this._maskTextureDownsSampleUniform.sample(r.sub(n.yw)).toVar(), c = P(Me(i.r.sub(a.r), .5), Me(o.r.sub(s.r), .5)).length();
-			return I(O(O(i.g, a.g), O(o.g, s.g)).oneMinus().greaterThan(.001).select(this._visibleEdgeColor, this._hiddenEdgeColor), 1).mul(c);
+		let t = A(() => {
+			let e = Et(this._maskTextureDownsSampleUniform), t = H(1).div(e).toVar(), n = W(1, 0, 0, 1).mul(W(t, t)), r = Dt(), i = this._maskTextureDownsSampleUniform.sample(r.add(n.xy)).toVar(), a = this._maskTextureDownsSampleUniform.sample(r.sub(n.xy)).toVar(), o = this._maskTextureDownsSampleUniform.sample(r.add(n.yw)).toVar(), s = this._maskTextureDownsSampleUniform.sample(r.sub(n.yw)).toVar(), c = H(L(i.r.sub(a.r), .5), L(o.r.sub(s.r), .5)).length();
+			return W(et(et(i.g, a.g), et(o.g, s.g)).oneMinus().greaterThan(.001).select(this._visibleEdgeColor, this._hiddenEdgeColor), 1).mul(c);
 		});
 		this._edgeDetectionMaterial.fragmentNode = t(), this._edgeDetectionMaterial.needsUpdate = !0;
-		let n = E(([e, t]) => D(.39894).mul(Ae(D(-.5).mul(e).mul(e).div(t.mul(t))).div(t))), r = E(([e]) => {
-			let t = Ve(this._maskTextureDownsSampleUniform), r = P(1).div(t).toVar(), i = He(), a = e.div(2).toVar(), o = n(0, a).toVar(), s = this._blurColorTextureUniform.sample(i).mul(o).toVar(), c = this._blurDirection.mul(r).mul(e).div(4).toVar(), l = c.toVar();
+		let n = A(([e, t]) => F(.39894).mul(Ge(F(-.5).mul(e).mul(e).div(t.mul(t))).div(t))), r = A(([e]) => {
+			let t = Et(this._maskTextureDownsSampleUniform), r = H(1).div(t).toVar(), i = Dt(), a = e.div(2).toVar(), o = n(0, a).toVar(), s = this._blurColorTextureUniform.sample(i).mul(o).toVar(), c = this._blurDirection.mul(r).mul(e).div(4).toVar(), l = c.toVar();
 			return Oe({
-				start: je(1),
-				end: je(4),
+				start: Xe(1),
+				end: Xe(4),
 				type: "int",
 				condition: "<="
 			}, ({ i: t }) => {
-				let r = n(e.mul(D(t)).div(4), a), u = this._blurColorTextureUniform.sample(i.add(l)), d = this._blurColorTextureUniform.sample(i.sub(l));
+				let r = n(e.mul(F(t)).div(4), a), u = this._blurColorTextureUniform.sample(i.add(l)), d = this._blurColorTextureUniform.sample(i.sub(l));
 				s.addAssign(u.add(d).mul(r)), o.addAssign(r.mul(2)), l.addAssign(c);
 			}), s.div(o);
 		});
 		this._separableBlurMaterial.fragmentNode = r(this.edgeThicknessNode), this._separableBlurMaterial.needsUpdate = !0, this._separableBlurMaterial2.fragmentNode = r(4), this._separableBlurMaterial2.needsUpdate = !0;
-		let i = E(() => {
+		let i = A(() => {
 			let e = this._edge1TextureUniform, t = this._edge2TextureUniform, n = this._maskTextureUniform, r = e.add(t.mul(this.edgeGlowNode));
 			return n.r.mul(r);
 		});
@@ -135,12 +211,12 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 			(e.isMesh || e.isSprite) && this._selectionCache.add(e);
 		});
 	}
-}, qe = (e, t, n) => new Ke(e, t, n), Je = class {}, z = class e extends Je {
+}, Ft = (e, t, n) => new Pt(e, t, n), It = class {}, Lt = class e extends It {
 	static {
 		this.passId = "OutlineRenderPass";
 	}
 	constructor(n) {
-		super(), this.passId = e.passId, this.selectedObjects = n.selectedObjects, this.edgeStrength = N(n.edgeStrength), this.edgeGlow = N(n.edgeGlow), this.edgeThickness = N(n.edgeThickness), this.visibleEdgeColor = N(new t(n.visibleEdgeColor)), this.hiddenEdgeColor = N(new t(n.hiddenEdgeColor));
+		super(), this.passId = e.passId, this.selectedObjects = n.selectedObjects, this.edgeStrength = V(n.edgeStrength), this.edgeGlow = V(n.edgeGlow), this.edgeThickness = V(n.edgeThickness), this.visibleEdgeColor = V(new t(n.visibleEdgeColor)), this.hiddenEdgeColor = V(new t(n.hiddenEdgeColor));
 	}
 	highlightObjects(e) {
 		this.selectedObjects.splice(0, this.selectedObjects.length, ...e);
@@ -148,40 +224,36 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 	setOutlineColors(e, n) {
 		this.visibleEdgeColor.value = new t(e), this.hiddenEdgeColor.value = new t(n);
 	}
-	areObjectsSelected() {
-		return this.selectedObjects.length !== 0;
-	}
-	assemble(e, t, n, r) {
-		if (!this.areObjectsSelected()) return e;
-		let { visibleEdge: i, hiddenEdge: a } = qe(t, n, {
+	assemble(e, t, n, r, i) {
+		let { visibleEdge: a, hiddenEdge: o } = Ft(n, r, {
 			selectedObjects: this.selectedObjects,
 			edgeThickness: this.edgeThickness,
 			edgeGlow: this.edgeGlow
-		}), o = i.mul(this.visibleEdgeColor).add(a.mul(this.hiddenEdgeColor)).mul(this.edgeStrength);
-		return r === "outline" ? I(0, 0, 0, 0).add(o) : e.add(o);
+		}), s = a.mul(this.visibleEdgeColor).add(o.mul(this.hiddenEdgeColor)).mul(this.edgeStrength);
+		return i === "outline" ? W(0, 0, 0, 0).add(s) : t.add(s);
 	}
 	addParametersToGUI(e, t) {
 		let n = e.addFolder("Outline Settings");
-		n.add(this.edgeStrength, "value", .01, 10).name("edgeStrength").onChange(() => t()), n.add(this.edgeGlow, "value", 0, 1).name("edgeGlow").onChange(() => t()), n.add(this.edgeThickness, "value", 1, 4).name("edgeThickness").onChange(() => t()), n.addColor({ color: this.visibleEdgeColor.value.getHex(pe) }, "color").name("visibleEdgeColor").onChange((e) => {
+		n.add(this.edgeStrength, "value", .01, 10).name("edgeStrength").onChange(() => t()), n.add(this.edgeGlow, "value", 0, 1).name("edgeGlow").onChange(() => t()), n.add(this.edgeThickness, "value", 1, 4).name("edgeThickness").onChange(() => t()), n.addColor({ color: this.visibleEdgeColor.value.getHex(ue) }, "color").name("visibleEdgeColor").onChange((e) => {
 			this.visibleEdgeColor.value.set(e), t();
-		}), n.addColor({ color: this.hiddenEdgeColor.value.getHex(pe) }, "color").name("hiddenEdgeColor").onChange((e) => {
+		}), n.addColor({ color: this.hiddenEdgeColor.value.getHex(ue) }, "color").name("hiddenEdgeColor").onChange((e) => {
 			this.hiddenEdgeColor.value.set(e), t();
 		});
 	}
-}, Ye = class {
+}, Rt = class {
 	constructor(e, t) {
 		this.uid = e, this.cid = e.match(/^(.*):f(\d+)$/)[1], this.name = t, this.timestamp = 0, this.cpu = 0, this.gpu = 0, this.fps = 0, this.children = [], this.parent = null;
 	}
-}, Xe = class extends Ye {
+}, zt = class extends Rt {
 	constructor(e, t, n, r) {
 		let i = t.name;
 		i === "" && (t.isScene ? i = "Scene" : t.isQuadMesh && (i = "QuadMesh")), super(e, i), this.scene = t, this.camera = n, this.renderTarget = r, this.isRenderStats = !0;
 	}
-}, Ze = class extends Ye {
+}, Bt = class extends Rt {
 	constructor(e, t) {
 		super(e, t.name), this.computeNode = t, this.isComputeStats = !0;
 	}
-}, Qe = class extends xe {
+}, Vt = class extends ye {
 	constructor() {
 		super(), this.currentFrame = null, this.currentRender = null, this.currentNodes = null, this.lastFrame = null, this.frames = [], this.framesLib = {}, this.maxFrames = 512, this._lastFinishTime = 0, this._resolveTimestampPromise = null, this.isRendererInspector = !0;
 	}
@@ -229,8 +301,8 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 		return this._resolveTimestampPromise === null && (this._resolveTimestampPromise = new Promise((e) => {
 			requestAnimationFrame(async () => {
 				let t = this.getRenderer();
-				await t.resolveTimestampsAsync(x.COMPUTE), await t.resolveTimestampsAsync(x.RENDER);
-				let n = t.backend.getTimestampFrames(x.COMPUTE), r = t.backend.getTimestampFrames(x.RENDER), i = [...new Set([...n, ...r])];
+				await t.resolveTimestampsAsync(E.COMPUTE), await t.resolveTimestampsAsync(E.RENDER);
+				let n = t.backend.getTimestampFrames(E.COMPUTE), r = t.backend.getTimestampFrames(E.RENDER), i = [...new Set([...n, ...r])];
 				for (let e of i) {
 					let i = this.getFrameById(e);
 					if (i !== null) {
@@ -270,7 +342,7 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 	beginCompute(e, t) {
 		let n = this.getFrame();
 		if (!n) return;
-		let r = new Ze(e, t);
+		let r = new Bt(e, t);
 		r.timestamp = performance.now(), r.parent = this.currentCompute || this.getParent(), n.computes.push(r), this.currentRender === null ? n.children.push(r) : this.currentRender.children.push(r), this.currentCompute = r;
 	}
 	finishCompute() {
@@ -281,7 +353,7 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 	beginRender(e, t, n, r) {
 		let i = this.getFrame();
 		if (!i) return;
-		let a = new Xe(e, t, n, r);
+		let a = new zt(e, t, n, r);
 		a.timestamp = performance.now(), a.parent = this.getParent(), i.renders.push(a), this.currentRender === null ? i.children.push(a) : this.currentRender.children.push(a), this.currentRender = a;
 	}
 	finishRender() {
@@ -289,15 +361,15 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 		let e = this.currentRender;
 		e.cpu = performance.now() - e.timestamp, this.currentRender = e.parent;
 	}
-}, $e = class {
+}, Ht = class {
 	static init() {
 		if (document.getElementById("profiler-styles")) return;
 		let e = document.createElement("style");
 		e.id = "profiler-styles", e.textContent = "\n:root {\n	--profiler-bg: #1e1e24f5;\n	--profiler-header-bg: #2a2a33aa;\n	--profiler-header: #2a2a33;\n	--profiler-border: #4a4a5a;\n	--text-primary: #e0e0e0;\n	--text-secondary: #9a9aab;\n	--accent-color: #00aaff;\n	--color-green: #4caf50;\n	--color-yellow: #ffc107;\n	--color-red: #f44336;\n	--color-fps: rgb(63, 81, 181);\n	--color-call: rgba(255, 185, 34, 1);\n	--font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n	--font-mono: 'Fira Code', 'Courier New', Courier, monospace;\n}\n\n@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Fira+Code&display=swap');\n\n#profiler-panel *, #profiler-toggle * {\n	text-transform: initial;\n	line-height: normal;\n	box-sizing: border-box;\n	-webkit-font-smoothing: antialiased;\n	-moz-osx-font-smoothing: grayscale;\n}\n\n#profiler-toggle {\n	position: fixed;\n	top: 15px;\n	right: 15px;\n	background-color: rgba(30, 30, 36, 0.85);\n	border: 1px solid #4a4a5a54;\n	border-radius: 12px 6px 6px 12px;\n	color: var(--text-primary);\n	cursor: pointer;\n	z-index: 1001;\n	transition: all 0.2s ease-in-out;\n	/*font-size: 14px;*/\n	font-size: 15px;\n	backdrop-filter: blur(8px);\n	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);\n	display: flex;\n	align-items: stretch;\n	padding: 0;\n	overflow: hidden;\n	font-family: var(--font-family);\n}\n\n#profiler-toggle.position-right.panel-open {\n	right: auto;\n	left: 15px;\n	border-radius: 6px 12px 12px 6px;\n	flex-direction: row-reverse;\n}\n\n#profiler-toggle.position-right.panel-open #builtin-tabs-container {\n	border-right: none;\n	border-left: 1px solid #262636;\n}\n\n#profiler-toggle:hover {\n	border-color: var(--accent-color);\n}\n\n#profiler-toggle.panel-open #toggle-icon {\n	background-color: rgba(0, 170, 255, 0.2);\n	color: var(--accent-color);\n}\n\n#toggle-icon {\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	width: 40px;\n	font-size: 20px;\n	transition: background-color 0.2s;\n}\n\n#profiler-toggle:hover #toggle-icon {\n	background-color: rgba(255, 255, 255, 0.05);\n}\n\n#profiler-toggle.panel-open:hover #toggle-icon {\n	background-color: rgba(0, 170, 255, 0.3);\n}\n\n.toggle-separator {\n	width: 1px;\n	background-color: var(--profiler-border);\n}\n\n#toggle-text {\n	display: flex;\n	align-items: baseline;\n	padding: 8px 14px;\n	min-width: 80px;\n	justify-content: right;\n}\n\n#toggle-text .fps-label {\n	font-size: 0.7em;\n	margin-left: 10px;\n    color: #999;\n}\n\n#builtin-tabs-container {\n	display: flex;\n	align-items: stretch;\n	gap: 0;\n	border-right: 1px solid #262636;\n	order: -1;\n}\n\n.builtin-tab-btn {\n	background: transparent;\n	border: none;\n	color: var(--text-secondary);\n	cursor: pointer;\n	padding: 8px 14px;\n	font-family: var(--font-family);\n	font-size: 13px;\n	font-weight: 600;\n	transition: all 0.2s;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	min-width: 32px;\n	position: relative;\n}\n\n.builtin-tab-btn svg {\n	width: 20px;\n	height: 20px;\n	stroke: currentColor;\n}\n\n.builtin-tab-btn:hover {\n	background-color: rgba(255, 255, 255, 0.08);\n	color: var(--accent-color);\n}\n\n.builtin-tab-btn:active {\n	background-color: rgba(255, 255, 255, 0.12);\n}\n\n.builtin-tab-btn.active {\n	background-color: rgba(0, 170, 255, 0.2);\n	color: var(--accent-color);\n}\n\n.builtin-tab-btn.active:hover {\n	background-color: rgba(0, 170, 255, 0.3);\n}\n\n#profiler-mini-panel {\n	position: fixed;\n	top: 60px;\n	right: 15px;\n	background-color: rgba(30, 30, 36, 0.85);\n	border: 1px solid #4a4a5a54;\n	border-radius: 8px;\n	color: var(--text-primary);\n	z-index: 9999;\n	backdrop-filter: blur(8px);\n	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.5);\n	font-family: var(--font-family);\n	font-size: 11px;\n	width: 350px;\n	max-height: calc(100vh - 100px);\n	overflow-y: auto;\n	overflow-x: hidden;\n	display: none;\n	opacity: 0;\n	transform: translateY(-10px) scale(0.98);\n	transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1), \n	            transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n#profiler-mini-panel.position-right.panel-open {\n	right: auto;\n	left: 15px;\n}\n\n#profiler-mini-panel.visible {\n	display: block;\n	opacity: 1;\n	transform: translateY(0) scale(1);\n}\n\n#profiler-mini-panel::-webkit-scrollbar {\n	width: 6px;\n}\n\n#profiler-mini-panel::-webkit-scrollbar-track {\n	background: transparent;\n}\n\n#profiler-mini-panel::-webkit-scrollbar-thumb {\n	background: rgba(255, 255, 255, 0.15);\n	border-radius: 3px;\n	transition: background 0.2s;\n}\n\n#profiler-mini-panel::-webkit-scrollbar-thumb:hover {\n	background: rgba(255, 255, 255, 0.25);\n}\n\n.mini-panel-content {\n	padding: 0;\n	font-size: 11px;\n	line-height: 1.5;\n	font-family: var(--font-mono);\n	letter-spacing: 0.3px;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n.mini-panel-content .profiler-content {\n	display: block !important;\n	background: transparent;\n}\n\n.mini-panel-content .list-scroll-wrapper {\n	max-height: calc(100vh - 120px);\n	overflow-y: auto;\n	overflow-x: hidden;\n	width: 100%;\n}\n\n.mini-panel-content .list-scroll-wrapper::-webkit-scrollbar {\n	width: 4px;\n}\n\n.mini-panel-content .list-scroll-wrapper::-webkit-scrollbar-track {\n	background: transparent;\n}\n\n.mini-panel-content .list-scroll-wrapper::-webkit-scrollbar-thumb {\n	background: rgba(255, 255, 255, 0.1);\n	border-radius: 2px;\n}\n\n.mini-panel-content .list-scroll-wrapper::-webkit-scrollbar-thumb:hover {\n	background: rgba(255, 255, 255, 0.2);\n}\n\n.mini-panel-content .parameters {\n	background: transparent;\n	border: none;\n	box-shadow: none;\n	padding: 4px;\n}\n\n.mini-panel-content .list-container.parameters {\n	padding: 2px 6px 0px 6px !important;\n}\n\n.mini-panel-content .list-header {\n	display: none;\n	padding: 2px 4px;\n	font-size: 11px;\n	font-weight: 600;\n	text-transform: uppercase;\n	letter-spacing: 0.5px;\n}\n\n.mini-panel-content .list-item {\n	border-bottom: 1px solid rgba(74, 74, 90, 0.2);\n	transition: background-color 0.15s;\n}\n\n.mini-panel-content .list-item:last-child {\n	border-bottom: none;\n}\n\n.mini-panel-content .list-item:hover {\n	background-color: rgba(255, 255, 255, 0.04);\n}\n\n.mini-panel-content .list-item.actionable:hover {\n	background-color: rgba(255, 255, 255, 0.06);\n	cursor: pointer;\n}\n\n/* Style adjustments for lil-gui look */\n.mini-panel-content .item-row {\n	padding: 3px 8px;\n	min-height: 24px;\n}\n\n.mini-panel-content .list-item-row {\n	padding: 1px 4px;\n	gap: 8px;\n	min-height: 21px;\n	align-items: center;\n}\n\n.mini-panel-content input[type=\"checkbox\"] {\n	width: 12px;\n	height: 12px;\n}\n\n.mini-panel-content input[type=\"range\"] {\n	height: 18px;\n}\n\n.mini-panel-content .value-number input,\n.mini-panel-content .value-slider input {\n	background-color: rgba(0, 0, 0, 0.3);\n	border: 1px solid rgba(74, 74, 90, 0.5);\n	font-size: 10px;\n}\n\n.mini-panel-content .value-number input:focus,\n.mini-panel-content .value-slider input:focus {\n	border-color: var(--accent-color);\n}\n\n.mini-panel-content .value-slider {\n	gap: 6px;\n}\n\n/* Compact nested items */\n.mini-panel-content .list-item .list-item {\n	margin-left: 8px;\n}\n\n.mini-panel-content .list-item .list-item .item-row,\n.mini-panel-content .list-item .list-item .list-item-row {\n	padding: 2px 6px;\n	min-height: 22px;\n}\n\n/* Compact collapsible headers */\n.mini-panel-content .collapsible .item-row,\n.mini-panel-content .list-item-row.collapsible {\n	padding: 2px 8px;\n	font-weight: 600;\n	min-height: 16px;\n	display: flex;\n	align-items: center;\n}\n\n.mini-panel-content .collapsible-icon {\n	font-size: 10px;\n	width: 14px;\n	height: 14px;\n}\n\n.mini-panel-content .param-control input[type=\"range\"] {\n	height: 12px;\n	margin-top: 1px;\n	padding-top: 5px;\n	user-select: none;\n	-webkit-user-select: none;\n	outline: none;\n}\n\n.mini-panel-content .param-control input[type=\"range\"]::-webkit-slider-thumb {\n	width: 14px;\n	height: 14px;\n	margin-top: -5px;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n.mini-panel-content .param-control input[type=\"range\"]::-moz-range-thumb {\n	width: 14px;\n	height: 14px;\n	user-select: none;\n	-moz-user-select: none;\n}\n\n.mini-panel-content .list-children-container {\n	padding-left: 0;\n}\n\n.mini-panel-content .param-control input[type=\"number\"] {\n	flex-basis: 60px !important;\n}\n\n.mini-panel-content .param-control {\n	align-items: center;\n}\n\n.mini-panel-content .param-control select {\n	font-size: 11px;\n}\n\n.mini-panel-content .list-item-wrapper {\n	margin-top: 0;\n	margin-bottom: 0;\n}\n\n#profiler-panel {\n	position: fixed;\n	z-index: 1001 !important;\n	bottom: 0;\n	left: 0;\n	right: 0;\n	height: 350px;\n	background-color: var(--profiler-bg);\n	backdrop-filter: blur(8px);\n	border-top: 2px solid var(--profiler-border);\n	color: var(--text-primary);\n	display: flex;\n	flex-direction: column;\n	z-index: 1000;\n	/*box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.5);*/\n	transform: translateY(100%);\n	transition: transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.3s ease-out, width 0.3s ease-out;\n	font-family: var(--font-mono);\n}\n\n#profiler-panel.resizing,\n#profiler-panel.dragging {\n	transition: none;\n}\n\n#profiler-panel.visible {\n	transform: translateY(0);\n}\n\n#profiler-panel.maximized {\n	height: 100vh;\n}\n\n/* Position-specific styles */\n#profiler-panel.position-top {\n	bottom: auto;\n	top: 0;\n	border-top: none;\n	border-bottom: 2px solid var(--profiler-border);\n	transform: translateY(-100%);\n}\n\n#profiler-panel.position-top.visible {\n	transform: translateY(0);\n}\n\n#profiler-panel.position-bottom {\n	/* Default position - already defined above */\n}\n\n#profiler-panel.position-left {\n	top: 0;\n	bottom: 0;\n	left: 0;\n	right: auto;\n	width: 350px;\n	height: 100%;\n	border-top: none;\n	border-right: 2px solid var(--profiler-border);\n	transform: translateX(-100%);\n}\n\n#profiler-panel.position-left.visible {\n	transform: translateX(0);\n}\n\n#profiler-panel.position-right {\n	top: 0;\n	bottom: 0;\n	left: auto;\n	right: 0;\n	width: 350px;\n	height: 100%;\n	border-top: none;\n	border-left: 2px solid var(--profiler-border);\n	transform: translateX(100%);\n}\n\n#profiler-panel.position-right.visible {\n	transform: translateX(0);\n}\n\n#profiler-panel.position-floating {\n	border: 2px solid var(--profiler-border);\n	border-radius: 8px;\n	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);\n	transform: none !important;\n	overflow: hidden;\n}\n\n#profiler-panel.position-floating.visible {\n	transform: none !important;\n}\n\n#profiler-panel.position-floating .profiler-header {\n	border-radius: 6px 6px 0 0;\n}\n\n#profiler-panel.position-floating .panel-resizer {\n	bottom: 0;\n	right: 0;\n	top: auto;\n	left: auto;\n	width: 16px;\n	height: 16px;\n	cursor: nwse-resize;\n	border-radius: 0 0 6px 0;\n}\n\n#profiler-panel.position-floating .panel-resizer::after {\n	content: '';\n	position: absolute;\n	right: 2px;\n	bottom: 2px;\n	width: 10px;\n	height: 10px;\n	background: linear-gradient(135deg, transparent 0%, transparent 45%, var(--profiler-border) 45%, var(--profiler-border) 55%, transparent 55%);\n}\n\n\n.panel-resizer {\n	position: absolute;\n	top: -2px;\n	left: 0;\n	width: 100%;\n	height: 5px;\n	cursor: ns-resize;\n	z-index: 1001;\n	touch-action: none;\n}\n\n#profiler-panel.position-top .panel-resizer {\n	top: auto;\n	bottom: -2px;\n}\n\n#profiler-panel.position-left .panel-resizer {\n	top: 0;\n	left: auto;\n	right: -2px;\n	width: 5px;\n	height: 100%;\n	cursor: ew-resize;\n}\n\n#profiler-panel.position-right .panel-resizer {\n	top: 0;\n	left: -2px;\n	right: auto;\n	width: 5px;\n	height: 100%;\n	cursor: ew-resize;\n}\n\n.profiler-header {\n	display: flex;\n	background-color: var(--profiler-header-bg);\n	border-bottom: 1px solid var(--profiler-border);\n	flex-shrink: 0;\n	justify-content: space-between;\n	align-items: stretch;\n\n	overflow-x: auto;\n	overflow-y: hidden;\n	width: calc(100% - 134px);\n	height: 38px;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n/* Adjust header width based on panel position */\n#profiler-panel.position-right .profiler-header,\n#profiler-panel.position-left .profiler-header {\n	width: calc(100% - 134px);\n}\n\n#profiler-panel.position-bottom .profiler-header,\n#profiler-panel.position-top .profiler-header {\n	width: calc(100% - 134px);\n}\n\n/* Adjust header width when position toggle button is hidden (mobile) */\n#profiler-panel.hide-position-toggle .profiler-header {\n	width: calc(100% - 90px);\n}\n\n/* ===== RULES FOR WHEN THERE ARE NO TABS ===== */\n\n/* Horizontal mode (bottom/top) without tabs */\n#profiler-panel.position-bottom.no-tabs:not(.maximized),\n#profiler-panel.position-top.no-tabs:not(.maximized) {\n	height: 38px !important;\n	min-height: 38px !important;\n}\n\n#profiler-panel.position-bottom.no-tabs .profiler-header,\n#profiler-panel.position-top.no-tabs .profiler-header {\n	width: 100%;\n	height: 38px;\n	border-bottom: none;\n}\n\n#profiler-panel.position-bottom.no-tabs .profiler-content-wrapper,\n#profiler-panel.position-top.no-tabs .profiler-content-wrapper {\n	display: none;\n}\n\n#profiler-panel.position-bottom.no-tabs .panel-resizer,\n#profiler-panel.position-top.no-tabs .panel-resizer {\n	display: none;\n}\n\n/* Vertical mode (right/left) without tabs */\n#profiler-panel.position-right.no-tabs:not(.maximized),\n#profiler-panel.position-left.no-tabs:not(.maximized) {\n	width: 45px !important;\n	min-width: 45px !important;\n}\n\n/* Vertical layout for header when no tabs */\n#profiler-panel.position-right.no-tabs .profiler-header,\n#profiler-panel.position-left.no-tabs .profiler-header {\n	width: 100%;\n	flex-direction: column;\n	height: 100%;\n	border-bottom: none;\n}\n\n/* Vertical layout for controls when no tabs */\n#profiler-panel.position-right.no-tabs .profiler-controls,\n#profiler-panel.position-left.no-tabs .profiler-controls {\n	position: static;\n	flex-direction: column-reverse;\n	justify-content: flex-end;\n	width: 100%;\n	height: 100%;\n	border-bottom: none;\n	border-left: none;\n	background: transparent;\n}\n\n#profiler-panel.position-right.no-tabs .profiler-controls button,\n#profiler-panel.position-left.no-tabs .profiler-controls button {\n	width: 100%;\n	height: 45px;\n	border-left: none;\n	border-top: none;\n	border-bottom: 1px solid var(--profiler-border);\n}\n\n#profiler-panel.position-right.no-tabs .profiler-content-wrapper,\n#profiler-panel.position-left.no-tabs .profiler-content-wrapper {\n	display: none;\n}\n\n#profiler-panel.position-right.no-tabs .profiler-tabs,\n#profiler-panel.position-left.no-tabs .profiler-tabs {\n	display: none;\n}\n\n#profiler-panel.position-right.no-tabs .panel-resizer,\n#profiler-panel.position-left.no-tabs .panel-resizer {\n	display: none;\n}\n\n/* Hide position toggle on mobile without tabs */\n#profiler-panel.hide-position-toggle.position-right.no-tabs:not(.maximized),\n#profiler-panel.hide-position-toggle.position-left.no-tabs:not(.maximized) {\n	width: 45px !important;\n	min-width: 45px !important;\n}\n\n/* Hide drag indicator on mobile devices */\n#profiler-panel.is-mobile .tab-btn.active::before {\n	display: none;\n}\n\n.profiler-header::-webkit-scrollbar {\n	width: 8px;\n	height: 8px;\n}\n\n.profiler-header::-webkit-scrollbar-track {\n	background: transparent;\n}\n\n.profiler-header::-webkit-scrollbar-thumb {\n	background-color: rgba(0, 0, 0, 0.25);\n	border-radius: 10px;\n	transition: background 0.3s ease;\n}\n\n.profiler-header::-webkit-scrollbar-thumb:hover {\n	background-color: rgba(0, 0, 0, 0.4);\n}\n\n.profiler-header::-webkit-scrollbar-corner {\n	background: transparent;\n}\n\n#profiler-panel.dragging .profiler-header {\n	cursor: grabbing !important;\n}\n\n#profiler-panel.dragging {\n	opacity: 0.8;\n}\n\n.profiler-tabs {\n	display: flex;\n	cursor: grab;\n	position: relative;\n}\n\n.profiler-tabs:active {\n	cursor: grabbing;\n}\n\n.profiler-tabs::-webkit-scrollbar {\n	width: 8px;\n	height: 8px;\n}\n\n.profiler-tabs::-webkit-scrollbar-track {\n	background: transparent;\n}\n\n.profiler-tabs::-webkit-scrollbar-thumb {\n	background-color: rgba(0, 0, 0, 0.25);\n	border-radius: 10px;\n	transition: background 0.3s ease;\n}\n\n.profiler-tabs::-webkit-scrollbar-thumb:hover {\n	background-color: rgba(0, 0, 0, 0.4);\n}\n\n.profiler-tabs::-webkit-scrollbar-corner {\n	background: transparent;\n}\n\n.profiler-controls {\n	display: flex;\n	position: absolute;\n	right: 0;\n	top: 0;\n	height: 38px;\n	background: var(--profiler-header-bg);\n	border-bottom: 1px solid var(--profiler-border);\n}\n\n.tab-btn {\n	position: relative;\n	background: transparent;\n	border: none;\n	/*border-right: 1px solid var(--profiler-border);*/\n	color: var(--text-secondary);\n	padding: 8px 18px;\n	cursor: default;\n	display: flex;\n	align-items: center;\n	font-family: var(--font-family);\n	font-weight: 600;\n	font-size: 14px;\n	user-select: none;\n	transition: opacity 0.2s, transform 0.2s;\n	touch-action: pan-x;\n}\n\n.tab-btn.active {\n	border-bottom: 2px solid var(--accent-color);\n	color: white;\n}\n\n.tab-btn.active::before {\n	content: '⋮⋮';\n	position: absolute;\n	left: 3px;\n	top: calc(50% - .1rem);\n	transform: translateY(-50%);\n	color: var(--profiler-border);\n	font-size: 18px;\n	letter-spacing: -2px;\n	opacity: 0.6;\n}\n\n.tab-btn.no-detach.active::before {\n	display: none;\n}\n\n#floating-btn,\n#maximize-btn,\n#hide-panel-btn {\n	background: transparent;\n	border: none;\n	border-left: 1px solid var(--profiler-border);\n	color: var(--text-secondary);\n	width: 45px;\n	height: 100%;\n	cursor: pointer;\n	transition: all 0.2s;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	flex-shrink: 0;\n}\n\n/* Disable transitions in vertical mode to avoid broken animations */\n#profiler-panel.position-right #floating-btn,\n#profiler-panel.position-right #maximize-btn,\n#profiler-panel.position-right #hide-panel-btn,\n#profiler-panel.position-left #floating-btn,\n#profiler-panel.position-left #maximize-btn,\n#profiler-panel.position-left #hide-panel-btn {\n	transition: background-color 0.2s, color 0.2s;\n}\n\n#floating-btn:hover,\n#maximize-btn:hover,\n#hide-panel-btn:hover {\n	background-color: rgba(255, 255, 255, 0.1);\n	color: var(--text-primary);\n}\n\n/* Hide maximize button when there are no tabs */\n#profiler-panel.position-right.no-tabs #maximize-btn,\n#profiler-panel.position-left.no-tabs #maximize-btn,\n#profiler-panel.position-bottom.no-tabs #maximize-btn,\n#profiler-panel.position-top.no-tabs #maximize-btn {\n	display: none !important;\n}\n\n.profiler-content-wrapper {\n	flex-grow: 1;\n	overflow: hidden;\n	position: relative;\n}\n\n.profiler-content {\n	position: absolute;\n	top: 0;\n	left: 0;\n	width: 100%;\n	height: 100%;\n	overflow-y: auto;\n	font-size: 13px;\n	visibility: hidden;\n	opacity: 0;\n	transition: opacity 0.2s, visibility 0.2s;\n	box-sizing: border-box;\n	display: flex;\n	flex-direction: column;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n.profiler-content.active {\n	visibility: visible;\n	opacity: 1;\n}\n\n.profiler-content {\n	overflow: auto; /* make sure scrollbars can appear */\n}\n\n.profiler-content::-webkit-scrollbar {\n	width: 8px;\n	height: 8px;\n}\n\n.profiler-content::-webkit-scrollbar-track {\n	background: transparent;\n}\n\n.profiler-content::-webkit-scrollbar-thumb {\n	background-color: rgba(0, 0, 0, 0.25);\n	border-radius: 10px;\n	transition: background 0.3s ease;\n}\n\n.profiler-content::-webkit-scrollbar-thumb:hover {\n	background-color: rgba(0, 0, 0, 0.4);\n}\n\n.profiler-content::-webkit-scrollbar-corner {\n	background: transparent;\n}\n\n.profiler-content {\n	scrollbar-width: thin; /* \"auto\" | \"thin\" */\n	scrollbar-color: rgba(0, 0, 0, 0.25) transparent;\n}\n\n.list-item-row {\n	display: grid;\n	align-items: center;\n	padding: 4px 8px;\n	border-radius: 3px;\n	transition: background-color 0.2s;\n	gap: 10px;\n	border-bottom: none;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n.parameters .list-item-row {\n	min-height: 31px;\n}\n\n.mini-panel-content .parameters .list-item-row {\n	min-height: 21px;\n}\n\n.list-item-wrapper {\n	margin-top: 2px;\n	margin-bottom: 2px;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n.list-item-wrapper:first-child {\n	/*margin-top: 0;*/\n}\n\n.list-item-wrapper:not(.header-wrapper):nth-child(odd) > .list-item-row {\n	background-color: rgba(0,0,0,0.1);\n}\n\n.list-item-wrapper.header-wrapper>.list-item-row {\n	color: var(--accent-color);\n	background-color: rgba(0, 170, 255, 0.1);\n}\n\n.list-item-wrapper.header-wrapper>.list-item-row>.list-item-cell:first-child {\n	font-weight: 600;\n	line-height: 1;\n}\n\n.list-item-row.collapsible,\n.list-item-row.actionable {\n	cursor: pointer;\n}\n\n.list-item-row.collapsible {\n	background-color: rgba(0, 170, 255, 0.15) !important;\n	min-height: 23px;\n}\n\n.list-item-row.collapsible.alert,\n.list-item-row.alert {\n	background-color: rgba(244, 67, 54, 0.1) !important;\n}\n\n@media (hover: hover) {\n\n	.list-item-row:hover:not(.collapsible):not(.no-hover),\n	.list-item-row:hover:not(.no-hover),\n	.list-item-row.actionable:hover,\n	.list-item-row.collapsible.actionable:hover {\n		background-color: rgba(255, 255, 255, 0.05) !important;\n	}\n\n	.list-item-row.collapsible:hover {\n		background-color: rgba(0, 170, 255, 0.25) !important;\n	}\n\n}\n\n.list-item-cell {\n	white-space: pre;\n	display: flex;\n	align-items: center;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n.list-item-cell:not(:first-child) {\n	justify-content: flex-end;\n	font-weight: 600;\n}\n\n.list-header {\n	display: grid;\n	align-items: center;\n	padding: 4px 8px;\n	font-weight: 600;\n	color: var(--text-secondary);\n	padding-bottom: 6px;\n	border-bottom: 1px solid var(--profiler-border);\n	margin-bottom: 5px;\n	gap: 10px;\n	user-select: none;\n	-webkit-user-select: none;\n}\n\n.list-item-wrapper.section-start {\n	margin-top: 5px;\n	margin-bottom: 5px;\n}\n\n.list-header .list-header-cell:not(:first-child) {\n	text-align: right;\n}\n\n.list-children-container {\n	padding-left: 1.5em;\n	overflow: hidden;\n	transition: max-height 0.1s ease-out;\n	margin-top: 2px;\n}\n\n.list-children-container.closed {\n	max-height: 0;\n}\n\n.item-toggler {\n	display: inline-block;\n	margin-right: 0.8em;\n	text-align: left;\n}\n\n.list-item-row.open .item-toggler::before {\n	content: '-';\n}\n\n.list-item-row:not(.open) .item-toggler::before {\n	content: '+';\n}\n\n.list-item-cell .value.good {\n	color: var(--color-green);\n}\n\n.list-item-cell .value.warn {\n	color: var(--color-yellow);\n}\n\n.list-item-cell .value.bad {\n	color: var(--color-red);\n}\n\n.list-scroll-wrapper {\n	width: max-content;\n	min-width: 100%;\n	display: flex;\n	flex-direction: column;\n	min-height: 100%;\n}\n\n.list-container.parameters .list-item-row:not(.collapsible) {\n}\n\n.graph-container {\n	width: 100%;\n	box-sizing: border-box;\n	padding: 8px 0;\n	position: relative;\n}\n\n.graph-svg {\n	width: 100%;\n	height: 80px;\n	background-color: var(--profiler-header);\n	border: 1px solid var(--profiler-border);\n	border-radius: 4px;\n}\n\n.graph-path {\n	stroke-width: 2;\n	fill-opacity: 0.4;\n}\n\n.console-header {\n	padding: 10px;\n	border-bottom: 1px solid var(--profiler-border);\n	display: flex;\n	gap: 20px;\n	flex-shrink: 0;\n	align-items: center;\n	justify-content: space-between;\n}\n\n.console-buttons-group {\n	display: flex;\n	gap: 20px;\n}\n\n.console-filter-input {\n	background-color: var(--profiler-bg);\n	border: 1px solid var(--profiler-border);\n	color: var(--text-primary);\n	border-radius: 4px;\n	padding: 4px 8px;\n	font-family: var(--font-mono);\n	flex-grow: 1;\n	max-width: 300px;\n	border-radius: 15px;\n}\n\n.console-filter-input:focus {\n	outline: none;\n	border-color: var(--text-secondary);\n}\n\n.console-copy-button {\n	background: transparent;\n	border: none;\n	color: var(--text-secondary);\n	cursor: pointer;\n	padding: 4px;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	border-radius: 4px;\n	transition: color 0.2s, background-color 0.2s;\n}\n\n.console-copy-button:hover {\n	color: var(--text-primary);\n	background-color: var(--profiler-hover);\n}\n\n.console-copy-button.copied {\n	color: var(--color-green);\n}\n\n#console-log {\n	display: flex;\n	flex-direction: column;\n	gap: 4px;\n	padding: 10px;\n	overflow-y: auto;\n	flex-grow: 1;\n	user-select: text;\n	-webkit-user-select: text;\n}\n\n.log-message {\n	padding: 2px 5px;\n	white-space: pre-wrap;\n	word-break: break-all;\n	border-radius: 3px;\n	line-height: 1.5 !important;\n}\n\n.log-message.hidden {\n	display: none;\n}\n\n.log-message.info {\n	color: var(--text-primary);\n}\n\n.log-message.warn {\n	color: var(--color-yellow);\n}\n\n.log-message.error {\n	color: #f9dedc;\n	background-color: rgba(244, 67, 54, 0.1);\n}\n\n.log-prefix {\n	color: var(--text-secondary);\n	margin-right: 8px;\n}\n\n.log-code {\n	background-color: rgba(255, 255, 255, 0.1);\n	border-radius: 3px;\n	padding: 1px 4px;\n}\n\n.thumbnail-container {\n	display: flex;\n	align-items: center;\n}\n\n.thumbnail-svg {\n	width: 40px;\n	height: 22.5px;\n	flex-shrink: 0;\n	margin-right: 8px;\n}\n\n.param-control {\n	display: flex;\n	align-items: center;\n	justify-content: flex-end;\n	gap: 10px;\n	width: 100%;\n}\n\n.param-control input,\n.param-control select,\n.param-control button {\n	background-color: var(--profiler-bg);\n	border: 1px solid var(--profiler-border);\n	color: var(--text-primary);\n	border-radius: 4px;\n	padding: 4px 6px;\n	padding-bottom: 2px;\n	font-family: var(--font-mono);\n	width: 100%;\n	box-sizing: border-box;\n}\n\n.param-control input:focus {\n	outline: none;\n	border-color: var(--accent-color);\n}\n\n.param-control select {\n	padding-top: 3px;\n	padding-bottom: 1px;\n}\n\n.param-control input[type=\"number\"] {\n	cursor: ns-resize;\n}\n\n.param-control input[type=\"color\"] {\n	padding: 2px;\n}\n\n.param-control button {\n	cursor: pointer;\n	transition: background-color 0.2s;\n}\n\n.param-control button:hover {\n	background-color: var(--profiler-header);\n}\n\n.param-control-vector {\n	display: flex;\n	gap: 5px;\n}\n\n.custom-checkbox {\n	display: inline-flex;\n	align-items: center;\n	cursor: pointer;\n	gap: 8px;\n	will-change: transform;\n}\n\n.custom-checkbox input {\n	display: none;\n}\n\n.custom-checkbox .checkmark {\n	width: 14px;\n	height: 14px;\n	border: 1px solid var(--accent-color);\n	border-radius: 3px;\n	display: inline-flex;\n	justify-content: center;\n	align-items: center;\n	transition: background-color 0.2s, border-color 0.2s;\n}\n\n.custom-checkbox .checkmark::after {\n	content: '';\n	width: 6px;\n	height: 6px;\n	background-color: var(--accent-color);\n	border-radius: 1px;\n	display: block;\n	transform: scale(0);\n	transition: transform 0.2s;\n}\n\n.custom-checkbox input:checked+.checkmark {\n	border-color: var(--accent-color);\n}\n\n.custom-checkbox input:checked+.checkmark::after {\n	transform: scale(1);\n}\n\n.param-control input[type=\"range\"] {\n	-webkit-appearance: none;\n	appearance: none;\n	width: 100%;\n	height: 16px;\n	background: var(--profiler-header);\n	border-radius: 5px;\n	border: 1px solid var(--profiler-border);\n	outline: none;\n	padding: 0px;\n	padding-top: 8px;\n}\n\n.param-control input[type=\"range\"]::-webkit-slider-thumb {\n	-webkit-appearance: none;\n	appearance: none;\n	width: 18px;\n	height: 18px;\n	background: var(--profiler-bg);\n	border: 1px solid var(--accent-color);\n	border-radius: 3px;\n	cursor: pointer;\n	margin-top: -8px;\n}\n\n.param-control input[type=\"range\"]::-moz-range-thumb {\n	width: 18px;\n	height: 18px;\n	background: var(--profiler-bg);\n	border: 2px solid var(--accent-color);\n	border-radius: 3px;\n	cursor: pointer;\n}\n\n.param-control input[type=\"range\"]::-moz-range-track {\n	width: 100%;\n	height: 16px;\n	background: var(--profiler-header);\n	border-radius: 5px;\n	border: 1px solid var(--profiler-border);\n}\n\n/* Override .param-control styles for mini-panel-content */\n.mini-panel-content input,\n.mini-panel-content select,\n.mini-panel-content button {\n	padding: 2px 4px;\n	height: 21px;\n	line-height: 1.4;\n	padding-top: 4px;\n}\n\n.mini-panel-content .param-control input,\n.mini-panel-content .param-control select,\n.mini-panel-content .param-control button {\n	background-color: #1e1e24c2;\n	line-height: 1.0;\n}\n\n.mini-panel-content .param-control select {\n	padding: 2px 2px;\n	padding-top: 3px;\n}\n\n.mini-panel-content .param-control input[type=\"number\"]::-webkit-outer-spin-button,\n.mini-panel-content .param-control input[type=\"number\"]::-webkit-inner-spin-button {\n	-webkit-appearance: none;\n	margin: 0;\n}\n\n.mini-panel-content .param-control input[type=\"number\"] {\n	-moz-appearance: textfield;\n}\n\n.mini-panel-content .list-item-cell span {\n	position: relative;\n	top: 1px;\n	margin-left: 2px;\n}\n\n.mini-panel-content .custom-checkbox .checkmark {\n	width: 12px;\n	height: 12px;\n	margin-bottom: 2px;\n	will-change: transform;\n}\n\n.mini-panel-content .list-container.parameters .list-item-row:not(.collapsible) {\n	margin-bottom: 2px;\n}\n\n@media screen and (max-width: 450px) and (orientation: portrait) {\n\n	.console-filter-input {\n		max-width: 100px;\n	}\n\n}\n\n/* Touch device optimizations */\n@media (hover: none) and (pointer: coarse) {\n\n	.panel-resizer {\n		top: -10px !important;\n		height: 20px !important;\n	}\n\n	#profiler-panel.position-top .panel-resizer {\n		top: auto !important;\n		bottom: -10px !important;\n		height: 20px !important;\n	}\n\n	#profiler-panel.position-left .panel-resizer {\n		right: -10px !important;\n		width: 20px !important;\n		height: 100% !important;\n	}\n\n	#profiler-panel.position-right .panel-resizer {\n		left: -10px !important;\n		width: 20px !important;\n		height: 100% !important;\n	}\n\n	.detached-tab-resizer-top,\n	.detached-tab-resizer-bottom {\n		height: 10px !important;\n	}\n\n	.detached-tab-resizer-left,\n	.detached-tab-resizer-right {\n		width: 10px !important;\n	}\n\n}\n\n.drag-preview-indicator {\n	position: fixed;\n	background-color: rgba(0, 170, 255, 0.2);\n	border: 2px dashed var(--accent-color);\n	z-index: 999;\n	pointer-events: none;\n	transition: all 0.2s ease-out;\n}\n\n/* Detached Tab Windows */\n.detached-tab-panel {\n	position: fixed;\n	width: 500px;\n	height: 400px;\n	background: var(--profiler-bg);\n	border: 1px solid var(--profiler-border);\n	border-radius: 8px;\n	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);\n	z-index: 1002;\n	display: flex;\n	flex-direction: column;\n	backdrop-filter: blur(10px);\n	overflow: hidden;\n	opacity: 1;\n	visibility: visible;\n	transition: opacity 0.2s, visibility 0.2s;\n}\n\n#profiler-panel:not(.visible) ~ * .detached-tab-panel,\nbody:has(#profiler-panel:not(.visible)) .detached-tab-panel {\n	opacity: 0;\n	visibility: hidden;\n	pointer-events: none;\n}\n\n.detached-tab-header {\n	background: var(--profiler-header-bg);\n	padding: 0 7px 0 15px;\n	font-family: var(--font-family);\n	font-size: 14px;\n	color: var(--text-primary);\n	font-weight: 600;\n	display: flex;\n	justify-content: space-between;\n	align-items: center;\n	border-bottom: 1px solid var(--profiler-border);\n	cursor: grab;\n	user-select: none;\n	height: 38px;\n	flex-shrink: 0;\n	-webkit-font-smoothing: antialiased;\n	-moz-osx-font-smoothing: grayscale;\n	touch-action: none;\n}\n\n.detached-tab-header:active {\n	cursor: grabbing;\n}\n\n.detached-header-controls {\n	display: flex;\n	gap: 5px;\n}\n\n.detached-reattach-btn {\n	background: transparent;\n	border: none;\n	color: var(--text-secondary);\n	font-family: var(--font-family);\n	font-size: 18px;\n	line-height: 1;\n	cursor: pointer;\n	padding: 4px 8px;\n	border-radius: 4px;\n	transition: all 0.2s;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n	-webkit-font-smoothing: antialiased;\n	-moz-osx-font-smoothing: grayscale;\n}\n\n.detached-reattach-btn:hover {\n	background: rgba(0, 170, 255, 0.2);\n	color: var(--accent-color);\n}\n\n.detached-tab-content {\n	flex: 1;\n	overflow: auto;\n	position: relative;\n	background: var(--profiler-bg);\n}\n\n.detached-tab-content::-webkit-scrollbar {\n	width: 8px;\n	height: 8px;\n}\n\n.detached-tab-content::-webkit-scrollbar-track {\n	background: transparent;\n}\n\n.detached-tab-content::-webkit-scrollbar-thumb {\n	background-color: rgba(0, 0, 0, 0.25);\n	border-radius: 10px;\n	transition: background 0.3s ease;\n}\n\n.detached-tab-content::-webkit-scrollbar-thumb:hover {\n	background-color: rgba(0, 0, 0, 0.4);\n}\n\n.detached-tab-content::-webkit-scrollbar-corner {\n	background: transparent;\n}\n\n.detached-tab-content .profiler-content {\n	display: block !important;\n	height: 100%;\n	visibility: visible !important;\n	opacity: 1 !important;\n	position: relative !important;\n}\n\n.detached-tab-content .profiler-content > * {\n	font-family: var(--font-mono);\n	color: var(--text-primary);\n}\n\n.detached-tab-resizer {\n	position: absolute;\n	bottom: 0;\n	right: 0;\n	width: 20px;\n	height: 20px;\n	cursor: nwse-resize;\n	z-index: 10;\n	touch-action: none;\n}\n\n.detached-tab-resizer::after {\n	content: '';\n	position: absolute;\n	bottom: 2px;\n	right: 2px;\n	width: 12px;\n	height: 12px;\n	border-right: 2px solid var(--profiler-border);\n	border-bottom: 2px solid var(--profiler-border);\n	border-bottom-right-radius: 6px;\n	opacity: 0.5;\n}\n\n.detached-tab-resizer:hover::after {\n	opacity: 1;\n	border-color: var(--accent-color);\n}\n\n/* Edge resizers */\n.detached-tab-resizer-top {\n	position: absolute;\n	top: 0;\n	left: 0;\n	right: 0;\n	height: 5px;\n	cursor: ns-resize;\n	z-index: 10;\n	touch-action: none;\n}\n\n.detached-tab-resizer-right {\n	position: absolute;\n	top: 0;\n	right: 0;\n	bottom: 0;\n	width: 5px;\n	cursor: ew-resize;\n	z-index: 10;\n	touch-action: none;\n}\n\n.detached-tab-resizer-bottom {\n	position: absolute;\n	bottom: 0;\n	left: 0;\n	right: 0;\n	height: 5px;\n	cursor: ns-resize;\n	z-index: 10;\n	touch-action: none;\n}\n\n.detached-tab-resizer-left {\n	position: absolute;\n	top: 0;\n	left: 0;\n	bottom: 0;\n	width: 5px;\n	cursor: ew-resize;\n	z-index: 10;\n	touch-action: none;\n}\n\n/* Input number spin buttons - hide arrows */\n/* Chrome, Safari, Edge, Opera */\n#profiler-panel input[type=\"number\"]::-webkit-outer-spin-button,\n#profiler-panel input[type=\"number\"]::-webkit-inner-spin-button,\n.detached-tab-content input[type=\"number\"]::-webkit-outer-spin-button,\n.detached-tab-content input[type=\"number\"]::-webkit-inner-spin-button {\n	-webkit-appearance: none;\n	margin: 0;\n}\n\n/* Firefox */\n#profiler-panel input[type=\"number\"],\n.detached-tab-content input[type=\"number\"] {\n	-moz-appearance: textfield;\n}\n\n.panel-action-btn {\n	background: transparent;\n	color: var(--text-primary);\n	border: 1px solid var(--profiler-border);\n	border-radius: 4px;\n	padding: 6px 12px;\n	cursor: pointer;\n	font-family: var(--font-family);\n	font-size: 12px;\n	transition: background-color 0.2s;\n	display: flex;\n	align-items: center;\n	justify-content: center;\n}\n\n.panel-action-btn:hover {\n	background-color: rgba(255, 255, 255, 0.05);\n}\n", document.head.appendChild(e);
 	}
-}, et = class extends b {
+}, Ut = class extends ee {
 	constructor(e) {
-		super(), this.inspector = e, this.tabs = {}, this.activeTabId = null, this.isResizing = !1, this.lastHeightBottom = 350, this.lastWidthRight = 450, this.position = "bottom", this.detachedWindows = [], this.maxZIndex = 1002, this.nextTabOriginalIndex = 0, $e.init(), this.setupShell(), this.setupResizing(), this.setupWindowResizeListener(), this.setupOrientationListener();
+		super(), this.inspector = e, this.tabs = {}, this.activeTabId = null, this.isResizing = !1, this.lastHeightBottom = 350, this.lastWidthRight = 450, this.position = "bottom", this.detachedWindows = [], this.maxZIndex = 1002, this.nextTabOriginalIndex = 0, Ht.init(), this.setupShell(), this.setupResizing(), this.setupWindowResizeListener(), this.setupOrientationListener();
 	}
 	getSize() {
 		return this.panel.classList.contains("visible") === !1 || this.panel.classList.contains("no-tabs") ? {
@@ -655,7 +727,7 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 			});
 		});
 		try {
-			$("layout", e);
+			bn("layout", e);
 		} catch (e) {
 			console.warn("Failed to save profiler layout:", e);
 		}
@@ -663,7 +735,7 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 	loadLayout() {
 		this.isLoadingLayout = !0;
 		try {
-			let e = Q("layout");
+			let e = yn("layout");
 			if (Object.keys(e).length === 0) return;
 			if (e.detachedTabs && e.detachedTabs.length > 0) {
 				let t = window.innerWidth, n = window.innerHeight;
@@ -710,7 +782,7 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 			this.updatePanelSize();
 		}
 	}
-}, B = class extends b {
+}, q = class extends ee {
 	constructor(e, t = {}) {
 		super(), this.id = e.toLowerCase(), this.button = document.createElement("button"), this.button.className = "tab-btn", this.button.textContent = e, this.content = document.createElement("div"), this.content.id = `${this.id}-content`, this.content.className = "profiler-content", this._isActive = !1, this.isVisible = !0, this.isDetached = !1, this.detachedWindow = null, this.allowDetach = t.allowDetach === void 0 ? !0 : t.allowDetach, this.builtin = t.builtin === void 0 ? !1 : t.builtin, this.icon = t.icon || null, this.builtinButton = null, this.miniContent = null, this.profiler = null, this.onVisibilityChange = null;
 	}
@@ -750,7 +822,7 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 			this.builtinButton && this.builtinButton.classList.remove("active"), this.profiler && (Array.from(this.profiler.miniPanel.querySelectorAll(".mini-panel-content")).some((e) => e.style.display !== "none") || this.profiler.miniPanel.classList.remove("visible"), Array.from(this.profiler.builtinTabsContainer.querySelectorAll(".builtin-tab-btn")).some((e) => e.style.display !== "none") || (this.profiler.builtinTabsContainer.style.display = "none"));
 		}
 	}
-}, V = class {
+}, Wt = class {
 	constructor(...e) {
 		this.headers = e, this.children = [], this.domElement = document.createElement("div"), this.domElement.className = "list-container", this.domElement.style.padding = "10px", this.id = `list-${Math.random().toString(36).slice(2, 11)}`, this.domElement.dataset.listId = this.id, this.gridStyleElement = document.createElement("style"), this.domElement.appendChild(this.gridStyleElement);
 		let t = document.createElement("div");
@@ -774,7 +846,7 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 		let t = this.children.indexOf(e);
 		return t !== -1 && (this.children.splice(t, 1), this.domElement.removeChild(e.domElement), e.parent = null), this;
 	}
-}, H = class {
+}, Gt = class {
 	constructor(e = 512) {
 		this.maxPoints = e, this.lines = {}, this.limit = 0, this.limitIndex = 0, this.domElement = document.createElementNS("http://www.w3.org/2000/svg", "svg"), this.domElement.setAttribute("class", "graph-svg");
 	}
@@ -809,7 +881,7 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 		}
 		this.limitIndex++ > this.maxPoints && this.resetLimit();
 	}
-}, U = class {
+}, J = class {
 	constructor(...e) {
 		this.children = [], this.isOpen = !0, this.childrenContainer = null, this.parent = null, this.domElement = document.createElement("div"), this.domElement.className = "list-item-wrapper", this.itemRow = document.createElement("div"), this.itemRow.className = "list-item-row", this.userData = {}, this.data = e, this.data.forEach((e) => {
 			let t = document.createElement("div");
@@ -839,15 +911,15 @@ var L = /* @__PURE__ */ new Te(), Ue = /* @__PURE__ */ new h(), We = /* @__PURE_
 };
 //#endregion
 //#region ../../node_modules/three/examples/jsm/inspector/ui/utils.js
-function W(e = null) {
+function Y(e = null) {
 	let t = document.createElement("span");
 	return t.className = "value", e !== null && (t.id = e), t;
 }
-function G(e, t) {
+function X(e, t) {
 	let n = e instanceof HTMLElement ? e : document.getElementById(e);
 	n && n.textContent !== t && (n.textContent = t);
 }
-function tt(e) {
+function Kt(e) {
 	let t = e.lastIndexOf("/");
 	return t === -1 ? {
 		path: "",
@@ -857,10 +929,10 @@ function tt(e) {
 		name: e.substring(t + 1).trim()
 	};
 }
-function nt(e) {
+function qt(e) {
 	return e.replace(/([a-z0-9])([A-Z])/g, "$1 $2").trim();
 }
-function K(e, t = 2) {
+function Z(e, t = 2) {
 	if (e === 0) return "0 Bytes";
 	let n = 1024, r = t < 0 ? 0 : t, i = [
 		"Bytes",
@@ -877,36 +949,36 @@ function K(e, t = 2) {
 }
 //#endregion
 //#region ../../node_modules/three/examples/jsm/inspector/tabs/Performance.js
-var rt = class extends B {
+var Jt = class extends q {
 	constructor(e = {}) {
 		super("Performance", e);
-		let t = new V("Name", "CPU", "GPU", "Total");
+		let t = new Wt("Name", "CPU", "GPU", "Total");
 		t.setGridStyle("minmax(200px, 2fr) 80px 80px 80px"), t.domElement.style.minWidth = "600px";
 		let n = document.createElement("div");
 		n.className = "list-scroll-wrapper", n.appendChild(t.domElement), this.content.appendChild(n);
 		let r = document.createElement("div");
 		r.className = "graph-container";
-		let i = new H();
+		let i = new Gt();
 		i.addLine("fps", "var( --color-fps )"), r.append(i.domElement);
-		let a = new U("Graph Stats", W(), W(), W("graph-fps-counter"));
+		let a = new J("Graph Stats", Y(), Y(), Y("graph-fps-counter"));
 		t.add(a);
-		let o = new U(r);
+		let o = new J(r);
 		o.itemRow.childNodes[0].style.gridColumn = "1 / -1", a.add(o);
-		let s = new U("Frame Stats", W(), W(), W());
+		let s = new J("Frame Stats", Y(), Y(), Y());
 		t.add(s);
-		let c = new U("Miscellaneous & Idle", W(), W(), W());
+		let c = new J("Miscellaneous & Idle", Y(), Y(), Y());
 		c.domElement.firstChild.style.backgroundColor = "#00ff0b1a", c.domElement.firstChild.classList.add("no-hover"), s.add(c), this.notInUse = /* @__PURE__ */ new Map(), this.frameStats = s, this.graphStats = a, this.graph = i, this.miscellaneous = c, this.currentRender = null, this.currentItem = null, this.frameItems = /* @__PURE__ */ new Map();
 	}
 	resolveStats(e, t) {
 		let n = e.getStatsData(t.cid), r = n.item;
-		if (r === void 0) r = new U(W(), W(), W(), W()), t.name ? t.isComputeStats === !0 && (t.name = `${t.name} [ Compute ]`) : t.name = `Unnamed ${t.cid}`, r.userData.name = t.name, this.currentItem.add(r), n.item = r;
+		if (r === void 0) r = new J(Y(), Y(), Y(), Y()), t.name ? t.isComputeStats === !0 && (t.name = `${t.name} [ Compute ]`) : t.name = `Unnamed ${t.cid}`, r.userData.name = t.name, this.currentItem.add(r), n.item = r;
 		else {
 			r.userData.name = t.name, this.notInUse.has(t.cid) && (r.domElement.firstElementChild.classList.remove("alert"), this.notInUse.delete(t.cid));
 			let e = t.parent.children.indexOf(t);
 			(r.parent === null || r.parent.children.indexOf(r) !== e) && this.currentItem.add(r, e);
 		}
 		let i = r.userData.name;
-		t.isComputeStats && (i += " [ Compute ]"), G(r.data[0], i), G(r.data[1], n.cpu.toFixed(2)), G(r.data[2], t.gpuNotAvailable === !0 ? "-" : n.gpu.toFixed(2)), G(r.data[3], n.total.toFixed(2));
+		t.isComputeStats && (i += " [ Compute ]"), X(r.data[0], i), X(r.data[1], n.cpu.toFixed(2)), X(r.data[2], t.gpuNotAvailable === !0 ? "-" : n.gpu.toFixed(2)), X(r.data[3], n.total.toFixed(2));
 		let a = this.currentItem;
 		this.currentItem = r;
 		for (let n of t.children) this.resolveStats(e, n);
@@ -925,7 +997,7 @@ var rt = class extends B {
 		let { item: t, time: n } = this.notInUse.get(e), r = performance.now(), i = 5 - Math.floor((r - n) / 1e3);
 		if (i >= 0) {
 			let e = "*".repeat(Math.max(0, i));
-			G(t.domElement.querySelector(".list-item-cell .value"), t.userData.name + " (not in use) " + e);
+			X(t.domElement.querySelector(".list-item-cell .value"), t.userData.name + " (not in use) " + e);
 		} else t.domElement.firstElementChild.classList.remove("alert"), t.parent.remove(t), this.notInUse.delete(e);
 	}
 	updateText(e, t) {
@@ -934,23 +1006,23 @@ var rt = class extends B {
 		for (let n of t.children) this.resolveStats(e, n);
 		for (let [e, t] of n) this.frameItems.has(e) || (this.addNotInUse(e, t), n.delete(e));
 		for (let e of this.notInUse.keys()) this.updateNotInUse(e);
-		G("graph-fps-counter", e.fps.toFixed() + " FPS"), G(this.frameStats.data[1], t.cpu.toFixed(2)), G(this.frameStats.data[2], t.gpu.toFixed(2)), G(this.frameStats.data[3], t.total.toFixed(2)), G(this.miscellaneous.data[1], t.miscellaneous.toFixed(2)), G(this.miscellaneous.data[2], "-"), G(this.miscellaneous.data[3], t.miscellaneous.toFixed(2)), this.currentItem = null;
+		X("graph-fps-counter", e.fps.toFixed() + " FPS"), X(this.frameStats.data[1], t.cpu.toFixed(2)), X(this.frameStats.data[2], t.gpu.toFixed(2)), X(this.frameStats.data[3], t.total.toFixed(2)), X(this.miscellaneous.data[1], t.miscellaneous.toFixed(2)), X(this.miscellaneous.data[2], "-"), X(this.miscellaneous.data[3], t.miscellaneous.toFixed(2)), this.currentItem = null;
 	}
-}, it = class extends B {
+}, Yt = class extends q {
 	constructor(e = {}) {
 		super("Memory", e);
-		let t = new V("Name", "Count", "Size");
+		let t = new Wt("Name", "Count", "Size");
 		t.setGridStyle("minmax(200px, 2fr) 60px 100px"), t.domElement.style.minWidth = "300px";
 		let n = document.createElement("div");
 		n.className = "list-scroll-wrapper", n.appendChild(t.domElement), this.content.appendChild(n);
 		let r = document.createElement("div");
 		r.className = "graph-container";
-		let i = new H();
+		let i = new Gt();
 		i.addLine("total", "var( --color-yellow )"), r.append(i.domElement);
-		let a = new U("Graph Stats", "", "");
+		let a = new J("Graph Stats", "", "");
 		t.add(a);
-		let o = new U(r);
-		o.itemRow.childNodes[0].style.gridColumn = "1 / -1", a.add(o), this.memoryStats = new U("Renderer Info", "", W()), this.memoryStats.domElement.firstChild.classList.add("no-hover"), t.add(this.memoryStats), this.attributes = new U("Attributes", W(), W()), this.memoryStats.add(this.attributes), this.geometries = new U("Geometries", W(), "N/A"), this.memoryStats.add(this.geometries), this.indexAttributes = new U("Index Attributes", W(), W()), this.memoryStats.add(this.indexAttributes), this.indirectStorageAttributes = new U("Indirect Storage Attributes", W(), W()), this.memoryStats.add(this.indirectStorageAttributes), this.programs = new U("Programs", W(), W()), this.memoryStats.add(this.programs), this.readbackBuffers = new U("Readback Buffers", W(), W()), this.memoryStats.add(this.readbackBuffers), this.renderTargets = new U("Render Targets", W(), "N/A"), this.memoryStats.add(this.renderTargets), this.storageAttributes = new U("Storage Attributes", W(), W()), this.memoryStats.add(this.storageAttributes), this.textures = new U("Textures", W(), W()), this.memoryStats.add(this.textures), this.graph = i;
+		let o = new J(r);
+		o.itemRow.childNodes[0].style.gridColumn = "1 / -1", a.add(o), this.memoryStats = new J("Renderer Info", "", Y()), this.memoryStats.domElement.firstChild.classList.add("no-hover"), t.add(this.memoryStats), this.attributes = new J("Attributes", Y(), Y()), this.memoryStats.add(this.attributes), this.geometries = new J("Geometries", Y(), "N/A"), this.memoryStats.add(this.geometries), this.indexAttributes = new J("Index Attributes", Y(), Y()), this.memoryStats.add(this.indexAttributes), this.indirectStorageAttributes = new J("Indirect Storage Attributes", Y(), Y()), this.memoryStats.add(this.indirectStorageAttributes), this.programs = new J("Programs", Y(), Y()), this.memoryStats.add(this.programs), this.readbackBuffers = new J("Readback Buffers", Y(), Y()), this.memoryStats.add(this.readbackBuffers), this.renderTargets = new J("Render Targets", Y(), "N/A"), this.memoryStats.add(this.renderTargets), this.storageAttributes = new J("Storage Attributes", Y(), Y()), this.memoryStats.add(this.storageAttributes), this.textures = new J("Textures", Y(), Y()), this.memoryStats.add(this.textures), this.graph = i;
 	}
 	updateGraph(e) {
 		let t = e.getRenderer();
@@ -962,9 +1034,9 @@ var rt = class extends B {
 		let t = e.getRenderer();
 		if (!t) return;
 		let n = t.info.memory;
-		G(this.memoryStats.data[2], K(n.total)), G(this.attributes.data[1], n.attributes.toString()), G(this.attributes.data[2], K(n.attributesSize)), G(this.geometries.data[1], n.geometries.toString()), G(this.indexAttributes.data[1], n.indexAttributes.toString()), G(this.indexAttributes.data[2], K(n.indexAttributesSize)), G(this.indirectStorageAttributes.data[1], n.indirectStorageAttributes.toString()), G(this.indirectStorageAttributes.data[2], K(n.indirectStorageAttributesSize)), G(this.programs.data[1], n.programs.toString()), G(this.programs.data[2], K(n.programsSize)), G(this.readbackBuffers.data[1], n.readbackBuffers.toString()), G(this.readbackBuffers.data[2], K(n.readbackBuffersSize)), G(this.renderTargets.data[1], n.renderTargets.toString()), G(this.storageAttributes.data[1], n.storageAttributes.toString()), G(this.storageAttributes.data[2], K(n.storageAttributesSize)), G(this.textures.data[1], n.textures.toString()), G(this.textures.data[2], K(n.texturesSize));
+		X(this.memoryStats.data[2], Z(n.total)), X(this.attributes.data[1], n.attributes.toString()), X(this.attributes.data[2], Z(n.attributesSize)), X(this.geometries.data[1], n.geometries.toString()), X(this.indexAttributes.data[1], n.indexAttributes.toString()), X(this.indexAttributes.data[2], Z(n.indexAttributesSize)), X(this.indirectStorageAttributes.data[1], n.indirectStorageAttributes.toString()), X(this.indirectStorageAttributes.data[2], Z(n.indirectStorageAttributesSize)), X(this.programs.data[1], n.programs.toString()), X(this.programs.data[2], Z(n.programsSize)), X(this.readbackBuffers.data[1], n.readbackBuffers.toString()), X(this.readbackBuffers.data[2], Z(n.readbackBuffersSize)), X(this.renderTargets.data[1], n.renderTargets.toString()), X(this.storageAttributes.data[1], n.storageAttributes.toString()), X(this.storageAttributes.data[2], Z(n.storageAttributesSize)), X(this.textures.data[1], n.textures.toString()), X(this.textures.data[2], Z(n.texturesSize));
 	}
-}, at = class extends B {
+}, Xt = class extends q {
 	constructor(e = {}) {
 		super("Console", e), this.filters = {
 			info: !0,
@@ -1035,7 +1107,7 @@ var rt = class extends B {
 		let r = this.filters[e], i = t.toLowerCase().includes(this.filterText);
 		n.classList.toggle("hidden", !(r && i)), this.logContainer.appendChild(n), this.logContainer.scrollTop = this.logContainer.scrollHeight, this.logContainer.children.length > 200 && this.logContainer.removeChild(this.logContainer.firstChild);
 	}
-}, q = class extends b {
+}, Q = class extends ee {
 	constructor() {
 		super(), this.domElement = document.createElement("div"), this.domElement.className = "param-control", this._onChangeFunction = null, this.addEventListener("change", (e) => {
 			requestAnimationFrame(() => {
@@ -1058,7 +1130,7 @@ var rt = class extends B {
 	onChange(e) {
 		return this._onChangeFunction = e, this;
 	}
-}, ot = class extends q {
+}, Zt = class extends Q {
 	constructor({ value: e = 0, step: t = .1, min: n = -Infinity, max: r = Infinity }) {
 		super(), this.input = document.createElement("input"), this.input.type = "number", this.input.value = e, this.input.step = t, this.input.min = n, this.input.max = r, this.input.addEventListener("change", this._onChangeValue.bind(this)), this.domElement.appendChild(this.input), this.addDragHandler();
 	}
@@ -1089,7 +1161,7 @@ var rt = class extends B {
 	getValue() {
 		return parseFloat(this.input.value);
 	}
-}, st = class extends q {
+}, Qt = class extends Q {
 	constructor({ value: e = !1 }) {
 		super();
 		let t = document.createElement("label");
@@ -1107,10 +1179,10 @@ var rt = class extends B {
 	getValue() {
 		return this.checkbox.checked;
 	}
-}, ct = class extends q {
+}, $t = class extends Q {
 	constructor({ value: e = 0, min: t = 0, max: n = 1, step: r = .01 }) {
 		super(), this.slider = document.createElement("input"), this.slider.type = "range", this.slider.min = t, this.slider.max = n, this.slider.step = r;
-		let i = new ot({
+		let i = new Zt({
 			value: e,
 			min: t,
 			max: n,
@@ -1131,7 +1203,7 @@ var rt = class extends B {
 	step(e) {
 		return this.slider.step = e, this.numberInput.step = e, this;
 	}
-}, lt = class extends q {
+}, en = class extends Q {
 	constructor({ options: e = [], value: t = "" }) {
 		super();
 		let n = document.createElement("select"), r = (e, r) => {
@@ -1146,7 +1218,7 @@ var rt = class extends B {
 		let e = this.options;
 		return Array.isArray(e) ? e[this.select.selectedIndex] : e[this.select.value];
 	}
-}, ut = class extends q {
+}, tn = class extends Q {
 	constructor({ value: e = "#ffffff" }) {
 		super();
 		let t = document.createElement("input");
@@ -1162,13 +1234,13 @@ var rt = class extends B {
 		let e = this._value;
 		return typeof e == "string" && (e = parseInt(e.slice(1), 16)), e;
 	}
-}, dt = class extends q {
+}, nn = class extends Q {
 	constructor({ text: e = "Button", value: t = () => {} }) {
 		super();
 		let n = document.createElement("button");
 		n.textContent = e, n.onclick = t, this.domElement.appendChild(n);
 	}
-}, ft = class extends q {
+}, rn = class extends Q {
 	constructor({ value: e = "" }) {
 		super();
 		let t = document.createElement("input");
@@ -1182,9 +1254,9 @@ var rt = class extends B {
 	getValue() {
 		return this.input.value;
 	}
-}, pt = class e {
+}, an = class e {
 	constructor(e, t) {
-		this.parameters = e, this.name = t, this.paramList = new U(t), this.objects = [];
+		this.parameters = e, this.name = t, this.paramList = new J(t), this.objects = [];
 	}
 	close() {
 		return this.paramList.close(), this;
@@ -1211,13 +1283,13 @@ var rt = class extends B {
 		});
 	}
 	addString(e, t) {
-		let n = e[t], r = new ft({ value: n });
+		let n = e[t], r = new rn({ value: n });
 		r.addEventListener("change", ({ value: n }) => {
 			e[t] = n;
 		});
-		let i = W();
+		let i = Y();
 		i.textContent = t;
-		let a = new U(i, r.domElement);
+		let a = new J(i, r.domElement);
 		return this.paramList.add(a), a.domElement.firstChild.classList.add("actionable"), this._addParameter(e, t, r, a), r;
 	}
 	addFolder(t) {
@@ -1225,13 +1297,13 @@ var rt = class extends B {
 		return this.paramList.add(n.paramList), n;
 	}
 	addBoolean(e, t) {
-		let n = e[t], r = new st({ value: n });
+		let n = e[t], r = new Qt({ value: n });
 		r.addEventListener("change", ({ value: n }) => {
 			e[t] = n;
 		});
-		let i = W();
+		let i = Y();
 		i.textContent = t;
-		let a = new U(i, r.domElement);
+		let a = new J(i, r.domElement);
 		this.paramList.add(a);
 		let o = a.domElement.firstChild;
 		return o.classList.add("actionable"), o.addEventListener("click", (e) => {
@@ -1241,30 +1313,30 @@ var rt = class extends B {
 		}), this._addParameter(e, t, r, a), r;
 	}
 	addSelect(e, t, n) {
-		let r = e[t], i = new lt({
+		let r = e[t], i = new en({
 			options: n,
 			value: r
 		});
 		i.addEventListener("change", ({ value: n }) => {
 			e[t] = n;
 		});
-		let a = W();
+		let a = Y();
 		a.textContent = t;
-		let o = new U(a, i.domElement);
+		let o = new J(a, i.domElement);
 		return this.paramList.add(o), o.domElement.firstChild.classList.add("actionable"), this._addParameter(e, t, i, o), i;
 	}
 	addColor(e, t) {
-		let n = e[t], r = new ut({ value: n });
+		let n = e[t], r = new tn({ value: n });
 		r.addEventListener("change", ({ value: n }) => {
 			e[t] = n;
 		});
-		let i = W();
+		let i = Y();
 		i.textContent = t;
-		let a = new U(i, r.domElement);
+		let a = new J(i, r.domElement);
 		return this.paramList.add(a), a.domElement.firstChild.classList.add("actionable"), this._addParameter(e, t, r, a), r;
 	}
 	addSlider(e, t, n = 0, r = 1, i = .01) {
-		let a = e[t], o = new ct({
+		let a = e[t], o = new $t({
 			value: a,
 			min: n,
 			max: r,
@@ -1273,13 +1345,13 @@ var rt = class extends B {
 		o.addEventListener("change", ({ value: n }) => {
 			e[t] = n;
 		});
-		let s = W();
+		let s = Y();
 		s.textContent = t;
-		let c = new U(s, o.domElement);
+		let c = new J(s, o.domElement);
 		return this.paramList.add(c), c.domElement.firstChild.classList.add("actionable"), this._addParameter(e, t, o, c), o;
 	}
 	addNumber(e, t, ...n) {
-		let r = e[t], [i, a] = n, o = new ot({
+		let r = e[t], [i, a] = n, o = new Zt({
 			value: r,
 			min: i,
 			max: a
@@ -1287,81 +1359,81 @@ var rt = class extends B {
 		o.addEventListener("change", ({ value: n }) => {
 			e[t] = n;
 		});
-		let s = W();
+		let s = Y();
 		s.textContent = t;
-		let c = new U(s, o.domElement);
+		let c = new J(s, o.domElement);
 		return this.paramList.add(c), c.domElement.firstChild.classList.add("actionable"), this._addParameter(e, t, o, c), o;
 	}
 	addButton(e, t) {
-		let n = e[t], r = new dt({
+		let n = e[t], r = new nn({
 			text: t,
 			value: n
 		});
 		r.addEventListener("change", ({ value: n }) => {
 			e[t] = n;
 		});
-		let i = new U(r.domElement);
+		let i = new J(r.domElement);
 		return i.itemRow.childNodes[0].style.gridColumn = "1 / -1", this.paramList.add(i), i.domElement.firstChild.classList.add("actionable"), r.name = (e) => (r.domElement.childNodes[0].textContent = e, r), this._registerParameter(e, t, r, i), r;
 	}
-}, mt = class extends B {
+}, on = class extends q {
 	constructor(e = {}) {
 		super(e.name || "Parameters", e);
-		let t = new V("Property", "Value");
+		let t = new Wt("Property", "Value");
 		t.domElement.classList.add("parameters"), t.setGridStyle(".5fr 1fr"), t.domElement.style.minWidth = "300px";
 		let n = document.createElement("div");
 		n.className = "list-scroll-wrapper", n.appendChild(t.domElement), this.content.appendChild(n), this.paramList = t, this.groups = [];
 	}
 	createGroup(e) {
-		let t = new pt(this, e);
+		let t = new an(this, e);
 		return this.paramList.add(t.paramList), this.groups.push(t), t;
 	}
-}, ht = "../extensions/extensions.json", J = T.prototype.init;
-function gt(e) {
-	e ? T.prototype.init = async function() {
+}, sn = "../extensions/extensions.json", cn = be.prototype.init;
+function ln(e) {
+	e ? be.prototype.init = async function() {
 		if (this.backend.isWebGLBackend !== !0) {
 			let e = this.backend.parameters;
-			this.backend = new we(e);
+			this.backend = new Ce(e);
 		}
-		return J.call(this);
-	} : T.prototype.init = J;
+		return cn.call(this);
+	} : be.prototype.init = cn;
 }
-var Y = null;
-function _t() {
-	if (Y !== null) return Y;
-	let e = Q("settings");
-	return Y = {
+var $ = null;
+function un() {
+	if ($ !== null) return $;
+	let e = yn("settings");
+	return $ = {
 		forceWebGL: e.forceWebGL === void 0 ? !1 : e.forceWebGL,
 		captureStackTrace: e.captureStackTrace === void 0 ? !1 : e.captureStackTrace,
 		activeExtensions: e.activeExtensions === void 0 ? {} : e.activeExtensions
-	}, Y.forceWebGL && gt(!0), Y.captureStackTrace && (Ce.captureStackTrace = !0), Y;
+	}, $.forceWebGL && ln(!0), $.captureStackTrace && (Se.captureStackTrace = !0), $;
 }
-function X() {
-	$("settings", {
-		forceWebGL: Y.forceWebGL,
-		captureStackTrace: Y.captureStackTrace,
-		activeExtensions: Y.activeExtensions
+function dn() {
+	bn("settings", {
+		forceWebGL: $.forceWebGL,
+		captureStackTrace: $.captureStackTrace,
+		activeExtensions: $.activeExtensions
 	});
 }
-_t();
-var vt = class extends mt {
+un();
+var fn = class extends on {
 	constructor() {
 		super({ name: "Settings" }), this.extensions = {};
-		let e = _t(), t = this.createGroup("Renderer");
+		let e = un(), t = this.createGroup("Renderer");
 		t.add(e, "forceWebGL").name("Force WebGL").onChange((e) => {
-			gt(e), X(), location.reload();
+			ln(e), dn(), location.reload();
 		}), t.add(e, "captureStackTrace").name("Capture Stack Trace").onChange((e) => {
-			Ce.captureStackTrace = e, X(), location.reload();
+			Se.captureStackTrace = e, dn(), location.reload();
 		});
 	}
 	init() {
 		let e = this.createGroup("Extensions");
 		this._getExtensions().then((t) => {
 			for (let n of t) n.active = !1, n.loaded = !1, n.tab = null, this.extensions[n.name] = n, n.ui = e.add({ [n.name]: !1 }, n.name).onChange(async (e) => {
-				this.setActiveExtension(n.name, e), e ? Y.activeExtensions[n.name] = {
+				this.setActiveExtension(n.name, e), e ? $.activeExtensions[n.name] = {
 					name: n.name,
 					url: n.url
-				} : delete Y.activeExtensions[n.name], this._updateExtensionUI(n), X();
-			}), Y.activeExtensions[n.name] !== void 0 && n.ui.setValue(!0);
+				} : delete $.activeExtensions[n.name], this._updateExtensionUI(n), dn();
+			}), $.activeExtensions[n.name] !== void 0 && n.ui.setValue(!0);
 		});
 	}
 	async setActiveExtension(e, t) {
@@ -1369,7 +1441,7 @@ var vt = class extends mt {
 		n && (t ? await this._loadExtension(r, n) : await this._unloadExtension(r, n));
 	}
 	_updateExtensionUI(e) {
-		e.active && Y.activeExtensions[e.name] === void 0 ? (e.ui.checkbox.checked = !0, e.ui.domElement.style.setProperty("--accent-color", "var(--color-green)")) : e.ui.domElement.style.removeProperty("--accent-color");
+		e.active && $.activeExtensions[e.name] === void 0 ? (e.ui.checkbox.checked = !0, e.ui.domElement.style.setProperty("--accent-color", "var(--color-green)")) : e.ui.domElement.style.removeProperty("--accent-color");
 	}
 	async _unloadExtension(e, t) {
 		t.active !== !1 && (e.removeTab(t.tab), t.active = !1, t.loaded = !1, t.tab = null, this._updateExtensionUI(t), this.dispatchEvent({
@@ -1380,7 +1452,7 @@ var vt = class extends mt {
 	async _loadExtension(e, t) {
 		if (t.active === !0) return;
 		t.active = !0;
-		let n = await import(new URL(t.url, new URL(ht, import.meta.url)).href), r = n[Object.keys(n)[0]], i = new r();
+		let n = await import(new URL(t.url, new URL(sn, import.meta.url)).href), r = n[Object.keys(n)[0]], i = new r();
 		e.addTab(i), t.loaded = !0, t.tab = i, this._updateExtensionUI(t), this.dispatchEvent({
 			type: "extensionadded",
 			name: t.name,
@@ -1388,52 +1460,52 @@ var vt = class extends mt {
 		});
 	}
 	async _getExtensions() {
-		let e = new URL(ht, import.meta.url);
+		let e = new URL(sn, import.meta.url);
 		return await fetch(e).then((e) => e.json());
 	}
-}, yt = /* @__PURE__ */ E(([e, t]) => {
-	let n = N(0);
-	Pe(() => {
+}, pn = /* @__PURE__ */ A(([e, t]) => {
+	let n = V(0);
+	at(() => {
 		let { width: e, height: r } = t.value;
 		n.value = e / r;
 	});
-	let r = e.sub(.5), i = P(r.x.div(n), r.y).add(.5);
-	return F(i, j(0, i.x).mul(j(i.x, 1)).mul(j(0, i.y)).mul(j(i.y, 1)));
-}), bt = class extends B {
+	let r = e.sub(.5), i = H(r.x.div(n), r.y).add(.5);
+	return U(i, Ct(0, i.x).mul(Ct(i.x, 1)).mul(Ct(0, i.y)).mul(Ct(i.y, 1)));
+}), mn = class extends q {
 	constructor(e = {}) {
 		super("Viewer", e);
-		let t = new V("Viewer", "Name");
+		let t = new Wt("Viewer", "Name");
 		t.setGridStyle("150px minmax(200px, 2fr)"), t.domElement.style.minWidth = "400px";
 		let n = document.createElement("div");
 		n.className = "list-scroll-wrapper", n.appendChild(t.domElement), this.content.appendChild(n);
-		let r = new U("Nodes");
+		let r = new J("Nodes");
 		t.add(r), this.itemLibrary = /* @__PURE__ */ new Map(), this.folderLibrary = /* @__PURE__ */ new Map(), this.canvasNodes = /* @__PURE__ */ new Map(), this.currentDataList = [], this.nodeList = t, this.nodes = r;
 	}
 	getFolder(e) {
 		let t = this.folderLibrary.get(e);
-		return t === void 0 && (t = new U(e), this.folderLibrary.set(e, t), this.nodeList.add(t)), t;
+		return t === void 0 && (t = new J(e), this.folderLibrary.set(e, t), this.nodeList.add(t)), t;
 	}
 	addNodeItem(e) {
 		let t = this.itemLibrary.get(e.id);
 		if (t === void 0) {
 			let n = e.name, r = e.canvasTarget.domElement;
-			t = new U(r, n), t.itemRow.children[1].style["justify-content"] = "flex-start", this.itemLibrary.set(e.id, t);
+			t = new J(r, n), t.itemRow.children[1].style["justify-content"] = "flex-start", this.itemLibrary.set(e.id, t);
 		}
 		return t;
 	}
 	getCanvasDataByNode(e, t) {
 		let n = this.canvasNodes.get(t);
 		if (n === void 0) {
-			let r = new De(document.createElement("canvas"));
+			let r = new Ee(document.createElement("canvas"));
 			r.setPixelRatio(window.devicePixelRatio), r.setSize(140, 140);
-			let i = t.id, { path: a, name: o } = tt(nt(t.getName() || "(unnamed)")), s = I(F(t.context({ getUV: (e) => {
-				let t = yt(A, e), n = t.xy, r = t.z;
+			let i = t.id, { path: a, name: o } = Kt(qt(t.getName() || "(unnamed)")), s = W(U(t.context({ getUV: (e) => {
+				let t = pn(vt, e), n = t.xy, r = t.z;
 				return n.mul(r);
 			} })), 1);
-			s = Be(s, 0, e.outputColorSpace), s = s.context({ inspector: !0 });
-			let c = new S();
+			s = ht(s, 0, e.outputColorSpace), s = s.context({ inspector: !0 });
+			let c = new D();
 			c.outputNode = s;
-			let l = new Te(c);
+			let l = new we(c);
 			l.name = "Viewer - " + o, n = {
 				id: i,
 				name: o,
@@ -1469,13 +1541,13 @@ var vt = class extends mt {
 				a[o] === void 0 && (a[o] = 0), (e.parent === null || n.parent !== e || e.children.indexOf(n) !== a[o]) && e.add(n), a[o]++;
 			} else n.parent || this.nodes.add(n);
 			this.currentDataList = r;
-			let s = w.resetRendererState(t);
-			t.toneMapping = 0, t.outputColorSpace = p, t.setCanvasTarget(e.canvasTarget), e.quad.render(t), t.setCanvasTarget(i), w.restoreRendererState(t, s);
+			let s = k.resetRendererState(t);
+			t.toneMapping = 0, t.outputColorSpace = p, t.setCanvasTarget(e.canvasTarget), e.quad.render(t), t.setCanvasTarget(i), k.restoreRendererState(t, s);
 		}
 	}
-}, xt = 500, St = 60, Ct = class extends B {
+}, hn = 500, gn = 60, _n = class extends q {
 	constructor(e = {}) {
-		super("Timeline", e), this.isRecording = !1, this.frames = [], this.baseTriangles = 0, this.currentFrame = null, this.isHierarchicalView = !0, this.callBlocks = /* @__PURE__ */ new WeakMap(), this.fallbackBlocks = [], this.originalBackend = null, this.originalMethods = /* @__PURE__ */ new Map(), this.renderer = null, this.graph = new H(xt), this.graph.addLine("fps", "var( --color-fps )"), this.graph.addLine("calls", "var( --color-call )"), this.graph.addLine("triangles", "var( --color-red )");
+		super("Timeline", e), this.isRecording = !1, this.frames = [], this.baseTriangles = 0, this.currentFrame = null, this.isHierarchicalView = !0, this.callBlocks = /* @__PURE__ */ new WeakMap(), this.fallbackBlocks = [], this.originalBackend = null, this.originalMethods = /* @__PURE__ */ new Map(), this.renderer = null, this.graph = new Gt(hn), this.graph.addLine("fps", "var( --color-fps )"), this.graph.addLine("calls", "var( --color-call )"), this.graph.addLine("triangles", "var( --color-red )");
 		let t = document.createElement("div");
 		t.className = "list-scroll-wrapper", this.scrollWrapper = t, this.content.appendChild(t), this.buildHeader(), this.buildUI(), window.addEventListener("resize", () => {
 			!this.isRecording && this.frames.length > 0 && this.renderSlider();
@@ -1488,8 +1560,8 @@ var vt = class extends mt {
 		t.className = "console-copy-button", t.title = "Clear", t.innerHTML = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3 6 5 6 21 6\"></polyline><path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"></path><line x1=\"10\" y1=\"11\" x2=\"10\" y2=\"17\"></line><line x1=\"14\" y1=\"11\" x2=\"14\" y2=\"17\"></line></svg>", t.style.padding = "0 10px", t.style.lineHeight = "24px", t.style.display = "flex", t.style.alignItems = "center", t.addEventListener("click", () => this.clear()), this.viewModeButton = document.createElement("button"), this.viewModeButton.className = "console-copy-button", this.viewModeButton.title = "Toggle View Mode", this.viewModeButton.textContent = "Mode: Hierarchy", this.viewModeButton.style.padding = "0 10px", this.viewModeButton.style.lineHeight = "24px", this.viewModeButton.addEventListener("click", () => {
 			this.isHierarchicalView = !this.isHierarchicalView, this.viewModeButton.textContent = this.isHierarchicalView ? "Mode: Hierarchy" : "Mode: Counts", this.selectedFrameIndex !== void 0 && this.selectedFrameIndex !== -1 && this.selectFrame(this.selectedFrameIndex);
 		}), this.recordRefreshButton = document.createElement("button"), this.recordRefreshButton.className = "console-copy-button", this.recordRefreshButton.title = "Refresh & Record", this.recordRefreshButton.innerHTML = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8\"></path><path d=\"M21 3v5h-5\"></path><circle cx=\"12\" cy=\"12\" r=\"3\" fill=\"currentColor\"></circle></svg>", this.recordRefreshButton.style.padding = "0 10px", this.recordRefreshButton.style.lineHeight = "24px", this.recordRefreshButton.style.display = "flex", this.recordRefreshButton.style.alignItems = "center", this.recordRefreshButton.addEventListener("click", () => {
-			let e = Q("timeline");
-			e.recording = !0, $("timeline", e), window.location.reload();
+			let e = yn("timeline");
+			e.recording = !0, bn("timeline", e), window.location.reload();
 		}), this.exportButton = document.createElement("button"), this.exportButton.className = "console-copy-button", this.exportButton.title = "Export", this.exportButton.innerHTML = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path><polyline points=\"7 10 12 15 17 10\"></polyline><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"></line></svg>", this.exportButton.style.padding = "0 10px", this.exportButton.style.lineHeight = "24px", this.exportButton.style.display = "flex", this.exportButton.style.alignItems = "center", this.exportButton.addEventListener("click", () => this.exportData());
 		let n = document.createElement("div");
 		n.className = "console-buttons-group", n.appendChild(this.viewModeButton), n.appendChild(this.recordButton), n.appendChild(this.recordRefreshButton), n.appendChild(this.exportButton), n.appendChild(t), e.style.display = "flex", e.style.justifyContent = "space-between", e.style.padding = "6px", e.style.borderBottom = "1px solid var(--border-color)";
@@ -1571,8 +1643,8 @@ var vt = class extends mt {
 	}
 	setRenderer(e) {
 		this.renderer = e;
-		let t = Q("timeline");
-		t.recording && (t.recording = !1, $("timeline", t), this.toggleRecording());
+		let t = yn("timeline");
+		t.recording && (t.recording = !1, bn("timeline", t), this.toggleRecording());
 	}
 	toggleRecording() {
 		if (!this.renderer) {
@@ -1602,7 +1674,7 @@ var vt = class extends mt {
 								for (let t = 0; t < n.length; t++) n[t] *= e;
 							}
 						}
-						let t = this.baseTriangles > 0 ? e / this.baseTriangles * St : 0;
+						let t = this.baseTriangles > 0 ? e / this.baseTriangles * gn : 0;
 						this.graph.addPoint("calls", this.currentFrame.calls.length), this.graph.addPoint("fps", this.currentFrame.fps), this.graph.addPoint("triangles", t), this.graph.update();
 					}
 					if (this.currentFrame = {
@@ -1610,7 +1682,7 @@ var vt = class extends mt {
 						calls: [],
 						fps: 0,
 						triangles: 0
-					}, this.frames.push(this.currentFrame), this.frames.length > xt && this.frames.shift(), !this.isManualScrubbing) {
+					}, this.frames.push(this.currentFrame), this.frames.length > hn && this.frames.shift(), !this.isManualScrubbing) {
 						if (this.isTrackingLatest) {
 							let e = this.frames.length > 1 ? this.frames.length - 2 : 0;
 							this.selectFrame(e);
@@ -1653,30 +1725,30 @@ var vt = class extends mt {
 			switch (e.type) {
 				case v:
 				case g: return "8";
-				case se:
-				case fe:
-				case re:
+				case ie:
+				case le:
+				case C:
 				case m:
-				case ue: return "16";
-				case de:
-				case _:
+				case se: return "16";
 				case ce:
-				case te:
+				case _:
+				case ae:
+				case x:
 				case y:
-				case ie: return "32";
+				case te: return "32";
 				default: return "?";
 			}
 		}, l = (e) => {
 			switch (e.format) {
-				case le: return "a";
+				case oe: return "a";
 				case s:
-				case ee: return "r";
+				case b: return "r";
 				case c:
 				case n: return "rg";
-				case ae:
-				case ne: return "rgb";
+				case ne:
+				case S: return "rgb";
 				case o: return "depth";
-				case oe: return "depth-stencil";
+				case re: return "depth-stencil";
 				case f:
 				case i:
 				default: return "rgba";
@@ -1878,7 +1950,7 @@ var vt = class extends mt {
 			r > t && (t = r);
 		}
 		for (let n = 0; n < e.length; n++) {
-			let r = e[n].triangles || 0, i = t > 0 ? r / t * St : 0;
+			let r = e[n].triangles || 0, i = t > 0 ? r / t * gn : 0;
 			this.graph.addPoint("calls", e[n].calls.length), this.graph.addPoint("fps", e[n].fps || 0), this.graph.addPoint("triangles", i);
 		}
 		this.graph.update(), this.playhead.style.display = "block";
@@ -1971,27 +2043,27 @@ var vt = class extends mt {
 	getColorForMethod(e) {
 		return e.startsWith("begin") ? "var(--color-green)" : e.startsWith("finish") || e.startsWith("destroy") ? "var(--color-red)" : e.startsWith("draw") || e.startsWith("compute") || e.startsWith("create") || e.startsWith("generate") ? "var(--color-yellow)" : "var(--text-secondary)";
 	}
-}, Z = class extends Qe {
+}, vn = class extends Vt {
 	constructor() {
 		super();
-		let e = new et(this);
+		let e = new Ut(this);
 		e.addEventListener("resize", (e) => this.dispatchEvent(e));
-		let t = new mt({
+		let t = new on({
 			builtin: !0,
 			icon: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path stroke=\"none\" d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M14 6m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" /><path d=\"M4 6l8 0\" /><path d=\"M16 6l4 0\" /><path d=\"M8 12m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" /><path d=\"M4 12l2 0\" /><path d=\"M10 12l10 0\" /><path d=\"M17 18m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0\" /><path d=\"M4 18l11 0\" /><path d=\"M19 18l1 0\" /></svg>"
 		});
 		t.hide(), e.addTab(t);
-		let n = new bt();
+		let n = new mn();
 		n.hide(), e.addTab(n);
-		let r = new rt();
+		let r = new Jt();
 		e.addTab(r);
-		let i = new it();
+		let i = new Yt();
 		e.addTab(i);
-		let a = new Ct();
+		let a = new _n();
 		e.addTab(a);
-		let o = new at();
+		let o = new Xt();
 		e.addTab(o);
-		let s = new vt();
+		let s = new fn();
 		e.addTab(s), e.loadLayout(), e.activeTabId || e.setActiveTab(r.id), this.statsData = /* @__PURE__ */ new Map(), this.profiler = e, this.performance = r, this.memory = i, this.console = o, this.parameters = t, this.viewer = n, this.timeline = a, this.settings = s, this.once = {}, this.extensionsData = /* @__PURE__ */ new WeakMap(), this.displayCycle = {
 			text: {
 				needsUpdate: !1,
@@ -2104,89 +2176,387 @@ var vt = class extends mt {
 				let n = this.getStatsData(t.cid);
 				e.cpu += n.cpu, e.gpu += n.gpu, e.total += n.total;
 			}
-			e.deltaTime = t.startTime - e.startTime, e.miscellaneous = e.deltaTime - e.total, e.miscellaneous < 0 && (e.miscellaneous = 0), this.updateCycle(this.displayCycle.text), this.updateCycle(this.displayCycle.graph), this.displayCycle.text.needsUpdate && (G("fps-counter", this.fps.toFixed()), this.performance.updateText(this, e), this.memory.updateText(this)), this.displayCycle.graph.needsUpdate && (this.performance.updateGraph(this, e), this.memory.updateGraph(this)), this.displayCycle.text.needsUpdate = !1, this.displayCycle.graph.needsUpdate = !1;
+			e.deltaTime = t.startTime - e.startTime, e.miscellaneous = e.deltaTime - e.total, e.miscellaneous < 0 && (e.miscellaneous = 0), this.updateCycle(this.displayCycle.text), this.updateCycle(this.displayCycle.graph), this.displayCycle.text.needsUpdate && (X("fps-counter", this.fps.toFixed()), this.performance.updateText(this, e), this.memory.updateText(this)), this.displayCycle.graph.needsUpdate && (this.performance.updateGraph(this, e), this.memory.updateGraph(this)), this.displayCycle.text.needsUpdate = !1, this.displayCycle.graph.needsUpdate = !1;
 		}
 	}
 	updateCycle(e) {
 		e.time += this.nodeFrame.deltaTime, e.time >= e.duration && (e.needsUpdate = !0, e.time = 0);
 	}
 	static getItem(e) {
-		return console.warn("Inspector.getItem is deprecated. Use getItem directly instead."), Q(e);
+		return console.warn("Inspector.getItem is deprecated. Use getItem directly instead."), yn(e);
 	}
 	static setItem(e, t) {
-		console.warn("Inspector.setItem is deprecated. Use setItem directly instead."), $(e, t);
+		console.warn("Inspector.setItem is deprecated. Use setItem directly instead."), bn(e, t);
 	}
 };
-function Q(e) {
+function yn(e) {
 	return JSON.parse(localStorage.getItem("threejs-inspector") || "{}")[e] || {};
 }
-function $(e, t) {
+function bn(e, t) {
 	let n = JSON.parse(localStorage.getItem("threejs-inspector") || "{}");
 	t === null ? delete n[e] : n[e] = t, localStorage.setItem("threejs-inspector", JSON.stringify(n));
 }
 //#endregion
-//#region packages/common-core/src/webgpu/roomle-webgpu-renderer.ts
-var wt = class extends ve {
-	constructor(e, t, n) {
-		super(e, t), this.passNeedsReassembly = !0, this.debugMode = "off", this.renderPasses = /* @__PURE__ */ new Map(), this.guiParameterGroups = /* @__PURE__ */ new Map(), this.renderPipeline = new Ee(t), n && this.enableOutline(n.outlineVisibleEdgeColor, n.outlineHiddenEdgeColor);
+//#region ../../node_modules/three/examples/jsm/tsl/display/SSGINode.js
+var xn = /* @__PURE__ */ new we(), Sn = /* @__PURE__ */ new h(), Cn = [
+	60,
+	300,
+	180,
+	240,
+	120,
+	0
+], wn = [
+	0,
+	.5,
+	.25,
+	.75
+], Tn, En = class extends ve {
+	static get type() {
+		return "SSGINode";
 	}
-	addRenderPass(e) {
-		this.renderPasses.set(e.passId, e), this.passNeedsReassembly = !0;
+	constructor(t, n, r, i) {
+		super("vec4"), this.beautyNode = t, this.depthNode = n, this.normalNode = r, this.updateBeforeType = ke.FRAME, this.sliceCount = V(1, "uint"), this.stepCount = V(12, "uint"), this.aoIntensity = V(1, "float"), this.giIntensity = V(10, "float"), this.radius = V(12, "float"), this.useScreenSpaceSampling = V(!0, "bool"), this.expFactor = V(2, "float"), this.thickness = V(1, "float"), this.useLinearThickness = V(!1, "bool"), this.backfaceLighting = V(0, "float"), this.useTemporalFiltering = !0, this._resolution = V(new h()), this._halfProjScale = V(1), this._temporalDirection = V(0), this._temporalOffset = V(0), this._cameraProjectionMatrix = V(i.projectionMatrix), this._cameraProjectionMatrixInverse = V(i.projectionMatrixInverse), this._cameraNear = mt("near", "float", i), this._cameraFar = mt("far", "float", i), this._camera = i, this._ssgiRenderTarget = new e(1, 1, { depthBuffer: !1 }), this._ssgiRenderTarget.texture.name = "SSGI", this._material = new D(), this._material.name = "SSGI", this._textureNode = lt(this, this._ssgiRenderTarget.texture);
+	}
+	getTextureNode() {
+		return this._textureNode;
+	}
+	setSize(e, t) {
+		this._resolution.value.set(e, t), this._ssgiRenderTarget.setSize(e, t), this._halfProjScale.value = t / (Math.tan(this._camera.fov * T.DEG2RAD * .5) * 2) * .5;
+	}
+	updateBefore(e) {
+		let { renderer: t } = e;
+		Tn = k.resetRendererState(t, Tn);
+		let n = t.getDrawingBufferSize(Sn);
+		if (this.setSize(n.width, n.height), this.useTemporalFiltering === !0) {
+			let t = e.frameId;
+			this._temporalDirection.value = Cn[t % 6] / 360, this._temporalOffset.value = wn[t % 4];
+		} else this._temporalDirection.value = 1, this._temporalOffset.value = 1;
+		xn.material = this._material, xn.name = "SSGI", t.setClearColor(0, 1), t.setRenderTarget(this._ssgiRenderTarget), xn.render(t), k.restoreRendererState(t, Tn);
+	}
+	setup(e) {
+		let t = Dt(), n = B(32), r = B(0), i = (t) => {
+			let n = this.depthNode.sample(t).r;
+			return e.renderer.logarithmicDepthBuffer === !0 ? At(Qe(n, this._cameraNear, this._cameraFar), this._cameraNear, this._cameraFar) : n;
+		}, a = (e) => this.normalNode === null ? qe(e, this.depthNode.value, this._cameraProjectionMatrixInverse) : this.normalNode.sample(e).rgb.normalize(), o = (e) => this.beautyNode.sample(e), s = A(([e]) => F(.25).mul(Tt(e.y, e.x).bitAnd(3))).setLayout({
+			name: "spatialOffsets",
+			type: "float",
+			inputs: [{
+				name: "position",
+				type: "vec2"
+			}]
+		}), c = A(([e]) => {
+			let t = M(e).mul(F(-.156583)).add(je);
+			return t.mulAssign(St(M(e).oneMinus())), H(e.x.greaterThanEqual(0).select(t.x, Ae.sub(t.x)), e.y.greaterThanEqual(0).select(t.y, Ae.sub(t.y)));
+		}).setLayout({
+			name: "GTAOFastAcos",
+			type: "vec2",
+			inputs: [{
+				name: "value",
+				type: "vec2"
+			}]
+		}), l = A(([e, t, s, l, u, d, f, p, m]) => {
+			let h = this.stepCount.toConst(), g = this.expFactor.toConst(), _ = this.thickness.toConst(), v = this.backfaceLighting.toConst(), y = F(0);
+			j(this.useScreenSpaceSampling.equal(!0), () => {
+				y.assign(t.mul(this._resolution.x.div(2)).div(F(16)));
+			}).Else(() => {
+				y.assign(I(t.mul(this._halfProjScale).div(s.z.negate()), F(h)));
+			}), y.divAssign(F(h).add(1));
+			let b = I(1, F(h.sub(1))).mul(y), x = e.equal(!0).select(H(1, -1), H(-1, 1)), S = e.equal(!0).select(1, -1), C = U(0);
+			return Oe({
+				start: B(0),
+				end: h,
+				type: "uint",
+				condition: "<"
+			}, ({ i: t }) => {
+				let h = ft(M(L(y, F(t).add(u)).div(b)), g).mul(b).toConst(), ee = l.mul(I(h, F(t).add(1))).toConst(), w = d.add(ee.mul(x)).toConst();
+				j(w.x.lessThanEqual(0).or(w.y.lessThanEqual(0)).or(w.x.greaterThanEqual(1)).or(w.y.greaterThanEqual(1)), () => {
+					De();
+				});
+				let te = Ye(w, i(w), this._cameraProjectionMatrixInverse).toConst(), ne = te.sub(s).normalize().toConst(), re = this.useLinearThickness.equal(!0).select(te.z.negate().div(this._cameraFar).clamp().mul(100), F(1)), ie = R(te.sub(re.mul(f).mul(_)).sub(s)), T = H(P(ne, f), P(ie, f));
+				T = c(N(T, -1, 1)), T = N(We(L(S, T.negate()).sub(m.sub(je)), Ae)), T = e.equal(!0).select(T.yx, T.xy);
+				let E = T.x.toConst(), ae = T.y.toConst(), oe = B(T.mul(F(n))).toConst(), se = B(Fe(ae.sub(E).mul(F(n)))).toConst(), ce = se.greaterThan(B(0)).select(B(yt(B(4294967295), B(32).sub(n).add(n.sub(se)))), B(0)).toConst().shiftLeft(oe);
+				ce = ce.bitAnd(r.bitNot()), r.assign(r.bitOr(ce));
+				let le = ze(ce);
+				j(le.greaterThan(0), () => {
+					let e = o(w);
+					j($e(e).greaterThan(.001), () => {
+						let t = R(ne), r = N(P(p, t));
+						j(r.greaterThan(.001), () => {
+							let i = a(w), o = P(i, t.negate()), s = bt(o).lessThan(0).select(M(o).mul(v), M(o));
+							o = v.greaterThan(0).and(P(i, f).greaterThan(0)).select(s, N(o)), C.rgb.addAssign(F(le).div(F(n)).mul(e).mul(r).mul(o));
+						});
+					});
+				});
+			}), U(C);
+		}), u = A(() => {
+			let e = i(t).toVar();
+			e.greaterThanEqual(1).discard();
+			let o = Ye(t, e, this._cameraProjectionMatrixInverse).toVar(), c = a(t).toVar(), u = R(o.xyz.negate()).toVar(), d = s(_t), f = Je(_t), p = this._temporalDirection.mul(.02), m = Ke(d.add(this._temporalOffset)).add(pt(t.add(p).mul(2).sub(1))), h = F(0), g = U(0), _ = this.sliceCount.toConst(), v = this.aoIntensity.toConst(), y = this.giIntensity.toConst(), b = this.radius.toConst();
+			Oe({
+				start: B(0),
+				end: _,
+				type: "uint",
+				condition: "<"
+			}, ({ i: e }) => {
+				let i = L(F(e).add(f).add(this._temporalDirection), Ae.div(F(_))).toConst(), a = U(H(Be(i), xt(i)), 0).toConst(), s = a.xy.mul(F(1).div(this._resolution)).toConst(), d = R(Ve(a, u)).toConst(), p = Ve(u, d).toConst(), v = c.sub(d.mul(P(c, d))).toConst(), y = N(P(R(v).toConst(), u), -1, 1).toConst(), x = bt(P(v, p)).negate().mul(Me(y)).toConst();
+				r.assign(0), g.addAssign(l(Pe(!0), b, o, s, m, t, u, c, x)), g.addAssign(l(Pe(!1), b, o, s, m, t, u, c, x)), h.addAssign(F(ze(r)).div(F(n)));
+			}), h.divAssign(F(_)), h.assign(ft(h.clamp().oneMinus(), v).clamp()), g.divAssign(F(_)), g.mulAssign(y);
+			let x = F(7).toConst(), S = $e(g), C = S.greaterThan(x).select(x.div(S), F(1));
+			return g.mulAssign(C), W(g, h);
+		});
+		return this._material.fragmentNode = u().context(e.getSharedContext()), this._material.needsUpdate = !0, this._textureNode;
+	}
+	dispose() {
+		this._ssgiRenderTarget.dispose(), this._material.dispose();
+	}
+}, Dn = (e, t, n, r) => new En(Re(e), t, n, r), On = class e extends It {
+	static {
+		this.passId = "SsgiRenderPass";
+	}
+	constructor(t) {
+		super(), this.passId = e.passId, this.sliceCount = V(t.sliceCount, "uint"), this.stepCount = V(t.stepCount, "uint"), this.radius = V(t.radius), this.expFactor = V(t.expFactor), this.thickness = V(t.thickness), this.backfaceLighting = V(t.backfaceLighting), this.aoIntensity = V(t.aoIntensity), this.giIntensity = V(t.giIntensity), this.useLinearThickness = V(t.useLinearThickness), this.useScreenSpaceSampling = V(t.useScreenSpaceSampling);
+	}
+	addParametersToGUI(e, t) {
+		let n = e.addFolder("SSGI Settings");
+		n.add(this.sliceCount, "value", 1, 4, 1).name("slice count").onChange(() => t()), n.add(this.stepCount, "value", 1, 32, 1).name("step count").onChange(() => t()), n.add(this.radius, "value", 1, 25).name("radius").onChange(() => t()), n.add(this.expFactor, "value", 1, 3).name("exp factor").onChange(() => t()), n.add(this.thickness, "value", .01, 10).name("thickness").onChange(() => t()), n.add(this.backfaceLighting, "value", 0, 1).name("backface lighting").onChange(() => t()), n.add(this.aoIntensity, "value", 0, 4).name("AO intensity").onChange(() => t()), n.add(this.giIntensity, "value", 0, 100).name("GI intensity").onChange(() => t()), n.add(this.useLinearThickness, "value").name("use linear thickness").onChange(() => t()), n.add(this.useScreenSpaceSampling, "value").name("use screen-space sampling").onChange(() => t());
+	}
+	assemble(e, t, n, i, a) {
+		if (!(i instanceof r)) return t;
+		e.setMRT(nt({
+			output: st,
+			diffuseColor: He,
+			normal: Ue(it),
+			velocity: Ot
+		}));
+		let o = e.getTextureNode("output"), s = e.getTextureNode("diffuseColor"), c = e.getTextureNode("depth"), l = e.getTextureNode("normal"), u = Dn(o, c, gt((e) => Le(l.sample(e))), i);
+		u.sliceCount = this.sliceCount, u.stepCount = this.stepCount, u.radius = this.radius, u.expFactor = this.expFactor, u.thickness = this.thickness, u.backfaceLighting = this.backfaceLighting, u.aoIntensity = this.aoIntensity, u.giIntensity = this.giIntensity, u.useLinearThickness = this.useLinearThickness, u.useScreenSpaceSampling = this.useScreenSpaceSampling;
+		let d = u.rgb, f = u.a, p = W(Ne(o.rgb.mul(f), s.rgb.mul(d)), o.a);
+		return p.name = "Ssgi Composite", a === "ao only" ? W(U(f), 1) : a === "gi only" ? W(d, 1) : a === "direct lighting only" ? o : p;
+	}
+}, kn = /* @__PURE__ */ new we(), An = /* @__PURE__ */ new h(), jn, Mn = class extends ve {
+	static get type() {
+		return "TRAANode";
+	}
+	constructor(t, n, r, i) {
+		super("vec4"), this.isTRAANode = !0, this.updateBeforeType = _e.FRAME, this.beautyNode = t, this.depthNode = n, this.velocityNode = r, this.camera = i, this.depthThreshold = 5e-4, this.edgeDepthDiff = .001, this.maxVelocityLength = 128, this.useSubpixelCorrection = !0, this._jitterIndex = 0, this._invSize = V(new h()), this._historyRenderTarget = new e(1, 1, {
+			depthBuffer: !1,
+			type: C,
+			depthTexture: new a()
+		}), this._historyRenderTarget.texture.name = "TRAANode.history", this._resolveRenderTarget = new e(1, 1, {
+			depthBuffer: !1,
+			type: C
+		}), this._resolveRenderTarget.texture.name = "TRAANode.resolve", this._resolveMaterial = new D(), this._resolveMaterial.name = "TRAA.resolve", this._textureNode = lt(this, this._resolveRenderTarget.texture), this._originalProjectionMatrix = new w(), this._cameraNearFar = V(new h()), this._cameraWorldMatrix = V(new w()), this._cameraWorldMatrixInverse = V(new w()), this._cameraProjectionMatrixInverse = V(new w()), this._previousCameraWorldMatrix = V(new w()), this._previousCameraProjectionMatrixInverse = V(new w()), this._previousDepthNode = z(new a(1, 1)), this._needsPostProcessingSync = !1, this._velocityNode = null;
+	}
+	getTextureNode() {
+		return this._textureNode;
 	}
-	clearCache() {
-		console.error("RoomleWebGPURenderer.clearCache is not implemented yet");
+	setSize(e, t) {
+		this._historyRenderTarget.setSize(e, t), this._resolveRenderTarget.setSize(e, t), this._invSize.value.set(1 / e, 1 / t);
+	}
+	setViewOffset(e, t) {
+		this.camera.updateProjectionMatrix(), this._originalProjectionMatrix.copy(this.camera.projectionMatrix), this._velocityNode.setProjectionMatrix(this._originalProjectionMatrix);
+		let n = {
+			fullWidth: e,
+			fullHeight: t,
+			offsetX: 0,
+			offsetY: 0,
+			width: e,
+			height: t
+		}, r = Pn[this._jitterIndex];
+		this.camera.setViewOffset(n.fullWidth, n.fullHeight, n.offsetX + r[0] - .5, n.offsetY + r[1] - .5, n.width, n.height);
+	}
+	clearViewOffset() {
+		this.camera.clearViewOffset(), this._velocityNode.setProjectionMatrix(null), this._jitterIndex++, this._jitterIndex %= Pn.length - 1;
 	}
-	disableUiInteractionMode() {
-		console.error("RoomleWebGPURenderer.disableUiInteractionMode is not implemented yet");
+	updateBefore(e) {
+		let { renderer: t } = e;
+		this._previousCameraWorldMatrix.value.copy(this._cameraWorldMatrix.value), this._previousCameraProjectionMatrixInverse.value.copy(this._cameraProjectionMatrixInverse.value), this._cameraNearFar.value.set(this.camera.near, this.camera.far), this._cameraWorldMatrix.value.copy(this.camera.matrixWorld), this._cameraWorldMatrixInverse.value.copy(this.camera.matrixWorldInverse), this._cameraProjectionMatrixInverse.value.copy(this.camera.projectionMatrixInverse);
+		let n = this.beautyNode.isRTTNode ? this.beautyNode.renderTarget : this.beautyNode.passNode.renderTarget, r = n.texture.width, i = n.texture.height;
+		this._needsPostProcessingSync === !0 && (this.setViewOffset(r, i), this._needsPostProcessingSync = !1), jn = k.resetRendererState(t, jn);
+		let a = this._historyRenderTarget.width !== r || this._historyRenderTarget.height !== i;
+		this.setSize(r, i), a === !0 && (t.initRenderTarget(this._historyRenderTarget), t.initRenderTarget(this._resolveRenderTarget), t.copyTextureToTexture(n.texture, this._historyRenderTarget.texture)), t.setRenderTarget(this._resolveRenderTarget), kn.material = this._resolveMaterial, kn.name = "TRAA", kn.render(t), t.setRenderTarget(null), t.copyTextureToTexture(this._resolveRenderTarget.texture, this._historyRenderTarget.texture);
+		let o = t.getDrawingBufferSize(An);
+		if (this._historyRenderTarget.height === o.height && this._historyRenderTarget.width === o.width) {
+			let e = this.depthNode.value;
+			t.copyTextureToTexture(e, this._historyRenderTarget.depthTexture), this._previousDepthNode.value = this._historyRenderTarget.depthTexture;
+		}
+		k.restoreRendererState(t, jn);
+	}
+	setup(e) {
+		let t = e.context.renderPipeline;
+		t && (this._needsPostProcessingSync = !0, t.context.onBeforeRenderPipeline = () => {
+			let t = e.renderer.getDrawingBufferSize(An);
+			this.setViewOffset(t.width, t.height);
+		}, t.context.onAfterRenderPipeline = () => {
+			this.clearViewOffset();
+		}), e.renderer.reversedDepthBuffer === !0 && (this._historyRenderTarget.depthTexture.type = ae), e.context.velocity === void 0 ? this._velocityNode = Ot : this._velocityNode = e.context.velocity;
+		let n = (e) => {
+			let { x: t, y: n } = this._cameraNearFar;
+			return At(Qe(e, t, n), t, n);
+		}, r = wt({
+			closestDepth: "float",
+			closestPositionTexel: "vec2",
+			farthestDepth: "float"
+		}), i = A(([t]) => {
+			let i = F(2).toVar(), a = H(0).toVar(), o = F(-1).toVar();
+			for (let r = -1; r <= 1; ++r) for (let s = -1; s <= 1; ++s) {
+				let c = t.add(H(r, s)).toVar(), l = this.depthNode.load(c).r;
+				e.renderer.reversedDepthBuffer && (l = l.oneMinus()), e.renderer.logarithmicDepthBuffer && (l = n(l)), l = l.toVar(), j(l.lessThan(i), () => {
+					i.assign(l), a.assign(c);
+				}), j(l.greaterThan(o), () => {
+					o.assign(l);
+				});
+			}
+			return r(i, a, o);
+		}), a = (t) => {
+			let r = this._previousDepthNode.sample(t).r;
+			e.renderer.logarithmicDepthBuffer && (r = n(r));
+			let i = Ye(t, r, this._previousCameraProjectionMatrixInverse), a = this._previousCameraWorldMatrix.mul(W(i, 1)).xyz, o = this._cameraWorldMatrixInverse.mul(W(a, 1)).z;
+			return this.camera.isOrthographicCamera ? kt(o, this._cameraNearFar.x, this._cameraNearFar.y) : At(o, this._cameraNearFar.x, this._cameraNearFar.y);
+		}, o = A(([e, t, n, r]) => {
+			let i = r.rgb.add(n.rgb).mul(.5), a = r.rgb.sub(n.rgb).mul(.5).add(1e-7), o = t.sub(W(i, e.a)), s = o.xyz.div(a).abs(), c = I(s.x, s.y, s.z);
+			return c.greaterThan(1).select(W(i, e.a).add(o.div(c)), t);
+		}).setLayout({
+			name: "clipAABB",
+			type: "vec4",
+			inputs: [
+				{
+					name: "currentColor",
+					type: "vec4"
+				},
+				{
+					name: "historyColor",
+					type: "vec4"
+				},
+				{
+					name: "minColor",
+					type: "vec4"
+				},
+				{
+					name: "maxColor",
+					type: "vec4"
+				}
+			]
+		}), s = A(([e, t, n, r]) => {
+			let i = [
+				[-1, -1],
+				[-1, 1],
+				[1, -1],
+				[1, 1],
+				[1, 0],
+				[0, -1],
+				[0, 1],
+				[-1, 0]
+			], a = t.toVar(), s = t.pow2().toVar();
+			for (let [t, n] of i) {
+				let r = this.beautyNode.offset(Ze(t, n)).load(e).max(0);
+				a.addAssign(r), s.addAssign(r.pow2());
+			}
+			let c = F(i.length + 1), l = a.div(c), u = s.div(c).sub(l.pow2()).max(0).sqrt().mul(r), d = l.sub(u), f = l.add(u);
+			return o(l.clamp(d, f), n, d, f);
+		}), c = A(([e, t]) => {
+			let n = e.mul(t).fract().abs(), r = I(n, n.oneMinus());
+			return r.x.mul(r.y).oneMinus().div(.75);
+		}).setLayout({
+			name: "subpixelCorrection",
+			type: "float",
+			inputs: [{
+				name: "velocityUV",
+				type: "vec2"
+			}, {
+				name: "textureSize",
+				type: "ivec2"
+			}]
+		}), l = A(([e, t, n]) => {
+			let r = n.oneMinus(), i = e.mul(F(1).div(I(e.r, e.g, e.b).add(1))), a = t.mul(F(1).div(I(t.r, t.g, t.b).add(1))), o = $e(i.rgb), s = $e(a.rgb);
+			return n.mulAssign(F(1).div(o.add(1))), r.mulAssign(F(1).div(s.add(1))), Ne(e.mul(n), t.mul(r)).div(I(n.add(r), 1e-5)).toVar();
+		}), u = z(this._historyRenderTarget.texture), d = A(() => {
+			let e = Dt(), t = this.beautyNode.size(), n = e.mul(t), r = i(n), o = r.get("closestDepth"), d = r.get("closestPositionTexel"), f = r.get("farthestDepth"), p = this.velocityNode.load(d).xy.mul(H(.5, -.5)), m = e.sub(p), h = a(m), g = m.greaterThanEqual(0).all().and(m.lessThanEqual(1).all()), _ = f.sub(o).greaterThan(this.edgeDepthDiff), v = o.sub(h).greaterThan(this.depthThreshold), y = g.and(_.or(v.not())), b = this.beautyNode.sample(e), x = u.sample(e.sub(p)), S = e.sub(m).mul(t).length().div(this.maxVelocityLength).saturate(), C = F(.05).toVar();
+			return this.useSubpixelCorrection && C.addAssign(c(p, t).mul(.25)), C.assign(y.select(C.add(S).saturate(), 1)), l(b, s(n, b, x, tt(.5, 1, S.oneMinus().pow2())), C);
+		});
+		return this._resolveMaterial.colorNode = d(), this._textureNode;
 	}
-	enableUiInteractionMode() {
-		console.error("RoomleWebGPURenderer.enableUiInteractionMode is not implemented yet");
+	dispose() {
+		this._historyRenderTarget.dispose(), this._resolveRenderTarget.dispose(), this._resolveMaterial.dispose();
+	}
+};
+function Nn(e, t) {
+	let n = 1, r = 0;
+	for (; e > 0;) n /= t, r += e % t * n, e = Math.floor(e / t);
+	return r;
+}
+var Pn = /* @__PURE__ */ Array.from({ length: 32 }, (e, t) => [Nn(t + 1, 2), Nn(t + 1, 3)]), Fn = (e, t, n, r) => new Mn(Re(e), t, n, r), In = class e extends It {
+	constructor(...t) {
+		super(...t), this.passId = e.passId;
 	}
+	static {
+		this.passId = "TraaRenderPass";
+	}
+	assemble(e, t, n, i, a) {
+		return i instanceof r ? Fn(t, e.getTextureNode("depth"), e.getTextureNode("velocity"), i) : t;
+	}
+	addParametersToGUI(e, t) {}
+}, Ln = class extends ge {
+	constructor(e, t, n, r) {
+		super(e, t), this.passNeedsReassembly = !0, this.debugMode = "off", this.renderPasses = /* @__PURE__ */ new Map(), this.guiParameterGroups = /* @__PURE__ */ new Map(), this.lastRenderCamera = void 0, this.renderPipeline = new Te(t), this.enableRenderPasses(n, r);
+	}
+	enableRenderPasses(e, t) {
+		e && this.enableSsgiPass(), t && this.enableOutline(t.outlineVisibleEdgeColor, t.outlineHiddenEdgeColor), e && this.enableTraaPass();
+	}
+	addGroundShadowLightAndFloor(e) {
+		this._webGpuGroundShadow.addToScene(e);
+	}
+	addRenderPass(e) {
+		this.renderPasses.set(e.passId, e), this.passNeedsReassembly = !0;
+	}
+	clearCache() {}
+	disableUiInteractionMode() {}
+	enableUiInteractionMode() {}
 	getQualityLevel() {
-		return console.error("RoomleWebGPURenderer.getQualityLevel is not implemented yet"), me.HIGHEST;
+		return console.error("RoomleRenderer.getQualityLevel is part of autoquality/performance tuning which is not implemented yet for WebGPU"), fe.HIGHEST;
 	}
 	setCameraType(e) {
 		super.setCameraType(e), this.passNeedsReassembly = !0;
 	}
+	switchToConfigurator() {
+		super.switchToConfigurator(), this._webGpuGroundShadow?.setVisible(!0);
+	}
 	switchToPlanner(e) {
-		super.switchToPlanner(e), this.passNeedsReassembly = !0;
+		super.switchToPlanner(e), this._webGpuGroundShadow?.setVisible(!1), this.passNeedsReassembly = !0;
 	}
 	highlightObjects(e) {
-		let t = this.getOutlinePassOrUndefined();
-		t && (this.passNeedsReassembly = this.passNeedsReassembly || t.areObjectsSelected() && e.length === 0 || !t.areObjectsSelected() && e.length > 0), t?.highlightObjects(e);
+		this.getOutlinePassOrUndefined()?.highlightObjects(e);
 	}
 	loadLutImages(e) {
 		console.error("RoomleWebGPURenderer.loadLutImages is not implemented yet");
 	}
 	render(e, t) {
-		this.updateCameraProjectionMatrix(t), this.passNeedsReassembly &&= (this.renderPipeline.outputNode = this.assembleRenderPasses(e, t), this.renderPipeline.needsUpdate = !0, !1), this.renderPipeline.render();
+		this.updateCameraProjectionMatrix(t), (this.passNeedsReassembly || this.lastRenderCamera !== t) && (this.renderPipeline.outputNode = this.assembleRenderPasses(e, t), this.renderPipeline.needsUpdate = !0, this.passNeedsReassembly = !1, this.lastRenderCamera = t), this.renderPipeline.render();
 	}
 	updateCameraProjectionMatrix(e) {
 		(e instanceof l || e instanceof r) && e.updateProjectionMatrix();
 	}
 	assembleRenderPasses(e, t) {
-		let n = Ie(e, t);
-		for (let r of this.renderPasses.values()) n = r.assemble(n, e, t, this.debugMode);
-		return n;
+		let n = ct(e, t), r = n;
+		for (let i of this.renderPasses.values()) r = i.assemble(n, r, e, t, this.debugMode);
+		return r;
 	}
 	setAutoQuality(e) {
-		console.error("RoomleWebGPURenderer.setAutoQuality is not implemented yet");
-	}
-	setCustomShadingParameters(e, t) {
-		console.error("RoomleWebGPURenderer.setCustomShadingParameters is not implemented yet");
+		console.error("RoomleRenderer.setAutoQuality is part of autoquality/performance tuning which is not implemented yet for WebGPU");
 	}
+	setCustomShadingParameters(e, t) {}
 	setCustomOutlineParameters(e) {
 		let t = this.getOutlinePassOrUndefined();
-		t && (t.setOutlineColors(e.outlineVisibleEdgeColor, e.outlineHiddenEdgeColor), this.passNeedsReassembly = !0);
+		t && t.setOutlineColors(e.outlineVisibleEdgeColor, e.outlineHiddenEdgeColor);
 	}
-	setGroundShadow(e) {
-		console.error("RoomleWebGPURenderer.setGroundShadow is not implemented yet");
+	setGroundShadow(e, t) {
+		this.isConfiguratorMode && this._webGpuGroundShadow?.setVisible(e);
 	}
 	setOnQualityLevelChangeCallback(e) {
-		console.error("RoomleWebGPURenderer.setOnQualityLevelChangeCallback is not implemented yet");
+		console.error("RoomleRenderer.setOnQualityLevelChangeCallback is part of autoquality/performance tuning which is not implemented yet for WebGPU");
 	}
 	enableOutline(e, t) {
-		this.renderPasses.get(z.passId) || this.addRenderPass(new z({
+		this.getOutlinePassOrUndefined() || this.addRenderPass(new Lt({
 			selectedObjects: [],
 			visibleEdgeColor: e,
 			hiddenEdgeColor: t,
@@ -2196,39 +2566,79 @@ var wt = class extends ve {
 		}));
 	}
 	getOutlinePassOrUndefined() {
-		let e = this.renderPasses.get(z.passId);
-		if (e && e instanceof z) return e;
+		let e = this.renderPasses.get(Lt.passId);
+		if (e && e instanceof Lt) return e;
+	}
+	enableSsgiPass() {
+		this.renderPasses.get(On.passId) || this.addRenderPass(new On({
+			sliceCount: 2,
+			stepCount: 12,
+			radius: 8,
+			expFactor: 2,
+			thickness: 1,
+			backfaceLighting: 0,
+			aoIntensity: .6,
+			giIntensity: 4,
+			useLinearThickness: !1,
+			useScreenSpaceSampling: !0
+		}));
+	}
+	enableTraaPass() {
+		this.renderPasses.get(In.passId) || this.addRenderPass(new In());
 	}
 	setQualityLevel(e) {
-		console.error("RoomleWebGPURenderer.setQualityLevel is not implemented yet");
+		console.error("RoomleRenderer.setQualityLevel is part of autoquality/performance tuning which is not implemented yet for WebGPU");
 	}
 	setQualityMap(e) {
-		console.error("RoomleWebGPURenderer.setQualityMap is not implemented yet");
+		console.error("RoomleRenderer.setQualityMap is part of autoquality/performance tuning which is not implemented yet for WebGPU");
 	}
 	setShadingType(e) {
-		console.error("RoomleWebGPURenderer.setShadingType is not implemented yet");
+		e !== de.DEFAULT && console.error("RoomleWebGPURenderer.setShadingType is not implemented yet");
 	}
 	showGUI(e) {
-		if (this.renderer.inspector instanceof Z) return;
+		if (this.renderer.inspector instanceof vn) return;
 		let t = document.createElement("style");
 		t.innerText = "#profiler-toggle,\n  #profiler-mini-panel {\n    left: 15px;\n    right: auto !important;\n  }", document.head.appendChild(t);
-		let n = new Z();
+		let n = new vn();
 		this.renderer.inspector = n, this._domHelper.element?.appendChild(n.domElement), this.addDebugGUI(n, e);
 		let r = n.createParameters("Render Pass Settings");
 		for (let t of this.renderPasses.values()) t.addParametersToGUI(r, e);
+		this.addToneMappingSettings(r, e);
 	}
 	addDebugGUI(e, t) {
 		let n = e.createParameters("Debug Settings"), r = { debugMode: this.debugMode };
 		n.add(r, "debugMode", {
 			Off: "off",
-			Outline: "outline"
+			Outline: "outline",
+			Direct: "direct lighting only",
+			Ao: "ao only",
+			Gi: "gi only"
 		}).onChange((e) => {
 			this.debugMode = e, this.passNeedsReassembly = !0, t();
 		});
 	}
+	addToneMappingSettings(e, t) {
+		let n = e.addFolder("Tone Mapping"), r = {
+			toneMapping: this.renderer.toneMapping,
+			toneMappingExposure: this.renderer.toneMappingExposure
+		};
+		n.add(r, "toneMapping", {
+			None: 0,
+			Linear: 1,
+			Reinhard: 2,
+			Cineon: 3,
+			ACESFilmic: 4,
+			AgX: 6,
+			Neutral: 7
+		}).onChange((e) => {
+			this.renderer.toneMapping = e, this.passNeedsReassembly = !0, t();
+		}), n.add(r, "toneMappingExposure", 0, 3, .01).onChange((e) => {
+			this.renderer.toneMappingExposure = e, this.passNeedsReassembly = !0, t();
+		});
+	}
 	getOrCreateGUIParameters(e) {
 		let t = this.renderer.inspector;
-		if (t instanceof Z) return this.guiParameterGroups.get(e) ?? this.createAndCacheGUIParameters(t, e);
+		if (t instanceof vn) return this.guiParameterGroups.get(e) ?? this.createAndCacheGUIParameters(t, e);
 		throw Error("Inspector GUI is not initialized. Call showGUI() before creating parameter groups.");
 	}
 	createAndCacheGUIParameters(e, t) {
@@ -2236,8 +2646,8 @@ var wt = class extends ve {
 		return this.guiParameterGroups.set(t, n), n;
 	}
 };
-_e([ge, he("design:type", Object)], wt.prototype, "_domHelper", void 0);
+he([me, pe("design:type", Object)], Ln.prototype, "_domHelper", void 0), he([me, pe("design:type", Object)], Ln.prototype, "_webGpuGroundShadow", void 0);
 //#endregion
-export { wt as RoomleWebGPURenderer };
+export { Ln as RoomleWebGPURenderer };
 
-//# sourceMappingURL=roomle-webgpu-renderer-BdCItfH1.mjs.map
+//# sourceMappingURL=roomle-webgpu-renderer-Cs4eLEwf.mjs.map