@mindexec/cli 0.2.478 → 0.2.480

package/wwwroot/_content/MindExecution.Shared/js/mind-map-lod-video-placeholder.js

@@ -1,107 +1,107 @@
-(function initializeMindMapLodVideoPlaceholder(global) {
-    'use strict';
-
-    function draw(options = {}) {
-        const slot = options.slot;
-        const canvas = options.canvas;
-        if (!slot || !canvas || typeof document === 'undefined') {
-            return false;
-        }
-
-        const ctx = canvas.getContext('2d', { alpha: false });
-        if (!ctx) {
-            return false;
-        }
-
-        const size = Math.max(1, Number(options.thumbnailSize || 1));
-        const columns = Math.max(1, Number(options.columns || 1));
-        const col = slot.slotIndex % columns;
-        const row = Math.floor(slot.slotIndex / columns);
-        const x = col * size;
-        const y = row * size;
-        const safeWidth = Math.max(1, Number(options.nodeWidth || 300));
-        const safeHeight = Math.max(1, Number(options.nodeHeight || 300));
-        const targetAspect = safeWidth / safeHeight;
-
-        try {
-            ctx.save();
-
-            const background = ctx.createLinearGradient(x, y, x, y + size);
-            background.addColorStop(0, '#26364d');
-            background.addColorStop(1, '#0f172a');
-            ctx.fillStyle = background;
-            ctx.fillRect(x, y, size, size);
-
-            const inset = 4;
-            ctx.strokeStyle = 'rgba(148, 163, 184, 0.58)';
-            ctx.lineWidth = 2;
-            ctx.strokeRect(x + inset, y + inset, size - inset * 2, size - inset * 2);
-
-            // Compensate for the square atlas tile stretching to the node aspect.
-            const radiusX = size * 0.19;
-            const radiusY = Math.min(size * 0.34, radiusX * Math.max(0.55, targetAspect));
-            const centerX = x + size * 0.5;
-            const centerY = y + size * 0.48;
-            ctx.beginPath();
-            ctx.ellipse(centerX, centerY, radiusX, radiusY, 0, 0, Math.PI * 2);
-            ctx.fillStyle = 'rgba(255, 255, 255, 0.18)';
-            ctx.fill();
-            ctx.strokeStyle = 'rgba(255, 255, 255, 0.62)';
-            ctx.lineWidth = 2;
-            ctx.stroke();
-
-            const triangleWidth = size * 0.13;
-            const triangleHeight = Math.min(size * 0.24, triangleWidth * Math.max(0.85, targetAspect));
-            ctx.beginPath();
-            ctx.moveTo(centerX - triangleWidth * 0.35, centerY - triangleHeight * 0.5);
-            ctx.lineTo(centerX + triangleWidth * 0.7, centerY);
-            ctx.lineTo(centerX - triangleWidth * 0.35, centerY + triangleHeight * 0.5);
-            ctx.closePath();
-            ctx.fillStyle = '#f8fafc';
-            ctx.fill();
-
-            ctx.fillStyle = 'rgba(226, 232, 240, 0.35)';
-            ctx.fillRect(x + size * 0.18, y + size * 0.82, size * 0.64, 2);
-            ctx.fillStyle = 'rgba(248, 250, 252, 0.78)';
-            ctx.fillRect(x + size * 0.18, y + size * 0.82, size * 0.2, 2);
-            ctx.restore();
-
-            if (options.texture) {
-                options.texture.needsUpdate = true;
-            }
-            return true;
-        } catch {
-            try { ctx.restore(); } catch { }
-            return false;
-        }
-    }
-
-    function getOrCreateAtlasSlot(renderer, nodeId) {
-        const normalizedId = String(nodeId || '').trim();
-        if (!renderer || !normalizedId) {
-            return null;
-        }
-
-        let slot = renderer.imageAtlasSlots.get(normalizedId) || null;
-        if (slot) {
-            return slot;
-        }
-
-        const slotIndex = renderer._allocateImageAtlasSlot();
-        if (slotIndex < 0) {
-            return null;
-        }
-
-        slot = {
-            slotIndex,
-            key: '',
-            uvRect: renderer._getImageAtlasUvRect(slotIndex),
-            ready: false,
-            unsupported: false
-        };
-        renderer.imageAtlasSlots.set(normalizedId, slot);
-        return slot;
-    }
-
-    global.MindMapLodVideoPlaceholder = Object.freeze({ draw, getOrCreateAtlasSlot });
-})(window);
+(function initializeMindMapLodVideoPlaceholder(global) {
+    'use strict';
+
+    function draw(options = {}) {
+        const slot = options.slot;
+        const canvas = options.canvas;
+        if (!slot || !canvas || typeof document === 'undefined') {
+            return false;
+        }
+
+        const ctx = canvas.getContext('2d', { alpha: false });
+        if (!ctx) {
+            return false;
+        }
+
+        const size = Math.max(1, Number(options.thumbnailSize || 1));
+        const columns = Math.max(1, Number(options.columns || 1));
+        const col = slot.slotIndex % columns;
+        const row = Math.floor(slot.slotIndex / columns);
+        const x = col * size;
+        const y = row * size;
+        const safeWidth = Math.max(1, Number(options.nodeWidth || 300));
+        const safeHeight = Math.max(1, Number(options.nodeHeight || 300));
+        const targetAspect = safeWidth / safeHeight;
+
+        try {
+            ctx.save();
+
+            const background = ctx.createLinearGradient(x, y, x, y + size);
+            background.addColorStop(0, '#26364d');
+            background.addColorStop(1, '#0f172a');
+            ctx.fillStyle = background;
+            ctx.fillRect(x, y, size, size);
+
+            const inset = 4;
+            ctx.strokeStyle = 'rgba(148, 163, 184, 0.58)';
+            ctx.lineWidth = 2;
+            ctx.strokeRect(x + inset, y + inset, size - inset * 2, size - inset * 2);
+
+            // Compensate for the square atlas tile stretching to the node aspect.
+            const radiusX = size * 0.19;
+            const radiusY = Math.min(size * 0.34, radiusX * Math.max(0.55, targetAspect));
+            const centerX = x + size * 0.5;
+            const centerY = y + size * 0.48;
+            ctx.beginPath();
+            ctx.ellipse(centerX, centerY, radiusX, radiusY, 0, 0, Math.PI * 2);
+            ctx.fillStyle = 'rgba(255, 255, 255, 0.18)';
+            ctx.fill();
+            ctx.strokeStyle = 'rgba(255, 255, 255, 0.62)';
+            ctx.lineWidth = 2;
+            ctx.stroke();
+
+            const triangleWidth = size * 0.13;
+            const triangleHeight = Math.min(size * 0.24, triangleWidth * Math.max(0.85, targetAspect));
+            ctx.beginPath();
+            ctx.moveTo(centerX - triangleWidth * 0.35, centerY - triangleHeight * 0.5);
+            ctx.lineTo(centerX + triangleWidth * 0.7, centerY);
+            ctx.lineTo(centerX - triangleWidth * 0.35, centerY + triangleHeight * 0.5);
+            ctx.closePath();
+            ctx.fillStyle = '#f8fafc';
+            ctx.fill();
+
+            ctx.fillStyle = 'rgba(226, 232, 240, 0.35)';
+            ctx.fillRect(x + size * 0.18, y + size * 0.82, size * 0.64, 2);
+            ctx.fillStyle = 'rgba(248, 250, 252, 0.78)';
+            ctx.fillRect(x + size * 0.18, y + size * 0.82, size * 0.2, 2);
+            ctx.restore();
+
+            if (options.texture) {
+                options.texture.needsUpdate = true;
+            }
+            return true;
+        } catch {
+            try { ctx.restore(); } catch { }
+            return false;
+        }
+    }
+
+    function getOrCreateAtlasSlot(renderer, nodeId) {
+        const normalizedId = String(nodeId || '').trim();
+        if (!renderer || !normalizedId) {
+            return null;
+        }
+
+        let slot = renderer.imageAtlasSlots.get(normalizedId) || null;
+        if (slot) {
+            return slot;
+        }
+
+        const slotIndex = renderer._allocateImageAtlasSlot();
+        if (slotIndex < 0) {
+            return null;
+        }
+
+        slot = {
+            slotIndex,
+            key: '',
+            uvRect: renderer._getImageAtlasUvRect(slotIndex),
+            ready: false,
+            unsupported: false
+        };
+        renderer.imageAtlasSlots.set(normalizedId, slot);
+        return slot;
+    }
+
+    global.MindMapLodVideoPlaceholder = Object.freeze({ draw, getOrCreateAtlasSlot });
+})(window);