@ones-editor/editor 2.2.0 → 2.2.2

package/dist/index.js

@@ -6096,6 +6096,9 @@ div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .co
   flex: 1;
   min-width: 0;
 }
+.editor-root [data-type=editor-container].root div[data-type=editor-block].callout-block .callout-root .callout-content > .child {
+  padding: 0;
+}
 .editor-root [data-type=editor-container].root div[data-type=editor-block].callout-block .callout-root .callout-content div[data-type=editor-block].list-block > div.list-container,
 .editor-root [data-type=editor-container].root div[data-type=editor-block].callout-block .callout-root .callout-content div[data-type=editor-block].list-block > div[data-type=block-content] {
   background-color: transparent;
@@ -7651,8 +7654,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("kiwi-intl"), require("lodash.merge"), require("string-template"), require("nanoid"), require("events"), require("query-string"), require("js-base64"), require("snabbdom"), require("tiny-typed-emitter"), require("lodash.clonedeep"), require("lodash.isequal"), require("quill-delta"), require("lodash.debounce"), require("lodash.intersection"), require("axios"), require("ot-json1"), require("lodash.findlastindex"), require("reconnecting-websocket"), require("fast-sha256"), require("tippy.js"), require("blueimp-md5"), require("css-color-converter"), require("markmap-view"), require("mime-db"), require("prismjs"), require("prismjs/components/prism-c"), require("prismjs/components/prism-cpp"), require("prismjs/components/prism-abap"), require("prismjs/components/prism-arduino"), require("prismjs/components/prism-bash"), require("prismjs/components/prism-basic"), require("prismjs/components/prism-clojure"), require("prismjs/components/prism-coffeescript"), require("prismjs/components/prism-csharp"), require("prismjs/components/prism-css"), require("prismjs/components/prism-dart"), require("prismjs/components/prism-diff"), require("prismjs/components/prism-docker"), require("prismjs/components/prism-elixir"), require("prismjs/components/prism-elm"), require("prismjs/components/prism-erlang"), require("prismjs/components/prism-flow"), require("prismjs/components/prism-fortran"), require("prismjs/components/prism-fsharp"), require("prismjs/components/prism-gherkin"), require("prismjs/components/prism-glsl"), require("prismjs/components/prism-go"), require("prismjs/components/prism-graphql"), require("prismjs/components/prism-groovy"), require("prismjs/components/prism-haskell"), require("prismjs/components/prism-java"), require("prismjs/components/prism-javascript"), require("prismjs/components/prism-json"), require("prismjs/components/prism-julia"), require("prismjs/components/prism-kotlin"), require("prismjs/components/prism-latex"), require("prismjs/components/prism-less"), require("prismjs/components/prism-lisp"), require("prismjs/components/prism-livescript"), require("prismjs/components/prism-lua"), require("prismjs/components/prism-makefile"), require("prismjs/components/prism-markdown"), require("prismjs/components/prism-markup"), require("prismjs/components/prism-matlab"), require("prismjs/components/prism-mermaid"), require("prismjs/components/prism-nix"), require("prismjs/components/prism-objectivec"), require("prismjs/components/prism-ocaml"), require("prismjs/components/prism-pascal"), require("prismjs/components/prism-perl"), require("prismjs/components/prism-php"), require("prismjs/components/prism-powershell"), require("prismjs/components/prism-prolog"), require("prismjs/components/prism-protobuf"), require("prismjs/components/prism-python"), require("prismjs/components/prism-r"), require("prismjs/components/prism-reason"), require("prismjs/components/prism-ruby"), require("prismjs/components/prism-rust"), require("prismjs/components/prism-sass"), require("prismjs/components/prism-scala"), require("prismjs/components/prism-scheme"), require("prismjs/components/prism-scss"), require("prismjs/components/prism-solidity"), require("prismjs/components/prism-sql"), require("prismjs/components/prism-swift"), require("prismjs/components/prism-typescript"), require("prismjs/components/prism-vbnet"), require("prismjs/components/prism-verilog"), require("prismjs/components/prism-vhdl"), require("prismjs/components/prism-visual-basic"), require("prismjs/components/prism-wasm"), require("prismjs/components/prism-yaml"), require("@better-scroll/core"), require("dom-to-image"), require("lodash.throttle"), require("@guyplusplus/turndown-plugin-gfm"), require("marked"), require("plantuml-encoder"), require("docx")) : typeof define === "function" && define.amd ? define(["exports", "kiwi-intl", "lodash.merge", "string-template", "nanoid", "events", "query-string", "js-base64", "snabbdom", "tiny-typed-emitter", "lodash.clonedeep", "lodash.isequal", "quill-delta", "lodash.debounce", "lodash.intersection", "axios", "ot-json1", "lodash.findlastindex", "reconnecting-websocket", "fast-sha256", "tippy.js", "blueimp-md5", "css-color-converter", "markmap-view", "mime-db", "prismjs", "prismjs/components/prism-c", "prismjs/components/prism-cpp", "prismjs/components/prism-abap", "prismjs/components/prism-arduino", "prismjs/components/prism-bash", "prismjs/components/prism-basic", "prismjs/components/prism-clojure", "prismjs/components/prism-coffeescript", "prismjs/components/prism-csharp", "prismjs/components/prism-css", "prismjs/components/prism-dart", "prismjs/components/prism-diff", "prismjs/components/prism-docker", "prismjs/components/prism-elixir", "prismjs/components/prism-elm", "prismjs/components/prism-erlang", "prismjs/components/prism-flow", "prismjs/components/prism-fortran", "prismjs/components/prism-fsharp", "prismjs/components/prism-gherkin", "prismjs/components/prism-glsl", "prismjs/components/prism-go", "prismjs/components/prism-graphql", "prismjs/components/prism-groovy", "prismjs/components/prism-haskell", "prismjs/components/prism-java", "prismjs/components/prism-javascript", "prismjs/components/prism-json", "prismjs/components/prism-julia", "prismjs/components/prism-kotlin", "prismjs/components/prism-latex", "prismjs/components/prism-less", "prismjs/components/prism-lisp", "prismjs/components/prism-livescript", "prismjs/components/prism-lua", "prismjs/components/prism-makefile", "prismjs/components/prism-markdown", "prismjs/components/prism-markup", "prismjs/components/prism-matlab", "prismjs/components/prism-mermaid", "prismjs/components/prism-nix", "prismjs/components/prism-objectivec", "prismjs/components/prism-ocaml", "prismjs/components/prism-pascal", "prismjs/components/prism-perl", "prismjs/components/prism-php", "prismjs/components/prism-powershell", "prismjs/components/prism-prolog", "prismjs/components/prism-protobuf", "prismjs/components/prism-python", "prismjs/components/prism-r", "prismjs/components/prism-reason", "prismjs/components/prism-ruby", "prismjs/components/prism-rust", "prismjs/components/prism-sass", "prismjs/components/prism-scala", "prismjs/components/prism-scheme", "prismjs/components/prism-scss", "prismjs/components/prism-solidity", "prismjs/components/prism-sql", "prismjs/components/prism-swift", "prismjs/components/prism-typescript", "prismjs/components/prism-vbnet", "prismjs/components/prism-verilog", "prismjs/components/prism-vhdl", "prismjs/components/prism-visual-basic", "prismjs/components/prism-wasm", "prismjs/components/prism-yaml", "@better-scroll/core", "dom-to-image", "lodash.throttle", "@guyplusplus/turndown-plugin-gfm", "marked", "plantuml-encoder", "docx"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["oneseditor-editor"] = {}, global2.KiwiIntl, global2.merge, global2.stringFormat, global2.nanoid$1, global2.events, global2.queryString, global2.jsBase64, global2.snabbdom, global2.tinyTypedEmitter, global2.cloneDeep, global2.isEqual, global2.Delta, global2.debounce, global2.intersection, global2.axios, global2.json1, global2.findLastIndex, global2.ReconnectingWebSocket, global2.sha256, global2.tippy$1, global2.md5, global2.cssColorConverter, global2.markmap, global2.mime, global2.Prism, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, global2.BetterScroll, global2.domToImage, global2.throttle$1, global2.turndownPluginGfm, global2.marked, global2.plantumlEncoder, global2.docx));
-})(this, function(exports2, KiwiIntl, merge, stringFormat, nanoid$1, events, queryString, jsBase64, snabbdom, tinyTypedEmitter, cloneDeep, isEqual, Delta, debounce, intersection, axios, json1, findLastIndex, ReconnectingWebSocket, sha256, tippy$1, md5, cssColorConverter, markmap, mime, Prism, prismC, prismCpp, prismAbap, prismArduino, prismBash, prismBasic, prismClojure, prismCoffeescript, prismCsharp, prismCss, prismDart, prismDiff, prismDocker, prismElixir, prismElm, prismErlang, prismFlow, prismFortran, prismFsharp, prismGherkin, prismGlsl, prismGo, prismGraphql, prismGroovy, prismHaskell, prismJava, prismJavascript, prismJson, prismJulia, prismKotlin, prismLatex, prismLess, prismLisp, prismLivescript, prismLua, prismMakefile, prismMarkdown, prismMarkup, prismMatlab, prismMermaid, prismNix, prismObjectivec, prismOcaml, prismPascal, prismPerl, prismPhp, prismPowershell, prismProlog, prismProtobuf, prismPython, prismR, prismReason, prismRuby, prismRust, prismSass, prismScala, prismScheme, prismScss, prismSolidity, prismSql, prismSwift, prismTypescript, prismVbnet, prismVerilog, prismVhdl, prismVisualBasic, prismWasm, prismYaml, BetterScroll, domToImage, throttle$1, turndownPluginGfm, marked, plantumlEncoder, docx) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("kiwi-intl"), require("lodash.merge"), require("string-template"), require("nanoid"), require("events"), require("query-string"), require("js-base64"), require("snabbdom"), require("lodash.clonedeep"), require("lodash.isequal"), require("quill-delta"), require("tiny-typed-emitter"), require("lodash.debounce"), require("lodash.intersection"), require("axios"), require("ot-json1"), require("lodash.findlastindex"), require("reconnecting-websocket"), require("fast-sha256"), require("tippy.js"), require("blueimp-md5"), require("css-color-converter"), require("markmap-view"), require("mime-db"), require("prismjs"), require("prismjs/components/prism-c"), require("prismjs/components/prism-cpp"), require("prismjs/components/prism-abap"), require("prismjs/components/prism-arduino"), require("prismjs/components/prism-bash"), require("prismjs/components/prism-basic"), require("prismjs/components/prism-clojure"), require("prismjs/components/prism-coffeescript"), require("prismjs/components/prism-csharp"), require("prismjs/components/prism-css"), require("prismjs/components/prism-dart"), require("prismjs/components/prism-diff"), require("prismjs/components/prism-docker"), require("prismjs/components/prism-elixir"), require("prismjs/components/prism-elm"), require("prismjs/components/prism-erlang"), require("prismjs/components/prism-flow"), require("prismjs/components/prism-fortran"), require("prismjs/components/prism-fsharp"), require("prismjs/components/prism-gherkin"), require("prismjs/components/prism-glsl"), require("prismjs/components/prism-go"), require("prismjs/components/prism-graphql"), require("prismjs/components/prism-groovy"), require("prismjs/components/prism-haskell"), require("prismjs/components/prism-java"), require("prismjs/components/prism-javascript"), require("prismjs/components/prism-json"), require("prismjs/components/prism-julia"), require("prismjs/components/prism-kotlin"), require("prismjs/components/prism-latex"), require("prismjs/components/prism-less"), require("prismjs/components/prism-lisp"), require("prismjs/components/prism-livescript"), require("prismjs/components/prism-lua"), require("prismjs/components/prism-makefile"), require("prismjs/components/prism-markdown"), require("prismjs/components/prism-markup"), require("prismjs/components/prism-matlab"), require("prismjs/components/prism-mermaid"), require("prismjs/components/prism-nix"), require("prismjs/components/prism-objectivec"), require("prismjs/components/prism-ocaml"), require("prismjs/components/prism-pascal"), require("prismjs/components/prism-perl"), require("prismjs/components/prism-php"), require("prismjs/components/prism-powershell"), require("prismjs/components/prism-prolog"), require("prismjs/components/prism-protobuf"), require("prismjs/components/prism-python"), require("prismjs/components/prism-r"), require("prismjs/components/prism-reason"), require("prismjs/components/prism-ruby"), require("prismjs/components/prism-rust"), require("prismjs/components/prism-sass"), require("prismjs/components/prism-scala"), require("prismjs/components/prism-scheme"), require("prismjs/components/prism-scss"), require("prismjs/components/prism-solidity"), require("prismjs/components/prism-sql"), require("prismjs/components/prism-swift"), require("prismjs/components/prism-typescript"), require("prismjs/components/prism-vbnet"), require("prismjs/components/prism-verilog"), require("prismjs/components/prism-vhdl"), require("prismjs/components/prism-visual-basic"), require("prismjs/components/prism-wasm"), require("prismjs/components/prism-yaml"), require("@better-scroll/core"), require("dom-to-image"), require("lodash.throttle"), require("@guyplusplus/turndown-plugin-gfm"), require("marked"), require("plantuml-encoder"), require("docx")) : typeof define === "function" && define.amd ? define(["exports", "kiwi-intl", "lodash.merge", "string-template", "nanoid", "events", "query-string", "js-base64", "snabbdom", "lodash.clonedeep", "lodash.isequal", "quill-delta", "tiny-typed-emitter", "lodash.debounce", "lodash.intersection", "axios", "ot-json1", "lodash.findlastindex", "reconnecting-websocket", "fast-sha256", "tippy.js", "blueimp-md5", "css-color-converter", "markmap-view", "mime-db", "prismjs", "prismjs/components/prism-c", "prismjs/components/prism-cpp", "prismjs/components/prism-abap", "prismjs/components/prism-arduino", "prismjs/components/prism-bash", "prismjs/components/prism-basic", "prismjs/components/prism-clojure", "prismjs/components/prism-coffeescript", "prismjs/components/prism-csharp", "prismjs/components/prism-css", "prismjs/components/prism-dart", "prismjs/components/prism-diff", "prismjs/components/prism-docker", "prismjs/components/prism-elixir", "prismjs/components/prism-elm", "prismjs/components/prism-erlang", "prismjs/components/prism-flow", "prismjs/components/prism-fortran", "prismjs/components/prism-fsharp", "prismjs/components/prism-gherkin", "prismjs/components/prism-glsl", "prismjs/components/prism-go", "prismjs/components/prism-graphql", "prismjs/components/prism-groovy", "prismjs/components/prism-haskell", "prismjs/components/prism-java", "prismjs/components/prism-javascript", "prismjs/components/prism-json", "prismjs/components/prism-julia", "prismjs/components/prism-kotlin", "prismjs/components/prism-latex", "prismjs/components/prism-less", "prismjs/components/prism-lisp", "prismjs/components/prism-livescript", "prismjs/components/prism-lua", "prismjs/components/prism-makefile", "prismjs/components/prism-markdown", "prismjs/components/prism-markup", "prismjs/components/prism-matlab", "prismjs/components/prism-mermaid", "prismjs/components/prism-nix", "prismjs/components/prism-objectivec", "prismjs/components/prism-ocaml", "prismjs/components/prism-pascal", "prismjs/components/prism-perl", "prismjs/components/prism-php", "prismjs/components/prism-powershell", "prismjs/components/prism-prolog", "prismjs/components/prism-protobuf", "prismjs/components/prism-python", "prismjs/components/prism-r", "prismjs/components/prism-reason", "prismjs/components/prism-ruby", "prismjs/components/prism-rust", "prismjs/components/prism-sass", "prismjs/components/prism-scala", "prismjs/components/prism-scheme", "prismjs/components/prism-scss", "prismjs/components/prism-solidity", "prismjs/components/prism-sql", "prismjs/components/prism-swift", "prismjs/components/prism-typescript", "prismjs/components/prism-vbnet", "prismjs/components/prism-verilog", "prismjs/components/prism-vhdl", "prismjs/components/prism-visual-basic", "prismjs/components/prism-wasm", "prismjs/components/prism-yaml", "@better-scroll/core", "dom-to-image", "lodash.throttle", "@guyplusplus/turndown-plugin-gfm", "marked", "plantuml-encoder", "docx"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2["oneseditor-editor"] = {}, global2.KiwiIntl, global2.merge, global2.stringFormat, global2.nanoid$1, global2.events, global2.queryString, global2.jsBase64, global2.snabbdom, global2.cloneDeep, global2.isEqual, global2.Delta, global2.tinyTypedEmitter, global2.debounce, global2.intersection, global2.axios, global2.json1, global2.findLastIndex, global2.ReconnectingWebSocket, global2.sha256, global2.tippy$1, global2.md5, global2.cssColorConverter, global2.markmap, global2.mime, global2.Prism, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, global2.BetterScroll, global2.domToImage, global2.throttle$1, global2.turndownPluginGfm, global2.marked, global2.plantumlEncoder, global2.docx));
+})(this, function(exports2, KiwiIntl, merge, stringFormat, nanoid$1, events, queryString, jsBase64, snabbdom, cloneDeep, isEqual, Delta, tinyTypedEmitter, debounce, intersection, axios, json1, findLastIndex, ReconnectingWebSocket, sha256, tippy$1, md5, cssColorConverter, markmap, mime, Prism, prismC, prismCpp, prismAbap, prismArduino, prismBash, prismBasic, prismClojure, prismCoffeescript, prismCsharp, prismCss, prismDart, prismDiff, prismDocker, prismElixir, prismElm, prismErlang, prismFlow, prismFortran, prismFsharp, prismGherkin, prismGlsl, prismGo, prismGraphql, prismGroovy, prismHaskell, prismJava, prismJavascript, prismJson, prismJulia, prismKotlin, prismLatex, prismLess, prismLisp, prismLivescript, prismLua, prismMakefile, prismMarkdown, prismMarkup, prismMatlab, prismMermaid, prismNix, prismObjectivec, prismOcaml, prismPascal, prismPerl, prismPhp, prismPowershell, prismProlog, prismProtobuf, prismPython, prismR, prismReason, prismRuby, prismRust, prismSass, prismScala, prismScheme, prismScss, prismSolidity, prismSql, prismSwift, prismTypescript, prismVbnet, prismVerilog, prismVhdl, prismVisualBasic, prismWasm, prismYaml, BetterScroll, domToImage, throttle$1, turndownPluginGfm, marked, plantumlEncoder, docx) {
   "use strict";
   const _interopDefaultLegacy = (e2) => e2 && typeof e2 === "object" && "default" in e2 ? e2 : { default: e2 };
   function _interopNamespace(e2) {
@@ -10494,322 +10497,7 @@ var __publicField = (obj, key, value) => {
     var _a;
     return (_a = getChildBlocks(container)[blockIndex]) != null ? _a : null;
   }
-  class EditorBlockRenderers {
-    constructor(editor) {
-      __publicField(this, "renders", []);
-      this.editor = editor;
-    }
-    registerRender(render) {
-      this.renders.push(render);
-    }
-    renderBox(path, attributes) {
-      const result = {
-        classes: [],
-        attributes: {},
-        styles: {}
-      };
-      this.renders.forEach((render) => {
-        if (render.renderBox) {
-          const ret = render.renderBox(this.editor, path, attributes);
-          if (ret.classes) {
-            result.classes.push(...ret.classes);
-          }
-          if (ret.attributes) {
-            result.attributes = {
-              ...result.attributes,
-              ...ret.attributes
-            };
-          }
-          if (ret.styles) {
-            result.styles = {
-              ...result.styles,
-              ...ret.styles
-            };
-          }
-        }
-      });
-      return result;
-    }
-    renderText(path, attributes) {
-      const result = {
-        classes: [],
-        attributes: {},
-        styles: {}
-      };
-      this.renders.forEach((render) => {
-        if (render.renderText) {
-          const ret = render.renderText(this.editor, path, attributes);
-          if (ret.classes) {
-            result.classes.push(...ret.classes);
-          }
-          if (ret.attributes) {
-            result.attributes = {
-              ...result.attributes,
-              ...ret.attributes
-            };
-          }
-          if (ret.styles) {
-            result.styles = {
-              ...result.styles,
-              ...ret.styles
-            };
-          }
-        }
-      });
-      return result;
-    }
-    renderBlock(editor, path, blockData) {
-      const result = {
-        classes: [],
-        attributes: {},
-        styles: {}
-      };
-      this.renders.forEach((render) => {
-        if (render.renderBlock) {
-          const ret = render.renderBlock(this.editor, path, blockData);
-          if (ret.classes) {
-            result.classes.push(...ret.classes);
-          }
-          if (ret.attributes) {
-            result.attributes = {
-              ...result.attributes,
-              ...ret.attributes
-            };
-          }
-          if (ret.styles) {
-            result.styles = {
-              ...result.styles,
-              ...ret.styles
-            };
-          }
-        }
-      });
-      return result;
-    }
-    updateBlock(editor, path, blockElement, blockData) {
-      this.renders.forEach((render) => {
-        var _a;
-        (_a = render.updateBlock) == null ? void 0 : _a.call(render, editor, path, blockElement, blockData);
-      });
-    }
-  }
-  const logger$4s = getLogger("block-class");
-  function getBlockClass(editor, block) {
-    return editor.editorBlocks.getBlockClass(getBlockType(block));
-  }
-  function getTextBlockClass(editor, block) {
-    const text2 = editor.editorBlocks.getBlockClass(getBlockType(block));
-    assert(logger$4s, text2.blockKind === "text", `is not a text block, ${text2.blockType}`);
-    return text2;
-  }
-  function getComplexBlockClass(editor, block) {
-    const complex = editor.editorBlocks.getBlockClass(getBlockType(block));
-    assert(logger$4s, complex.blockKind === "complex", `is not a text block, ${complex.blockType}`);
-    return complex;
-  }
-  function getBlockClassByType(editor, type) {
-    return editor.editorBlocks.getBlockClass(type);
-  }
-  function isTextKindBlock(editor, block) {
-    return getBlockClass(editor, block).blockKind === "text";
-  }
-  function isTextKindBlockType(editor, type) {
-    return editor.editorBlocks.getBlockClass(type).blockKind === "text";
-  }
-  function isComplexKindBlock(editor, block) {
-    return getBlockClass(editor, block).blockKind === "complex";
-  }
-  function isSimpleBlock(editor, block) {
-    return !isComplexKindBlock(editor, block);
-  }
-  function getBlockKind(editor, block) {
-    return getBlockClass(editor, block).blockKind;
-  }
-  class OnesEditorHoveringBlock extends tinyTypedEmitter.TypedEmitter {
-    constructor(editor) {
-      super();
-      __publicField(this, "hoveringBlock", null);
-      __publicField(this, "hoveringElem", null);
-      __publicField(this, "hoveringTextChild", null);
-      __publicField(this, "filters", []);
-      __publicField(this, "finders", []);
-      __publicField(this, "handleDocumentMouseMove", (event) => {
-        if (this.hoveringBlock) {
-          for (const filter of this.filters) {
-            if (filter.isInBlock(this.hoveringBlock, event)) {
-              return;
-            }
-          }
-        }
-        const elem = getElementFromPoint(event.x, event.y, { noFilter: true });
-        if (!elem) {
-          this.setHoveringBlock(null, event, null, elem);
-          return;
-        }
-        let block = getParentBlock(elem);
-        if (!block || !isChildNode(this.editor.rootContainer, block)) {
-          block = this.findBlockByFinders(event);
-          if (!block) {
-            this.setHoveringBlock(null, event, null, elem);
-            return;
-          }
-        }
-        const child = this.getParentTextContentChild(block, elem);
-        this.setHoveringBlock(block, event, child, elem);
-      });
-      this.editor = editor;
-      if (clientType.isMobile) {
-        document.addEventListener("click", this.handleDocumentMouseMove);
-      } else {
-        document.addEventListener("mousemove", this.handleDocumentMouseMove);
-      }
-    }
-    destroy() {
-      document.removeEventListener("mousemove", this.handleDocumentMouseMove);
-      this.filters.forEach((filter) => filter.destroy());
-      this.filters = [];
-      this.finders.forEach((finder) => finder.destroy());
-      this.finders = [];
-    }
-    addFilter(filter) {
-      this.filters.push(filter);
-    }
-    addFinder(finder) {
-      this.finders.push(finder);
-    }
-    hoveringBlockId() {
-      if (!this.hoveringBlock) {
-        return "";
-      }
-      return getBlockId(this.hoveringBlock);
-    }
-    findBlockByFinders(event) {
-      for (let i = 0; i < this.finders.length; i++) {
-        const finder = this.finders[i];
-        const b = finder.findTargetBlock(this.editor, event);
-        if (b) {
-          return b;
-        }
-      }
-      return null;
-    }
-    setHoveringBlock(block, event, child, pointElem) {
-      if (this.hoveringBlock === block && this.hoveringTextChild === child && this.hoveringElem === event.target) {
-        return;
-      }
-      if (this.hoveringBlock !== block) {
-        const oldBlock = this.hoveringBlock && isChildNode(this.editor.rootContainer, this.hoveringBlock) ? this.hoveringBlock : null;
-        if (oldBlock) {
-          removeClass(oldBlock, "hover");
-        }
-        if (block) {
-          addClass(block, "hover");
-        }
-        this.emit("change", block, oldBlock, event);
-      }
-      if (this.hoveringElem !== pointElem || this.hoveringBlock !== block) {
-        this.emit("targetChange", block, this.hoveringBlock, pointElem, this.hoveringElem);
-      }
-      const oldChild = this.hoveringTextChild;
-      this.hoveringTextChild = child;
-      this.hoveringElem = pointElem;
-      this.hoveringBlock = block;
-      this.emit("childChange", this.hoveringBlock, child, oldChild, event);
-    }
-    static get(editor) {
-      return editor.addCustom("standard-hovering-block", () => new OnesEditorHoveringBlock(editor));
-    }
-    getParentTextContentChild(block, elem) {
-      if (!isTextKindBlock(this.editor, block)) {
-        return null;
-      }
-      const content = getBlockContent(block);
-      if (elem.parentElement === content) {
-        return elem;
-      }
-      const box = getParentBox(elem);
-      return box;
-    }
-  }
-  const COLOR_PREFIX = "style-color-";
-  const BACKGROUND_COLOR_PREFIX$1 = "style-bg-color-";
-  class StandardBlockRenderer {
-    renderText(editor, path, attributes) {
-      return this.generateCSSCustomProperties(attributes);
-    }
-    renderBlock(editor, path, blockData) {
-      var _a, _b;
-      const attributes = {};
-      const styles = Object.entries(blockData).filter((k) => k[0].startsWith("style-"));
-      styles.forEach(([key, value]) => {
-        attributes[`data-${key}`] = `${value}`;
-      });
-      const classes = [];
-      if (((_b = (_a = editor.selection) == null ? void 0 : _a.range) == null ? void 0 : _b.start.blockId) === blockData.id) {
-        classes.push("focused");
-      }
-      if (typeof blockData.align === "string" && blockData.align) {
-        attributes["data-style-align"] = blockData.align;
-      }
-      if (blockData.heading) {
-        attributes["data-style-heading"] = String(blockData.heading);
-      }
-      if (blockData.quoted) {
-        attributes["data-style-quoted"] = "true";
-      }
-      if (OnesEditorHoveringBlock.get(editor).hoveringBlockId() === blockData.id) {
-        classes.push("hover");
-      }
-      return { attributes, classes };
-    }
-    updateBlock(editor, path, blockElement, blockData) {
-      Array.from(blockElement.attributes).forEach((a) => {
-        if (a.name.startsWith("data-style-")) {
-          blockElement.removeAttribute(a.name);
-        }
-      });
-      const { attributes, classes } = this.renderBlock(editor, path, blockData);
-      if (attributes) {
-        Object.entries(attributes).forEach(([key, value]) => {
-          blockElement.setAttribute(key, value);
-        });
-      }
-      if (classes) {
-        classes.forEach((c) => {
-          addClass(blockElement, c);
-        });
-      }
-    }
-    generateCSSCustomProperties(attributes) {
-      const classes = [];
-      const newAttributes = {};
-      const newStyles = {};
-      Object.entries(attributes).forEach(([key, value]) => {
-        if (value === true) {
-          if (key.startsWith(COLOR_PREFIX)) {
-            newAttributes["data-style-color"] = key.substring(COLOR_PREFIX.length);
-          } else if (key.startsWith(BACKGROUND_COLOR_PREFIX$1)) {
-            newAttributes["data-style-bg-color"] = key.substring(BACKGROUND_COLOR_PREFIX$1.length);
-          } else if (key.startsWith("style")) {
-            classes.push(key);
-          }
-        } else if (typeof value === "string") {
-          if (key === "link") {
-            classes.push("link");
-            newAttributes.link = value;
-          }
-          if (key === "inline-style-color") {
-            newStyles.color = value;
-          }
-          if (key === "inline-style-background-color") {
-            newStyles.backgroundColor = value;
-          }
-        }
-      });
-      return { classes, attributes: newAttributes, styles: newStyles };
-    }
-  }
-  const logger$4r = getLogger("block-dom");
+  const logger$4s = getLogger("block-dom");
   function isBlock$1(node) {
     if (!(node instanceof HTMLDivElement)) {
       return false;
@@ -10830,12 +10518,12 @@ var __publicField = (obj, key, value) => {
   }
   function getBlockId(block) {
     const { id } = block;
-    assert(logger$4r, id, "no block id");
+    assert(logger$4s, id, "no block id");
     return id;
   }
   function getBlockType(block) {
     const type = block.getAttribute("data-block-type");
-    assert(logger$4r, type, "invalid block dom, no data-type");
+    assert(logger$4s, type, "invalid block dom, no data-type");
     return type;
   }
   function getParentBlock(node) {
@@ -10858,12 +10546,12 @@ var __publicField = (obj, key, value) => {
   }
   function getParentContainer(block) {
     const container = block.closest("div[data-type=editor-container]");
-    assert(logger$4r, container, "failed to get block container");
+    assert(logger$4s, container, "failed to get block container");
     return container;
   }
   function getBlockContent(block) {
     const content = block.querySelector(":scope >div[data-type=block-content]");
-    assert(logger$4r, content, "no block content");
+    assert(logger$4s, content, "no block content");
     return content;
   }
   function getBlockTools(block) {
@@ -10872,7 +10560,7 @@ var __publicField = (obj, key, value) => {
       tools = createElement("div", [], block);
       tools.setAttribute("data-type", "block-tools");
     }
-    assert(logger$4r, tools, "no block tools");
+    assert(logger$4s, tools, "no block tools");
     return tools;
   }
   function getExistsBlockTools(block) {
@@ -10893,7 +10581,7 @@ var __publicField = (obj, key, value) => {
   function createBlockElement(editor, path, data2) {
     const blockData = editor.editorDecorators.decorateBlock(path, data2);
     const { id, type } = blockData;
-    assert(logger$4r, id, "no block id");
+    assert(logger$4s, id, "no block id");
     const elem = createElement("div", [`${type}-block`], null);
     elem.id = id;
     elem.setAttribute("data-type", "editor-block");
@@ -10931,7 +10619,7 @@ var __publicField = (obj, key, value) => {
   }
   function getBoxTypeFromElement(box) {
     const type = box.getAttribute("data-box-type");
-    assert(logger$4r, type, "not a valid box element, no type");
+    assert(logger$4s, type, "not a valid box element, no type");
     return type;
   }
   function isBox(node) {
@@ -10942,7 +10630,7 @@ var __publicField = (obj, key, value) => {
   }
   function getBoxId(box) {
     const { id } = box;
-    assert(logger$4r, id, "no box id");
+    assert(logger$4s, id, "no box id");
     return id;
   }
   function getParentBox(node) {
@@ -10964,23 +10652,13 @@ var __publicField = (obj, key, value) => {
   }
   function getBoxContent(box) {
     const content = box.querySelector("span[data-type=box-content]");
-    assert(logger$4r, content, "invalid box dom, no content");
+    assert(logger$4s, content, "invalid box dom, no content");
     return content;
   }
   function createInsertionElement(type, id, attributes) {
     const elem = createElement("span", [`${type}-insertion`], null);
     elem.setAttribute("data-type", "editor-insertion");
     elem.setAttribute("data-insertion-id", id);
-    if (attributes) {
-      const standardBlockRenderer = new StandardBlockRenderer();
-      const { attributes: newAttributes } = standardBlockRenderer.generateCSSCustomProperties(attributes);
-      if (newAttributes) {
-        [...Object.entries(newAttributes)].forEach((item) => {
-          const [key, value] = item;
-          elem.setAttribute(key, value);
-        });
-      }
-    }
     return elem;
   }
   function findInsertionById(editor, id) {
@@ -10996,7 +10674,7 @@ var __publicField = (obj, key, value) => {
   }
   function getInsertionContent(insertion) {
     const content = insertion.querySelector("span[data-type=insertion-content]");
-    assert(logger$4r, content, "invalid insertion-child dom, no content");
+    assert(logger$4s, content, "invalid insertion-child dom, no content");
     return content;
   }
   function getPrevBlock(block) {
@@ -11043,7 +10721,7 @@ var __publicField = (obj, key, value) => {
     const container = getParentContainer(block);
     const children = getChildBlocks(container);
     const index2 = children.indexOf(block);
-    assert(logger$4r, index2 !== -1, "invalid block & container dom, failed to get block index");
+    assert(logger$4s, index2 !== -1, "invalid block & container dom, failed to get block index");
     return index2;
   }
   function isInBlock(target) {
@@ -11068,6 +10746,38 @@ var __publicField = (obj, key, value) => {
   function isTitleBlock$2(block) {
     return block.hasAttribute("data-document-title");
   }
+  const logger$4r = getLogger("block-class");
+  function getBlockClass(editor, block) {
+    return editor.editorBlocks.getBlockClass(getBlockType(block));
+  }
+  function getTextBlockClass(editor, block) {
+    const text2 = editor.editorBlocks.getBlockClass(getBlockType(block));
+    assert(logger$4r, text2.blockKind === "text", `is not a text block, ${text2.blockType}`);
+    return text2;
+  }
+  function getComplexBlockClass(editor, block) {
+    const complex = editor.editorBlocks.getBlockClass(getBlockType(block));
+    assert(logger$4r, complex.blockKind === "complex", `is not a text block, ${complex.blockType}`);
+    return complex;
+  }
+  function getBlockClassByType(editor, type) {
+    return editor.editorBlocks.getBlockClass(type);
+  }
+  function isTextKindBlock(editor, block) {
+    return getBlockClass(editor, block).blockKind === "text";
+  }
+  function isTextKindBlockType(editor, type) {
+    return editor.editorBlocks.getBlockClass(type).blockKind === "text";
+  }
+  function isComplexKindBlock(editor, block) {
+    return getBlockClass(editor, block).blockKind === "complex";
+  }
+  function isSimpleBlock(editor, block) {
+    return !isComplexKindBlock(editor, block);
+  }
+  function getBlockKind(editor, block) {
+    return getBlockClass(editor, block).blockKind;
+  }
   const logger$4q = getLogger("text-block-child");
   function isTextBlockContentChild(elem) {
     if (elem.tagName !== "SPAN") {
@@ -12464,19 +12174,6 @@ var __publicField = (obj, key, value) => {
     }
     return findTop ? getFirstChildBlock(retContainer) : getLastChildBlock(retContainer);
   }
-  function complexBlockAdjustSelectionPos(editor, complexBlock, anchor2, focus) {
-    const blockId = getBlockId(complexBlock);
-    assert(logger$4a, blockId === anchor2.blockId, "invalid start pos");
-    assert(logger$4a, blockId === focus.blockId, "invalid end pos");
-    const blockClass = getComplexBlockClass(editor, complexBlock);
-    if (blockClass.adjustSelectionPos) {
-      return blockClass.adjustSelectionPos(editor, complexBlock, anchor2, focus);
-    }
-    return {
-      anchor: anchor2,
-      focus
-    };
-  }
   function isFullSelectedOneComplexBlock(editor, complexRange) {
     const range = complexRange || editor.selection.range;
     const { start, end } = range;
@@ -12771,6 +12468,19 @@ var __publicField = (obj, key, value) => {
     }
     assert(logger$47, false, "failed to find parent container in complex block");
   }
+  function complexBlockAdjustSelectionPos(editor, complexBlock, anchor2, focus) {
+    const blockId = getBlockId(complexBlock);
+    assert(logger$47, blockId === anchor2.blockId, "invalid start pos");
+    assert(logger$47, blockId === focus.blockId, "invalid end pos");
+    const blockClass = getComplexBlockClass(editor, complexBlock);
+    if (blockClass.adjustSelectionPos) {
+      return blockClass.adjustSelectionPos(editor, complexBlock, anchor2, focus);
+    }
+    return {
+      anchor: anchor2,
+      focus
+    };
+  }
   function adjustSelectionPos$1(editor, anchor2, focus) {
     const anchorBlock = editor.getBlockById(anchor2.blockId);
     const focusBlock = editor.getBlockById(focus.blockId);
@@ -24580,6 +24290,289 @@ var __publicField = (obj, key, value) => {
     insertionType: "inputting",
     updateInsertionContent: updateInsertionContent$1
   };
+  class EditorBlockRenderers {
+    constructor(editor) {
+      __publicField(this, "renders", []);
+      this.editor = editor;
+    }
+    registerRender(render) {
+      this.renders.push(render);
+    }
+    renderBox(path, attributes) {
+      const result = {
+        classes: [],
+        attributes: {},
+        styles: {}
+      };
+      this.renders.forEach((render) => {
+        if (render.renderBox) {
+          const ret = render.renderBox(this.editor, path, attributes);
+          if (ret.classes) {
+            result.classes.push(...ret.classes);
+          }
+          if (ret.attributes) {
+            result.attributes = {
+              ...result.attributes,
+              ...ret.attributes
+            };
+          }
+          if (ret.styles) {
+            result.styles = {
+              ...result.styles,
+              ...ret.styles
+            };
+          }
+        }
+      });
+      return result;
+    }
+    renderText(path, attributes) {
+      const result = {
+        classes: [],
+        attributes: {},
+        styles: {}
+      };
+      this.renders.forEach((render) => {
+        if (render.renderText) {
+          const ret = render.renderText(this.editor, path, attributes);
+          if (ret.classes) {
+            result.classes.push(...ret.classes);
+          }
+          if (ret.attributes) {
+            result.attributes = {
+              ...result.attributes,
+              ...ret.attributes
+            };
+          }
+          if (ret.styles) {
+            result.styles = {
+              ...result.styles,
+              ...ret.styles
+            };
+          }
+        }
+      });
+      return result;
+    }
+    renderBlock(editor, path, blockData) {
+      const result = {
+        classes: [],
+        attributes: {},
+        styles: {}
+      };
+      this.renders.forEach((render) => {
+        if (render.renderBlock) {
+          const ret = render.renderBlock(this.editor, path, blockData);
+          if (ret.classes) {
+            result.classes.push(...ret.classes);
+          }
+          if (ret.attributes) {
+            result.attributes = {
+              ...result.attributes,
+              ...ret.attributes
+            };
+          }
+          if (ret.styles) {
+            result.styles = {
+              ...result.styles,
+              ...ret.styles
+            };
+          }
+        }
+      });
+      return result;
+    }
+    updateBlock(editor, path, blockElement, blockData) {
+      this.renders.forEach((render) => {
+        var _a;
+        (_a = render.updateBlock) == null ? void 0 : _a.call(render, editor, path, blockElement, blockData);
+      });
+    }
+  }
+  class OnesEditorHoveringBlock extends tinyTypedEmitter.TypedEmitter {
+    constructor(editor) {
+      super();
+      __publicField(this, "hoveringBlock", null);
+      __publicField(this, "hoveringElem", null);
+      __publicField(this, "hoveringTextChild", null);
+      __publicField(this, "filters", []);
+      __publicField(this, "finders", []);
+      __publicField(this, "handleDocumentMouseMove", (event) => {
+        if (this.hoveringBlock) {
+          for (const filter of this.filters) {
+            if (filter.isInBlock(this.hoveringBlock, event)) {
+              return;
+            }
+          }
+        }
+        const elem = getElementFromPoint(event.x, event.y, { noFilter: true });
+        if (!elem) {
+          this.setHoveringBlock(null, event, null, elem);
+          return;
+        }
+        let block = getParentBlock(elem);
+        if (!block || !isChildNode(this.editor.rootContainer, block)) {
+          block = this.findBlockByFinders(event);
+          if (!block) {
+            this.setHoveringBlock(null, event, null, elem);
+            return;
+          }
+        }
+        const child = this.getParentTextContentChild(block, elem);
+        this.setHoveringBlock(block, event, child, elem);
+      });
+      this.editor = editor;
+      if (clientType.isMobile) {
+        document.addEventListener("click", this.handleDocumentMouseMove);
+      } else {
+        document.addEventListener("mousemove", this.handleDocumentMouseMove);
+      }
+    }
+    destroy() {
+      document.removeEventListener("mousemove", this.handleDocumentMouseMove);
+      this.filters.forEach((filter) => filter.destroy());
+      this.filters = [];
+      this.finders.forEach((finder) => finder.destroy());
+      this.finders = [];
+    }
+    addFilter(filter) {
+      this.filters.push(filter);
+    }
+    addFinder(finder) {
+      this.finders.push(finder);
+    }
+    hoveringBlockId() {
+      if (!this.hoveringBlock) {
+        return "";
+      }
+      return getBlockId(this.hoveringBlock);
+    }
+    findBlockByFinders(event) {
+      for (let i = 0; i < this.finders.length; i++) {
+        const finder = this.finders[i];
+        const b = finder.findTargetBlock(this.editor, event);
+        if (b) {
+          return b;
+        }
+      }
+      return null;
+    }
+    setHoveringBlock(block, event, child, pointElem) {
+      if (this.hoveringBlock === block && this.hoveringTextChild === child && this.hoveringElem === event.target) {
+        return;
+      }
+      if (this.hoveringBlock !== block) {
+        const oldBlock = this.hoveringBlock && isChildNode(this.editor.rootContainer, this.hoveringBlock) ? this.hoveringBlock : null;
+        if (oldBlock) {
+          removeClass(oldBlock, "hover");
+        }
+        if (block) {
+          addClass(block, "hover");
+        }
+        this.emit("change", block, oldBlock, event);
+      }
+      if (this.hoveringElem !== pointElem || this.hoveringBlock !== block) {
+        this.emit("targetChange", block, this.hoveringBlock, pointElem, this.hoveringElem);
+      }
+      const oldChild = this.hoveringTextChild;
+      this.hoveringTextChild = child;
+      this.hoveringElem = pointElem;
+      this.hoveringBlock = block;
+      this.emit("childChange", this.hoveringBlock, child, oldChild, event);
+    }
+    static get(editor) {
+      return editor.addCustom("standard-hovering-block", () => new OnesEditorHoveringBlock(editor));
+    }
+    getParentTextContentChild(block, elem) {
+      if (!isTextKindBlock(this.editor, block)) {
+        return null;
+      }
+      const content = getBlockContent(block);
+      if (elem.parentElement === content) {
+        return elem;
+      }
+      const box = getParentBox(elem);
+      return box;
+    }
+  }
+  const COLOR_PREFIX = "style-color-";
+  const BACKGROUND_COLOR_PREFIX$1 = "style-bg-color-";
+  class StandardBlockRenderer {
+    renderText(editor, path, attributes) {
+      return this.generateCSSCustomProperties(attributes);
+    }
+    renderBlock(editor, path, blockData) {
+      var _a, _b;
+      const attributes = {};
+      const styles = Object.entries(blockData).filter((k) => k[0].startsWith("style-"));
+      styles.forEach(([key, value]) => {
+        attributes[`data-${key}`] = `${value}`;
+      });
+      const classes = [];
+      if (((_b = (_a = editor.selection) == null ? void 0 : _a.range) == null ? void 0 : _b.start.blockId) === blockData.id) {
+        classes.push("focused");
+      }
+      if (typeof blockData.align === "string" && blockData.align) {
+        attributes["data-style-align"] = blockData.align;
+      }
+      if (blockData.heading) {
+        attributes["data-style-heading"] = String(blockData.heading);
+      }
+      if (blockData.quoted) {
+        attributes["data-style-quoted"] = "true";
+      }
+      if (OnesEditorHoveringBlock.get(editor).hoveringBlockId() === blockData.id) {
+        classes.push("hover");
+      }
+      return { attributes, classes };
+    }
+    updateBlock(editor, path, blockElement, blockData) {
+      Array.from(blockElement.attributes).forEach((a) => {
+        if (a.name.startsWith("data-style-")) {
+          blockElement.removeAttribute(a.name);
+        }
+      });
+      const { attributes, classes } = this.renderBlock(editor, path, blockData);
+      if (attributes) {
+        Object.entries(attributes).forEach(([key, value]) => {
+          blockElement.setAttribute(key, value);
+        });
+      }
+      if (classes) {
+        classes.forEach((c) => {
+          addClass(blockElement, c);
+        });
+      }
+    }
+    generateCSSCustomProperties(attributes) {
+      const classes = [];
+      const newAttributes = {};
+      const newStyles = {};
+      Object.entries(attributes).forEach(([key, value]) => {
+        if (value === true) {
+          if (key.startsWith(COLOR_PREFIX)) {
+            newAttributes["data-style-color"] = key.substring(COLOR_PREFIX.length);
+          } else if (key.startsWith(BACKGROUND_COLOR_PREFIX$1)) {
+            newAttributes["data-style-bg-color"] = key.substring(BACKGROUND_COLOR_PREFIX$1.length);
+          } else if (key.startsWith("style")) {
+            classes.push(key);
+          }
+        } else if (typeof value === "string") {
+          if (key === "link") {
+            classes.push("link");
+            newAttributes.link = value;
+          }
+          if (key === "inline-style-color") {
+            newStyles.color = value;
+          }
+          if (key === "inline-style-background-color") {
+            newStyles.backgroundColor = value;
+          }
+        }
+      });
+      return { classes, attributes: newAttributes, styles: newStyles };
+    }
+  }
   const logger$3D = getLogger("editor-insertion");
   class EditorInsertions {
     constructor(editor) {
@@ -24597,8 +24590,22 @@ var __publicField = (obj, key, value) => {
       assert(logger$3D, exists, `unknown insertion type: ${type}`);
       return exists;
     }
+    createInsertionElement(type, id, attributes) {
+      const elem = createInsertionElement(type, id);
+      if (attributes) {
+        const standardBlockRenderer = new StandardBlockRenderer();
+        const { attributes: newAttributes } = standardBlockRenderer.generateCSSCustomProperties(attributes);
+        if (newAttributes) {
+          [...Object.entries(newAttributes)].forEach((item) => {
+            const [key, value] = item;
+            elem.setAttribute(key, value);
+          });
+        }
+      }
+      return elem;
+    }
     createInsertion(blockContent, insertion) {
-      const insertionElement = createInsertionElement(insertion.type, insertion.id, insertion.attributes);
+      const insertionElement = this.createInsertionElement(insertion.type, insertion.id, insertion.attributes);
       const insertionContent = createInsertionContentElement(insertionElement);
       const insertionClass = this.getInsertionClass(insertion.type);
       insertionClass.updateInsertionContent(this.editor, insertionElement, insertionContent, insertion);
@@ -24707,7 +24714,7 @@ var __publicField = (obj, key, value) => {
       __publicField(this, "composing", false);
       __publicField(this, "callbacks");
       __publicField(this, "inputElement");
-      __publicField(this, "handleWindowBlur", () => {
+      __publicField(this, "handleBlur", () => {
         this.editor.emit("blur", this.editor);
         this.callbacks.onBlur();
       });
@@ -24734,8 +24741,7 @@ var __publicField = (obj, key, value) => {
           return;
         }
         setTimeout(() => {
-          this.editor.emit("blur", this.editor);
-          this.callbacks.onBlur();
+          this.handleBlur();
         });
       });
       __publicField(this, "handleDocumentSelectionChange", () => {
@@ -24750,8 +24756,7 @@ var __publicField = (obj, key, value) => {
               return;
             }
           }
-          this.editor.emit("blur", this.editor);
-          this.callbacks.onBlur();
+          this.handleBlur();
         }, 100);
       });
       __publicField(this, "handleEditorSelectionChanged", () => {
@@ -24865,7 +24870,7 @@ var __publicField = (obj, key, value) => {
       document.addEventListener("selectionchange", this.handleDocumentSelectionChange);
       this.editor.addListener("selectionChanged", this.handleEditorSelectionChanged);
       this.editor.addListener("readonlyChanged", this.handleReadonlyChanged);
-      window.addEventListener("blur", this.handleWindowBlur);
+      window.addEventListener("blur", this.handleBlur);
       window.addEventListener("focus", this.handleWindowFocus);
     }
     isInCommandBar(target) {
@@ -24895,7 +24900,7 @@ var __publicField = (obj, key, value) => {
       input2.oninput = null;
       input2.oncopy = null;
       document.removeEventListener("paste", this.handlePaste);
-      window.removeEventListener("blur", this.handleWindowBlur);
+      window.removeEventListener("blur", this.handleBlur);
       window.removeEventListener("focus", this.handleWindowFocus);
       input2.oncut = null;
     }
@@ -28297,7 +28302,16 @@ ${codeText}
           this.pasteDocs(docs, null, files);
         }
       });
-      __publicField(this, "onBlur", debounce__default.default(() => {
+      __publicField(this, "onBlur", () => {
+        var _a;
+        for (const handler of this.handlers) {
+          if ((_a = handler.handleBlur) == null ? void 0 : _a.call(handler, this.editor)) {
+            return;
+          }
+        }
+        this.debounceBlur();
+      });
+      __publicField(this, "debounceBlur", debounce__default.default(() => {
         const range = this.editor.selection.range;
         if (!range.isCollapsed()) {
           let block = null;
@@ -28432,7 +28446,7 @@ ${codeText}
     }
     onFocus() {
       addClass(this.editor.rootElement, "active");
-      this.onBlur.cancel();
+      this.debounceBlur.cancel();
       this.removeActiveForBlur.cancel();
     }
     addHandler(handler) {
@@ -86859,7 +86873,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.2.0";
+    editor.version = "2.2.2";
     if (Logger$2.level === LogLevel.DEBUG) {
       window.setReauthFail = (fail) => {
         window.isReauthError = fail;
@@ -86960,7 +86974,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.2.0";
+    editor.version = "2.2.2";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -133230,6 +133244,7 @@ ${data2.flowchartText}
   exports2.loadJs = loadJs;
   exports2.loadJsPromise = loadJsPromise;
   exports2.lockers = lockers;
+  exports2.logger = logger$4a;
   exports2.markdownToDoc = markdownToDoc;
   exports2.mergeCommands = mergeCommands;
   exports2.mergeDocs = mergeDocs;