jodit 4.2.39 → 4.2.40

package/es2021.en/plugins/debug/debug.css

@@ -0,0 +1,53 @@
+/*!
+ * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
+ * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
+ * Version: v4.2.40
+ * Url: https://xdsoft.net/jodit/
+ * License(s): MIT
+ */
+	
+.jodit-debug {
+  background: #f6f6f6;
+  position: relative;
+  padding: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: stretch;
+}
+.jodit-debug > * {
+  padding: var(--jd-padding-default);
+}
+.jodit-debug__tree {
+  width: 40%;
+}
+.jodit-debug__tree .jodit-debug__tree-elm-name {
+  color: #052e88;
+}
+.jodit-debug__tree .jodit-debug__tree-element_selected {
+  background: #1e7e34;
+  color: #fff;
+}
+.jodit-debug__tree .jodit-debug__tree-cursor {
+  background: #dc3232;
+  color: #fff;
+}
+.jodit-debug__events {
+  width: 40%;
+  max-height: 500px;
+  overflow: auto;
+  background: #1e7e34;
+  color: #fff;
+}
+.jodit-debug__events span {
+  color: #cacaca;
+  font-size: 0.8em;
+}
+.jodit-debug__events .jodit-debug__events-clear {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 5px;
+  cursor: pointer;
+  color: red;
+}
+

