@sequent-org/moodboard 1.2.106 → 1.2.108

package/package.json

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

package/src/tools/board-tools/PanTool.js

@@ -4,9 +4,23 @@ import { BaseTool } from '../BaseTool.js';
 export class PanTool extends BaseTool {
     constructor(eventBus) {
         super('pan', eventBus);
-        this.cursor = 'grab';
+        // По умолчанию курсор для панорамирования — системный move
+        this.cursor = 'move';
         this.isDragging = false;
         this.last = { x: 0, y: 0 };
+        this.app = null;
+    }
+
+    /**
+     * Активация инструмента панорамирования
+     * @param {PIXI.Application} app
+     */
+    activate(app) {
+        super.activate();
+        this.app = app || this.app;
+        // При активации сразу показываем курсор move
+        this.cursor = 'move';
+        this.setCursor();
     }
 
     onMouseDown(event) {
@@ -14,7 +28,9 @@ export class PanTool extends BaseTool {
         if (event.button === 0 || event.button === 1) {
             this.isDragging = true;
             this.last = { x: event.x, y: event.y };
-            this.cursor = 'grabbing';
+            // Во время активного drag оставляем курсор move,
+            // чтобы пользователь всегда видел иконку перемещения
+            this.cursor = 'move';
             this.setCursor();
         }
     }
@@ -30,14 +46,26 @@ export class PanTool extends BaseTool {
     onMouseUp(event) {
         if (this.isDragging) {
             this.isDragging = false;
-            this.cursor = 'grab';
+            // После завершения drag возвращаем курсор move
+            this.cursor = 'move';
             this.setCursor();
         }
     }
 
     onDeactivate() {
         this.isDragging = false;
-        this.cursor = 'default';
+        // Сбрасываем курсор на стандартный для canvas
+        this.cursor = '';
         this.setCursor();
+        super.onDeactivate();
+    }
+
+    /**
+     * Устанавливает курсор на canvas PIXI
+     */
+    setCursor() {
+        if (this.app && this.app.view) {
+            this.app.view.style.cursor = this.cursor || '';
+        }
     }
 }

package/src/tools/object-tools/PlacementTool.js

@@ -38,7 +38,7 @@ export class PlacementTool extends BaseTool {
         // Состояние выбранного изображения
         this.selectedImage = null; // { file, fileName, fileSize, mimeType, properties }
         this.ghostContainer = null; // Контейнер для "призрака" файла, изображения, текста, записки, эмоджи, фрейма или фигур
-        // Оригинальные стили курсора PIXI, чтобы можно было временно переопределить pointer для текстового инструмента
+        // Оригинальные стили курсора PIXI, чтобы можно было временно переопределить pointer/default для текстового инструмента
         this._origCursorStyles = null;
 
         if (this.eventBus) {
@@ -575,8 +575,8 @@ export class PlacementTool extends BaseTool {
     }
 
     /**
-     * Включает/выключает временное переопределение cursorStyles.pointer в PIXI,
-     * чтобы во время работы с текстом курсор оставался текстовым даже при наведении на объекты.
+     * Включает/выключает временное переопределение cursorStyles.pointer/default в PIXI,
+     * чтобы во время работы с текстом курсор оставался системным 'text' даже при наведении на объекты.
      * @param {boolean} forceReset - если true, всегда восстанавливает оригинальные стили
      */
     _updateCursorOverride(forceReset = false) {
@@ -593,15 +593,22 @@ export class PlacementTool extends BaseTool {
                 // Сохраняем оригинальные стили только один раз
                 if (!this._origCursorStyles) {
                     this._origCursorStyles = {
-                        pointer: cursorStyles.pointer
+                        pointer: cursorStyles.pointer,
+                        default: cursorStyles.default
                     };
                 }
-                cursorStyles.pointer = TEXT_CURSOR;
+                // И pointer, и default делаем системным текстовым курсором,
+                // чтобы при наведении/уходе с объектов тип курсора не менялся.
+                cursorStyles.pointer = 'text';
+                cursorStyles.default = 'text';
             } else if (this._origCursorStyles) {
-                // Восстанавливаем оригинальный pointer
+                // Восстанавливаем оригинальные значения
                 if (Object.prototype.hasOwnProperty.call(this._origCursorStyles, 'pointer')) {
                     cursorStyles.pointer = this._origCursorStyles.pointer;
                 }
+                if (Object.prototype.hasOwnProperty.call(this._origCursorStyles, 'default')) {
+                    cursorStyles.default = this._origCursorStyles.default;
+                }
                 this._origCursorStyles = null;
             }
         } catch (_) {