@sequent-org/moodboard 1.4.63 → 1.4.64

package/package.json

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

package/src/tools/object-tools/selection/TextEditorInteractionController.js

@@ -229,7 +229,10 @@ export function bindTextEditorInteractions(controller, {
 
             const value = (textarea.value || '').trim();
             if (isNewCreation && value.length === 0) {
-                finalize(false);
+                // Записка и фигура остаются на доске пустыми: finalize(true) при пустом
+                // значении не коммитит контент, но и не запускает удаление нового объекта
+                // (см. shouldDeleteEmptyNewCreation). Для текста — прежнее удаление.
+                finalize(isNote || isShape);
                 return;
             }
             finalize(true);
@@ -457,7 +460,10 @@ export function closeTextEditorFromState(controller, commit) {
     const properties = controller.textEditor.properties;
     const isNewCreation = controller.textEditor.isNewCreation;
     const initialContent = controller.textEditor.initialContent ?? '';
-    const shouldDeleteEmptyNewCreation = !commitValue && !!isNewCreation && !!objectId;
+    // Записку и фигуру не удаляем при закрытии редактора пустыми (клик вне объекта):
+    // элемент должен оставаться на доске даже без текста. Текст — прежнее поведение.
+    const shouldDeleteEmptyNewCreation = !commitValue && !!isNewCreation && !!objectId
+        && objectType !== 'note' && objectType !== 'shape';
 
     if (objectId) {
         if (typeof window !== 'undefined' && window.moodboardHtmlTextLayer) {

package/src/ui/TextPropertiesPanel.js

@@ -527,7 +527,7 @@ export class TextPropertiesPanel {
             : getFallbackControlValues();
 
         this.fontSelect.value = values.fontFamily;
-        this.fontSizeSelect.value = values.fontSize;
+        this._setFontSizeValue(values.fontSize);
         this._updateCurrentColorButton(values.color);
         this._updateCurrentHighlightButton(values.highlightColor);
         this._updateCurrentBgColorButton(values.backgroundColor);
@@ -547,6 +547,45 @@ export class TextPropertiesPanel {
         }
     }
 
+    // Нативный <select> отрисовывается пустым, если присвоить ему value, которого
+    // нет среди <option> (selectedIndex становится -1). Размер текста после ресайза
+    // может выходить за пределы пресет-списка, поэтому для нестандартного значения
+    // вставляем временный <option> в позицию по возрастанию — поле всегда показывает
+    // фактический размер, а степперы продолжают двигаться по соседним значениям.
+    _setFontSizeValue(rawValue) {
+        const select = this.fontSizeSelect;
+        if (!select) {
+            return;
+        }
+
+        const value = String(rawValue);
+
+        const prevDynamic = select.querySelector('option[data-dynamic="true"]');
+        if (prevDynamic) {
+            prevDynamic.remove();
+        }
+
+        const hasOption = Array.from(select.options).some((opt) => opt.value === value);
+        if (!hasOption) {
+            const option = document.createElement('option');
+            option.value = value;
+            option.textContent = value;
+            option.dataset.dynamic = 'true';
+
+            const numeric = parseFloat(value);
+            const insertBeforeIndex = Array.from(select.options).findIndex(
+                (opt) => parseFloat(opt.value) > numeric,
+            );
+            if (insertBeforeIndex === -1) {
+                select.appendChild(option);
+            } else {
+                select.insertBefore(option, select.options[insertBeforeIndex]);
+            }
+        }
+
+        select.value = value;
+    }
+
     reposition() {
         if (!this.panel || !this.currentId || this.panel.style.display === 'none') {
             return;

package/src/ui/styles/panels.css

@@ -634,7 +634,7 @@
     box-sizing: border-box;
     min-width: 70px;
     width: 70px;
-    height: 38px;
+    height: 36px;
     padding: 4px 0px;
     font-size: 13px;
     background-color: #fff;
@@ -723,7 +723,7 @@
     border: none;
     border-radius: 4px;
     background-color: #fff;
-    height: 38px;
+    height: 36px;
     box-sizing: border-box;
 }