@sequent-org/moodboard 1.2.118 → 1.3.0

package/src/ui/MapPanel.js

@@ -35,22 +35,20 @@ export class MapPanel {
             this.eventBus.emit(Events.UI.MapToggle);
         });
 
-        // Закрытие по клику вне панели
-        document.addEventListener('mousedown', (e) => {
+        this._onDocMouseDown = (e) => {
             if (!this.popupEl) return;
-            // ИСПРАВЛЕНИЕ: Защита от null элементов
             if (!this.element || !e.target) return;
             if (this.element.contains(e.target)) return;
             this.hidePopup();
-        });
+        };
+        document.addEventListener('mousedown', this._onDocMouseDown);
 
         // Колесо для зума внутри миникарты
         this.element.addEventListener('wheel', (e) => {
             if (!this.popupEl) return;
-            // ИСПРАВЛЕНИЕ: Защита от null элементов
             if (!this.popupEl || !e.target || !this.popupEl.contains(e.target)) return;
+            if (!this.canvas) return;
             e.preventDefault();
-            // Масштабируем вокруг точки под курсором в миникарте
             const rect = this.canvas.getBoundingClientRect();
             const mx = e.clientX - rect.left;
             const my = e.clientY - rect.top;
@@ -68,6 +66,11 @@ export class MapPanel {
     }
 
     destroy() {
+        if (this._onDocMouseDown) {
+            document.removeEventListener('mousedown', this._onDocMouseDown);
+            this._onDocMouseDown = null;
+        }
+        this.hidePopup();
         if (this.element) this.element.remove();
         this.element = null;
     }
@@ -135,7 +138,7 @@ export class MapPanel {
     }
 
     layoutCanvas() {
-        if (!this.popupEl || !this.canvas) return;
+        if (!this.popupEl || !this.canvas || !this.ctx) return;
         const rect = this.popupEl.getBoundingClientRect();
         const dpr = window.devicePixelRatio || 1;
         this.canvas.width = Math.max(10, Math.floor(rect.width * dpr));
@@ -147,9 +150,11 @@ export class MapPanel {
 
     // Обратное преобразование: миникарта -> мир (используем bbox объектов)
     miniToWorld(miniX, miniY) {
+        if (!this.canvas) return { worldX: 0, worldY: 0 };
         const req = {};
         this.eventBus.emit(Events.UI.MinimapGetData, req);
         const { view, objects } = req;
+        if (!view) return { worldX: 0, worldY: 0 };
         // Рассчитываем bbox по объектам
         let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
         if (objects && objects.length > 0) {

package/src/ui/NotePropertiesPanel.js

@@ -52,6 +52,15 @@ export class NotePropertiesPanel {
                 this.hide();
             }
         });
+
+        // Синхронизируем контролы при изменении объекта (undo/redo, команды)
+        this._onStateChanged = (data) => {
+            const { objectId } = data;
+            if (this.currentId && objectId === this.currentId && this.panel && this.panel.style.display !== 'none') {
+                this._updateControlsFromObject();
+            }
+        };
+        this.eventBus.on(Events.Object.StateChanged, this._onStateChanged);
     }
 
     updateFromSelection() {
@@ -207,6 +216,7 @@ export class NotePropertiesPanel {
         });
 
         const fontSelect = document.createElement('select');
+        fontSelect.className = 'font-select';
         Object.assign(fontSelect.style, {
             border: '1px solid #ddd',
             borderRadius: '4px',
@@ -299,6 +309,7 @@ export class NotePropertiesPanel {
 
         const fontSizeInput = document.createElement('input');
         fontSizeInput.type = 'number';
+        fontSizeInput.className = 'font-size-input';
         fontSizeInput.min = '8';
         fontSizeInput.max = '32';
         fontSizeInput.value = '16';
@@ -396,6 +407,7 @@ export class NotePropertiesPanel {
 
         colors.forEach(color => {
             const colorSwatch = document.createElement('div');
+            colorSwatch.dataset.colorValue = color.hex;
             Object.assign(colorSwatch.style, {
                 width: '22px',
                 height: '22px',
@@ -584,9 +596,12 @@ export class NotePropertiesPanel {
     }
 
     destroy() {
-        // Удаляем обработчик клика по документу
+        if (this._onStateChanged && this.eventBus?.off) {
+            this.eventBus.off(Events.Object.StateChanged, this._onStateChanged);
+            this._onStateChanged = null;
+        }
         document.removeEventListener('click', this._documentClickHandler.bind(this));
-        
+
         if (this.panel && this.panel.parentNode) {
             this.panel.parentNode.removeChild(this.panel);
         }