jodit-pro 4.13.24 → 4.13.26

package/es2015/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit-pro - PRO Version of Jodit Editor
  * Author: Chupurnov Valerii <chupurnov@gmail.com>
- * Version: v4.13.24
+ * Version: v4.13.26
  * Url: https://xdsoft.net/jodit/pro/
  * License(s): SEE LICENSE IN LICENSE.md
  */
@@ -1838,7 +1838,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  * @packageDocumentation
  * @module constants
- */ const APP_VERSION = "4.13.24";
+ */ const APP_VERSION = "4.13.26";
 // prettier-ignore
 const ES = "es2015";
 const IS_ES_MODERN = true;
@@ -31831,12 +31831,36 @@ _core_ui_index_js__WEBPACK_IMPORTED_MODULE_2__.Icon.set('palette', _palette_svg_
     form.appendChild(editor.c.fromHTML(`<div class="${cn}__groups">${eachColor(editor.o.colors)}</div>`));
     form.appendChild(editor.c.fromHTML(`<div data-ref="extra" class="${cn}__extra"></div>`));
     const { extra } = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.refs)(form);
+    extra.appendChild(editor.c.fromHTML(`<div class="${cn}__hex"><input data-ref="hexInput" type="text" spellcheck="false" aria-label="HEX" placeholder="#FF0000" value="${valueHex || ''}"/></div>`));
+    const { hexInput } = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.refs)(form);
+    const applyHexInput = ()=>{
+        const raw = hexInput.value.trim();
+        const isHex = /^#?[0-9a-f]{3}(?:[0-9a-f]{3})?$/i.test(raw);
+        const isRgb = /^rgba?\([\d\s.,%]+\)$/i.test(raw);
+        if (!isHex && !isRgb) {
+            return;
+        }
+        const color = (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.normalizeColor)(isHex && !raw.startsWith('#') ? '#' + raw : raw);
+        if (color && (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.isFunction)(callback)) {
+            callback(color);
+        }
+    };
+    editor.e.on(hexInput, 'keydown', (e)=>{
+        e.stopPropagation();
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            applyHexInput();
+        }
+    }).on(hexInput, 'change', (e)=>{
+        e.stopPropagation();
+        applyHexInput();
+    });
     if (editor.o.showBrowserColorPicker && (0,_core_helpers_index_js__WEBPACK_IMPORTED_MODULE_1__.hasBrowserColorPicker)()) {
         extra.appendChild(editor.c.fromHTML(`<div class="${cn}__native">${iconPalette}<input type="color" value="#ffffff"/></div>`));
         editor.e.on(form, 'change', (e)=>{
             e.stopPropagation();
             const target = e.target;
-            if (!target || !target.tagName || !_core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(target, 'input')) {
+            if (!target || !target.tagName || !_core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(target, 'input') || target.type !== 'color') {
                 return;
             }
             const color = target.value || '';
@@ -31847,6 +31871,11 @@ _core_ui_index_js__WEBPACK_IMPORTED_MODULE_2__.Icon.set('palette', _palette_svg_
         });
     }
     editor.e.on(form, 'mousedown touchend', (e)=>{
+        // let the hex/native inputs receive focus and clicks
+        if (_core_dom_index_js__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(e.target, 'input')) {
+            e.stopPropagation();
+            return;
+        }
         e.stopPropagation();
         e.preventDefault();
         let target = e.target;