jodit-pro 4.12.40 → 4.13.1

package/esm/plugins/finder/ui/lightboox/lightbox.js

@@ -1,6 +1,6 @@
-var p=Object.defineProperty;var d=(l,e)=>p(l,"name",{value:e,configurable:!0});var r,a=function(l,e,t,i){var s=arguments.length,n=s<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,h;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(l,e,t,i);else for(var c=l.length-1;c>=0;c--)(h=l[c])&&(n=(s<3?h(n):s>3?h(e,t,n):h(e,t))||n);return s>3&&n&&Object.defineProperty(e,t,n),n},m;import{KEY_LEFT as f,KEY_RIGHT as v,KEY_SPACE as w}from"jodit/esm/core/constants.js";import{autobind as x,component as C,watch as u}from"jodit/esm/core/decorators/index.js";import{css as g,loadImage as k}from"jodit/esm/core/helpers/index.js";import{assert as y}from"jodit/esm/core/helpers/utils/assert.js";import{Dialog as I,Dom as _,UIElement as b}from"jodit/esm/modules/index.js";let o=m=(r=class extends b{className(){return"UILightBox"}render(){return`<div>
+var p=Object.defineProperty;var d=(l,e)=>p(l,"name",{value:e,configurable:!0});var r,a=function(l,e,t,i){var s=arguments.length,n=s<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,h;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(l,e,t,i);else for(var c=l.length-1;c>=0;c--)(h=l[c])&&(n=(s<3?h(n):s>3?h(e,t,n):h(e,t))||n);return s>3&&n&&Object.defineProperty(e,t,n),n},m;import{KEY_LEFT as f,KEY_RIGHT as v,KEY_SPACE as w}from"jodit/esm/core/constants.js";import{autobind as x,component as y,watch as u}from"jodit/esm/core/decorators/index.js";import{css as g,loadImage as C}from"jodit/esm/core/helpers/index.js";import{assert as k}from"jodit/esm/core/helpers/utils/assert.js";import{Dialog as I,Dom as _,UIElement as b}from"jodit/esm/modules/index.js";let o=m=(r=class extends b{className(){return"UILightBox"}render(){return`<div>
 			<div class='&__previous'>*angle-left*</div>
 			<div class='&__preview'></div>
 			<div class='&__loader'></div>
 			<div class='&__next'>*angle-right*</div>
-		</div>`}constructor(e,t,i){super(e),this.current=t,this.elements=i,this.dialog=new I;const{dialog:s}=this;s.setMod("theme",e.state.theme).toolbar.setMod("mode","header"),s.open(this),this.elements=this.elements.filter(n=>n.isImage),s.e.on(s,"afterClose",()=>{this.destruct()}),this.addGlobalListeners(),this.onChangeCurrent(),s.toolbar.build([{icon:"check",exec:d(()=>{e.stateManager.addActive(this.current,!1),e.e.fire("select.filebrowser"),s.close()},"exec")},"dialog.close"])}async onChangeCurrent(){const{current:e}=this;this.setMod("loading",!0);const t=this.getElm("preview");if(y(t!=null,"preview element does not exist"),_.detach(t),g(t,{backgroundImage:null}),e.isImage){const i=await k(e.fileURL,this.j);this.dialog.setPosition(),g(t,{width:Math.min(this.jodit.ow.innerWidth,i.naturalWidth),height:Math.min(this.jodit.ow.innerHeight-100,i.naturalHeight),backgroundImage:`url(${i.src})`})}else{const i=await this.makeIframe(e.fileURL);t.appendChild(i)}this.dialog.setSize(),this.dialog.setPosition(),this.setMod("loading",!1)}makeIframe(e){const t=this.j.c.element("iframe");return t.classList.add(this.getFullElName("office-iframe")),t.src=/\.pdf/.test(e)?e:this.j.o.previewOfficeURL+encodeURIComponent(e),t}onPreviousClick(){const{current:e}=this;let t=this.j.stateManager.getIndex(e,this.elements);t<=0?t=this.elements.length-1:t-=1,this.current=this.elements[t]}onNextClick(){const{current:e}=this;let t=this.j.stateManager.getIndex(e,this.elements);t>=this.elements.length-1?t=0:t+=1,this.current=this.elements[t]}static open(e,t,i){return new m(e,t,i)}addGlobalListeners(){this.j.e.on(this.j.od,"keydown",this.onKeyPress)}onKeyPress(e){if(e.key===f||e.key===v||e.key===w)return e.key===f?this.onPreviousClick():this.onNextClick(),!1}removeGlobalListeners(){this.j.e.off(this.j.od,"keydown",this.onKeyPress)}destruct(){return this.removeGlobalListeners(),this.dialog.destruct(),super.destruct()}},d(r,"UILightBox"),r);a([u("current")],o.prototype,"onChangeCurrent",null),a([u("previous:click")],o.prototype,"onPreviousClick",null),a([u("next:click")],o.prototype,"onNextClick",null),a([x],o.prototype,"onKeyPress",null),o=m=a([C],o);export{o as UILightBox};
+		</div>`}constructor(e,t,i){super(e),this.current=t,this.elements=i,this.dialog=new I;const{dialog:s}=this;s.setMod("theme",e.state.theme).toolbar.setMod("mode","header"),s.open(this),this.elements=this.elements.filter(n=>n.isImage),s.e.on(s,"afterClose",()=>{this.j.async.setTimeout(()=>this.destruct(),1)}),this.addGlobalListeners(),this.onChangeCurrent(),s.toolbar.build([{icon:"check",exec:d(()=>{e.stateManager.addActive(this.current,!1),e.e.fire("select.filebrowser"),s.close()},"exec")},"dialog.close"])}async onChangeCurrent(){const{current:e}=this;this.setMod("loading",!0);const t=this.getElm("preview");if(k(t!=null,"preview element does not exist"),_.detach(t),g(t,{backgroundImage:null}),e.isImage){const i=await C(e.fileURL,this.j);this.dialog.setPosition(),g(t,{width:Math.min(this.jodit.ow.innerWidth,i.naturalWidth),height:Math.min(this.jodit.ow.innerHeight-100,i.naturalHeight),backgroundImage:`url(${i.src})`})}else{const i=await this.makeIframe(e.fileURL);t.appendChild(i)}this.dialog.setSize(),this.dialog.setPosition(),this.setMod("loading",!1)}makeIframe(e){const t=this.j.c.element("iframe");return t.classList.add(this.getFullElName("office-iframe")),t.src=/\.pdf/.test(e)?e:this.j.o.previewOfficeURL+encodeURIComponent(e),t}onPreviousClick(){const{current:e}=this;let t=this.j.stateManager.getIndex(e,this.elements);t<=0?t=this.elements.length-1:t-=1,this.current=this.elements[t]}onNextClick(){const{current:e}=this;let t=this.j.stateManager.getIndex(e,this.elements);t>=this.elements.length-1?t=0:t+=1,this.current=this.elements[t]}static open(e,t,i){return new m(e,t,i)}addGlobalListeners(){this.j.e.on(this.j.od,"keydown",this.onKeyPress)}onKeyPress(e){if(e.key===f||e.key===v||e.key===w)return e.key===f?this.onPreviousClick():this.onNextClick(),!1}removeGlobalListeners(){this.j.e.off(this.j.od,"keydown",this.onKeyPress)}destruct(){return this.removeGlobalListeners(),this.dialog.destruct(),super.destruct()}},d(r,"UILightBox"),r);a([u("current")],o.prototype,"onChangeCurrent",null),a([u("previous:click")],o.prototype,"onPreviousClick",null),a([u("next:click")],o.prototype,"onNextClick",null),a([x],o.prototype,"onKeyPress",null),o=m=a([y],o);export{o as UILightBox};

