@mindexec/cli 0.2.478 → 0.2.479

package/wwwroot/_content/MindExecution.Shared/js/native-drop-handler.js

@@ -50,35 +50,35 @@
 
         const nodesToAdd = [];
         let index = 0;
-        let nextLeftX = null; // Track left edge so each node starts after the previous width + gap
-
-        for (const file of processedFiles) {
-            let width = 400;
-            let height = 300;
-
-            if (file.contentType === 'image') {
-                try {
-                    const size = await window.mindMap.measureImageSize(file.response);
-                    const fittedSize = window.mindMap.computeImageNodeSize(size[0], size[1], {
-                        gridSnap: 10,
-                        minWidth: 100,
-                        minHeight: 100,
-                        maxWidth: 4000,
-                        maxHeight: 4000,
-                        fallbackWidth: 470,
-                        fallbackHeight: 350
-                    });
-                    width = fittedSize.width;
-                    height = fittedSize.height;
-                } catch (e) {
-                    console.warn(`[NativeDropHandler] Failed to measure image: ${e}`);
-                }
-            } else if (file.contentType === 'pdf') {
-                height = 56; // Fixed height for PDF
-            } else if (file.contentType === 'video') {
-                width = 470;
-                height = 264;
-            } else if (file.contentType === 'text') {
+        let nextLeftX = null; // Track left edge so each node starts after the previous width + gap
+
+        for (const file of processedFiles) {
+            let width = 400;
+            let height = 300;
+
+            if (file.contentType === 'image') {
+                try {
+                    const size = await window.mindMap.measureImageSize(file.response);
+                    const fittedSize = window.mindMap.computeImageNodeSize(size[0], size[1], {
+                        gridSnap: 10,
+                        minWidth: 100,
+                        minHeight: 100,
+                        maxWidth: 4000,
+                        maxHeight: 4000,
+                        fallbackWidth: 470,
+                        fallbackHeight: 350
+                    });
+                    width = fittedSize.width;
+                    height = fittedSize.height;
+                } catch (e) {
+                    console.warn(`[NativeDropHandler] Failed to measure image: ${e}`);
+                }
+            } else if (file.contentType === 'pdf') {
+                height = 56; // Fixed height for PDF
+            } else if (file.contentType === 'video') {
+                width = 470;
+                height = 264;
+            } else if (file.contentType === 'text') {
                 // For large text, cap height to a fixed value
                 if (file.isChunkedText) {
                     height = 400; // Chunk-loading nodes use the default height
@@ -92,14 +92,14 @@
             }
 
             // ▼▼▼ [Fix] Use cumulative X offset for proper spacing ▼▼▼
-            if (nextLeftX === null) {
-                nextLeftX = Math.round((worldX - (width / 2)) / 10) * 10;
-            }
-
-            const nodeX = nextLeftX;
-            const nodeY = worldY + height / 2;
-            nextLeftX = nodeX + width + 30; // previous right edge + fixed gap
-            // ▲▲▲ [Fix] ▲▲▲
+            if (nextLeftX === null) {
+                nextLeftX = Math.round((worldX - (width / 2)) / 10) * 10;
+            }
+
+            const nodeX = nextLeftX;
+            const nodeY = worldY + height / 2;
+            nextLeftX = nodeX + width + 30; // previous right edge + fixed gap
+            // ▲▲▲ [Fix] ▲▲▲
 
             // Base node data
             const nodeData = {
@@ -112,10 +112,10 @@
                 positionZ: 0,
                 width: width,
                 height: height,
-                isLoading: false,
-                metadata: file.metadata || file.Metadata || {},
-                // Chunk-loading related fields
-                isChunkedText: file.isChunkedText || false,
+                isLoading: false,
+                metadata: file.metadata || file.Metadata || {},
+                // Chunk-loading related fields
+                isChunkedText: file.isChunkedText || false,
                 totalLineCount: file.totalLineCount || 0,
                 sourceFilePath: file.sourceFilePath || null // [New] Source file path
             };
@@ -145,10 +145,10 @@
                         FileIndex: i,
                         // Pass chunk-loading fields
                         IsChunkedText: n.isChunkedText || false,
-                        TotalLineCount: n.totalLineCount || 0,
-                        SourceFilePath: n.sourceFilePath || null, // [New] Source file path
-                        Metadata: n.metadata || {}
-                    }));
+                        TotalLineCount: n.totalLineCount || 0,
+                        SourceFilePath: n.sourceFilePath || null, // [New] Source file path
+                        Metadata: n.metadata || {}
+                    }));
 
                     console.log('[NativeDropHandler] Calling AddFileNodesFromJs with:', JSON.stringify(fileNodes.map(f => ({ TempId: f.TempId, ContentType: f.ContentType, IsChunkedText: f.IsChunkedText }))));
                     const result = await window.dotNetHelper.invokeMethodAsync('AddFileNodesFromJs', fileNodes);

