jodit 4.13.12 → 4.13.13

package/es5/jodit.js

@@ -1,7 +1,7 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.13.12
+ * Version: v4.13.13
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -2107,7 +2107,7 @@ __webpack_require__.r(__webpack_exports__);
  * @packageDocumentation
  * @module constants
  */ 
-var APP_VERSION = "4.13.12";
+var APP_VERSION = "4.13.13";
 // prettier-ignore
 var ES = "es5";
 var IS_ES_MODERN = false;
@@ -30716,12 +30716,36 @@ jodit_core_ui__WEBPACK_IMPORTED_MODULE_2__.Icon.set('palette', (_palette_svg__WE
     form.appendChild(editor.c.fromHTML('<div class="'.concat(cn, '__groups">').concat(eachColor(editor.o.colors), "</div>")));
     form.appendChild(editor.c.fromHTML('<div data-ref="extra" class="'.concat(cn, '__extra"></div>')));
     var extra = (0,jodit_core_helpers___WEBPACK_IMPORTED_MODULE_1__.refs)(form).extra;
+    extra.appendChild(editor.c.fromHTML('<div class="'.concat(cn, '__hex"><input data-ref="hexInput" type="text" spellcheck="false" aria-label="HEX" placeholder="#FF0000" value="').concat(valueHex || '', '"/></div>')));
+    var hexInput = (0,jodit_core_helpers___WEBPACK_IMPORTED_MODULE_1__.refs)(form).hexInput;
+    var applyHexInput = function applyHexInput() {
+        var raw = hexInput.value.trim();
+        var isHex = /^#?[0-9a-f]{3}(?:[0-9a-f]{3})?$/i.test(raw);
+        var isRgb = /^rgba?\([\d\s.,%]+\)$/i.test(raw);
+        if (!isHex && !isRgb) {
+            return;
+        }
+        var color = (0,jodit_core_helpers___WEBPACK_IMPORTED_MODULE_1__.normalizeColor)(isHex && !raw.startsWith('#') ? '#' + raw : raw);
+        if (color && (0,jodit_core_helpers___WEBPACK_IMPORTED_MODULE_1__.isFunction)(callback)) {
+            callback(color);
+        }
+    };
+    editor.e.on(hexInput, 'keydown', function(e) {
+        e.stopPropagation();
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            applyHexInput();
+        }
+    }).on(hexInput, 'change', function(e) {
+        e.stopPropagation();
+        applyHexInput();
+    });
     if (editor.o.showBrowserColorPicker && (0,jodit_core_helpers___WEBPACK_IMPORTED_MODULE_1__.hasBrowserColorPicker)()) {
         extra.appendChild(editor.c.fromHTML('<div class="'.concat(cn, '__native">').concat(iconPalette, '<input type="color" value="#ffffff"/></div>')));
         editor.e.on(form, 'change', function(e) {
             e.stopPropagation();
             var target = e.target;
-            if (!target || !target.tagName || !jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(target, 'input')) {
+            if (!target || !target.tagName || !jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(target, 'input') || target.type !== 'color') {
                 return;
             }
             var color = target.value || '';
@@ -30732,6 +30756,11 @@ jodit_core_ui__WEBPACK_IMPORTED_MODULE_2__.Icon.set('palette', (_palette_svg__WE
         });
     }
     editor.e.on(form, 'mousedown touchend', function(e) {
+        // let the hex/native inputs receive focus and clicks
+        if (jodit_core_dom__WEBPACK_IMPORTED_MODULE_0__.Dom.isTag(e.target, 'input')) {
+            e.stopPropagation();
+            return;
+        }
         e.stopPropagation();
         e.preventDefault();
         var target = e.target;