package/esm/plugins/finder/ui/virtual-scroll/virtual-scroll.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 { IBound } from "jodit/esm/types/index";
+import type { IBound, ModType } from "jodit/esm/types/index";
 import type { IFileBrowserItemElement } from "jodit/esm/types/file-browser";
 import { UIGroup } from "jodit/esm/core/ui/group/group";
 import type { StateManager } from "../../helpers/state-manager";
@@ -21,6 +21,16 @@ export declare class UIVirtualScroll extends UIGroup<IFileBrowserPro> implements
     protected render(): string;
     constructor(jodit: UIVirtualScroll['jodit'], stateManager: StateManager);
     private reconcile;
+    private skeletons;
+    /**
+     * Skeleton placeholders are driven purely by the `loading` mod (set on the
+     * panel and synced down to this group) — no imperative show/hide from
+     * outside. They reuse the real item class and carry the current `view`/`size`
+     * mods, so they adapt to the active tile mode.
+     */
+    afterSetMod(name: string, value: ModType): void;
+    private buildSkeletons;
+    private clearSkeletons;
     build(items: IFileBrowserItemElement[]): void;
     protected onScrollLoadChunk(): void;
     protected onDragOver(e: DragEvent): void;

package/esm/plugins/finder/ui/virtual-scroll/virtual-scroll.js