package/wwwroot/_content/MindExecution.Shared/js/plan-master.js

@@ -1,9 +1,9 @@
 // File: X:\Dev@Work\MindExecution\wwwroot\js\plan-master.js
 // PlanAgent 3D graph agent surface (copied from code-master.js)
-(function () {
-    // Module instance storage
-    let moduleInstance = null;
-    let pendingSettings = null;
+(function () {
+    // Module instance storage
+    let moduleInstance = null;
+    let pendingSettings = null;
 
     // PlanMaster module class (kept for backward compatibility)
     class PlanMasterModule {
@@ -91,9 +91,9 @@
         }
 
         // Ensure THREE and CSS3D are loaded
-        ensureThree() {
-            const hasThree = typeof globalThis.THREE !== 'undefined';
-            const hasCSS3D = typeof globalThis.CSS3DRenderer !== 'undefined';
+        ensureThree() {
+            const hasThree = typeof globalThis.THREE !== 'undefined';
+            const hasCSS3D = typeof globalThis.CSS3DRenderer !== 'undefined';
             if (!hasThree) {
                 console.error('[plan-master.js] THREE not loaded');
                 return false;
@@ -101,49 +101,49 @@
             if (!hasCSS3D) {
                 console.error('[plan-master.js] CSS3DRenderer not loaded');
                 return false;
-            }
-            return true;
-        }
-
-        resolveThemeNameFromGridType(gridType) {
-            const map = {
-                space3d: 'Space3D',
-                spirit: 'SpiritFlow',
-                default: 'XYGrid',
-                dot: 'SpatialGrid2D'
-            };
-            const key = String(gridType || 'dot').toLowerCase();
-            return map[key] || 'SpatialGrid2D';
-        }
-
-        resolveThemeFromGeneralSettings() {
-            try {
-                const raw = localStorage.getItem('GeneralSettings');
-                if (!raw) {
-                    return 'SpatialGrid2D';
-                }
-
-                const settings = JSON.parse(raw);
-                return this.resolveThemeNameFromGridType(settings?.gridType);
-            } catch {
-                return 'SpatialGrid2D';
-            }
-        }
-
-        applySettings(settings) {
-            if (!settings || typeof settings !== 'object') {
-                this.setBackgroundTheme(this.resolveThemeFromGeneralSettings());
-                return;
-            }
-
-            if (settings.gridType) {
-                this.setBackgroundTheme(this.resolveThemeNameFromGridType(settings.gridType));
-            } else {
-                this.setBackgroundTheme(this.resolveThemeFromGeneralSettings());
-            }
-        }
-
-        // --- Event handlers ---
+            }
+            return true;
+        }
+
+        resolveThemeNameFromGridType(gridType) {
+            const map = {
+                space3d: 'Space3D',
+                spirit: 'SpiritFlow',
+                default: 'XYGrid',
+                dot: 'SpatialGrid2D'
+            };
+            const key = String(gridType || 'dot').toLowerCase();
+            return map[key] || 'SpatialGrid2D';
+        }
+
+        resolveThemeFromGeneralSettings() {
+            try {
+                const raw = localStorage.getItem('GeneralSettings');
+                if (!raw) {
+                    return 'SpatialGrid2D';
+                }
+
+                const settings = JSON.parse(raw);
+                return this.resolveThemeNameFromGridType(settings?.gridType);
+            } catch {
+                return 'SpatialGrid2D';
+            }
+        }
+
+        applySettings(settings) {
+            if (!settings || typeof settings !== 'object') {
+                this.setBackgroundTheme(this.resolveThemeFromGeneralSettings());
+                return;
+            }
+
+            if (settings.gridType) {
+                this.setBackgroundTheme(this.resolveThemeNameFromGridType(settings.gridType));
+            } else {
+                this.setBackgroundTheme(this.resolveThemeFromGeneralSettings());
+            }
+        }
+
+        // --- Event handlers ---
 
         onMouseDown(e) {
             if (e.button === 1 || e.button === 2 || (e.button === 0 && e.ctrlKey)) {
@@ -323,33 +323,33 @@
             this.cssRenderer.setSize(width, height);
         }
 
-        // --- Animation loop ---
-        animate() {
-            this.animationFrameId = requestAnimationFrame(() => this.animate());
-            const smoothingFactor = 0.25;
-            const dx = this.targetX - this.camera.position.x;
-            const dy = this.targetY - this.camera.position.y;
-            const dz = this.targetZ - this.camera.position.z;
-            const isCameraMoving = Math.abs(dx) > 0.01 || Math.abs(dy) > 0.01 || Math.abs(dz) > 0.01;
-            this.camera.position.x += dx * smoothingFactor;
-            this.camera.position.y += dy * smoothingFactor;
-            this.camera.position.z += dz * smoothingFactor;
-            if (this.isOptimizationActive && Math.abs(dx) < 0.1 && Math.abs(dy) < 0.1 && Math.abs(dz) < 0.1) {
-                this.deactivateOptimization();
-            }
-            if (this.currentThemeObject && typeof this.currentThemeObject.animate === 'function') {
-                const themeRunner = window.MindMapThemes?.runAnimationIfNeeded;
-                if (typeof themeRunner === 'function') {
-                    themeRunner(this.currentThemeName, this.currentThemeObject, this.camera, {
-                        isCameraMoving
-                    });
-                } else {
-                    this.currentThemeObject.animate(this.camera);
-                }
-            }
-            this.renderer.render(this.scene, this.camera);
-            this.cssRenderer.render(this.scene, this.camera);
-        }
+        // --- Animation loop ---
+        animate() {
+            this.animationFrameId = requestAnimationFrame(() => this.animate());
+            const smoothingFactor = 0.25;
+            const dx = this.targetX - this.camera.position.x;
+            const dy = this.targetY - this.camera.position.y;
+            const dz = this.targetZ - this.camera.position.z;
+            const isCameraMoving = Math.abs(dx) > 0.01 || Math.abs(dy) > 0.01 || Math.abs(dz) > 0.01;
+            this.camera.position.x += dx * smoothingFactor;
+            this.camera.position.y += dy * smoothingFactor;
+            this.camera.position.z += dz * smoothingFactor;
+            if (this.isOptimizationActive && Math.abs(dx) < 0.1 && Math.abs(dy) < 0.1 && Math.abs(dz) < 0.1) {
+                this.deactivateOptimization();
+            }
+            if (this.currentThemeObject && typeof this.currentThemeObject.animate === 'function') {
+                const themeRunner = window.MindMapThemes?.runAnimationIfNeeded;
+                if (typeof themeRunner === 'function') {
+                    themeRunner(this.currentThemeName, this.currentThemeObject, this.camera, {
+                        isCameraMoving
+                    });
+                } else {
+                    this.currentThemeObject.animate(this.camera);
+                }
+            }
+            this.renderer.render(this.scene, this.camera);
+            this.cssRenderer.render(this.scene, this.camera);
+        }
 
         // --- Text update processing ---
         processPendingTextUpdates() {
@@ -402,19 +402,19 @@
                     target.style.display = 'block';
                     // Trigger resize handler
                     this.onResize();
-                    // Restart animation loop if it was stopped
-                    if (!this.animationFrameId) {
-                        this.animate();
-                    }
-                    if (pendingSettings) {
-                        this.applySettings(pendingSettings);
-                    } else {
-                        this.applySettings({});
-                    }
-                    console.log(`[plan-master.js] Re-activated and animation loop resumed for container #${containerId}.`);
-                    return;
-                }
-            }
+                    // Restart animation loop if it was stopped
+                    if (!this.animationFrameId) {
+                        this.animate();
+                    }
+                    if (pendingSettings) {
+                        this.applySettings(pendingSettings);
+                    } else {
+                        this.applySettings({});
+                    }
+                    console.log(`[plan-master.js] Re-activated and animation loop resumed for container #${containerId}.`);
+                    return;
+                }
+            }
 
             // First-time init
             if (!this.ensureThree() || !window.MindMapThemes) {
@@ -464,12 +464,12 @@
             this.cssRenderer.domElement.style.zIndex = 1;
             this.container.appendChild(this.cssRenderer.domElement);
 
-            // Background theme (sync with MindCanvas GeneralSettings)
-            if (pendingSettings) {
-                this.applySettings(pendingSettings);
-            } else {
-                this.applySettings({});
-            }
+            // Background theme (sync with MindCanvas GeneralSettings)
+            if (pendingSettings) {
+                this.applySettings(pendingSettings);
+            } else {
+                this.applySettings({});
+            }
 
             // Register event listeners
             this.cssRenderer.domElement.addEventListener('mousedown', this.boundOnMouseDown);
@@ -502,7 +502,7 @@
             }
 
             // Create and attach new theme
-            this.currentThemeObject = newTheme.create(this.scene, this.renderer);
+            this.currentThemeObject = newTheme.create(this.scene, this.renderer);
             if (this.currentThemeObject) this.scene.add(this.currentThemeObject);
             this.currentThemeName = themeName;
             console.log(`[plan-master.js] Background theme set to: ${themeName}`);
@@ -730,18 +730,18 @@
         updateNodeContent: function (nodeId, markdownContent) {
             if (moduleInstance) moduleInstance.updateNodeContent(nodeId, markdownContent);
         },
-        updateNodeSelection: function (oldNodeId, newNodeId) {
-            if (moduleInstance) moduleInstance.updateNodeSelection(oldNodeId, newNodeId);
-        },
-        applySettings: function (settings) {
-            pendingSettings = Object.assign({}, pendingSettings || {}, settings || {});
-            if (moduleInstance) {
-                moduleInstance.applySettings(pendingSettings);
-            }
-        },
-        setBackgroundTheme: function (themeName) {
-            if (moduleInstance) moduleInstance.setBackgroundTheme(themeName);
-        },
+        updateNodeSelection: function (oldNodeId, newNodeId) {
+            if (moduleInstance) moduleInstance.updateNodeSelection(oldNodeId, newNodeId);
+        },
+        applySettings: function (settings) {
+            pendingSettings = Object.assign({}, pendingSettings || {}, settings || {});
+            if (moduleInstance) {
+                moduleInstance.applySettings(pendingSettings);
+            }
+        },
+        setBackgroundTheme: function (themeName) {
+            if (moduleInstance) moduleInstance.setBackgroundTheme(themeName);
+        },
         hide: function () {
             if (moduleInstance) moduleInstance.hide();
         },
@@ -771,14 +771,14 @@
                 console.log('[planAgent] All nodes cleared');
             }
         },