package/es2021.en/plugins/debug/debug.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.2.39
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -42,44 +42,181 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 class Debug extends jodit_core_plugin_plugin__WEBPACK_IMPORTED_MODULE_4__/* .Plugin */ .k {
     afterInit(jodit) {
-        const mirror = jodit.create.div();
-        const tree = jodit.create.div();
-        const sel = jodit.create.div();
+        const mirror = jodit.create.div('jodit-debug');
+        const tree = jodit.create.div('jodit-debug__tree');
+        const events = jodit.create.div('jodit-debug__events');
+        const clear = jodit.create.div('jodit-debug__events-clear', ['x']);
+        const sel = jodit.create.div('jodit-debug__sel');
         mirror.appendChild(tree);
+        mirror.appendChild(events);
+        events.appendChild(clear);
         mirror.appendChild(sel);
-        jodit.workplace.appendChild(mirror);
-        Object.assign(mirror.style, {
-            padding: '16px',
-            backgroundColor: '#fcfcfc'
-        });
-        Object.assign(sel.style, {
-            paddingTop: '16px'
+        clear.addEventListener('click', () => {
+            events.innerHTML = '';
+            events.appendChild(clear);
         });
-        jodit.e
-            .on('keydown keyup keypress change afterInit updateDebug', () => {
-            tree.innerHTML = render(jodit.editor);
-        })
-            .on(jodit.od, 'selectionchange', () => {
+        jodit.workplace.appendChild(mirror);
+        const allEvents = [
+            'activate',
+            'afterInit',
+            'beforeactivate',
+            'beforeblur',
+            'beforedeactivate',
+            'beforefocus',
+            'beforeinput',
+            'blur',
+            'change',
+            'click',
+            'compositionend',
+            'compositionstart',
+            'compositionupdate',
+            'contextmenu',
+            'copy',
+            'cut',
+            'dblclick',
+            'deactivate',
+            'focus',
+            'focusin',
+            'focusout',
+            'focusout',
+            'input',
+            'keydown',
+            'keypress',
+            'keyup',
+            'mousedown',
+            'mouseup',
+            'paste',
+            'selectionchange',
+            'selectionstart',
+            'dragstart',
+            'drop',
+            'dragover',
+            'resize touchstart touchend',
+            'updateDebug',
+            'beforeCommand',
+            'afterCommand',
+            'wheel'
+        ];
+        function updateTree() {
             const range = jodit.selection.range;
-            tree.innerHTML = render(jodit.editor);
+            tree.innerHTML = render(jodit.editor, 0, range);
             sel.innerHTML = `start ${range.startContainer.nodeName} ${range.startOffset}<br>end ${range.endContainer.nodeName} ${range.endOffset}`;
-        });
+        }
+        function onSomeEvent(e) {
+            const event = jodit.e.current;
+            const div = jodit.create.div();
+            div.innerHTML = `<span>${new Date().toLocaleTimeString()}</span> ${renderEvent(event, e)}`;
+            events.appendChild(div);
+            events.scrollTop = events.scrollHeight;
+            jodit.async.setTimeout(() => {
+                events.children.length > 100 &&
+                    events.removeChild(events.children[0]);
+            }, 100);
+        }
+        function renderEvent(event, e) {
+            const result = [event ?? e.type];
+            switch (event) {
+                case 'beforeCommand':
+                case 'afterCommand':
+                    result.push(`<span>${e.toString()}</span>`);
+                    break;
+                case 'keydown':
+                case 'keyup':
+                case 'keypress':
+                    if (e.shiftKey &&
+                        e.key !== 'Shift') {
+                        result.push('Shift+');
+                    }
+                    if (e.ctrlKey &&
+                        e.key !== 'Control') {
+                        result.push('Ctrl+');
+                    }
+                    if (e.altKey &&
+                        e.key !== 'Alt') {
+                        result.push('Alt');
+                    }
+                    result.push(`${e.key}`);
+                    break;
+            }
+            if (e && jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom */ .J.isNode(e.target)) {
+                result.push(`<span>${e.target.nodeName}</span>`);
+            }
+            return result.join(' ');
+        }
+        jodit.e
+            .on('keydown keyup keypress change afterInit updateDebug', updateTree)
+            .on(allEvents, onSomeEvent)
+            .on(jodit.od, 'selectionchange', onSomeEvent)
+            .on(jodit.od, 'selectionchange', updateTree);
     }
     beforeDestruct(jodit) { }
 }
-function renderText(elm) {
+function renderText(elm, range) {
     if (!elm.nodeValue) {
         return "<span style='color:red'>empty</span>";
     }
-    return (0,jodit_core_helpers_html_strip_tags__WEBPACK_IMPORTED_MODULE_3__/* .stripTags */ .K)(elm.nodeValue.replace((0,jodit_core_constants__WEBPACK_IMPORTED_MODULE_0__.INVISIBLE_SPACE_REG_EXP)(), 'INV'));
+    let value = elm.nodeValue;
+    if (range.collapsed) {
+        if (elm === range.startContainer) {
+            value =
+                value.slice(0, range.startOffset) +
+                    '%CURSOR%' +
+                    value.slice(range.startOffset);
+        }
+    }
+    else {
+        if (elm === range.startContainer && elm === range.endContainer) {
+            value =
+                value.slice(0, range.startOffset) +
+                    '%START-CURSOR%' +
+                    value.slice(range.startOffset, range.endOffset) +
+                    '%END-CURSOR%' +
+                    value.slice(range.endOffset);
+        }
+        else if (elm === range.startContainer) {
+            value =
+                value.slice(0, range.startOffset) +
+                    '%CURSOR%' +
+                    value.slice(range.startOffset);
+        }
+        else if (elm === range.endContainer) {
+            value =
+                value.slice(0, range.endOffset) +
+                    '%CURSOR%' +
+                    value.slice(range.endOffset);
+        }
+    }
+    return (0,jodit_core_helpers_html_strip_tags__WEBPACK_IMPORTED_MODULE_3__/* .stripTags */ .K)(value.replace((0,jodit_core_constants__WEBPACK_IMPORTED_MODULE_0__.INVISIBLE_SPACE_REG_EXP)(), 'INV'))
+        .replace(/%CURSOR%/, '<span class="jodit-debug__tree-cursor">|</span>')
+        .replace(/%START-CURSOR%/, '<span class="jodit-debug__tree-cursor">|')
+        .replace(/%END-CURSOR%/, '|</span>');
 }
-function render(elm, level = 0) {
-    return `<div style='padding-left: ${level * 5}px'>
-		${elm.nodeName} ${jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom */ .J.isText(elm) ? `- ${renderText(elm)}` : ''}
+function render(elm, level, range) {
+    const isSelected = window.getSelection()?.containsNode(elm);
+    const content = [
+        `<span class="jodit-debug__tree-elm-name">${elm.nodeName}</span>`,
+        jodit_core_dom_dom__WEBPACK_IMPORTED_MODULE_1__/* .Dom */ .J.isText(elm) ? `- ${renderText(elm, range)}` : ''
+    ]
+        .map(i => i.trim())
+        .filter(Boolean);
+    return `<div class="${isSelected ? 'jodit-debug__tree-element_selected' : ''}" style='padding-left: ${level * 5}px'>
+		${content.join('&nbsp;')}
 	${Array.from(elm.childNodes)
-        .map(ch => render(ch, level + 1))
+        .map((ch, index) => {
+        const result = [];
+        if (range.startContainer === elm && index === range.startOffset) {
+            result.push('<span class="jodit-debug__tree-cursor">|</span>');
+        }
+        result.push(render(ch, level + 1, range));
+        if (range.endContainer === elm && index === range.endOffset) {
+            result.push('<span class="jodit-debug__tree-cursor">|</span>');
+        }
+        return result;
+    })
+        .flat()
         .join('')}
 </div>`;
 }

package/es2021.en/plugins/debug/debug.min.css

@@ -0,0 +1 @@
+.jodit-debug{align-items:stretch;background:#f6f6f6;display:flex;justify-content:space-between;padding:0;position:relative}.jodit-debug>*{padding:var(--jd-padding-default)}.jodit-debug__tree{width:40%}.jodit-debug__tree .jodit-debug__tree-elm-name{color:#052e88}.jodit-debug__tree .jodit-debug__tree-element_selected{background:#1e7e34;color:#fff}.jodit-debug__tree .jodit-debug__tree-cursor{background:#dc3232;color:#fff}.jodit-debug__events{background:#1e7e34;color:#fff;max-height:500px;overflow:auto;width:40%}.jodit-debug__events span{color:#cacaca;font-size:.8em}.jodit-debug__events .jodit-debug__events-clear{color:red;cursor:pointer;padding:5px;position:absolute;right:0;top:0}

package/es2021.en/plugins/debug/debug.min.js

@@ -1,10 +1,10 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.39
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
 
 
-"use strict";((e,n)=>{if("object"==typeof exports&&"object"==typeof module)module.exports=n();else if("function"==typeof define&&define.amd)define([],n);else{var t=n();for(var o in t)("object"==typeof exports?exports:e)[o]=t[o]}})(self,(()=>(self.webpackChunkjodit=self.webpackChunkjodit||[]).push([[486],{40773(e,n,t){t.r(n),t.d(n,{Debug(){return s}});var o=t(17352),d=t(55186),r=(t(56298),t(61793)),a=t(29866);class s extends a.k{afterInit(e){const n=e.create.div(),t=e.create.div(),o=e.create.div();n.appendChild(t),n.appendChild(o),e.workplace.appendChild(n),Object.assign(n.style,{padding:"16px",backgroundColor:"#fcfcfc"}),Object.assign(o.style,{paddingTop:"16px"}),e.e.on("keydown keyup keypress change afterInit updateDebug",(()=>{t.innerHTML=i(e.editor)})).on(e.od,"selectionchange",(()=>{const n=e.selection.range;t.innerHTML=i(e.editor),o.innerHTML=`start ${n.startContainer.nodeName} ${n.startOffset}<br>end ${n.endContainer.nodeName} ${n.endOffset}`}))}beforeDestruct(e){}}function i(e,n=0){return`<div style='padding-left: ${5*n}px'>\n\t\t${e.nodeName} ${d.J.isText(e)?"- "+(e=>e.nodeValue?(0,r.K)(e.nodeValue.replace((0,o.INVISIBLE_SPACE_REG_EXP)(),"INV")):"<span style='color:red'>empty</span>")(e):""}\n\t${Array.from(e.childNodes).map((e=>i(e,n+1))).join("")}\n</div>`}}},e=>e(e.s=40773)])));
+"use strict";((e,t)=>{if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var s in n)("object"==typeof exports?exports:e)[s]=n[s]}})(self,(()=>(self.webpackChunkjodit=self.webpackChunkjodit||[]).push([[486],{40773(e,t,n){n.r(t),n.d(t,{Debug(){return i}});var s=n(17352),a=n(55186),o=(n(56298),n(61793)),r=n(29866);class i extends r.k{afterInit(e){const t=e.create.div("jodit-debug"),n=e.create.div("jodit-debug__tree"),s=e.create.div("jodit-debug__events"),o=e.create.div("jodit-debug__events-clear",["x"]),r=e.create.div("jodit-debug__sel");function i(){const t=e.selection.range;n.innerHTML=c(e.editor,0,t),r.innerHTML=`start ${t.startContainer.nodeName} ${t.startOffset}<br>end ${t.endContainer.nodeName} ${t.endOffset}`}function d(t){const n=e.e.current,o=e.create.div();o.innerHTML=`<span>${(new Date).toLocaleTimeString()}</span> ${((e,t)=>{const n=[e??t.type];switch(e){case"beforeCommand":case"afterCommand":n.push(`<span>${""+t}</span>`);break;case"keydown":case"keyup":case"keypress":t.shiftKey&&"Shift"!==t.key&&n.push("Shift+"),t.ctrlKey&&"Control"!==t.key&&n.push("Ctrl+"),t.altKey&&"Alt"!==t.key&&n.push("Alt"),n.push(""+t.key)}return t&&a.J.isNode(t.target)&&n.push(`<span>${t.target.nodeName}</span>`),n.join(" ")})(n,t)}`,s.appendChild(o),s.scrollTop=s.scrollHeight,e.async.setTimeout((()=>{s.children.length>100&&s.removeChild(s.children[0])}),100)}t.appendChild(n),t.appendChild(s),s.appendChild(o),t.appendChild(r),o.addEventListener("click",(()=>{s.innerHTML="",s.appendChild(o)})),e.workplace.appendChild(t),e.e.on("keydown keyup keypress change afterInit updateDebug",i).on(["activate","afterInit","beforeactivate","beforeblur","beforedeactivate","beforefocus","beforeinput","blur","change","click","compositionend","compositionstart","compositionupdate","contextmenu","copy","cut","dblclick","deactivate","focus","focusin","focusout","focusout","input","keydown","keypress","keyup","mousedown","mouseup","paste","selectionchange","selectionstart","dragstart","drop","dragover","resize touchstart touchend","updateDebug","beforeCommand","afterCommand","wheel"],d).on(e.od,"selectionchange",d).on(e.od,"selectionchange",i)}beforeDestruct(e){}}function d(e,t){if(!e.nodeValue)return"<span style='color:red'>empty</span>";let n=e.nodeValue;return t.collapsed?e===t.startContainer&&(n=n.slice(0,t.startOffset)+"%CURSOR%"+n.slice(t.startOffset)):e===t.startContainer&&e===t.endContainer?n=n.slice(0,t.startOffset)+"%START-CURSOR%"+n.slice(t.startOffset,t.endOffset)+"%END-CURSOR%"+n.slice(t.endOffset):e===t.startContainer?n=n.slice(0,t.startOffset)+"%CURSOR%"+n.slice(t.startOffset):e===t.endContainer&&(n=n.slice(0,t.endOffset)+"%CURSOR%"+n.slice(t.endOffset)),(0,o.K)(n.replace((0,s.INVISIBLE_SPACE_REG_EXP)(),"INV")).replace(/%CURSOR%/,'<span class="jodit-debug__tree-cursor">|</span>').replace(/%START-CURSOR%/,'<span class="jodit-debug__tree-cursor">|').replace(/%END-CURSOR%/,"|</span>")}function c(e,t,n){const s=window.getSelection()?.containsNode(e),o=[`<span class="jodit-debug__tree-elm-name">${e.nodeName}</span>`,a.J.isText(e)?"- "+d(e,n):""].map((e=>e.trim())).filter(Boolean);return`<div class="${s?"jodit-debug__tree-element_selected":""}" style='padding-left: ${5*t}px'>\n\t\t${o.join("&nbsp;")}\n\t${Array.from(e.childNodes).map(((s,a)=>{const o=[];return n.startContainer===e&&a===n.startOffset&&o.push('<span class="jodit-debug__tree-cursor">|</span>'),o.push(c(s,t+1,n)),n.endContainer===e&&a===n.endOffset&&o.push('<span class="jodit-debug__tree-cursor">|</span>'),o})).flat().join("")}\n</div>`}}},e=>e(e.s=40773)])));

package/es2021.en/plugins/speech-recognize/speech-recognize.css

@@ -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.2.39
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es2021.en/plugins/speech-recognize/speech-recognize.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.2.39
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es2021.en/plugins/speech-recognize/speech-recognize.min.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.2.39
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/164.fat.min.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.2.39
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/164.min.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.2.39
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/5.fat.min.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.2.39
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/5.min.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.2.39
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */

package/es5/jodit.css

@@ -1,14 +1,14 @@
 /*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.39
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
 	/*!
  * jodit - Jodit is an awesome and useful wysiwyg editor with filebrowser
  * Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/jodit/)
- * Version: v4.2.39
+ * Version: v4.2.40
  * Url: https://xdsoft.net/jodit/
  * License(s): MIT
  */
@@ -4302,6 +4302,15 @@ a + .jodit-file-browser-tree__source-title {
 }
 .jodit-tabs__button {
   min-width: 80px;
+  max-width: 210px;
+}
+.jodit-tabs__button .jodit-ui-button__text {
+  white-space: nowrap;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
 }
 .jodit-tabs__button_columns_3 {
   width: calc(100% / 3);