@sequent-org/moodboard 1.2.22 → 1.2.24

package/package.json

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

package/src/moodboard/MoodBoard.js

@@ -69,6 +69,11 @@ export class MoodBoard {
      */
     async init() {
         try {
+            // Добавляем корневой класс к контейнеру для изоляции стилей
+            if (this.container) {
+                this.container.classList.add('moodboard-root');
+            }
+            
             // Создаем HTML структуру
             const { workspace, toolbar, canvas, topbar } = this.workspaceManager.createWorkspaceStructure();
             this.workspaceElement = workspace;
@@ -474,7 +479,10 @@ export class MoodBoard {
         this.dataManager = null;
         this.actionHandler = null;
         
-        // Очищаем ссылку на контейнер
+        // Удаляем корневой класс и очищаем ссылку на контейнер
+        if (this.container) {
+            this.container.classList.remove('moodboard-root');
+        }
         this.container = null;
         
         // Вызываем коллбек onDestroy

package/src/tools/BaseTool.js

@@ -41,16 +41,14 @@ export class BaseTool {
     
     /**
      * Устанавливает курсор для инструмента
+     * Базовая реализация не устанавливает глобальный курсор
+     * Конкретные инструменты должны переопределить этот метод
+     * и устанавливать курсор на canvas или соответствующий элемент
      */
     setCursor() {
-        if (typeof document !== 'undefined' && document.body) {
-            // Для 'default' не ставим инлайн-стиль, чтобы сработал глобальный CSS-курсор
-            if (!this.cursor || this.cursor === 'default') {
-                document.body.style.cursor = '';
-            } else {
-                document.body.style.cursor = this.cursor;
-            }
-        }
+        // Базовая реализация ничего не делает
+        // Избегаем установки глобального курсора на document.body
+        // Конкретные инструменты устанавливают курсор на canvas
     }
     
     /**

package/src/ui/Toolbar.js

@@ -63,10 +63,9 @@ export class Toolbar {
         ];
 
         // Существующие элементы ниже новых
+        // убрал { id: 'clear', iconName: 'clear', title: 'Очистить холст', type: 'clear' },
         const existingTools = [
-            { id: 'frame', iconName: 'frame', title: 'Добавить фрейм', type: 'frame' },
-            { id: 'divider', type: 'divider' },
-            { id: 'clear', iconName: 'clear', title: 'Очистить холст', type: 'clear' },
+            { id: 'frame', iconName: 'frame', title: 'Добавить фрейм', type: 'frame' },  
             { id: 'divider', type: 'divider' },
             { id: 'undo', iconName: 'undo', title: 'Отменить (Ctrl+Z)', type: 'undo', disabled: true },
             { id: 'redo', iconName: 'redo', title: 'Повторить (Ctrl+Y)', type: 'redo', disabled: true }

package/src/ui/styles/workspace.css

@@ -14,8 +14,10 @@
     font-display: swap;
 }
 
-/* Global default cursor */
-html, body, .moodboard-workspace, .moodboard-container, .moodboard-canvas {
+/* Default cursor inside moodboard root only */
+.moodboard-root .moodboard-workspace, 
+.moodboard-root .moodboard-container, 
+.moodboard-root .moodboard-canvas {
     cursor: url('../../assets/icons/cursor-default-custom.svg') 0 0, default;
 }