-        cleanupAndDispose: function () {
-            if (moduleInstance) {
-                moduleInstance.cleanupAndDispose();
-                moduleInstance = null;
-            }
-            pendingSettings = null;
-        }
-    };
+        cleanupAndDispose: function () {
+            if (moduleInstance) {
+                moduleInstance.cleanupAndDispose();
+                moduleInstance = null;
+            }
+            pendingSettings = null;
+        }
+    };
 
     // Backward-compatible alias: PlanAgent is the new page/internal name.
     window.planAgent = window.planMaster;

package/wwwroot/_content/MindExecution.Shared/js/renderers/CSS3DRenderer.js

@@ -30,120 +30,120 @@
         }
     }
 
-    function CSS3DRenderer(){
-        var _width, _height, _widthHalf, _heightHalf;
-        var cache = { camera:{ fov:0, style:'' }, objects: new WeakMap() };
-        var debugCounters = { sceneObjectsVisited:0, visibilityPatchEntered:0, visibilityPatchExited:0 };
-        var domElement = document.createElement('div');
-        domElement.style.overflow = 'hidden';
-        domElement.style.contain = 'layout style';
-        this.domElement = domElement;
-        var cameraElement = document.createElement('div');
-        cameraElement.style.webkitTransformStyle = cameraElement.style.transformStyle = 'preserve-3d';
-        cameraElement.style.pointerEvents = 'none';
-        cameraElement.style.contain = 'layout style';
-        domElement.appendChild(cameraElement);
-
-        this.getSize = function(){ return { width:_width, height:_height }; };
-        this.getCameraElement = function(){ return cameraElement; };
-        this.setSize = function(width, height){
-            _width=width; _height=height; _widthHalf=_width/2; _heightHalf=_height/2;
-            domElement.style.width=width+'px'; domElement.style.height=height+'px';
-            cameraElement.style.width=width+'px'; cameraElement.style.height=height+'px';
-        };
-
-        function getCameraCSSMatrix(matrix){ var e=matrix.elements; return 'matrix3d('+epsilon(e[0])+','+epsilon(-e[1])+','+epsilon(e[2])+','+epsilon(e[3])+','+epsilon(e[4])+','+epsilon(-e[5])+','+epsilon(e[6])+','+epsilon(e[7])+','+epsilon(e[8])+','+epsilon(-e[9])+','+epsilon(e[10])+','+epsilon(e[11])+','+epsilon(e[12])+','+epsilon(-e[13])+','+epsilon(e[14])+','+epsilon(e[15])+')'; }
-        function getObjectCSSMatrix(matrix){ var e=matrix.elements; return 'matrix3d('+epsilon(e[0])+','+epsilon(e[1])+','+epsilon(e[2])+','+epsilon(e[3])+','+epsilon(-e[4])+','+epsilon(-e[5])+','+epsilon(-e[6])+','+epsilon(-e[7])+','+epsilon(e[8])+','+epsilon(e[9])+','+epsilon(e[10])+','+epsilon(e[11])+','+epsilon(e[12])+','+epsilon(e[13])+','+epsilon(e[14])+','+epsilon(e[15])+')'; }
-        function hasMatrixChanged(elements, values){
-            if (!values) return true;
-            for (var i=0;i<16;i++) if (epsilon(elements[i])!==values[i]) return true;
-            return false;
-        }
-        function copyMatrix(elements, values){
-            var next=values || new Float64Array(16);
-            for (var i=0;i<16;i++) next[i]=epsilon(elements[i]);
-            return next;
-        }
-        function renderCssObject(object){
-            if (object?.isCSS3DObject){
-                var visible=object.visible===true;
-                var layoutPrepared=object.userData?._residentTransitionPrepared===true || object.userData?._fullResFringePrepared===true;
-                var display=(visible || layoutPrepared) ? '' : 'none';
-                var element=object.element;
-                var cached=cache.objects.get(object);
-                if (cached===undefined){
-                    cached={ element:null, matrix:null, display:null };
-                    cache.objects.set(object,cached);
-                }
-                var elementChanged=cached.element!==element;
-                if ((visible || layoutPrepared) && (elementChanged || hasMatrixChanged(object.matrixWorld.elements,cached.matrix))){
-                    var style=getObjectCSSMatrix(object.matrixWorld);
-                    element.style.webkitTransform=element.style.transform=style;
-                    cached.matrix=copyMatrix(object.matrixWorld.elements,cached.matrix);
-                }
-                if (elementChanged || cached.display!==display) element.style.display=display;
-                cached.element=element;
-                cached.display=display;
-                if (element.parentNode!==cameraElement) cameraElement.appendChild(element);
-            }
-        }
-        function renderObject(object){
-            debugCounters.sceneObjectsVisited++;
-            renderCssObject(object);
-            for (var i=0,l=object.children.length;i<l;i++) renderObject(object.children[i]);
-        }
-        function renderCameraOnly(renderer, camera, matrixWorldIsCurrent){
-            var fov=camera.projectionMatrix.elements[5]*_heightHalf;
-            if (cache.camera.fov!==fov){
-                renderer.domElement.style.webkitPerspective=renderer.domElement.style.perspective=fov+'px';
-                cache.camera.fov=fov;
-            }
-            if (matrixWorldIsCurrent!==true && camera.parent===null) camera.updateMatrixWorld();
-            var cameraCSSMatrix='translateZ('+fov+'px)'+getCameraCSSMatrix(camera.matrixWorldInverse);
-            var style=cameraCSSMatrix+'translate('+_widthHalf+'px,'+_heightHalf+'px)';
-            if (cache.camera.style!==style){
-                cameraElement.style.webkitTransform=cameraElement.style.transform=style;
-                cache.camera.style=style;
-            }
-        }
-        this.renderCamera = function(camera, matrixWorldIsCurrent){ renderCameraOnly(this, camera, matrixWorldIsCurrent); };
-        this.prepareObjectLayout = function(object){
-            if (!object || object.isCSS3DObject!==true) return false;
-            object.updateMatrixWorld(true);
-            renderObject(object);
-            object.element?.getBoundingClientRect?.();
-            return true;
-        };
-        this.applyVisibilityDiff = function(enteredObjects, exitedObjects){
-            var entered=Array.isArray(enteredObjects) ? enteredObjects : [];
-            var exited=Array.isArray(exitedObjects) ? exitedObjects : [];
-            var visited=0;
-            try {
-                for (var i=0;i<exited.length;i++){
-                    var exitedObject=exited[i];
-                    if (!exitedObject || exitedObject.isCSS3DObject!==true) continue;
-                    exitedObject.updateMatrixWorld(true);
-                    renderCssObject(exitedObject);
-                    visited++;
-                }
-                for (var j=0;j<entered.length;j++){
-                    var enteredObject=entered[j];
-                    if (!enteredObject || enteredObject.isCSS3DObject!==true) continue;
-                    enteredObject.updateMatrixWorld(true);
-                    renderCssObject(enteredObject);
-                    visited++;
-                }
-            } catch (error) {
-                return { complete:false, reason:'visibility-diff-exception', visited:visited, error:error };
-            }
-            debugCounters.visibilityPatchEntered+=entered.length;
-            debugCounters.visibilityPatchExited+=exited.length;
-            return { complete:true, entered:entered.length, exited:exited.length, visited:visited };
-        };
-        this.getDebugCounters = function(){ return { ...debugCounters }; };
-        this.resetDebugCounters = function(){ debugCounters={ sceneObjectsVisited:0, visibilityPatchEntered:0, visibilityPatchExited:0 }; };
-        this.render = function(scene, camera){ if (scene.autoUpdate===true) scene.updateMatrixWorld(); renderCameraOnly(this, camera, false); renderObject(scene); };
-    }
+    function CSS3DRenderer(){
+        var _width, _height, _widthHalf, _heightHalf;
+        var cache = { camera:{ fov:0, style:'' }, objects: new WeakMap() };
+        var debugCounters = { sceneObjectsVisited:0, visibilityPatchEntered:0, visibilityPatchExited:0 };
+        var domElement = document.createElement('div');
+        domElement.style.overflow = 'hidden';
+        domElement.style.contain = 'layout style';
+        this.domElement = domElement;
+        var cameraElement = document.createElement('div');
+        cameraElement.style.webkitTransformStyle = cameraElement.style.transformStyle = 'preserve-3d';
+        cameraElement.style.pointerEvents = 'none';
+        cameraElement.style.contain = 'layout style';
+        domElement.appendChild(cameraElement);
+
+        this.getSize = function(){ return { width:_width, height:_height }; };
+        this.getCameraElement = function(){ return cameraElement; };
+        this.setSize = function(width, height){
+            _width=width; _height=height; _widthHalf=_width/2; _heightHalf=_height/2;
+            domElement.style.width=width+'px'; domElement.style.height=height+'px';
+            cameraElement.style.width=width+'px'; cameraElement.style.height=height+'px';
+        };
+
+        function getCameraCSSMatrix(matrix){ var e=matrix.elements; return 'matrix3d('+epsilon(e[0])+','+epsilon(-e[1])+','+epsilon(e[2])+','+epsilon(e[3])+','+epsilon(e[4])+','+epsilon(-e[5])+','+epsilon(e[6])+','+epsilon(e[7])+','+epsilon(e[8])+','+epsilon(-e[9])+','+epsilon(e[10])+','+epsilon(e[11])+','+epsilon(e[12])+','+epsilon(-e[13])+','+epsilon(e[14])+','+epsilon(e[15])+')'; }
+        function getObjectCSSMatrix(matrix){ var e=matrix.elements; return 'matrix3d('+epsilon(e[0])+','+epsilon(e[1])+','+epsilon(e[2])+','+epsilon(e[3])+','+epsilon(-e[4])+','+epsilon(-e[5])+','+epsilon(-e[6])+','+epsilon(-e[7])+','+epsilon(e[8])+','+epsilon(e[9])+','+epsilon(e[10])+','+epsilon(e[11])+','+epsilon(e[12])+','+epsilon(e[13])+','+epsilon(e[14])+','+epsilon(e[15])+')'; }
+        function hasMatrixChanged(elements, values){
+            if (!values) return true;
+            for (var i=0;i<16;i++) if (epsilon(elements[i])!==values[i]) return true;
+            return false;
+        }
+        function copyMatrix(elements, values){
+            var next=values || new Float64Array(16);
+            for (var i=0;i<16;i++) next[i]=epsilon(elements[i]);
+            return next;
+        }
+        function renderCssObject(object){
+            if (object?.isCSS3DObject){
+                var visible=object.visible===true;
+                var layoutPrepared=object.userData?._residentTransitionPrepared===true || object.userData?._fullResFringePrepared===true;
+                var display=(visible || layoutPrepared) ? '' : 'none';
+                var element=object.element;
+                var cached=cache.objects.get(object);
+                if (cached===undefined){
+                    cached={ element:null, matrix:null, display:null };
+                    cache.objects.set(object,cached);
+                }
+                var elementChanged=cached.element!==element;
+                if ((visible || layoutPrepared) && (elementChanged || hasMatrixChanged(object.matrixWorld.elements,cached.matrix))){
+                    var style=getObjectCSSMatrix(object.matrixWorld);
+                    element.style.webkitTransform=element.style.transform=style;
+                    cached.matrix=copyMatrix(object.matrixWorld.elements,cached.matrix);
+                }
+                if (elementChanged || cached.display!==display) element.style.display=display;
+                cached.element=element;
+                cached.display=display;
+                if (element.parentNode!==cameraElement) cameraElement.appendChild(element);
+            }
+        }
+        function renderObject(object){
+            debugCounters.sceneObjectsVisited++;
+            renderCssObject(object);
+            for (var i=0,l=object.children.length;i<l;i++) renderObject(object.children[i]);
+        }
+        function renderCameraOnly(renderer, camera, matrixWorldIsCurrent){
+            var fov=camera.projectionMatrix.elements[5]*_heightHalf;
+            if (cache.camera.fov!==fov){
+                renderer.domElement.style.webkitPerspective=renderer.domElement.style.perspective=fov+'px';
+                cache.camera.fov=fov;
+            }
+            if (matrixWorldIsCurrent!==true && camera.parent===null) camera.updateMatrixWorld();
+            var cameraCSSMatrix='translateZ('+fov+'px)'+getCameraCSSMatrix(camera.matrixWorldInverse);
+            var style=cameraCSSMatrix+'translate('+_widthHalf+'px,'+_heightHalf+'px)';
+            if (cache.camera.style!==style){
+                cameraElement.style.webkitTransform=cameraElement.style.transform=style;
+                cache.camera.style=style;
+            }
+        }
+        this.renderCamera = function(camera, matrixWorldIsCurrent){ renderCameraOnly(this, camera, matrixWorldIsCurrent); };
+        this.prepareObjectLayout = function(object){
+            if (!object || object.isCSS3DObject!==true) return false;
+            object.updateMatrixWorld(true);
+            renderObject(object);
+            object.element?.getBoundingClientRect?.();
+            return true;
+        };
+        this.applyVisibilityDiff = function(enteredObjects, exitedObjects){
+            var entered=Array.isArray(enteredObjects) ? enteredObjects : [];
+            var exited=Array.isArray(exitedObjects) ? exitedObjects : [];
+            var visited=0;
+            try {
+                for (var i=0;i<exited.length;i++){
+                    var exitedObject=exited[i];
+                    if (!exitedObject || exitedObject.isCSS3DObject!==true) continue;
+                    exitedObject.updateMatrixWorld(true);
+                    renderCssObject(exitedObject);
+                    visited++;
+                }
+                for (var j=0;j<entered.length;j++){
+                    var enteredObject=entered[j];
+                    if (!enteredObject || enteredObject.isCSS3DObject!==true) continue;
+                    enteredObject.updateMatrixWorld(true);
+                    renderCssObject(enteredObject);
+                    visited++;
+                }
+            } catch (error) {
+                return { complete:false, reason:'visibility-diff-exception', visited:visited, error:error };
+            }
+            debugCounters.visibilityPatchEntered+=entered.length;
+            debugCounters.visibilityPatchExited+=exited.length;
+            return { complete:true, entered:entered.length, exited:exited.length, visited:visited };
+        };
+        this.getDebugCounters = function(){ return { ...debugCounters }; };
+        this.resetDebugCounters = function(){ debugCounters={ sceneObjectsVisited:0, visibilityPatchEntered:0, visibilityPatchExited:0 }; };
+        this.render = function(scene, camera){ if (scene.autoUpdate===true) scene.updateMatrixWorld(); renderCameraOnly(this, camera, false); renderObject(scene); };
+    }
 
     window.CSS3DObject = CSS3DObject; window.CSS3DSprite = CSS3DSprite; window.CSS3DRenderer = CSS3DRenderer;
 })();