@@ -1,5 +1,5 @@
-var m=Object.defineProperty;var p=(l,e)=>m(l,"name",{value:e,configurable:!0});var n,h=function(l,e,t,o){var r=arguments.length,s=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(l,e,t,o);else for(var d=l.length-1;d>=0;d--)(c=l[d])&&(s=(r<3?c(s):r>3?c(e,t,s):c(e,t))||s);return r>3&&s&&Object.defineProperty(e,t,s),s},f;import{component as u,throttle as v,watch as a}from"jodit/esm/core/decorators/index.js";import{position as g}from"jodit/esm/core/helpers/size/position.js";import{UIGroup as I}from"jodit/esm/core/ui/group/group.js";import{FileBrowserItem as _}from"jodit/esm/modules/file-browser/builders/item.js";import{UIBrowserItem as y}from"../item/item.js";import{UISelectItems as M}from"../../../../traits/select-items/select-items.js";let i=f=(n=class extends I{className(){return"UIVirtualScroll"}render(){return`<div>
+var m=Object.defineProperty;var u=(l,e)=>m(l,"name",{value:e,configurable:!0});var n,h=function(l,e,t,s){var i=arguments.length,o=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(l,e,t,s);else for(var d=l.length-1;d>=0;d--)(c=l[d])&&(o=(i<3?c(o):i>3?c(e,t,o):c(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o},f;import{component as p,throttle as v,watch as a}from"jodit/esm/core/decorators/index.js";import{position as g}from"jodit/esm/core/helpers/size/position.js";import{UIGroup as _}from"jodit/esm/core/ui/group/group.js";import{FileBrowserItem as I}from"jodit/esm/modules/file-browser/builders/item.js";import{UIBrowserItem as S}from"../item/item.js";import{UISelectItems as w}from"../../../../traits/select-items/select-items.js";let r=f=(n=class extends _{className(){return"UIVirtualScroll"}render(){return`<div>
 				<div class="&__empty-message">~There are no files~</div>
 				<div class='&__loader'></div>
 				<div class='&__drag-area'>~Drop image~</div>
-			</div>`}constructor(e,t){super(e),this.stateManager=t,this.syncMod=!0,this.addItemsSelector()}reconcile(e){const t=this.elements.findIndex((o,r)=>!e[r]||o.item.uniqueHashKey!==_.create(e[r]).uniqueHashKey);if(t>-1){for(let o=t;o<this.elements.length;o+=1)this.elements[o].destruct();this.elements.length=t}return t}build(e){const t=this.reconcile(e);e.slice(t>-1?t:this.elements.length).forEach(o=>{const r=new y(this.jodit,o);Object.keys(this.mods).forEach(s=>{r.setMod(s,this.mods[s])}),this.append(r)}),this.setMod("empty",!this.elements.length)}onScrollLoadChunk(){!this.stateManager.isFavoriteItems&&this.container.scrollHeight-(this.container.scrollTop+this.container.offsetHeight)<this.j.o.pixelOffsetLoadNewChunk&&this.j.loadingManager.loadItemsChunk()}onDragOver(e){e.preventDefault(),this.setMod("dragover",!0)}onDragLeave(e){e.preventDefault(),this.setMod("dragover",!1)}addItemsSelector(){M.install(this)}static intersectRect(e,t){return!(t.left>e.left+e.width||t.left+t.width<e.left||t.top>e.top+e.height||t.top+t.height<e.top)}onSelectItems(e){const t=[];this.elements.forEach(o=>{const r=g(o.container);f.intersectRect(r,e)&&t.push(o.item)}),this.stateManager.state.activeElements=t}},p(n,"UIVirtualScroll"),n);h([a(":afterResize"),a(":resize"),a("container:scroll"),v()],i.prototype,"onScrollLoadChunk",null),h([a("container:dragover")],i.prototype,"onDragOver",null),h([a(["container:dragleave","container:drop"])],i.prototype,"onDragLeave",null),i=f=h([u],i);export{i as UIVirtualScroll};
+			</div>`}constructor(e,t){super(e),this.stateManager=t,this.syncMod=!0,this.skeletons=[],this.addItemsSelector()}reconcile(e){const t=this.elements.findIndex((s,i)=>!e[i]||s.item.uniqueHashKey!==I.create(e[i]).uniqueHashKey);if(t>-1){for(let s=t;s<this.elements.length;s+=1)this.elements[s].destruct();this.elements.length=t}return t}afterSetMod(e,t){super.afterSetMod(e,t),e==="loading"&&(t?this.buildSkeletons():this.clearSkeletons())}buildSkeletons(e=24){if(!this.skeletons.length)for(let t=0;t<e;t+=1){const s=this.j.create.fromHTML('<div class="jodit-ui-browser-item jodit-ui-browser-item_skeleton_true"><div class="jodit-ui-browser-item__image"></div><div class="jodit-ui-browser-item__info"></div></div>');["view","size"].forEach(i=>{const o=this.mods[i];o&&s.classList.add(`jodit-ui-browser-item_${i}_${o}`)}),this.container.appendChild(s),this.skeletons.push(s)}}clearSkeletons(){this.skeletons.forEach(e=>e.remove()),this.skeletons.length=0}build(e){const t=this.reconcile(e);e.slice(t>-1?t:this.elements.length).forEach(s=>{const i=new S(this.jodit,s);Object.keys(this.mods).forEach(o=>{i.setMod(o,this.mods[o])}),this.append(i)}),this.setMod("empty",!this.elements.length)}onScrollLoadChunk(){!this.stateManager.isFavoriteItems&&this.container.scrollHeight-(this.container.scrollTop+this.container.offsetHeight)<this.j.o.pixelOffsetLoadNewChunk&&this.j.loadingManager.loadItemsChunk()}onDragOver(e){e.preventDefault(),this.setMod("dragover",!0)}onDragLeave(e){e.preventDefault(),this.setMod("dragover",!1)}addItemsSelector(){w.install(this)}static intersectRect(e,t){return!(t.left>e.left+e.width||t.left+t.width<e.left||t.top>e.top+e.height||t.top+t.height<e.top)}onSelectItems(e){const t=[];this.elements.forEach(s=>{const i=g(s.container);f.intersectRect(i,e)&&t.push(s.item)}),this.stateManager.state.activeElements=t}},u(n,"UIVirtualScroll"),n);h([a(":afterResize"),a(":resize"),a("container:scroll"),v()],r.prototype,"onScrollLoadChunk",null),h([a("container:dragover")],r.prototype,"onDragOver",null),h([a(["container:dragleave","container:drop"])],r.prototype,"onDragLeave",null),r=f=h([p],r);export{r as UIVirtualScroll};

