@sequent-org/moodboard 1.2.44 → 1.2.46

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sequent-org/moodboard",
-  "version": "1.2.44",
+  "version": "1.2.46",
   "type": "module",
   "description": "Interactive moodboard",
   "main": "./src/index.js",

package/src/grid/CrossGrid.js

@@ -24,19 +24,28 @@ export class CrossGrid extends BaseGrid {
      */
     createVisual() {
         const g = this.graphics;
-        // Прозрачность задаем через graphics.alpha из BaseGrid; штрих рисуем с полным альфа
-        g.lineStyle(this.crossLineWidth, this.color, 1);
+        // Прозрачность — через alpha графики (как у линейной сетки)
+        g.alpha = this.opacity;
+        // Тонкие чёткие линии как у линейной сетки: alignment = 0.5
+        try {
+            g.lineStyle({ width: Math.max(0.5, this.crossLineWidth), color: this.color, alpha: 1, alignment: 0.5 });
+        } catch (_) {
+            g.lineStyle(Math.max(0.5, this.crossLineWidth), this.color, 1);
+        }
 
         const hs = this.crossHalfSize;
 
         for (let x = 0; x <= this.width; x += this.size) {
             for (let y = 0; y <= this.height; y += this.size) {
+                // Выравниваем к полу-пикселю для чётких 1px линий
+                const px = Math.round(x) + 0.5;
+                const py = Math.round(y) + 0.5;
                 // Горизонтальная часть креста
-                g.moveTo(x - hs, y);
-                g.lineTo(x + hs, y);
+                g.moveTo(px - hs, py);
+                g.lineTo(px + hs, py);
                 // Вертикальная часть креста
-                g.moveTo(x, y - hs);
-                g.lineTo(x, y + hs);
+                g.moveTo(px, py - hs);
+                g.lineTo(px, py + hs);
             }
         }
     }

package/src/grid/GridFactory.js

@@ -76,19 +76,19 @@ export class GridFactory {
             },
             dot: {
                 enabled: true,
-                size: 20,
+                size: 30,
                 color: 0x6a6aff,
-                opacity: 0.5,
-                dotSize: 2,
+                opacity: 0.7,
+                dotSize: 1,
                 dotStyle: 'circle',
                 highlightIntersections: true
             },
             cross: {
                 enabled: true,
-                size: 40,
+                size: 90,
                 color: 0x6a6aff,
-                opacity: 0.5,
-                crossHalfSize: 4,
+                opacity: 0.3,
+                crossHalfSize: 30,
                 crossLineWidth: 1
             }
         };

package/src/tools/ToolManager.js

@@ -176,7 +176,17 @@ export class ToolManager {
             }
         });
         this.container.addEventListener('dblclick', (e) => this.handleDoubleClick(e));
-        this.container.addEventListener('wheel', (e) => this.handleMouseWheel(e));
+        // wheel должен быть non-passive, чтобы preventDefault работал корректно
+        this.container.addEventListener('wheel', (e) => this.handleMouseWheel(e), { passive: false });
+        // Блокируем системный зум браузера (Ctrl + колесо) над рабочей областью
+        this._onWindowWheel = (e) => {
+            try {
+                if (e && e.ctrlKey && this.isMouseOverContainer) {
+                    e.preventDefault();
+                }
+            } catch (_) {}
+        };
+        window.addEventListener('wheel', this._onWindowWheel, { passive: false });
         
         // События клавиатуры (на document)
         document.addEventListener('keydown', (e) => this.handleKeyDown(e));
@@ -599,5 +609,10 @@ export class ToolManager {
         
         document.removeEventListener('keydown', this.handleKeyDown);
         document.removeEventListener('keyup', this.handleKeyUp);
+        // Снимаем глобальный блокировщик Ctrl+колесо
+        if (this._onWindowWheel) {
+            try { window.removeEventListener('wheel', this._onWindowWheel); } catch (_) {}
+            this._onWindowWheel = null;
+        }
     }
 }