jodit-pro 4.12.27 → 4.12.32

package/esm/plugins/paste-code/paste-code.d.ts

@@ -12,11 +12,20 @@ export declare class pasteCode extends Plugin {
     static requires: string[];
     /** @override */
     buttons: IPlugin['buttons'];
+    /**
+     * Contextual UI (drag anchor + popup toolbar) for existing code blocks
+     */
+    private __codeTuner;
     /** @override */
     protected afterInit(jodit: IJodit): void;
     private __openCodeEditDialog;
     /** @override */
     protected beforeDestruct(jodit: IJodit): void;
+    /**
+     * Re-highlights a code block, e.g. after its language was changed from the
+     * contextual popup.
+     */
+    protected onRehighlightPasteCode(pre: HTMLElement): void;
     private __createForm;
     private __createDialog;
     protected __onChange(): void;

package/esm/plugins/paste-code/paste-code.js

@@ -1 +1 @@
-var j=Object.defineProperty;var u=(d,e)=>j(d,"name",{value:e,configurable:!0});var g,_=function(d,e,t,i){var o=arguments.length,a=o<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(d,e,t,i);else for(var n=d.length-1;n>=0;n--)(s=d[n])&&(a=(o<3?s(a):o>3?s(e,t,a):s(e,t))||a);return o>3&&a&&Object.defineProperty(e,t,a),a};import"./config.js";import{IS_PROD as v}from"jodit/esm/core/constants.js";import{autobind as E,component as I,debounce as w,watch as p}from"jodit/esm/core/decorators/index.js";import{$$ as S,appendScriptAsync as y,attr as m,loadNext as P,loadNextStyle as D,refs as T,stripTags as x}from"jodit/esm/core/helpers/index.js";import{isBoolean as F}from"jodit/esm/core/helpers/checker/is-boolean.js";import{htmlspecialchars as H}from"jodit/esm/core/helpers/html/htmlspecialchars.js";import{Plugin as J}from"jodit/esm/core/plugin/index.js";import{Button as C,UIForm as O,UISelect as A,UITextArea as N}from"jodit/esm/core/ui/index.js";import{Dialog as $,Dom as l}from"jodit/esm/modules/index.js";import{JoditPro as q}from"../../jodit-pro.js";let r=(g=class extends J{constructor(){super(...arguments),this.buttons=[{name:"pasteCode",group:"clipboard"}],this.__highlightLibJSIsLoaded=!1,this.__loadLanguage=new Map,this.__initHighlightLibLoading=async e=>{const{globalHighlightLib:t,highlightLib:{css:i,js:o,langUrl:a,highlight:s,isLangLoaded:n,beforeLibLoad:c,afterLibLoad:h}}=this.j.o.pasteCode;return!this.__highlightLibJSIsLoaded&&!t&&(this.__highlightLibJSIsLoaded=Promise.resolve(c?.()).then(()=>L(this.async,Promise.allSettled([D(this.jodit,i).catch(()=>null),P(this.jodit,o).catch(()=>null)]))).then(()=>h?.())),F(this.__highlightLibJSIsLoaded)||await this.__highlightLibJSIsLoaded,e&&!n(e)&&!t&&(this.__loadLanguage.has(e)||(v||console.log("Load language",e,"for paste-code"),this.__loadLanguage.set(e,L(this.async,y(this.jodit,a(e)).catch(()=>null)))),await this.__loadLanguage.get(e)),{highlight:s}}}className(){return"pasteCode"}afterInit(e){e.registerCommand("pasteCode",()=>this.__openCodeEditDialog()),e.async.requestIdleCallback(()=>this.__initHighlightLibLoading())}__openCodeEditDialog(e,t,i){const o=this.j,a=this.__createForm(),{code:s,language:n}=T(a.container);e&&(n.value=e),t&&(s.value=t),o.async.requestIdleCallback(()=>{s.focus()}),o.s.save(),this.__createDialog(()=>{if(a.validate()){o.s.restore();const h=o.createInside.fromHTML(o.o.pasteCode.insertTemplate(o,n.value,s.value));if(i)l.replace(i,h,o.createInside,!1,!0);else{const b=o.s.current(),f=l.up(b,l.isBlock,o.editor);f&&!l.isCell(f)?l.after(f,h):o.s.insertNode(h)}this.__imdOnChange();return}return!1},()=>{o.s.restore()}).setContent(a.container).open(!0)}beforeDestruct(e){}__createForm(){const{jodit:e}=this;return new O(e,[new A(e,{name:"language",label:"Language",value:e.o.pasteCode.defaultLanguage,options:e.o.pasteCode.languages,required:!0}),new N(e,{label:"Code view",resizable:!1,name:"code",required:!0,className:"jodit-paste-code__textarea"})],{className:"jodit-paste-code"})}__createDialog(e,t){const i=new $({language:this.j.o.language});return i.setHeader("Insert/Edit Code Sample").setSize(this.j.o.pasteCode.dialog.width,this.j.o.pasteCode.dialog.height).setFooter([C(i,"","Cancel","default").onAction(()=>{i.close(),t()}),C(i,"save","Save","primary").onAction(()=>{i.close(),e()})]),i}__onChange(){this.__imdOnChange()}__imdOnChange(){S("pre",this.j.editor).forEach(e=>{m(e,"contenteditable")||(m(e,"contenteditable",!1),this.__highlightCode(e).catch(()=>null))})}async __highlightCode(e){const t=this.__parseLanguage(e),{highlight:i}=await this.__initHighlightLibLoading(t);let o=e;e.firstElementChild===e.lastElementChild&&l.isTag(e.firstElementChild,"code")&&(o=e.firstElementChild),o.innerHTML=i(o.innerText,t)}onPreEdit(e){const t=l.isNode(e)&&l.isTag(e,"pre")?e:l.closest(e.target,"pre",this.j.editor);if(t){const i=this.__parseLanguage(t);this.__openCodeEditDialog(i,t.innerText,t)}}__parseLanguage(e){let t=null;const i=u(o=>o.classList.forEach(a=>{if(/language-/.test(a)){const s=/language-(.*)/.exec(a);s&&s[1]&&(t=s[1])}}),"getLang");return i(e),t==null&&e.firstElementChild===e.lastElementChild&&l.isTag(e.firstElementChild,"code")&&i(e.firstElementChild),this.jodit.o.pasteCode.canonicalLanguageCode(t||"html")}onAfterGetValueFromEditor(e){const t=u((i,o,a,s,n,c)=>`${o.trim()}${s}${H(x(n,this.j.ed,new Set(["br"])))}${c}`,"strip");e.value=e.value.replace(/(<pre[^>]*)contenteditable\s*=\s*(['"]?)false\2([^>]*>\s*<code[^>]*>)(.*?)(<\/code>\s*<\/pre>)/gis,t).replace(/(<pre[^>]*)contenteditable\s*=\s*(['"]?)false\2([^>]*>)(.*?)(<\/pre>)/gis,t)}},u(g,"pasteCode"),g);r.requires=["license"],_([E],r.prototype,"__openCodeEditDialog",null),_([p(["?:change","?:afterInit"]),w()],r.prototype,"__onChange",null),_([p(["?:dblclick","?:editPreInPasteCode"])],r.prototype,"onPreEdit",null),_([p("?:afterGetValueFromEditor")],r.prototype,"onAfterGetValueFromEditor",null),r=_([I],r);function L(d,e){return d.promise((t,i)=>{e.then(t).catch(i)}).catch(()=>null)}u(L,"waitingPromise"),q.plugins.add("paste-code",r);export{r as pasteCode};
+var v=Object.defineProperty;var _=(d,e)=>v(d,"name",{value:e,configurable:!0});var u,g=function(d,e,t,o){var i=arguments.length,a=i<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(d,e,t,o);else for(var n=d.length-1;n>=0;n--)(s=d[n])&&(a=(i<3?s(a):i>3?s(e,t,a):s(e,t))||a);return i>3&&a&&Object.defineProperty(e,t,a),a};import"./config.js";import{UICodeTuner as j}from"./ui/code-tuner/code-tuner.js";import{parseLanguage as I}from"./helpers.js";import{IS_PROD as w}from"jodit/esm/core/constants.js";import{autobind as P,component as E,debounce as y,watch as p}from"jodit/esm/core/decorators/index.js";import{$$ as S,appendScriptAsync as T,attr as m,loadNext as D,loadNextStyle as x,refs as F,stripTags as H}from"jodit/esm/core/helpers/index.js";import{isBoolean as J}from"jodit/esm/core/helpers/checker/is-boolean.js";import{htmlspecialchars as N}from"jodit/esm/core/helpers/html/htmlspecialchars.js";import{Plugin as O}from"jodit/esm/core/plugin/index.js";import{Button as C,UIForm as A,UISelect as R,UITextArea as $}from"jodit/esm/core/ui/index.js";import{Dialog as q,Dom as r}from"jodit/esm/modules/index.js";import{JoditPro as U}from"../../jodit-pro.js";let l=(u=class extends O{constructor(){super(...arguments),this.buttons=[{name:"pasteCode",group:"clipboard"}],this.__highlightLibJSIsLoaded=!1,this.__loadLanguage=new Map,this.__initHighlightLibLoading=async e=>{const{globalHighlightLib:t,highlightLib:{css:o,js:i,langUrl:a,highlight:s,isLangLoaded:n,beforeLibLoad:c,afterLibLoad:h}}=this.j.o.pasteCode;return!this.__highlightLibJSIsLoaded&&!t&&(this.__highlightLibJSIsLoaded=Promise.resolve(c?.()).then(()=>L(this.async,Promise.allSettled([x(this.jodit,o).catch(()=>null),D(this.jodit,i).catch(()=>null)]))).then(()=>h?.())),J(this.__highlightLibJSIsLoaded)||await this.__highlightLibJSIsLoaded,e&&!n(e)&&!t&&(this.__loadLanguage.has(e)||(w||console.log("Load language",e,"for paste-code"),this.__loadLanguage.set(e,L(this.async,T(this.jodit,a(e)).catch(()=>null)))),await this.__loadLanguage.get(e)),{highlight:s}}}className(){return"pasteCode"}afterInit(e){e.registerCommand("pasteCode",()=>this.__openCodeEditDialog()),this.__codeTuner=new j(e),e.async.requestIdleCallback(()=>this.__initHighlightLibLoading())}__openCodeEditDialog(e,t,o){const i=this.j,a=this.__createForm(),{code:s,language:n}=F(a.container);e&&(n.value=e),t&&(s.value=t),i.async.requestIdleCallback(()=>{s.focus()}),i.s.save(),this.__createDialog(()=>{if(a.validate()){i.s.restore();const h=i.createInside.fromHTML(i.o.pasteCode.insertTemplate(i,n.value,s.value));if(o)r.replace(o,h,i.createInside,!1,!0);else{const b=i.s.current(),f=r.up(b,r.isBlock,i.editor);f&&!r.isCell(f)?r.after(f,h):i.s.insertNode(h)}this.__imdOnChange();return}return!1},()=>{i.s.restore()}).setContent(a.container).open(!0)}beforeDestruct(e){var t;(t=this.__codeTuner)===null||t===void 0||t.destruct()}onRehighlightPasteCode(e){r.isTag(e,"pre")&&(m(e,"contenteditable",!1),this.__highlightCode(e).catch(()=>null))}__createForm(){const{jodit:e}=this;return new A(e,[new R(e,{name:"language",label:"Language",value:e.o.pasteCode.defaultLanguage,options:e.o.pasteCode.languages,required:!0}),new $(e,{label:"Code view",resizable:!1,name:"code",required:!0,className:"jodit-paste-code__textarea"})],{className:"jodit-paste-code"})}__createDialog(e,t){const o=new q({language:this.j.o.language});return o.setHeader("Insert/Edit Code Sample").setSize(this.j.o.pasteCode.dialog.width,this.j.o.pasteCode.dialog.height).setFooter([C(o,"","Cancel","default").onAction(()=>{o.close(),t()}),C(o,"save","Save","primary").onAction(()=>{o.close(),e()})]),o}__onChange(){this.__imdOnChange()}__imdOnChange(){S("pre",this.j.editor).forEach(e=>{m(e,"contenteditable")||(m(e,"contenteditable",!1),this.__highlightCode(e).catch(()=>null))})}async __highlightCode(e){const t=this.__parseLanguage(e),{highlight:o}=await this.__initHighlightLibLoading(t);let i=e;e.firstElementChild===e.lastElementChild&&r.isTag(e.firstElementChild,"code")&&(i=e.firstElementChild),i.innerHTML=o(i.innerText,t)}onPreEdit(e){const t=r.isNode(e)&&r.isTag(e,"pre")?e:r.closest(e.target,"pre",this.j.editor);if(t){const o=this.__parseLanguage(t);this.__openCodeEditDialog(o,t.innerText,t)}}__parseLanguage(e){return I(this.jodit,e)}onAfterGetValueFromEditor(e){const t=_((o,i,a,s,n,c)=>`${i.trim()}${s}${N(H(n,this.j.ed,new Set(["br"])))}${c}`,"strip");e.value=e.value.replace(/(<pre[^>]*)contenteditable\s*=\s*(['"]?)false\2([^>]*>\s*<code[^>]*>)(.*?)(<\/code>\s*<\/pre>)/gis,t).replace(/(<pre[^>]*)contenteditable\s*=\s*(['"]?)false\2([^>]*>)(.*?)(<\/pre>)/gis,t)}},_(u,"pasteCode"),u);l.requires=["license"],g([P],l.prototype,"__openCodeEditDialog",null),g([p("?:rehighlightPasteCode")],l.prototype,"onRehighlightPasteCode",null),g([p(["?:change","?:afterInit"]),y()],l.prototype,"__onChange",null),g([p(["?:dblclick","?:editPreInPasteCode"])],l.prototype,"onPreEdit",null),g([p("?:afterGetValueFromEditor")],l.prototype,"onAfterGetValueFromEditor",null),l=g([E],l);function L(d,e){return d.promise((t,o)=>{e.then(t).catch(o)}).catch(()=>null)}_(L,"waitingPromise"),U.plugins.add("paste-code",l);export{l as pasteCode};

package/esm/plugins/paste-code/ui/code-tuner/code-tuner.d.ts

@@ -0,0 +1,87 @@
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */
+import type { IJodit } from "jodit/esm/types/index";
+import { UIElement } from "jodit/esm/core/ui/index";
+/**
+ * Contextual UI for an existing code block:
+ *   - a drag anchor shown in the left gutter on hover (moves the whole block);
+ *   - a popup toolbar (language dropdown + edit / copy / delete) on click.
+ *
+ * The anchor is rendered `position: fixed` and appended to the document body so
+ * it can sit outside the code block without being clipped by the editor
+ * workplace (which hides horizontal overflow).
+ */
+export declare class UICodeTuner extends UIElement<IJodit> {
+    private toolbar;
+    private popup;
+    private isShown;
+    private __hideTimer;
+    protected currentBlock: HTMLElement;
+    className(): string;
+    protected render(): string;
+    /**
+     * Handler: hovering a code block shows the drag anchor next to it.
+     */
+    protected onEditorMouseMove(e: MouseEvent): void;
+    /**
+     * Handler: clicking a code block opens its popup toolbar; clicking anywhere
+     * else in the editor closes the tuner.
+     */
+    protected onEditorClick(e: MouseEvent): void;
+    /**
+     * Shows the anchor for the given code block.
+     */
+    show(block: HTMLElement): void;
+    /**
+     * Soft hide — keeps the UI while the popup toolbar is open.
+     */
+    hide(): void;
+    /**
+     * Handler: a click outside the editor closes the tuner — unless it landed on
+     * the anchor/grip itself (which lives in the document body, so Jodit reports
+     * it as an "outside" click).
+     */
+    protected onOutsideClick(e: MouseEvent): void;
+    /**
+     * Hard hide — closes the popup and removes the anchor.
+     */
+    forceHide(): void;
+    /**
+     * Global pointer tracking: keep the tuner shown while the pointer is within
+     * the block + left gutter + grip region (one continuous hot zone, so there
+     * is no seam between the block and the anchor), and hide it shortly after
+     * the pointer leaves that region.
+     */
+    private __onPointerMove;
+    private __inActiveZone;
+    private __scheduleHide;
+    private __cancelHide;
+    /**
+     * Recalculates the anchor and popup position. Bound to everything that can
+     * move the code block: editor/page scroll, resize and content changes.
+     */
+    private __onReposition;
+    protected onEditorChange(): void;
+    /**
+     * Places the anchor in the gutter to the left of the code block.
+     */
+    private calcPosition;
+    /**
+     * Builds and shows the popup toolbar below the code block.
+     */
+    private openToolbar;
+    /**
+     * The language dropdown control. Its list is built from
+     * `pasteCode.languages` so it always reflects the editor configuration.
+     */
+    private __languageControl;
+    /**
+     * Handler: start dragging the whole block by its anchor. The actual drag is
+     * performed by the base `drag-and-drop-element` plugin.
+     */
+    protected onAnchorMouseDown(e: MouseEvent): void;
+    destruct(): void;
+}

package/esm/plugins/paste-code/ui/code-tuner/code-tuner.js

@@ -0,0 +1,3 @@
+var w=Object.defineProperty;var a=(p,t)=>w(p,"name",{value:t,configurable:!0});var l,r=function(p,t,e,i){var o=arguments.length,n=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,u;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(p,t,e,i);else for(var d=p.length-1;d>=0;d--)(u=p[d])&&(n=(o<3?u(n):o>3?u(t,e,n):u(t,e))||n);return o>3&&n&&Object.defineProperty(t,e,n),n};import{languageTitle as f,parseLanguage as m,setPreLanguage as T}from"../../helpers.js";import{autobind as j,component as H,throttle as g,watch as h}from"jodit/esm/core/decorators/index.js";import{Dom as c}from"jodit/esm/core/dom/index.js";import{css as b,position as _}from"jodit/esm/core/helpers/index.js";import{Popup as k,UIElement as P}from"jodit/esm/core/ui/index.js";import{makeCollection as M}from"jodit/esm/modules/toolbar/factory.js";const C=16,v=6;let s=(l=class extends P{constructor(){super(...arguments),this.toolbar=M(this.j,this),this.popup=new k(this.j,!1),this.isShown=!1,this.__hideTimer=0}className(){return"UICodeTuner"}render(){return`<div>
+			<div class="&__anchor" title="~Drag to move the code block~"></div>
+		</div>`}onEditorMouseMove(t){const e=c.closest(t.target,"pre",this.j.editor);e&&(this.__cancelHide(),this.show(e))}onEditorClick(t){const e=c.closest(t.target,"pre",this.j.editor);e?(this.__cancelHide(),this.show(e),this.openToolbar()):this.forceHide()}show(t){this.currentBlock=t,this.isShown||(this.isShown=!0,this.container.parentNode==null&&this.j.od.body.appendChild(this.container),this.j.e.on(this.j.ow,"mousemove",this.__onPointerMove),this.j.e.on(this.j.ow,"scroll resize",this.__onReposition).on(this.j.editor,"scroll",this.__onReposition)),this.calcPosition()}hide(){this.popup.isOpened||this.forceHide()}onOutsideClick(t){t&&c.isOrContains(this.container,t.target)||this.forceHide()}forceHide(){this.__cancelHide(),this.isShown&&(this.isShown=!1,this.j.e.off(this.j.ow,"mousemove",this.__onPointerMove).off(this.j.ow,"scroll resize",this.__onReposition).off(this.j.editor,"scroll",this.__onReposition),this.popup.close(),c.safeRemove(this.container))}__onPointerMove(t){!this.isShown||this.popup.isOpened||(this.__inActiveZone(t.clientX,t.clientY)?this.__cancelHide():this.__scheduleHide())}__inActiveZone(t,e){const i=_(this.currentBlock,this.j);return t>=i.left-C-v-6&&t<=i.left+i.width&&e>=i.top-6&&e<=i.top+i.height+6}__scheduleHide(){this.__hideTimer||(this.__hideTimer=this.j.async.setTimeout(()=>{this.__hideTimer=0,this.hide()},150))}__cancelHide(){this.__hideTimer&&(this.j.async.clearTimeout(this.__hideTimer),this.__hideTimer=0)}__onReposition(){if(this.isShown){if(!this.j.editor.contains(this.currentBlock)){this.forceHide();return}this.calcPosition()}}onEditorChange(){this.__onReposition()}calcPosition(){const t=_(this.currentBlock,this.j);b(this.container,{left:Math.round(t.left-C-v),top:Math.round(t.top+4)}),this.popup.isOpened&&this.popup.updatePosition()}openToolbar(){this.toolbar.build([this.__languageControl(),...this.j.o.pasteCode.popup],this.currentBlock),this.popup.setContent(this.toolbar.container),this.popup.isOpened?this.popup.updatePosition():this.popup.open(()=>_(this.currentBlock,this.j))}__languageControl(){const t={};return this.j.o.pasteCode.languages.forEach(e=>{t[String(e.value)]=String(e.text)}),{name:"language",list:t,tooltip:"Language",text:f(this.j,m(this.j,this.currentBlock)),childTemplate:a((e,i,o)=>this.j.i18n(o),"childTemplate"),update:a((e,i)=>{const o=i.target;c.isTag(o,"pre")&&i.setState({text:f(this.j,m(this.j,o)),icon:{name:""}})},"update"),childExec:a((e,i,{control:o})=>{const n=String(o.args&&o.args[0]||"plaintext");c.isTag(i,"pre")&&(T(this.j,i,n),this.j.e.fire("hideCodeTuner.pasteCode"))},"childExec")}}onAnchorMouseDown(t){t.preventDefault(),this.popup.close(),this.j.e.fire("startDragElement",this.currentBlock,t)}destruct(){this.forceHide(),this.popup.destruct(),super.destruct()}},a(l,"UICodeTuner"),l);r([h("j.editor:mousemove"),g(50)],s.prototype,"onEditorMouseMove",null),r([h("j.editor:click")],s.prototype,"onEditorClick",null),r([h(":outsideClick")],s.prototype,"onOutsideClick",null),r([h(":hideCodeTuner.pasteCode")],s.prototype,"forceHide",null),r([j],s.prototype,"__onPointerMove",null),r([j],s.prototype,"__onReposition",null),r([h(":change :resize :afterSetMode"),g(10)],s.prototype,"onEditorChange",null),r([h("anchor:mousedown")],s.prototype,"onAnchorMouseDown",null),s=r([H],s);export{s as UICodeTuner};

package/esm/plugins/paste-code/ui/code-tuner/drag.svg.js

@@ -0,0 +1 @@
+var c='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="#5d6b7a"> <circle cx="6" cy="3" r="1.5" /> <circle cx="10" cy="3" r="1.5" /> <circle cx="6" cy="8" r="1.5" /> <circle cx="10" cy="8" r="1.5" /> <circle cx="6" cy="13" r="1.5" /> <circle cx="10" cy="13" r="1.5" /> </svg> ';export{c as default};

package/esm/plugins/todo-list/todo-list.js

@@ -1 +1 @@
-var g=Object.defineProperty;var L=(c,e)=>g(c,"name",{value:e,configurable:!0});var i=function(c,e,t,s){var l=arguments.length,r=l<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(c,e,t,s);else for(var _=c.length-1;_>=0;_--)(p=c[_])&&(r=(l<3?p(r):l>3?p(e,t,r):p(e,t))||r);return l>3&&r&&Object.defineProperty(e,t,r),r};import"./config.js";import{NO_EMPTY_TAGS as y}from"jodit/esm/core/constants.js";import{autobind as f,watch as a}from"jodit/esm/core/decorators/index.js";import{Dom as n}from"jodit/esm/core/dom/dom.js";import{$$ as u,attr as C}from"jodit/esm/core/helpers/utils/index.js";import{Plugin as j}from"jodit/esm/core/plugin/index.js";import{CHANGE as b,REPLACE as m,UNWRAP as E,WRAP as I}from"jodit/esm/core/selection/index.js";import{JoditPro as T}from"../../jodit-pro.js";const d=!0,h=class h extends j{constructor(){super(...arguments),this.buttons=[{name:"todoList",group:"list"}],this.__isOwnCommand=!1}afterInit(e){e.registerCommand("todoList",this.onCommand)}onCommand(){try{this.__isOwnCommand=!0,this.jodit.s.commitStyle({element:"ul",attributes:{class:this.j.o.todoList.className},hooks:d?{afterWrapList:this.__afterWrapList,afterToggleAttribute:this.__afterWrapList}:{}})}finally{this.__isOwnCommand=!1}return!1}__prependInputLabel(e){const{jodit:t}=this,{labelClassName:s,inputFactory:l}=this.j.o.todoList;if(e.querySelector("label."+s))return;const r=t.createInside.element("label",{contenteditable:"false",class:s}),p=l(t);r.appendChild(p),n.prepend(e,r)}__afterToggleList(e,t){if(d){if((e===b||e===m)&&this.__isOwnCommand)return this.__appendInputs(t);if(e===E||e===m||e===b)return this.__removeInputs(t)}}__appendInputs(e){e.querySelectorAll("li").forEach(this.__prependInputLabel)}__removeInputs(e){const{labelClassName:t}=this.j.o.todoList;e.querySelectorAll("label."+t).forEach(n.safeRemove)}__beforeToggleOrderedList(e,t,s){var l;if(!d)return;const r="__beforeToggleOrderedList";if(e!==m&&(t.classList.contains(this.j.o.todoList.className)||s.isApplied(t,r))&&(s.element==="ul"||s.element==="ol")&&((l=s.options.attributes)===null||l===void 0?void 0:l.class)!==this.j.o.todoList.className){const p=n.replace(t,s.element,this.jodit.createInside);return s.setApplied(p,r),this.__removeInputs(p),p}}__afterEnter(){u("ul."+this.j.o.todoList.className+" li",this.jodit.editor).forEach(this.__prependInputLabel)}__afterTab(){u("ul:not(."+this.j.o.todoList.className+") > li > label",this.jodit.editor).filter(this.isTodoLeafLabel).forEach(n.safeRemove)}__changeSelection(e){const t=this.j.s.current();this.isTodoLeafLabel(t)&&(e.preventDefault(),e.stopPropagation(),this.j.s.setCursorAfter(t))}__isEmptyListLeaf(e){return n.isEmpty(e,t=>t.nodeName.toLowerCase()==="input"&&this.isTodoLeafLabel(t.parentElement)?!1:y.has(t.tagName.toLowerCase()))}__backSpaceBeforeCases(e,t){if(e){const s=n.findNotEmptySibling(t,!0);this.isTodoLeafLabel(s)&&n.safeRemove(s)}}__isInvisibleForCursor(e){if(this.isTodoLeafLabel(e))return!0}__backSpaceAfterDelete(){const{labelClassName:e}=this.j.o.todoList;u("label."+e,this.jodit.editor).forEach(t=>{t.closest("ul."+this.j.o.todoList.className)?t.previousSibling&&t.parentElement&&n.prepend(t.parentElement,t):n.safeRemove(t)})}__afterWrapList(e,t){e===I&&this.__appendInputs(t)}__onClickInput(e){const t=e.target;t&&n.isTag(t,"input")&&t.type==="checkbox"&&this.isTodoLeafLabel(t.parentElement)&&C(t,"checked",t.checked?"checked":null)}isTodoLeafLabel(e){const{labelClassName:t}=this.j.o.todoList;return n.isHTMLElement(e)&&e.classList.contains(t)}beforeDestruct(e){}};L(h,"TodoList");let o=h;o.requires=["license"],i([f],o.prototype,"onCommand",null),i([f],o.prototype,"__prependInputLabel",null),i([a(":commitStyleAfterToggleList")],o.prototype,"__afterToggleList",null),i([a(":commitStyleBeforeUnwrapList")],o.prototype,"__beforeToggleOrderedList",null),i([a(":afterEnter")],o.prototype,"__afterEnter",null),i([a(":afterTab")],o.prototype,"__afterTab",null),i([a("j.ed:selectionchange"),a(":afterEnter")],o.prototype,"__changeSelection",null),i([a(":enterIsEmptyListLeaf")],o.prototype,"__isEmptyListLeaf",null),i([a(":backSpaceBeforeCases")],o.prototype,"__backSpaceBeforeCases",null),i([a(":backSpaceIsMovedIgnore"),a(":isInvisibleForCursor")],o.prototype,"__isInvisibleForCursor",null),i([a(":backSpaceAfterDelete")],o.prototype,"__backSpaceAfterDelete",null),i([f],o.prototype,"__afterWrapList",null),i([a(":click")],o.prototype,"__onClickInput",null),i([f],o.prototype,"isTodoLeafLabel",null),T.plugins.add("todo-list",o);export{o as TodoList};
+var g=Object.defineProperty;var L=(c,e)=>g(c,"name",{value:e,configurable:!0});var i=function(c,e,t,s){var l=arguments.length,r=l<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(c,e,t,s);else for(var u=c.length-1;u>=0;u--)(p=c[u])&&(r=(l<3?p(r):l>3?p(e,t,r):p(e,t))||r);return l>3&&r&&Object.defineProperty(e,t,r),r};import"./config.js";import{NO_EMPTY_TAGS as C}from"jodit/esm/core/constants.js";import{autobind as f,watch as n}from"jodit/esm/core/decorators/index.js";import{Dom as a}from"jodit/esm/core/dom/dom.js";import{$$ as _,attr as y}from"jodit/esm/core/helpers/utils/index.js";import{Plugin as E}from"jodit/esm/core/plugin/index.js";import{CHANGE as b,REPLACE as m,UNWRAP as j,WRAP as I}from"jodit/esm/core/selection/index.js";import{JoditPro as T}from"../../jodit-pro.js";const d=!0,h=class h extends E{constructor(){super(...arguments),this.buttons=[{name:"todoList",group:"list"}],this.__isOwnCommand=!1}afterInit(e){e.registerCommand("todoList",this.onCommand)}onCommand(){try{this.__isOwnCommand=!0,this.jodit.s.commitStyle({element:"ul",attributes:{class:this.j.o.todoList.className},hooks:d?{afterWrapList:this.__afterWrapList,afterToggleAttribute:this.__afterWrapList}:{}})}finally{this.__isOwnCommand=!1}return!1}__prependInputLabel(e){const{jodit:t}=this,{labelClassName:s,inputFactory:l}=this.j.o.todoList;if(e.querySelector("label."+s))return;e.children.length===1&&a.isTag(e.firstElementChild,"p")&&a.unwrap(e.firstElementChild);const r=t.createInside.element("label",{contenteditable:"false",class:s}),p=l(t);r.appendChild(p),a.prepend(e,r)}__afterToggleList(e,t){if(d){if((e===b||e===m)&&this.__isOwnCommand)return this.__appendInputs(t);if(e===j||e===m||e===b)return this.__removeInputs(t)}}__appendInputs(e){e.querySelectorAll("li").forEach(this.__prependInputLabel)}__removeInputs(e){const{labelClassName:t}=this.j.o.todoList;e.querySelectorAll("label."+t).forEach(a.safeRemove)}__beforeToggleOrderedList(e,t,s){var l;if(!d)return;const r="__beforeToggleOrderedList";if(e!==m&&(t.classList.contains(this.j.o.todoList.className)||s.isApplied(t,r))&&(s.element==="ul"||s.element==="ol")&&((l=s.options.attributes)===null||l===void 0?void 0:l.class)!==this.j.o.todoList.className){const p=a.replace(t,s.element,this.jodit.createInside);return s.setApplied(p,r),this.__removeInputs(p),p}}__afterEnter(){_("ul."+this.j.o.todoList.className+" li",this.jodit.editor).forEach(this.__prependInputLabel)}__afterTab(){_("ul:not(."+this.j.o.todoList.className+") > li > label",this.jodit.editor).filter(this.isTodoLeafLabel).forEach(a.safeRemove)}__changeSelection(e){const t=this.j.s.current();this.isTodoLeafLabel(t)&&(e.preventDefault(),e.stopPropagation(),this.j.s.setCursorAfter(t))}__isEmptyListLeaf(e){return a.isEmpty(e,t=>t.nodeName.toLowerCase()==="input"&&this.isTodoLeafLabel(t.parentElement)?!1:C.has(t.tagName.toLowerCase()))}__backSpaceBeforeCases(e,t){if(e){const s=a.findNotEmptySibling(t,!0);this.isTodoLeafLabel(s)&&a.safeRemove(s)}}__isInvisibleForCursor(e){if(this.isTodoLeafLabel(e))return!0}__backSpaceAfterDelete(){const{labelClassName:e}=this.j.o.todoList;_("label."+e,this.jodit.editor).forEach(t=>{t.closest("ul."+this.j.o.todoList.className)?t.previousSibling&&t.parentElement&&a.prepend(t.parentElement,t):a.safeRemove(t)})}__afterWrapList(e,t){e===I&&this.__appendInputs(t)}__onClickInput(e){const t=e.target;t&&a.isTag(t,"input")&&t.type==="checkbox"&&this.isTodoLeafLabel(t.parentElement)&&y(t,"checked",t.checked?"checked":null)}isTodoLeafLabel(e){const{labelClassName:t}=this.j.o.todoList;return a.isHTMLElement(e)&&e.classList.contains(t)}beforeDestruct(e){}};L(h,"TodoList");let o=h;o.requires=["license"],i([f],o.prototype,"onCommand",null),i([f],o.prototype,"__prependInputLabel",null),i([n(":commitStyleAfterToggleList")],o.prototype,"__afterToggleList",null),i([n(":commitStyleBeforeUnwrapList")],o.prototype,"__beforeToggleOrderedList",null),i([n(":afterEnter")],o.prototype,"__afterEnter",null),i([n(":afterTab")],o.prototype,"__afterTab",null),i([n("j.ed:selectionchange"),n(":afterEnter")],o.prototype,"__changeSelection",null),i([n(":enterIsEmptyListLeaf")],o.prototype,"__isEmptyListLeaf",null),i([n(":backSpaceBeforeCases")],o.prototype,"__backSpaceBeforeCases",null),i([n(":backSpaceIsMovedIgnore"),n(":isInvisibleForCursor")],o.prototype,"__isInvisibleForCursor",null),i([n(":backSpaceAfterDelete")],o.prototype,"__backSpaceAfterDelete",null),i([f],o.prototype,"__afterWrapList",null),i([n(":click")],o.prototype,"__onClickInput",null),i([f],o.prototype,"isTodoLeafLabel",null),T.plugins.add("todo-list",o);export{o as TodoList};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jodit-pro",
-	"version": "4.12.27",
+	"version": "4.12.32",
 	"author": "Chupurnov Valerii <chupurnov@gmail.com>",
 	"homepage": "https://xdsoft.net/jodit/pro/",
 	"bugs": {

package/types/config.d.ts

@@ -20,12 +20,12 @@ import type { ButtonGroup } from "jodit/esm/types/index";
 import type { ILayoutKeys } from "./plugins/keyboard/interface";
 import type { CanPromise } from "jodit/esm/types/index";
 import type { IUIOption } from "jodit/esm/types/index";
+import type { IControlType } from "jodit/esm/types/index";
 import type { IStyleDefinition } from "./plugins/style/interface";
 import type { ITemplateDefinition } from "./plugins/templates/interface";
 import type { ITranslateProviderFactory } from "./plugins/translate/interface";
 import type { IGoogleTranslateProviderOptions } from "./plugins/translate/interface";
 import type { ICloudTranslateProviderOptions } from "./plugins/translate/interface";
-import type { IControlType } from "jodit/esm/types/index";
 declare module 'jodit/esm/config' {
     interface Config {
         loadExternalConfig: boolean;
@@ -190,6 +190,11 @@ interface Config {
         defaultLanguage: string;
         languages: IUIOption[];
         insertTemplate: (jodit: IJodit, language: string, value: string) => string;
+        /**
+         * Buttons of the contextual popup shown for an existing code block,
+         * after the language dropdown. Use control names or inline controls.
+         */
+        popup: Array<IControlType | string>;
         dialog: {
             width: number;
             height: number;

package/types/plugins/autocomplete/autocomplete.d.ts

@@ -3,29 +3,5 @@
  * See LICENSE.md in the project root for license information.
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
  */
-import type { IJodit } from "jodit/esm/types/index";
-import "./config";
-import { Plugin } from "jodit/esm/core/plugin/index";
-import type { AutoCompleteSource, IAutoCompleteCustomFeed, IAutoCompleteItem } from "./interface";
-export declare class autocomplete extends Plugin {
-    /** @override */
-    static requires: string[];
-    /** @override */
-    hasStyle: boolean;
-    private get list();
-    private get popup();
-    private sources;
-    /** @override */
-    protected afterInit(jodit: IJodit): void;
-    private registerAutocompleteSource;
-    private unregisterAutocompleteSource;
-    private static isControlKey;
-    private onKeyDown;
-    private onKeyControlDown;
-    private onEnter;
-    private onAutoComplete;
-    resolveFeed(query: string, feed: AutoCompleteSource, baseSource?: IAutoCompleteCustomFeed): Promise<IAutoCompleteItem[]>;
-    private openPopup;
-    /** @override */
-    protected beforeDestruct(jodit: IJodit): void;
-}
+import "./autocomplete.impl";
+export * from "./autocomplete.impl";

package/types/plugins/autocomplete/autocomplete.impl.d.ts

@@ -0,0 +1,31 @@
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */
+import type { IJodit } from "jodit/esm/types/index";
+import "./config";
+import { Plugin } from "jodit/esm/core/plugin/index";
+import type { AutoCompleteSource, IAutoCompleteCustomFeed, IAutoCompleteItem } from "./interface";
+export declare class autocomplete extends Plugin {
+    /** @override */
+    static requires: string[];
+    /** @override */
+    hasStyle: boolean;
+    private get list();
+    private get popup();
+    private sources;
+    /** @override */
+    protected afterInit(jodit: IJodit): void;
+    private registerAutocompleteSource;
+    private unregisterAutocompleteSource;
+    private static isControlKey;
+    private onKeyDown;
+    private onKeyControlDown;
+    private onEnter;
+    private onAutoComplete;
+    resolveFeed(query: string, feed: AutoCompleteSource, baseSource?: IAutoCompleteCustomFeed): Promise<IAutoCompleteItem[]>;
+    private openPopup;
+    /** @override */
+    protected beforeDestruct(jodit: IJodit): void;
+}

package/types/plugins/index.d.ts

@@ -6,5 +6,5 @@
 import "jodit/esm/plugins/all";
 import "./paste-from-word/paste-from-word";
 import "./license/license";
-import "./autocomplete/autocomplete";
+import "./autocomplete/autocomplete.impl";
 import "jodit/esm/plugins/speech-recognize/speech-recognize";

package/types/plugins/paste-code/config.d.ts

@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license information.
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
  */
-import type { CanPromise, IJodit, IUIOption } from "jodit/esm/types/index";
+import type { CanPromise, IControlType, IJodit, IUIOption } from "jodit/esm/types/index";
 declare global {
     const Prism: {
         languages: {
@@ -29,6 +29,11 @@ declare module 'jodit/esm/config' {
             defaultLanguage: string;
             languages: IUIOption[];
             insertTemplate: (jodit: IJodit, language: string, value: string) => string;
+            /**
+             * Buttons of the contextual popup shown for an existing code block,
+             * after the language dropdown. Use control names or inline controls.
+             */
+            popup: Array<IControlType | string>;
             dialog: {
                 width: number;
                 height: number;

package/types/plugins/paste-code/helpers.d.ts

@@ -0,0 +1,25 @@
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */
+import type { IJodit } from "jodit/esm/types/index";
+/**
+ * Reads the canonical language code of a `<pre>` block from its `language-*`
+ * class (checked on the pre and on the inner `<code>` element).
+ */
+export declare function parseLanguage(jodit: IJodit, pre: HTMLElement): string;
+/**
+ * Human readable title of a language code, taken from `pasteCode.languages`.
+ */
+export declare function languageTitle(jodit: IJodit, lang: string): string;
+/**
+ * Replaces the `language-*` class on a `<pre>` block (and its inner `<code>`)
+ * and asks the paste-code plugin to re-highlight it.
+ */
+export declare function setPreLanguage(jodit: IJodit, pre: HTMLElement, lang: string): void;
+/**
+ * Copies the raw text of a code block to the clipboard and fires
+ * `afterCopyCode.pasteCode` with the copied text.
+ */
+export declare function copyCodeToClipboard(jodit: IJodit, pre: HTMLElement): void;

package/types/plugins/paste-code/paste-code.d.ts

@@ -12,11 +12,20 @@ export declare class pasteCode extends Plugin {
     static requires: string[];
     /** @override */
     buttons: IPlugin['buttons'];
+    /**
+     * Contextual UI (drag anchor + popup toolbar) for existing code blocks
+     */
+    private __codeTuner;
     /** @override */
     protected afterInit(jodit: IJodit): void;
     private __openCodeEditDialog;
     /** @override */
     protected beforeDestruct(jodit: IJodit): void;
+    /**
+     * Re-highlights a code block, e.g. after its language was changed from the
+     * contextual popup.
+     */
+    protected onRehighlightPasteCode(pre: HTMLElement): void;
     private __createForm;
     private __createDialog;
     protected __onChange(): void;

package/types/plugins/paste-code/ui/code-tuner/code-tuner.d.ts

@@ -0,0 +1,87 @@
+/*!
+ * Jodit Editor PRO (https://xdsoft.net/jodit/)
+ * See LICENSE.md in the project root for license information.
+ * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net/jodit/pro/
+ */
+import type { IJodit } from "jodit/esm/types/index";
+import { UIElement } from "jodit/esm/core/ui/index";
+/**
+ * Contextual UI for an existing code block:
+ *   - a drag anchor shown in the left gutter on hover (moves the whole block);
+ *   - a popup toolbar (language dropdown + edit / copy / delete) on click.
+ *
+ * The anchor is rendered `position: fixed` and appended to the document body so
+ * it can sit outside the code block without being clipped by the editor
+ * workplace (which hides horizontal overflow).
+ */
+export declare class UICodeTuner extends UIElement<IJodit> {
+    private toolbar;
+    private popup;
+    private isShown;
+    private __hideTimer;
+    protected currentBlock: HTMLElement;
+    className(): string;
+    protected render(): string;
+    /**
+     * Handler: hovering a code block shows the drag anchor next to it.
+     */
+    protected onEditorMouseMove(e: MouseEvent): void;
+    /**
+     * Handler: clicking a code block opens its popup toolbar; clicking anywhere
+     * else in the editor closes the tuner.
+     */
+    protected onEditorClick(e: MouseEvent): void;
+    /**
+     * Shows the anchor for the given code block.
+     */
+    show(block: HTMLElement): void;
+    /**
+     * Soft hide — keeps the UI while the popup toolbar is open.
+     */
+    hide(): void;
+    /**
+     * Handler: a click outside the editor closes the tuner — unless it landed on
+     * the anchor/grip itself (which lives in the document body, so Jodit reports
+     * it as an "outside" click).
+     */
+    protected onOutsideClick(e: MouseEvent): void;
+    /**
+     * Hard hide — closes the popup and removes the anchor.
+     */
+    forceHide(): void;
+    /**
+     * Global pointer tracking: keep the tuner shown while the pointer is within
+     * the block + left gutter + grip region (one continuous hot zone, so there
+     * is no seam between the block and the anchor), and hide it shortly after
+     * the pointer leaves that region.
+     */
+    private __onPointerMove;
+    private __inActiveZone;
+    private __scheduleHide;
+    private __cancelHide;
+    /**
+     * Recalculates the anchor and popup position. Bound to everything that can
+     * move the code block: editor/page scroll, resize and content changes.
+     */
+    private __onReposition;
+    protected onEditorChange(): void;
+    /**
+     * Places the anchor in the gutter to the left of the code block.
+     */
+    private calcPosition;
+    /**
+     * Builds and shows the popup toolbar below the code block.
+     */
+    private openToolbar;
+    /**
+     * The language dropdown control. Its list is built from
+     * `pasteCode.languages` so it always reflects the editor configuration.
+     */
+    private __languageControl;
+    /**
+     * Handler: start dragging the whole block by its anchor. The actual drag is
+     * performed by the base `drag-and-drop-element` plugin.
+     */
+    protected onAnchorMouseDown(e: MouseEvent): void;
+    destruct(): void;
+}