package/esm/plugins/image-editor-pro/adapter.d.ts

@@ -0,0 +1,98 @@
+/*!
+ * 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 { IFileBrowser } from "jodit/esm/types/index";
+import { ViewComponent } from "jodit/esm/core/component/index";
+/**
+ * The `save` callback the core `openImageEditor` passes to `open()`. It routes
+ * `(newname, box)` to the connector's resize/crop, then fires `success()` and
+ * (for in-content edits) an `onSuccess(newUrl)` that swaps the `<img>`.
+ *
+ * `action: 'saved'` (jodit ≥ 4.12.34) tells the core the file was already
+ * persisted by this editor: it skips the server resize/crop and only runs the
+ * success wiring with `newPath`.
+ */
+interface ImageEditorSave {
+    (newname: string | void, box: {
+        action: 'resize' | 'crop' | 'saved';
+        box: {
+            w: number;
+            h: number;
+        };
+        newPath?: string;
+    }, success: () => void, failed: (error: Error) => void): void;
+}
+/**
+ * The view that instantiates the editor: a file browser (finder pencil / Image
+ * properties → Edit). `IFileBrowser` already combines `IViewWithToolbar`,
+ * `IDlgs` and `dataProvider`; using the named interface (not an ad-hoc `&`
+ * intersection) keeps `tsc` from over-instantiating the deep view types.
+ */
+type HostView = IFileBrowser;
+/**
+ * PRO replacement for Jodit's core image editor, backed by the standalone
+ * `@jodit/image-editor` package (crop, resize, rotate, flip, filters, finetune,
+ * text annotations).
+ *
+ * It is registered as `Jodit.modules.ImageEditor`, so **every** path that opens
+ * the image editor — the finder pencil, Image properties → Edit, a direct
+ * `getInstance('ImageEditor')` — instantiates it via `getInstance`'s module
+ * fallback (the event fires on the *file browser's* emitter, which is why an
+ * `jodit.e` listener never worked).
+ *
+ * `@jodit/image-editor` is bundled as a dependency (it is part of the PRO
+ * editor), so the class is imported directly.
+ *
+ * The core editor speaks a server "resize/crop the original file" language; this
+ * one produces a fully edited `Blob`. So on save it uploads the blob through the
+ * connector's `imageSave` action (overwriting the source file), then reports
+ * `action: 'saved'` to the core's save callback — which skips the server
+ * resize/crop and runs only the `success`/`onSuccess` machinery, reusing
+ * finder's refresh and image-properties' `<img>` swap without reimplementing
+ * either.
+ */
+export declare class ProImageEditor extends ViewComponent<HostView> {
+    /** Marker for callers/tests. */
+    readonly isProImageEditor = true;
+    className(): string;
+    open(url: string, save: ImageEditorSave): Promise<void>;
+    /**
+     * Rebuilds the editor's top bar as a native Jodit toolbar in the dialog
+     * header — Save / Save as, dimensions, zoom, reset / undo / redo — driven by
+     * the `@jodit/image-editor` public API (`save()`, `saveAs()`, `update(...)`)
+     * and kept in sync by subscribing to the editor store. Returns a disposer.
+     */
+    private mountToolbar;
+    /**
+     * "Save as" — prompt for a new file name, then persist the edited blob under
+     * it (mirrors the core editor's Save-as UX and its `onSave(name, …)` call).
+     */
+    private saveAs;
+    /**
+     * Persists the edited blob. With `newName` it writes a new file ("Save as");
+     * without it, it overwrites the source ("Save"). Either way it then reuses
+     * the core's `save()` success/onSuccess wiring (finder refresh, in-content
+     * `<img>` swap) with a no-op resize of the resulting file.
+     */
+    private persist;
+    /**
+     * Uploads the edited blob through the connector's `imageSave` action and
+     * returns the saved file's new path (`''` for older connectors that don't
+     * report it).
+     */
+    private uploadEdited;
+    /**
+     * `ImageEditorActionBox.action: 'saved'` appeared in jodit 4.12.34 — an
+     * older core routes unknown actions into a server crop, which fails the
+     * save. Detected from the host view's version.
+     */
+    private coreSupportsSaved;
+    private connectorUrl;
+    private loadImage;
+    private loadViaConnector;
+    private blobSize;
+    private error;
+}
+export {};

