jodit-pro 4.12.39 → 4.13.1

package/esm/plugins/finder/browser.js

@@ -1 +1 @@
-var E=Object.defineProperty;var d=(m,e)=>E(m,"name",{value:e,configurable:!0});var u,o=function(m,e,t,s){var i=arguments.length,n=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,h;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(m,e,t,s);else for(var l=m.length-1;l>=0;l--)(h=m[l])&&(n=(i<3?h(n):i>3?h(e,t,n):h(e,t))||n);return i>3&&n&&Object.defineProperty(e,t,n),n};import"./ui/assets/icons/index.js";import{ContextMenuManager as M}from"./helpers/context-menu.js";import{parentPath as c}from"./helpers/helpers.js";import{HistoryManager as S}from"./helpers/history-manager.js";import{LoadingManager as F}from"./helpers/loading-manager.js";import{PersistentStore as _}from"./helpers/persistent-store.js";import{StateManager as C}from"./helpers/state-manager.js";import{UIBrowserHeader as I}from"./ui/header/header.js";import{UILightBox as B}from"./ui/lightboox/lightbox.js";import{UIBrowserPanel as O}from"./ui/panel/panel.js";import{UIProgress as L}from"./ui/progress/progress.js";import{Config as p}from"jodit/esm/config.js";import{IS_PROD as x,KEY_DELETE as D,KEY_DOWN as b,KEY_ENTER as k,KEY_LEFT as y,KEY_RIGHT as f,KEY_UP as U}from"jodit/esm/core/constants.js";import{autobind as g,cache as K,component as N,derive as z,watch as a}from"jodit/esm/core/decorators/index.js";import{ConfigProto as v,css as T,isAbortError as j,isString as P,isValidName as R}from"jodit/esm/core/helpers/index.js";import{Dlgs as H}from"jodit/esm/core/traits/dlgs.js";import{Dom as W,observable as G}from"jodit/esm/modules/index.js";import{Dialog as Y}from"jodit/esm/modules/dialog/index.js";import{makeDataProvider as A}from"jodit/esm/modules/file-browser/factories.js";import{openImageEditor as J}from"jodit/esm/modules/image-editor/image-editor.js";import{JoditPro as w}from"../../jodit-pro.js";import{license as V}from"../license/license.js";let r=(u=class extends Y{className(){return"FileBrowserPro"}lock(e="any"){return this.container.classList.add("jodit_disabled"),super.lock(e)}unlock(){return this.container.classList.remove("jodit_disabled"),super.unlock()}status(e,t=!(e instanceof Error)){j(e)||(!x&&!P(e)&&console.error(e),this.message.message(P(e)?e:e.message,t?"success":"error",this.options.howLongShowMsg))}get progressbar(){return new L(this,this.stateManager.state)}constructor(e){super(v(Object.assign(e||{},{resizable:!0,draggable:!0,toolbarButtons:e?.toolbarButtons||p.defaultOptions.filebrowser.buttons,buttons:w.atom(["filebrowser.settings","fullsize","dialog.close"])}),p.defaultOptions.filebrowser)),this.dataProvider=A(this,this.options),this.state=G({onSelectCallBack:null,theme:"default",showSideBar:!0,showFavorites:!0,showSettings:!1,showPreview:!1,withFolders:!0,foldersPosition:"bottom",info:"",metaInfo:null,currentPath:"",currentSource:"",currentBaseUrl:"",tree:[],activeElements:[],favorites:[],progress:0,lastSelectedIndex:0,elements:[],messages:[],sources:[],view:"tiles",tileSize:"default",sortBy:"name-asc",filterWord:"",onlyImages:!1}),this.persistent=new _(this,this.state),this.loadingManager=new F(this,this.state),this.stateManager=new C(this.state),this.historyManager=new S(this,this.state),this.contextMenuManager=new M(this),this.header=new I(this,this.options,this.stateManager),this.panel=new O(this,this.stateManager),this.files=this.panel,this.tree=this.panel,V.make(this),!this.persistent.theme&&this.options.theme&&(this.persistent.theme=this.options.theme),this.panel.append(this.progressbar),this.toolbar.setMod("mode","header"),this.setSize(Math.min(this.options.width,screen.width),Math.min(this.options.height,screen.height)).setHeader(this.header),this.onResizeWindow(),this.initUploader(),this.onChangeTheme(),this.fullFillOptions(),this.dataProvider.onProgress(t=>{t===0&&(t=30),this.state.progress=t}),this.e.on("beforeClose",this.removeGlobalListeners),this.e.fire("afterInit"),w.prototype.afterInitHook.call(this)}addDisclaimer(e){this.dialog.appendChild(e)}async open(e=this.o.defaultCallback,t){return this.state.onlyImages=!!t,this.prepareOpening(e),super.open(this.panel.container),this.e.fire("update.filebrowser")}onResizeWindow(){T(this.dialog,{maxWidth:screen.width,minHeight:Math.min(this.options.height,screen.height),minWidth:Math.min(this.options.width,screen.width)})}onChangePath(){const{currentPath:e,currentSource:t}=this.state;this.uploader.setPath(e),this.uploader.setSource(t)}onChangeTheme(){this.setMod("theme",this.state.theme),this.header.setMod("theme",this.state.theme),this.panel.setMod("theme",this.state.theme),this.options.theme=this.state.theme}onToggleSettings(){this.state.showSettings=!this.state.showSettings}prepareOpening(e){this.registerGlobalListeners(),e&&(this.state.onSelectCallBack=t=>{this.close(),e(t)}),this.persistent.syncWithState()}registerGlobalListeners(){this.e.on(this.ow,"keydown",this.onKeyPress)}onKeyPress(e){const{activeElement:t}=this.od;if(!this.state.activeElements.length||!t||!W.isOrContains(this.panel.items.container,t))return;const s=this.state.elements;switch(e.key){case k:return this.onChooseItems();case D:return this.onFileRemove();case f:case y:case b:case U:{const i=e.key===f||e.key===b,n=this.state.lastSelectedIndex;let h;if([f,y].includes(e.key))i?h=s[n+1]?n+1:0:h=s[n-1]?n-1:s.length-1;else{const{countInRow:l}=this.panel;h=Math.round(((n+1)/l+(i?1:-1))*l-1)}return s[h]&&this.stateManager.addActive(s[h],e.shiftKey),!1}}}removeGlobalListeners(){this.e.off(this.ow,"keydown",this.onKeyPress)}onFileRemove(){this.state.activeElements.length&&this.confirm("Are you sure?","Delete",e=>{e&&this.__itemsRemove(this.state.activeElements)}).bindDestruct(this)}__itemsRemove(e){if(!e.length)return Promise.resolve();const t=[];return e.forEach(s=>{var i;t.push(s.type==="folder"?this.__folderRemove(c(s.path),(i=s.name)!==null&&i!==void 0?i:"",s.sourceName):this.__removeFile(s.file||s.name||"",s.sourceName))}),this.state.activeElements.forEach(s=>{this.stateManager.isFavorite(s)&&this.stateManager.toggleFavorite(s)}),this.state.activeElements=[],Promise.allSettled(t).then(()=>Promise.allSettled([this.loadingManager.loadItems(),this.loadingManager.loadFolders()]))}__removeFile(e,t){return this.dataProvider.fileRemove(this.state.currentPath,e,t).then(s=>{this.status(s||this.i18n('File "%s" was deleted',e),!0)}).catch(this.status)}__folderRemove(e,t,s){return this.dataProvider.folderRemove(e,t,s).then(i=>{this.status(i||this.i18n('Folder "%s" was deleted',t),!0),this.state.currentPath===e&&(this.state.currentPath=c(e),this.state.currentSource=s)}).catch(this.status)}onFileEdit(){if(this.state.activeElements.length===1){const[e]=this.state.activeElements;J.call(this,e.fileURL,e.file||"",e.path,e.sourceName,void 0,this.status)}}onFolderRename(e){this.prompt("Enter new name","Rename",t=>{if(!R(t)||t===e.name)return this.status(this.i18n("Enter new name")),!1;this.dataProvider.folderRename(c(e.path),e.name,t,e.sourceName).then(s=>{this.state.activeElements=[],this.status(s,!0),this.state.currentPath=c(e.path)+"/"+t,this.state.currentSource=e.sourceName,this.historyManager.updateCurrent(),this.loadingManager.loadFolders()}).catch(this.status)},this.i18n("type name"),e.name).bindDestruct(this)}onFolderRemove(e){this.confirm("Are you sure?","Delete",t=>{t&&this.__itemsRemove([{type:"folder",name:e.name,path:e.path,sourceName:e.sourceName}])}).bindDestruct(this)}onFolderCreate(e){this.prompt("Enter Directory name","Create directory",t=>{const s=e.path||"/";this.dataProvider.createFolder(t,e.path||"/",e.sourceName).then(()=>{this.state.currentSource===e.sourceName&&this.state.currentPath===s?this.e.fire("update.filebrowser"):(this.state.currentSource=e.sourceName,this.state.currentPath=s),this.historyManager.updateCurrent()},this.status)},this.i18n("type name")).bindDestruct(this)}onFileRename(e){const t=e.file||e.name||"";this.state.activeElements.length===1&&t&&this.prompt("Enter new name","Rename",s=>{if(!R(s))return this.status(this.i18n("Enter new name")),!1;this.dataProvider.fileRename(this.state.currentPath,t,s,this.state.currentSource).then(i=>{this.state.activeElements=[],this.status(i,!0),this.loadingManager.loadItems()}).catch(this.status)},this.i18n("type name"),t).bindDestruct(this)}onChooseItems(){const e=this.stateManager.state.activeElements;if(e.length){if(e[0].type==="folder"){this.state.currentPath=this.state.currentPath+"/"+e[0].name,this.state.currentSource=e[0].sourceName,this.e.fire("afterOpenFolder.filebrowser");return}this.state.onSelectCallBack?this.stateManager.callSelectHandler():this.onOpenLightBox(e[0])}}onOpenLightBox(e){B.open(this,e,this.state.elements)}initUploader(){const e=this,t=v(e.o.uploader||{},p.defaultOptions.uploader),s=d(()=>this.loadingManager.loadItems(),"uploadHandler");e.uploader=e.getInstance("Uploader",t),e.uploader.bind(e.panel.container,s,e.status),e.e.on("bindUploader.filebrowser",i=>{e.uploader.bind(i,s,e.status)})}destruct(){this.removeGlobalListeners(),this.header.destruct(),this.panel.destruct(),super.destruct()}fullFillOptions(){["getLocalFileByUrl","crop","resize","create","fileMove","folderMove","fileRename","folderRename","fileRemove","folderRemove","folder","items","permissions"].forEach(t=>{this.options[t]!=null&&(this.options[t]=v(this.options[t],this.o.ajax))})}},d(u,"FileBrowserPro"),u);o([g],r.prototype,"status",null),o([K],r.prototype,"progressbar",null),o([a(":resize",{context:window})],r.prototype,"onResizeWindow",null),o([a(["state.currentPath","state.currentSource"])],r.prototype,"onChangePath",null),o([a("state.theme")],r.prototype,"onChangeTheme",null),o([a(":toggleSettings.filebrowser")],r.prototype,"onToggleSettings",null),o([g],r.prototype,"onKeyPress",null),o([g],r.prototype,"removeGlobalListeners",null),o([a(":fileRemove.filebrowser")],r.prototype,"onFileRemove",null),o([a(":edit.filebrowser")],r.prototype,"onFileEdit",null),o([a(":folderRename.filebrowser")],r.prototype,"onFolderRename",null),o([a(":folderRemove.filebrowser")],r.prototype,"onFolderRemove",null),o([a(":folderCreate.filebrowser")],r.prototype,"onFolderCreate",null),o([a(":fileRename.filebrowser")],r.prototype,"onFileRename",null),o([a(":select.filebrowser")],r.prototype,"onChooseItems",null),o([a(":openLightBox.filebrowser")],r.prototype,"onOpenLightBox",null),r=o([N,z(H)],r);Object.defineProperty(w.modules,"FileBrowserPro",{value:r,writable:!1,enumerable:!0,configurable:!0});export{r as FileBrowserPro};
+var M=Object.defineProperty;var p=(m,e)=>M(m,"name",{value:e,configurable:!0});var u,i=function(m,e,t,s){var o=arguments.length,n=o<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,h;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(m,e,t,s);else for(var l=m.length-1;l>=0;l--)(h=m[l])&&(n=(o<3?h(n):o>3?h(e,t,n):h(e,t))||n);return o>3&&n&&Object.defineProperty(e,t,n),n};import"./ui/assets/icons/index.js";import{ContextMenuManager as S}from"./helpers/context-menu.js";import{parentPath as c}from"./helpers/helpers.js";import{HistoryManager as F}from"./helpers/history-manager.js";import{LoadingManager as _}from"./helpers/loading-manager.js";import{PersistentStore as C}from"./helpers/persistent-store.js";import{StateManager as I}from"./helpers/state-manager.js";import{UIBrowserHeader as B}from"./ui/header/header.js";import{UILightBox as O}from"./ui/lightboox/lightbox.js";import{UIBrowserPanel as L}from"./ui/panel/panel.js";import{UIProgress as x}from"./ui/progress/progress.js";import{Config as f}from"jodit/esm/config.js";import{IS_PROD as D,KEY_DELETE as k,KEY_DOWN as b,KEY_ENTER as H,KEY_LEFT as y,KEY_RIGHT as g,KEY_UP as U}from"jodit/esm/core/constants.js";import{autobind as d,cache as K,component as N,derive as z,watch as a}from"jodit/esm/core/decorators/index.js";import{ConfigProto as v,css as T,isAbortError as P,isString as E,isValidName as R}from"jodit/esm/core/helpers/index.js";import{Dlgs as j}from"jodit/esm/core/traits/dlgs.js";import{Dom as W,observable as G}from"jodit/esm/modules/index.js";import{Dialog as Y}from"jodit/esm/modules/dialog/index.js";import{makeDataProvider as A}from"jodit/esm/modules/file-browser/factories.js";import{openImageEditor as J}from"jodit/esm/modules/image-editor/image-editor.js";import{JoditPro as w}from"../../jodit-pro.js";import{license as V}from"../license/license.js";let r=(u=class extends Y{className(){return"FileBrowserPro"}lock(e="any"){return this.container.classList.add("jodit_disabled"),super.lock(e)}unlock(){return this.container.classList.remove("jodit_disabled"),super.unlock()}status(e,t=!(e instanceof Error)){P(e)||(!D&&!E(e)&&console.error(e),this.message.message(E(e)?e:e.message,t?"success":"error",this.options.howLongShowMsg))}errorHandler(e){P(e)||this.status(e instanceof Error?this.i18n(e.message):this.dataProvider.getMessage(e),!1)}get progressbar(){return new x(this,this.stateManager.state)}constructor(e){super(v(Object.assign(e||{},{resizable:!0,draggable:!0,toolbarButtons:e?.toolbarButtons||f.defaultOptions.filebrowser.buttons,buttons:w.atom(["filebrowser.settings","fullsize","dialog.close"])}),f.defaultOptions.filebrowser)),this.dataProvider=A(this,this.options),this.state=G({onSelectCallBack:null,theme:"default",showSideBar:!0,showFavorites:!0,showSettings:!1,showPreview:!1,withFolders:!0,foldersPosition:"bottom",info:"",metaInfo:null,currentPath:"",currentSource:"",currentBaseUrl:"",tree:[],activeElements:[],favorites:[],progress:0,lastSelectedIndex:0,elements:[],messages:[],sources:[],view:"tiles",tileSize:"default",sortBy:"name-asc",filterWord:"",onlyImages:!1}),this.persistent=new C(this,this.state),this.loadingManager=new _(this,this.state),this.stateManager=new I(this.state),this.historyManager=new F(this,this.state),this.contextMenuManager=new S(this),this.header=new B(this,this.options,this.stateManager),this.panel=new L(this,this.stateManager),this.files=this.panel,this.tree=this.panel,V.make(this),!this.persistent.theme&&this.options.theme&&(this.persistent.theme=this.options.theme),this.panel.append(this.progressbar),this.toolbar.setMod("mode","header"),this.setSize(Math.min(this.options.width,screen.width),Math.min(this.options.height,screen.height)).setHeader(this.header),this.onResizeWindow(),this.initUploader(),this.onChangeTheme(),this.fullFillOptions(),this.dataProvider.onProgress(t=>{t===0&&(t=30),this.state.progress=t}),this.e.on("beforeClose",this.removeGlobalListeners),this.e.fire("afterInit"),w.prototype.afterInitHook.call(this)}addDisclaimer(e){this.dialog.appendChild(e)}async open(e=this.o.defaultCallback,t){return this.state.onlyImages=!!t,this.prepareOpening(e),super.open(this.panel.container),this.e.fire("update.filebrowser")}onResizeWindow(){T(this.dialog,{maxWidth:screen.width,minHeight:Math.min(this.options.height,screen.height),minWidth:Math.min(this.options.width,screen.width)})}onChangePath(){const{currentPath:e,currentSource:t}=this.state;this.uploader.setPath(e),this.uploader.setSource(t)}onChangeTheme(){this.setMod("theme",this.state.theme),this.header.setMod("theme",this.state.theme),this.panel.setMod("theme",this.state.theme),this.options.theme=this.state.theme}onToggleSettings(){this.state.showSettings=!this.state.showSettings}prepareOpening(e){this.registerGlobalListeners(),e&&(this.state.onSelectCallBack=t=>{this.close(),e(t)}),this.persistent.syncWithState()}registerGlobalListeners(){this.e.on(this.ow,"keydown",this.onKeyPress)}onKeyPress(e){const{activeElement:t}=this.od;if(!this.state.activeElements.length||!t||!W.isOrContains(this.panel.items.container,t))return;const s=this.state.elements;switch(e.key){case H:return this.onChooseItems();case k:return this.onFileRemove();case g:case y:case b:case U:{const o=e.key===g||e.key===b,n=this.state.lastSelectedIndex;let h;if([g,y].includes(e.key))o?h=s[n+1]?n+1:0:h=s[n-1]?n-1:s.length-1;else{const{countInRow:l}=this.panel;h=Math.round(((n+1)/l+(o?1:-1))*l-1)}return s[h]&&this.stateManager.addActive(s[h],e.shiftKey),!1}}}removeGlobalListeners(){this.e.off(this.ow,"keydown",this.onKeyPress)}onFileRemove(){this.state.activeElements.length&&this.confirm("Are you sure?","Delete",e=>{e&&this.__itemsRemove(this.state.activeElements)}).bindDestruct(this)}__itemsRemove(e){if(!e.length)return Promise.resolve();const t=[];return e.forEach(s=>{var o;t.push(s.type==="folder"?this.__folderRemove(c(s.path),(o=s.name)!==null&&o!==void 0?o:"",s.sourceName):this.__removeFile(s.file||s.name||"",s.sourceName))}),this.state.activeElements.forEach(s=>{this.stateManager.isFavorite(s)&&this.stateManager.toggleFavorite(s)}),this.state.activeElements=[],Promise.allSettled(t).then(()=>Promise.allSettled([this.loadingManager.loadItems(),this.loadingManager.loadFolders()]))}__removeFile(e,t){return this.dataProvider.fileRemove(this.state.currentPath,e,t).then(s=>{this.status(s||this.i18n('File "%s" was deleted',e),!0)}).catch(this.status)}__folderRemove(e,t,s){return this.dataProvider.folderRemove(e,t,s).then(o=>{this.status(o||this.i18n('Folder "%s" was deleted',t),!0),this.state.currentPath===e&&(this.state.currentPath=c(e),this.state.currentSource=s)}).catch(this.status)}onFileEdit(){if(this.state.activeElements.length===1){const[e]=this.state.activeElements;J.call(this,e.fileURL,e.file||"",e.path,e.sourceName,void 0,this.status)}}onFolderRename(e){this.prompt("Enter new name","Rename",t=>{if(!R(t)||t===e.name)return this.status(this.i18n("Enter new name")),!1;this.dataProvider.folderRename(c(e.path),e.name,t,e.sourceName).then(s=>{this.state.activeElements=[],this.status(s,!0),this.state.currentPath=c(e.path)+"/"+t,this.state.currentSource=e.sourceName,this.historyManager.updateCurrent(),this.loadingManager.loadFolders()}).catch(this.status)},this.i18n("type name"),e.name).bindDestruct(this)}onFolderRemove(e){this.confirm("Are you sure?","Delete",t=>{t&&this.__itemsRemove([{type:"folder",name:e.name,path:e.path,sourceName:e.sourceName}])}).bindDestruct(this)}onFolderCreate(e){this.prompt("Enter Directory name","Create directory",t=>{const s=e.path||"/";this.dataProvider.createFolder(t,e.path||"/",e.sourceName).then(()=>{this.state.currentSource===e.sourceName&&this.state.currentPath===s?this.e.fire("update.filebrowser"):(this.state.currentSource=e.sourceName,this.state.currentPath=s),this.historyManager.updateCurrent()},this.status)},this.i18n("type name")).bindDestruct(this)}onFileRename(e){const t=e.file||e.name||"";this.state.activeElements.length===1&&t&&this.prompt("Enter new name","Rename",s=>{if(!R(s))return this.status(this.i18n("Enter new name")),!1;this.dataProvider.fileRename(this.state.currentPath,t,s,this.state.currentSource).then(o=>{this.state.activeElements=[],this.status(o,!0),this.loadingManager.loadItems()}).catch(this.status)},this.i18n("type name"),t).bindDestruct(this)}onChooseItems(){const e=this.stateManager.state.activeElements;if(e.length){if(e[0].type==="folder"){this.state.currentPath=this.state.currentPath+"/"+e[0].name,this.state.currentSource=e[0].sourceName,this.e.fire("afterOpenFolder.filebrowser");return}this.state.onSelectCallBack?this.stateManager.callSelectHandler():this.onOpenLightBox(e[0])}}onOpenLightBox(e){O.open(this,e,this.state.elements)}initUploader(){const e=this,t=v(e.o.uploader||{},f.defaultOptions.uploader),s=p(()=>this.loadingManager.loadItems(),"uploadHandler");e.uploader=e.getInstance("Uploader",t),e.uploader.bind(e.panel.container,s,e.errorHandler),e.e.on("bindUploader.filebrowser",o=>{e.uploader.bind(o,s,e.errorHandler)})}destruct(){this.removeGlobalListeners(),this.header.destruct(),this.panel.destruct(),super.destruct()}fullFillOptions(){["getLocalFileByUrl","crop","resize","create","fileMove","folderMove","fileRename","folderRename","fileRemove","folderRemove","folder","items","permissions"].forEach(t=>{this.options[t]!=null&&(this.options[t]=v(this.options[t],this.o.ajax))})}},p(u,"FileBrowserPro"),u);i([d],r.prototype,"status",null),i([d],r.prototype,"errorHandler",null),i([K],r.prototype,"progressbar",null),i([a(":resize",{context:window})],r.prototype,"onResizeWindow",null),i([a(["state.currentPath","state.currentSource"])],r.prototype,"onChangePath",null),i([a("state.theme")],r.prototype,"onChangeTheme",null),i([a(":toggleSettings.filebrowser")],r.prototype,"onToggleSettings",null),i([d],r.prototype,"onKeyPress",null),i([d],r.prototype,"removeGlobalListeners",null),i([a(":fileRemove.filebrowser")],r.prototype,"onFileRemove",null),i([a(":edit.filebrowser")],r.prototype,"onFileEdit",null),i([a(":folderRename.filebrowser")],r.prototype,"onFolderRename",null),i([a(":folderRemove.filebrowser")],r.prototype,"onFolderRemove",null),i([a(":folderCreate.filebrowser")],r.prototype,"onFolderCreate",null),i([a(":fileRename.filebrowser")],r.prototype,"onFileRename",null),i([a(":select.filebrowser")],r.prototype,"onChooseItems",null),i([a(":openLightBox.filebrowser")],r.prototype,"onOpenLightBox",null),r=i([N,z(j)],r);Object.defineProperty(w.modules,"FileBrowserPro",{value:r,writable:!1,enumerable:!0,configurable:!0});export{r as FileBrowserPro};

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.39",
+	"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/browser.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 { CanUndef, IFileBrowserCallBackData, IFileBrowserDataProvider, IFileBrowserItemWrapper, IProgressBar, IUIGroup } from "jodit/esm/types/index";
+import type { CanUndef, IFileBrowserAnswer, IFileBrowserCallBackData, IFileBrowserDataProvider, IFileBrowserItemWrapper, IProgressBar, IUIGroup } from "jodit/esm/types/index";
 import "./ui/assets/icons/index";
 import { ContextMenuManager } from "./helpers/context-menu";
 import { LoadingManager } from "./helpers/loading-manager";
@@ -30,6 +30,15 @@ export declare class FileBrowserPro extends Dialog implements IFileBrowserPro {
     lock(name?: string): boolean;
     unlock(): boolean;
     status(message: string | Error, success?: boolean): void;
+    /**
+     * Upload error handler bound to the uploader. The uploader calls it with
+     * either an `Error` or the raw connector answer. `status` alone only
+     * understands string/Error, so a raw answer — whose text lives in
+     * `data.messages`, not `.message` — was silently dropped and the user saw
+     * no error. Mirror the core file-browser: pull the message out of the
+     * answer via the data provider and show it as an error.
+     */
+    errorHandler(resp: Error | IFileBrowserAnswer): void;
     private header;
     panel: UIBrowserPanel;
     files: IUIGroup;

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;
+}