@licium/editor-plugin-color-syntax 3.2.4 → 3.2.10

package/dist/toastui-editor-plugin-color-syntax.css

@@ -1,6 +1,6 @@
 /*!
  * TOAST UI Editor : Color Syntax Plugin
- * @version 3.1.0 | Sun Dec 28 2025
+ * @version 3.2.10 | Thu Jan 08 2026
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */

package/dist/toastui-editor-plugin-color-syntax.js

@@ -1,6 +1,6 @@
 /*!
  * TOAST UI Editor : Color Syntax Plugin
- * @version 3.1.0 | Sun Dec 28 2025
+ * @version 3.2.10 | Thu Jan 08 2026
  * @author NHN Cloud FE Development Lab <dl_javascript@nhn.com>
  * @license MIT
  */
@@ -98,69 +98,91 @@ var external_commonjs_tui_color_picker_commonjs2_tui_color_picker_amd_tui_color_
 function addLangs(i18n) {
     i18n.setLanguage('ar', {
         'Text color': 'لون النص',
+        OK: 'موافقة',
     });
     i18n.setLanguage(['cs', 'cs-CZ'], {
         'Text color': 'Barva textu',
+        OK: 'OK',
     });
     i18n.setLanguage(['de', 'de-DE'], {
         'Text color': 'Textfarbe',
+        OK: 'OK',
     });
     i18n.setLanguage(['en', 'en-US'], {
         'Text color': 'Text color',
+        OK: 'OK',
     });
     i18n.setLanguage(['es', 'es-ES'], {
         'Text color': 'Color del texto',
+        OK: 'Aceptar',
     });
     i18n.setLanguage(['fi', 'fi-FI'], {
         'Text color': 'Tekstin väri',
+        OK: 'OK',
     });
     i18n.setLanguage(['fr', 'fr-FR'], {
         'Text color': 'Couleur du texte',
+        OK: 'OK',
     });
     i18n.setLanguage(['gl', 'gl-ES'], {
         'Text color': 'Cor do texto',
+        OK: 'OK',
     });
     i18n.setLanguage(['hr', 'hr-HR'], {
         'Text color': 'Boja teksta',
+        OK: 'OK',
     });
     i18n.setLanguage(['it', 'it-IT'], {
         'Text color': 'Colore del testo',
+        OK: 'OK',
     });
     i18n.setLanguage(['ja', 'ja-JP'], {
         'Text color': '文字色相',
+        OK: 'はい',
     });
     i18n.setLanguage(['ko', 'ko-KR'], {
         'Text color': '글자 색상',
+        OK: '확인',
     });
     i18n.setLanguage(['nb', 'nb-NO'], {
         'Text color': 'Tekstfarge',
+        OK: 'OK',
     });
     i18n.setLanguage(['nl', 'nl-NL'], {
         'Text color': 'Tekstkleur',
+        OK: 'OK',
     });
     i18n.setLanguage(['pl', 'pl-PL'], {
         'Text color': 'Kolor tekstu',
+        OK: 'OK',
     });
     i18n.setLanguage(['pt', 'pt-BR'], {
         'Text color': 'Cor do texto',
+        OK: 'OK',
     });
     i18n.setLanguage(['ru', 'ru-RU'], {
         'Text color': 'Цвет текста',
+        OK: 'Хорошо',
     });
     i18n.setLanguage(['sv', 'sv-SE'], {
         'Text color': 'Textfärg',
+        OK: 'OK',
     });
     i18n.setLanguage(['tr', 'tr-TR'], {
         'Text color': 'Metin rengi',
+        OK: 'OK',
     });
     i18n.setLanguage(['uk', 'uk-UA'], {
         'Text color': 'Колір тексту',
+        OK: 'OK',
     });
     i18n.setLanguage('zh-CN', {
         'Text color': '文字颜色',
+        OK: '确认',
     });
     i18n.setLanguage('zh-TW', {
         'Text color': '文字顏色',
+        OK: '確認',
     });
 }
 
@@ -194,6 +216,7 @@ function createApplyButton(text) {
     var button = document.createElement('button');
     button.setAttribute('type', 'button');
     button.textContent = text;
+    button.style.marginRight = '5px'; // Spacing between buttons
     return button;
 }
 function createToolbarItemOption(colorPickerContainer, i18n) {
@@ -243,12 +266,17 @@ function colorSyntaxPlugin(context, options) {
     }
     var colorPicker = external_commonjs_tui_color_picker_commonjs2_tui_color_picker_amd_tui_color_picker_root_tui_colorPicker_default().create(colorPickerOption);
     var button = createApplyButton(i18n.get('OK'));
+    var clearButton = createApplyButton(i18n.get('Clear')); // @TODO: Add translation key if needed
     eventEmitter.listen('focus', function (editType) {
         containerClassName = "" + PREFIX + (editType === 'markdown' ? 'md' : 'ww') + "-container";
     });
     container.addEventListener('click', function (ev) {
         if (ev.target.getAttribute('type') === 'button') {
+            var target = ev.target;
             var selectedColor = colorPicker.getColor();
+            if (target.textContent === i18n.get('Clear')) {
+                selectedColor = '';
+            }
             currentEditorEl = getCurrentEditorEl(container, containerClassName);
             eventEmitter.emit('command', 'color', { selectedColor: selectedColor });
             eventEmitter.emit('closePopup');
@@ -258,6 +286,7 @@ function colorSyntaxPlugin(context, options) {
     });
     colorPicker.slider.toggle(true);
     container.appendChild(button);
+    container.appendChild(clearButton);
     var toolbarItem = createToolbarItemOption(container, i18n);
     return {
         markdownCommands: {
@@ -274,6 +303,17 @@ function colorSyntaxPlugin(context, options) {
                     dispatch(tr);
                     return true;
                 }
+                // Logic to clear color (Markdown)
+                // Ideally we would parse and remove the span tag, but for now specific clearing
+                // might be complex in raw markdown without a parser.
+                // However, standard behavior for "apply" empty color could be just "do nothing"
+                // or we need a way to unwrap.
+                // Given the limitations of regex/string manipulation here without full AST access easily:
+                // We will focus on WYSIWYG mostly for 'Clear' logic correctness or basic text replacement if possible.
+                // For Markdown mode, complex un-wrapping is error prone with just string regex.
+                // BUT, we can try to wrap selection in nothing? No.
+                // Let's implement full clear logic for Markdown?
+                // Analyzing existing logic: it just wraps.
                 return false;
             },
         },
@@ -289,6 +329,14 @@ function colorSyntaxPlugin(context, options) {
                     dispatch(tr);
                     return true;
                 }
+                // Logic to clear color (WYSIWYG)
+                // If selectedColor is empty string, we remove the span mark with color style
+                if (selectedColor === '') {
+                    var from = selection.from, to = selection.to;
+                    tr.removeMark(from, to, schema.marks.span);
+                    dispatch(tr);
+                    return true;
+                }
                 return false;
             },
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licium/editor-plugin-color-syntax",
-  "version": "3.2.4",
+  "version": "3.2.10",
   "description": "TOAST UI Editor : Color Syntax Plugin",
   "keywords": [
     "nhn",
@@ -51,5 +51,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b58c109f6aa92d5d14dae00fbfcf13d9699903e6"
+  "gitHead": "f5c5e17205373f73a607b05d989c4b06768752dd"
 }