package/esm/plugins/image-editor-pro/adapter.js

@@ -0,0 +1 @@
+var T=Object.defineProperty;var h=(P,n)=>T(P,"name",{value:n,configurable:!0});import{ICONS as $,ImageEditor as F,selectors as b}from"@jodit/image-editor";import{Config as O}from"jodit/esm/config.js";import{ViewComponent as B}from"jodit/esm/core/component/index.js";import{Button as v}from"jodit/esm/core/ui/button/button/button.js";import{Dialog as D}from"jodit/esm/modules/dialog/dialog.js";const j=class j extends B{constructor(){super(...arguments),this.isProImageEditor=!0}className(){return"ImageEditorPro"}async open(n,o){const t=this.j,s=O.defaultOptions.imageEditorPro,i=t.c.div("jodit-image-editor-pro");i.style.width="100%",i.style.height="100%";const r=new D({language:t.o.language});r.setSize(s.dialog.width,s.dialog.height),r.setContent(i),r.open();let e=null,c=null;const d=h(()=>{c?.(),c=null,e?.destroy(),e=null,r.close()},"cleanup");r.e.on("beforeClose",()=>{c?.(),c=null,e?.destroy(),e=null}),e=new F({container:i,state:{showToolbar:!1,status:"loading"},onSave:h(a=>{this.persist(e,n,void 0,a,o,d)},"onSave"),onSaveAs:h(a=>{this.saveAs(e,n,a,o,d)},"onSaveAs")}),c=this.mountToolbar(r,e);try{const a=await this.loadImage(n);await e.fromBlob(a)}catch(a){e?.update({status:"error",error:a instanceof Error?a.message:String(a)}),this.error(a)}}mountToolbar(n,o){const t=this.j,s=v(t,{icon:{name:"save"},text:t.i18n("Save")},"primary"),i=v(t,{icon:{name:"save"},name:"save-as",text:t.i18n("Save as")}),r=t.c.span("jodit-image-editor-pro__size"),e=v(t,$.minus),c=t.c.span("jodit-image-editor-pro__zoom"),d=v(t,$.plus),a=v(t,"update",t.i18n("Reset")),p=v(t,"undo",t.i18n("Undo")),f=v(t,"redo",t.i18n("Redo"));e.setState({tooltip:"Zoom out"}),d.setState({tooltip:"Zoom in"});let w=null;s.onAction(()=>{w=s,o.save()}),i.onAction(()=>{w=i,o.saveAs()}),e.onAction(()=>o.update({zoom:o.state.zoom/1.2})),d.onAction(()=>o.update({zoom:o.state.zoom*1.2})),a.onAction(()=>o.reset()),p.onAction(()=>o.update({history:{step:-1}})),f.onAction(()=>o.update({history:{step:1}}));const g=h((...l)=>{const u=t.c.div("jodit-image-editor-pro__group");return u.style.display="flex",u.style.alignItems="center",u.style.gap="4px",l.forEach(y=>u.appendChild(y)),u},"group"),m=t.c.div("jodit-image-editor-pro__toolbar");m.style.display="flex",m.style.alignItems="center",m.style.gap="12px",m.style.width="100%",r.style.opacity="0.75",c.style.minWidth="3.5em",c.style.textAlign="center",m.appendChild(g(s.container,i.container)),m.appendChild(g(r,e.container,c,d.container));const x=g(a.container,p.container,f.container);x.style.marginLeft="auto",m.appendChild(x),n.setHeader(m);const z="jodit-image-editor-pro__button_busy",_=h(l=>{const u=b.selectOutputSize(l),y=l.status==="exporting",C=y||l.status==="loading",S=l.busyVisible,A=y&&(S??!0);y||(w=null),s.setState({disabled:!l.source||C}),i.setState({disabled:!l.source||C}),s.container.classList.toggle(z,A&&w!==i),i.container.classList.toggle(z,A&&w===i),a.setState({disabled:!b.selectIsDirty(l)}),p.setState({disabled:!b.selectCanUndo(l)}),f.setState({disabled:!b.selectCanRedo(l)}),r.textContent=u?`${u.width} \xD7 ${u.height}`:"";const E=b.selectViewportFit(l),V=Math.round(E?E.scale*100:l.zoom*100);c.textContent=`${V}%`},"sync");_(o.state);const U=o.store.subscribe(_);return()=>{U(),[s,i,e,d,a,p,f].forEach(l=>l.destruct())}}saveAs(n,o,t,s,i){this.j.prompt("Enter new name","Save in new file",r=>{const e=(r||"").trim();if(!e)return this.j.alert("The name should not be empty"),!1;this.persist(n,o,e,t,s,i)})}async persist(n,o,t,s,i,r){n?.update({status:"exporting"});try{const{w:e,h:c}=await this.blobSize(s),d=await this.uploadEdited(o,s,t),a=h(()=>{r(),this.j.e.fire("update.filebrowser")},"done");i(t,this.coreSupportsSaved()?{action:"saved",box:{w:e,h:c},newPath:d||void 0}:{action:"resize",box:{w:e,h:c}},a,p=>{r(),this.error(p)})}catch(e){r(),this.error(e)}}async uploadEdited(n,o,t){var s,i;const{source:r,path:e,name:c}=await this.j.dataProvider.getPathByUrl(n),d=this.connectorUrl();if(!d)throw new Error("No connector configured for imageSave");const a=String(t||c||"image.png"),p=new FormData;p.append("action","imageSave"),p.append("source",String(r??"")),p.append("path",String(e??"")),p.append("name",a),p.append("files[0]",o,a);const f=d.includes("?")?"&":"?",g=await(await fetch(`${d}${f}action=imageSave`,{method:"POST",body:p,credentials:"include"})).json();if(!g.success)throw new Error(g.message||"Failed to save the edited image");return(i=(s=g.data)===null||s===void 0?void 0:s.newPath)!==null&&i!==void 0?i:""}coreSupportsSaved(){const n=this.j.getVersion?this.j.getVersion():"",[o=0,t=0,s=0]=n.split(".").map(i=>parseInt(i,10)||0);return o>4||o===4&&(t>12||t===12&&s>=34)}connectorUrl(){var n,o;const t=(n=this.j.o.ajax)===null||n===void 0?void 0:n.url,s=(o=this.j.o.uploader)===null||o===void 0?void 0:o.url;return typeof t=="string"&&t?t:typeof s=="string"&&s?s:""}async loadImage(n){const o=this.connectorUrl();if(o)try{return await this.loadViaConnector(o,n)}catch{}const t=n.includes("?")?"&":"?",s=await fetch(`${n}${t}_tst=${Date.now()}`,{credentials:"include"});if(!s.ok)throw new Error(`Failed to load image (${s.status})`);return s.blob()}async loadViaConnector(n,o){var t;const{source:s,path:i,name:r}=await this.j.dataProvider.getPathByUrl(o),e=new FormData;e.append("action","imageLoad"),e.append("source",String(s??"")),e.append("path",String(i??"")),e.append("name",String(r??""));const c=n.includes("?")?"&":"?",a=await(await fetch(`${n}${c}action=imageLoad`,{method:"POST",body:e,credentials:"include"})).json();if(!a.success||!(!((t=a.data)===null||t===void 0)&&t.content))throw new Error(a.message||"Failed to load the image");return(await fetch(a.data.content)).blob()}async blobSize(n){const o=await createImageBitmap(n),t={w:o.width,h:o.height};return o.close(),t}error(n){this.j.e.fire("errorMessage",n.message)}};h(j,"ProImageEditor");let I=j;export{I as ProImageEditor};

package/esm/plugins/image-editor-pro/config.d.ts

@@ -0,0 +1,17 @@
+/*!
+ * 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/
+ */
+declare module 'jodit/esm/config' {
+    interface Config {
+        imageEditorPro: {
+            /** Editor dialog size. */
+            dialog: {
+                width: number | string;
+                height: number | string;
+            };
+        };
+    }
+}
+export {};

package/esm/plugins/image-editor-pro/config.js

@@ -0,0 +1 @@
+import{Config as o}from"jodit/esm/config.js";o.prototype.imageEditorPro={dialog:{width:"90%",height:"90%"}};

package/esm/plugins/image-editor-pro/image-editor-pro.d.ts

@@ -0,0 +1,26 @@
+/*!
+ * 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";
+/**
+ * Replaces Jodit's core image editor with the standalone `@jodit/image-editor`
+ * (crop, resize, rotate, flip, filters, finetune, text annotations).
+ *
+ * The replacement is done at the module registry level — `Jodit.modules.ImageEditor`
+ * — because the editor is instantiated via `getInstance('ImageEditor')` on the
+ * **file browser's** own event emitter (the finder pencil, Image properties →
+ * Edit), not on `jodit.e`. Overriding the module makes every entry point resolve
+ * to {@link ProImageEditor} through `getInstance`'s fallback.
+ */
+export declare class imageEditorPro extends Plugin {
+    /** @override */
+    static requires: string[];
+    /** @override */
+    protected afterInit(_jodit: IJodit): void;
+    /** @override */
+    protected beforeDestruct(_jodit: IJodit): void;
+}

package/esm/plugins/image-editor-pro/image-editor-pro.js

@@ -0,0 +1 @@
+var m=Object.defineProperty;var e=(d,r)=>m(d,"name",{value:r,configurable:!0});import"./config.js";import{ProImageEditor as s}from"./adapter.js";import{Plugin as p}from"jodit/esm/core/plugin/index.js";import{JoditPro as i}from"../../jodit-pro.js";const t=class t extends p{afterInit(r){i.modules.ImageEditor=s}beforeDestruct(r){}};e(t,"imageEditorPro");let o=t;o.requires=["license"],i.plugins.add("imageEditorPro",o);export{o as imageEditorPro};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jodit-pro",
-	"version": "4.12.40",
+	"version": "4.13.1",
 	"author": "Chupurnov Valerii <chupurnov@gmail.com>",
 	"homepage": "https://xdsoft.net/jodit/pro/",
 	"bugs": {
@@ -15,6 +15,7 @@
 		"url": "git+https://github.com/jodit/jodit-pro.git"
 	},
 	"dependencies": {
+		"@jodit/image-editor": "^0.2.1",
 		"a-color-picker": "^1.2.1",
 		"marked": "^17.0.4",
 		"jodit": "^4.0.1"

package/types/config.d.ts

@@ -150,6 +150,15 @@ interface Config {
         schema: IDictionary<(jodit: IJodit, matches: RegExpMatchArray) => HTMLElement>;
     };
 }
+interface Config {
+    imageEditorPro: {
+        /** Editor dialog size. */
+        dialog: {
+            width: number | string;
+            height: number | string;
+        };
+    };
+}
 interface Config {
     keyboard: {
         keySize: number;

package/types/plugins/finder/ui/virtual-scroll/virtual-scroll.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 { IBound } from "jodit/esm/types/index";
+import type { IBound, ModType } from "jodit/esm/types/index";
 import type { IFileBrowserItemElement } from "jodit/esm/types/file-browser";
 import { UIGroup } from "jodit/esm/core/ui/group/group";
 import type { StateManager } from "../../helpers/state-manager";
@@ -21,6 +21,16 @@ export declare class UIVirtualScroll extends UIGroup<IFileBrowserPro> implements
     protected render(): string;
     constructor(jodit: UIVirtualScroll['jodit'], stateManager: StateManager);
     private reconcile;
+    private skeletons;
+    /**
+     * Skeleton placeholders are driven purely by the `loading` mod (set on the
+     * panel and synced down to this group) — no imperative show/hide from
+     * outside. They reuse the real item class and carry the current `view`/`size`
+     * mods, so they adapt to the active tile mode.
+     */
+    afterSetMod(name: string, value: ModType): void;
+    private buildSkeletons;
+    private clearSkeletons;
     build(items: IFileBrowserItemElement[]): void;
     protected onScrollLoadChunk(): void;
     protected onDragOver(e: DragEvent): void;

package/types/plugins/image-editor-pro/adapter.d.ts

@@ -0,0 +1,98 @@
+/*!
+ * 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 { IFileBrowser } from "jodit/esm/types/index";
+import { ViewComponent } from "jodit/esm/core/component/index";
+/**
+ * The `save` callback the core `openImageEditor` passes to `open()`. It routes
+ * `(newname, box)` to the connector's resize/crop, then fires `success()` and
+ * (for in-content edits) an `onSuccess(newUrl)` that swaps the `<img>`.
+ *
+ * `action: 'saved'` (jodit ≥ 4.12.34) tells the core the file was already
+ * persisted by this editor: it skips the server resize/crop and only runs the
+ * success wiring with `newPath`.
+ */
+interface ImageEditorSave {
+    (newname: string | void, box: {
+        action: 'resize' | 'crop' | 'saved';
+        box: {
+            w: number;
+            h: number;
+        };
+        newPath?: string;
+    }, success: () => void, failed: (error: Error) => void): void;
+}
+/**
+ * The view that instantiates the editor: a file browser (finder pencil / Image
+ * properties → Edit). `IFileBrowser` already combines `IViewWithToolbar`,
+ * `IDlgs` and `dataProvider`; using the named interface (not an ad-hoc `&`
+ * intersection) keeps `tsc` from over-instantiating the deep view types.
+ */
+type HostView = IFileBrowser;
+/**
+ * PRO replacement for Jodit's core image editor, backed by the standalone
+ * `@jodit/image-editor` package (crop, resize, rotate, flip, filters, finetune,
+ * text annotations).
+ *
+ * It is registered as `Jodit.modules.ImageEditor`, so **every** path that opens
+ * the image editor — the finder pencil, Image properties → Edit, a direct
+ * `getInstance('ImageEditor')` — instantiates it via `getInstance`'s module
+ * fallback (the event fires on the *file browser's* emitter, which is why an
+ * `jodit.e` listener never worked).
+ *
+ * `@jodit/image-editor` is bundled as a dependency (it is part of the PRO
+ * editor), so the class is imported directly.
+ *
+ * The core editor speaks a server "resize/crop the original file" language; this
+ * one produces a fully edited `Blob`. So on save it uploads the blob through the
+ * connector's `imageSave` action (overwriting the source file), then reports
+ * `action: 'saved'` to the core's save callback — which skips the server
+ * resize/crop and runs only the `success`/`onSuccess` machinery, reusing
+ * finder's refresh and image-properties' `<img>` swap without reimplementing
+ * either.
+ */
+export declare class ProImageEditor extends ViewComponent<HostView> {
+    /** Marker for callers/tests. */
+    readonly isProImageEditor = true;
+    className(): string;
+    open(url: string, save: ImageEditorSave): Promise<void>;
+    /**
+     * Rebuilds the editor's top bar as a native Jodit toolbar in the dialog
+     * header — Save / Save as, dimensions, zoom, reset / undo / redo — driven by
+     * the `@jodit/image-editor` public API (`save()`, `saveAs()`, `update(...)`)
+     * and kept in sync by subscribing to the editor store. Returns a disposer.
+     */
+    private mountToolbar;
+    /**
+     * "Save as" — prompt for a new file name, then persist the edited blob under
+     * it (mirrors the core editor's Save-as UX and its `onSave(name, …)` call).
+     */
+    private saveAs;
+    /**
+     * Persists the edited blob. With `newName` it writes a new file ("Save as");
+     * without it, it overwrites the source ("Save"). Either way it then reuses
+     * the core's `save()` success/onSuccess wiring (finder refresh, in-content
+     * `<img>` swap) with a no-op resize of the resulting file.
+     */
+    private persist;
+    /**
+     * Uploads the edited blob through the connector's `imageSave` action and
+     * returns the saved file's new path (`''` for older connectors that don't
+     * report it).
+     */
+    private uploadEdited;
+    /**
+     * `ImageEditorActionBox.action: 'saved'` appeared in jodit 4.12.34 — an
+     * older core routes unknown actions into a server crop, which fails the
+     * save. Detected from the host view's version.
+     */
+    private coreSupportsSaved;
+    private connectorUrl;
+    private loadImage;
+    private loadViaConnector;
+    private blobSize;
+    private error;
+}
+export {};

package/types/plugins/image-editor-pro/config.d.ts

@@ -0,0 +1,17 @@
+/*!
+ * 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/
+ */
+declare module 'jodit/esm/config' {
+    interface Config {
+        imageEditorPro: {
+            /** Editor dialog size. */
+            dialog: {
+                width: number | string;
+                height: number | string;
+            };
+        };
+    }
+}
+export {};

package/types/plugins/image-editor-pro/image-editor-pro.d.ts

@@ -0,0 +1,26 @@
+/*!
+ * 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";
+/**
+ * Replaces Jodit's core image editor with the standalone `@jodit/image-editor`
+ * (crop, resize, rotate, flip, filters, finetune, text annotations).
+ *
+ * The replacement is done at the module registry level — `Jodit.modules.ImageEditor`
+ * — because the editor is instantiated via `getInstance('ImageEditor')` on the
+ * **file browser's** own event emitter (the finder pencil, Image properties →
+ * Edit), not on `jodit.e`. Overriding the module makes every entry point resolve
+ * to {@link ProImageEditor} through `getInstance`'s fallback.
+ */
+export declare class imageEditorPro extends Plugin {
+    /** @override */
+    static requires: string[];
+    /** @override */
+    protected afterInit(_jodit: IJodit): void;
+    /** @override */
+    protected beforeDestruct(_jodit: IJodit): void;
+}