npm - @ones-editor/editor - Versions diffs - 2.1.7-beta.20 → 2.1.7-beta.21 - Mend

@ones-editor/editor 2.1.7-beta.20 → 2.1.7-beta.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/dist/index.js CHANGED Viewed

@@ -1358,6 +1358,9 @@ div[data-command-bar-id=mobile-bottom-menu] .tippy-content .mobile-menu-wrap .mo
   margin-right: 12px;
   color: #2d2d2e;
 }
+div[data-command-bar-id=mobile-bottom-menu] .tippy-content .mobile-menu-wrap .mobile-menu-header [data-button-id=mobile-bottom-menu-close] svg {
+  stroke-width: 1.5;
+}
 div[data-command-bar-id=mobile-bottom-menu] .editor-command-bar-root {
   box-shadow: none !important;
 }.editor-text-button {
@@ -1610,6 +1613,7 @@ div.tippy-box[data-theme=menu] .tippy-content .editor-command-bar.menu .menu-ite
   line-height: 1.4;
   color: #000;
   width: 100%;
+  resize: none;
 }
 .editor-input-wrap .editor-input-container .editor-input:hover {
   border-color: #0064ff;
@@ -1916,7 +1920,7 @@ div.scroll-container-root.mac > div.container-scroll-tool .container-scrollbar::
 [data-command-bar-id=quick-menu],
 [data-command-bar-id=empty-block-menu] {
   box-sizing: border-box;
-  width: 240px;
+  min-width: 240px;
 }
 [data-command-bar-id=quick-menu] .command-item.menu-item,
 [data-command-bar-id=empty-block-menu] .command-item.menu-item {
@@ -2045,6 +2049,12 @@ div.tippy-box[data-theme=editor-tooltip] > .tippy-content {
 [data-command-bar-id=paste-special-button].mobile .tippy-box,
 [data-command-bar-id=editor-toolbar].mobile .tippy-box {
   border-radius: 8px;
+  background: none;
+}
+[data-command-bar-id=cursor-toolbar].mobile .tippy-box .tippy-content .editor-command-bar-root,
+[data-command-bar-id=paste-special-button].mobile .tippy-box .tippy-content .editor-command-bar-root,
+[data-command-bar-id=editor-toolbar].mobile .tippy-box .tippy-content .editor-command-bar-root {
+  box-shadow: none;
 }
 [data-command-bar-id=cursor-toolbar].mobile .tippy-content,
 [data-command-bar-id=cursor-toolbar].mobile .editor-command-bar-root,
@@ -2070,11 +2080,13 @@ div.tippy-box[data-theme=editor-tooltip] > .tippy-content {
 [data-command-bar-id=editor-toolbar].mobile .editor-command-bar.toolbar .command-item:not(.separator) {
   height: 40px;
   padding: 0 16px;
+  line-height: initial;
 }
 [data-command-bar-id=cursor-toolbar].mobile .editor-command-bar.toolbar .command-item.separator,
 [data-command-bar-id=paste-special-button].mobile .editor-command-bar.toolbar .command-item.separator,
 [data-command-bar-id=editor-toolbar].mobile .editor-command-bar.toolbar .command-item.separator {
   height: 40px;
+  transform: scaleX(0.5);
   background-color: var(--Fills-Vibrant-Secondary, rgba(127, 127, 127, 0.4));
 }div[data-type=editor-block].block-exclusive:after {
   content: attr(data-exclusive-tips);
@@ -2601,6 +2613,9 @@ div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container
   display: flex;
   align-items: center;
 }
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar-header .link-popup-header .link-popup-button-wrap svg {
+  stroke-width: 1.5;
+}
 [data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar-header .link-popup-header .link-popup-button-wrap:last-of-type {
   justify-content: flex-end;
 }
@@ -2620,7 +2635,7 @@ div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container
   width: 100%;
 }
 [data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] {
-  height: 475px;
+  height: 495px;
   align-items: start;
 }
 [data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup].selected {
@@ -2629,15 +2644,40 @@ div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container
 [data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content {
   width: 100%;
 }
-[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap {
-  padding: 0px 15px;
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap.error .editor-input-container.textarea {
+  border: 1px solid #e82100;
 }
 [data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container {
   padding: 0;
 }
 [data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container .editor-input {
   line-height: 1.4;
-  padding: 11px 10px;
+  height: 100%;
+  white-space: nowrap;
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea {
+  padding: 0px 10px;
+  border: 1px solid #c7c7c7;
+  height: 44px;
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea:hover {
+  border-color: #0064ff;
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea.focus {
+  border-color: #0064ff;
+  box-shadow: 0px 0px 0px 2px rgba(51, 143, 229, 0.2);
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea .editor-input {
+  border: none;
+  padding: 11px 0px;
+  width: calc(100% - 20px);
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea .editor-input:hover {
+  border: none;
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea .editor-input:focus {
+  border: none;
+  box-shadow: none;
 }div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block] div[data-type=block-content] > span.math-box {
   display: inline-flex;
   vertical-align: middle;
@@ -3494,6 +3534,9 @@ div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container
   bottom: 0;
   content: attr(data-title-placeholder);
   color: #bebfc2;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container] div[data-type=editor-block] [data-type=block-content][data-content-placeholder]::before {
   position: absolute;
@@ -7611,7 +7654,7 @@ div.editor-root div.editor-content div[data-type=editor-container] div[data-embe
 .video-tooltip-align-style-section .style-icon.active {
   color: blue;
 }div.editor-root.compact div.editor-content div[data-type=editor-container].root > .container-blocks > * + * {
-  margin: 0.2em;
+  margin: 0.2em 0;
 }
 div.editor-root.compact.no-heading-collapse.no-block-menu > .editor-content {
   padding-left: 10px;
@@ -7637,8 +7680,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) {
@@ -10480,322 +10523,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$4t = 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$4t, 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$4t, 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$4s = getLogger("block-dom");
+  const logger$4t = getLogger("block-dom");
   function isBlock$1(node) {
     if (!(node instanceof HTMLDivElement)) {
       return false;
@@ -10816,12 +10544,12 @@ var __publicField = (obj, key, value) => {
   }
   function getBlockId(block) {
     const { id } = block;
-    assert(logger$4s, id, "no block id");
+    assert(logger$4t, id, "no block id");
     return id;
   }
   function getBlockType(block) {
     const type = block.getAttribute("data-block-type");
-    assert(logger$4s, type, "invalid block dom, no data-type");
+    assert(logger$4t, type, "invalid block dom, no data-type");
     return type;
   }
   function getParentBlock(node) {
@@ -10844,12 +10572,12 @@ var __publicField = (obj, key, value) => {
   }
   function getParentContainer(block) {
     const container = block.closest("div[data-type=editor-container]");
-    assert(logger$4s, container, "failed to get block container");
+    assert(logger$4t, container, "failed to get block container");
     return container;
   }
   function getBlockContent(block) {
     const content = block.querySelector(":scope >div[data-type=block-content]");
-    assert(logger$4s, content, "no block content");
+    assert(logger$4t, content, "no block content");
     return content;
   }
   function getBlockTools(block) {
@@ -10858,7 +10586,7 @@ var __publicField = (obj, key, value) => {
       tools = createElement("div", [], block);
       tools.setAttribute("data-type", "block-tools");
     }
-    assert(logger$4s, tools, "no block tools");
+    assert(logger$4t, tools, "no block tools");
     return tools;
   }
   function getExistsBlockTools(block) {
@@ -10879,7 +10607,7 @@ var __publicField = (obj, key, value) => {
   function createBlockElement(editor, path, data2) {
     const blockData = editor.editorDecorators.decorateBlock(path, data2);
     const { id, type } = blockData;
-    assert(logger$4s, id, "no block id");
+    assert(logger$4t, id, "no block id");
     const elem = createElement("div", [`${type}-block`], null);
     elem.id = id;
     elem.setAttribute("data-type", "editor-block");
@@ -10917,7 +10645,7 @@ var __publicField = (obj, key, value) => {
   }
   function getBoxTypeFromElement(box) {
     const type = box.getAttribute("data-box-type");
-    assert(logger$4s, type, "not a valid box element, no type");
+    assert(logger$4t, type, "not a valid box element, no type");
     return type;
   }
   function isBox(node) {
@@ -10928,7 +10656,7 @@ var __publicField = (obj, key, value) => {
   }
   function getBoxId(box) {
     const { id } = box;
-    assert(logger$4s, id, "no box id");
+    assert(logger$4t, id, "no box id");
     return id;
   }
   function getParentBox(node) {
@@ -10950,23 +10678,13 @@ var __publicField = (obj, key, value) => {
   }
   function getBoxContent(box) {
     const content = box.querySelector("span[data-type=box-content]");
-    assert(logger$4s, content, "invalid box dom, no content");
+    assert(logger$4t, 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) {
@@ -10982,7 +10700,7 @@ var __publicField = (obj, key, value) => {
   }
   function getInsertionContent(insertion) {
     const content = insertion.querySelector("span[data-type=insertion-content]");
-    assert(logger$4s, content, "invalid insertion-child dom, no content");
+    assert(logger$4t, content, "invalid insertion-child dom, no content");
     return content;
   }
   function getPrevBlock(block) {
@@ -11029,7 +10747,7 @@ var __publicField = (obj, key, value) => {
     const container = getParentContainer(block);
     const children = getChildBlocks(container);
     const index2 = children.indexOf(block);
-    assert(logger$4s, index2 !== -1, "invalid block & container dom, failed to get block index");
+    assert(logger$4t, index2 !== -1, "invalid block & container dom, failed to get block index");
     return index2;
   }
   function isInBlock(target) {
@@ -11054,6 +10772,38 @@ var __publicField = (obj, key, value) => {
   function isTitleBlock$2(block) {
     return block.hasAttribute("data-document-title");
   }
+  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;
+  }
   const logger$4r = getLogger("text-block-child");
   function isTextBlockContentChild(elem) {
     if (elem.tagName !== "SPAN") {
@@ -12450,19 +12200,6 @@ var __publicField = (obj, key, value) => {
     }
     return findTop ? getFirstChildBlock(retContainer) : getLastChildBlock(retContainer);
   }
-  function complexBlockAdjustSelectionPos(editor, complexBlock, anchor2, focus) {
-    const blockId = getBlockId(complexBlock);
-    assert(logger$4b, blockId === anchor2.blockId, "invalid start pos");
-    assert(logger$4b, 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;
@@ -13022,6 +12759,19 @@ var __publicField = (obj, key, value) => {
     }
     assert(logger$46, false, "failed to find parent container in complex block");
   }
+  function complexBlockAdjustSelectionPos(editor, complexBlock, anchor2, focus) {
+    const blockId = getBlockId(complexBlock);
+    assert(logger$46, blockId === anchor2.blockId, "invalid start pos");
+    assert(logger$46, 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);
@@ -24603,6 +24353,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$3E = getLogger("editor-insertion");
   class EditorInsertions {
     constructor(editor) {
@@ -24620,8 +24653,22 @@ var __publicField = (obj, key, value) => {
       assert(logger$3E, 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);
@@ -24768,8 +24815,10 @@ var __publicField = (obj, key, value) => {
           if (focusNode && (this.editor.contains(focusNode) || this.isInDisableScrollMask(focusNode) || this.isInCommandBar(focusNode))) {
             return;
           }
-          if (clientType.isSafari && !focusNode) {
-            return;
+          if (!focusNode) {
+            if (clientType.isSafari || clientType.isIOS) {
+              return;
+            }
           }
           this.editor.emit("blur", this.editor);
           this.callbacks.onBlur();
@@ -39138,10 +39187,10 @@ ${codeText}
   const TreeIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8.80894 1.37566L9.19382 1.05649V1.05649L8.80894 1.37566ZM7.26945 1.37566L6.88457 1.05649V1.05649L7.26945 1.37566ZM12.7147 6.08541L13.0996 5.76623V5.76623L12.7147 6.08541ZM11.4874 7.72375V7.22375H10.1891L11.152 8.09459L11.4874 7.72375ZM14.159 10.1399L14.4944 9.76908L14.159 10.1399ZM10.0508 11.8816V11.3816H9.55085V11.8816H10.0508ZM10.0508 15V15.5H10.5508V15H10.0508ZM6.02806 15H5.52806V15.5H6.02806V15ZM6.02806 11.8816H6.52806V11.3816H6.02806V11.8816ZM1.91945 10.1399L2.25483 10.5108H2.25483L1.91945 10.1399ZM4.59108 7.72375L4.92646 8.09459L5.88936 7.22375H4.59108V7.72375ZM3.36368 6.0854L3.74855 6.40458L3.36368 6.0854ZM9.19382 1.05649C8.59399 0.333182 7.48441 0.333182 6.88457 1.05649L7.65432 1.69483C7.85427 1.45373 8.22413 1.45373 8.42407 1.69483L9.19382 1.05649ZM13.0996 5.76623L9.19382 1.05649L8.42407 1.69483L12.3298 6.40458L13.0996 5.76623ZM11.945 8.22375C13.215 8.22375 13.9103 6.74387 13.0996 5.76623L12.3298 6.40458C12.6001 6.73046 12.3683 7.22375 11.945 7.22375V8.22375ZM11.4874 8.22375H11.945V7.22375H11.4874V8.22375ZM14.4944 9.76908L11.8227 7.35292L11.152 8.09459L13.8236 10.5108L14.4944 9.76908ZM13.4882 12.3816C14.8612 12.3816 15.5126 10.69 14.4944 9.76908L13.8236 10.5108C14.163 10.8177 13.9459 11.3816 13.4882 11.3816V12.3816ZM10.0508 12.3816H13.4882V11.3816H10.0508V12.3816ZM9.55085 11.8816V15H10.5508V11.8816H9.55085ZM10.0508 14.5H6.02806V15.5H10.0508V14.5ZM6.52806 15V11.8816H5.52806V15H6.52806ZM2.59021 12.3816H6.02806V11.3816H2.59021V12.3816ZM1.58407 9.76909C0.565789 10.69 1.21726 12.3816 2.59021 12.3816V11.3816C2.13256 11.3816 1.9154 10.8177 2.25483 10.5108L1.58407 9.76909ZM4.2557 7.35292L1.58407 9.76909L2.25483 10.5108L4.92646 8.09459L4.2557 7.35292ZM4.13343 8.22375H4.59108V7.22375H4.13343V8.22375ZM2.97881 5.76623C2.16805 6.74387 2.86334 8.22375 4.13343 8.22375V7.22375C3.71007 7.22375 3.4783 6.73046 3.74855 6.40458L2.97881 5.76623ZM6.88457 1.05649L2.97881 5.76623L3.74855 6.40458L7.65432 1.69483L6.88457 1.05649Z" fill="currentColor"/>\n</svg>\n';
   const TimeIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 8C1.5 4.41023 4.41023 1.5 8 1.5C11.5898 1.5 14.5 4.41023 14.5 8C14.5 11.5898 11.5898 14.5 8 14.5C4.41023 14.5 1.5 11.5898 1.5 8ZM8 0.5C3.85794 0.5 0.5 3.85794 0.5 8C0.5 12.1421 3.85794 15.5 8 15.5C12.1421 15.5 15.5 12.1421 15.5 8C15.5 3.85794 12.1421 0.5 8 0.5ZM7.5 3V8V8.5H8H12V7.5H8.5V3H7.5Z" fill="currentColor"/>\n</svg>\n';
   const SearchIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M10.8597 11.4183L14.0962 14.8891M12.5 7.5C12.5 10.5376 10.0376 13 7 13C3.96243 13 1.5 10.5376 1.5 7.5C1.5 4.46243 3.96243 2 7 2C10.0376 2 12.5 4.46243 12.5 7.5Z" stroke="#87888A" stroke-width="2"/>\n</svg>\n';
-  const TextGroupIcon = '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M6.96464 2.89758C6.86731 2.59171 6.58613 2.38168 6.26521 2.37516C5.94429 2.36863 5.65479 2.56705 5.5451 2.86871L0.54541 16.6187L1.95511 17.1313L3.59366 12.625H8.48584L9.91057 17.1024L11.34 16.6476L6.96464 2.89758ZM8.00853 11.125L6.20266 5.44981L4.13908 11.125H8.00853ZM19.5003 16.875V12.5039L19.5003 12.5L19.5003 12.4961V8.125H18.0003V9.43791C17.3443 8.92838 16.5202 8.625 15.6253 8.625C13.4852 8.625 11.7503 10.3599 11.7503 12.5C11.7503 14.6401 13.4852 16.375 15.6253 16.375C16.5202 16.375 17.3443 16.0716 18.0003 15.5621V16.875H19.5003ZM15.6253 10.125C16.9359 10.125 17.9986 11.1867 18.0003 12.497L18.0003 12.5L18.0003 12.503C17.9986 13.8133 16.9359 14.875 15.6253 14.875C14.3136 14.875 13.2503 13.8117 13.2503 12.5C13.2503 11.1883 14.3136 10.125 15.6253 10.125Z" fill="currentColor"/>\n</svg>\n';
-  const TabIcon = '<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M18 2.5L3 2.5" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>\n<path d="M18 7.5H9.25" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>\n<path d="M3 13.125V6.875L7.375 10L3 13.125Z" fill="currentColor"/>\n<path d="M18 12.5H9.25" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>\n<path d="M18 17.5H3" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>\n</svg>\n';
-  const ShiftTabIcon = '<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M3 2.5H18" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>\n<path d="M9.25 7.5H18" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>\n<path d="M7.375 13.125V6.875L3 10L7.375 13.125Z" fill="currentColor"/>\n<path d="M9.25 12.5H18" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>\n<path d="M3 17.5H18" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/>\n</svg>\n';
-  const TableEditIcon = '<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M10 18.125H2.875C2.32272 18.125 1.875 17.6773 1.875 17.125V2.875C1.875 2.32272 2.32272 1.875 2.875 1.875H17.125C17.6773 1.875 18.125 2.32272 18.125 2.875V10" stroke="currentColor" stroke-width="1.5"/>\n<path d="M2.5 5.625H17.5" stroke="currentColor" stroke-width="1.5"/>\n<path d="M2.5 11.875H10" stroke="currentColor" stroke-width="1.5"/>\n<path d="M6.875 2.5L6.875 17.5" stroke="currentColor" stroke-width="1.5"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M14.3804 11.2341L14.5986 10.2866C14.6371 10.1195 14.7983 10 14.9851 10H16.0149C16.2017 10 16.3629 10.1195 16.4014 10.2866L16.6196 11.2341C16.6471 11.3532 16.739 11.4503 16.86 11.5013C16.9613 11.5439 17.06 11.5907 17.156 11.6415C17.2523 11.6922 17.3462 11.747 17.4374 11.806C17.5462 11.8762 17.6842 11.9004 17.8108 11.8626L18.8179 11.5616C18.9954 11.5085 19.1893 11.5764 19.2826 11.7242L19.947 12.7758C20.0404 12.9236 20.0077 13.111 19.8687 13.2249L19.0799 13.8714C18.9808 13.9527 18.9347 14.0741 18.9469 14.1953C18.9572 14.2969 18.9622 14.3986 18.9621 14.5C18.9622 14.6014 18.9572 14.7031 18.947 14.8047C18.9348 14.9259 18.9808 15.0472 19.08 15.1285L19.8688 15.775C20.0078 15.889 20.0405 16.0764 19.9471 16.2242L19.2827 17.2758C19.1893 17.4236 18.9954 17.4914 18.8179 17.4384L17.8109 17.1374C17.6843 17.0995 17.5463 17.1237 17.4375 17.194C17.3462 17.253 17.2523 17.3078 17.156 17.3585C17.06 17.4093 16.9613 17.4561 16.86 17.4987C16.739 17.5497 16.6471 17.6468 16.6196 17.7659L16.4014 18.7134C16.3629 18.8805 16.2017 19 16.0149 19H14.9851C14.7983 19 14.6371 18.8805 14.5986 18.7134L14.3804 17.7659C14.3529 17.6468 14.261 17.5497 14.14 17.4987C14.0387 17.4561 13.94 17.4093 13.844 17.3585C13.7477 17.3078 13.6538 17.253 13.5625 17.194C13.4537 17.1237 13.3157 17.0995 13.1891 17.1374L12.1821 17.4384C12.0046 17.4914 11.8107 17.4236 11.7173 17.2758L11.0529 16.2242C10.9595 16.0764 10.9922 15.889 11.1312 15.775L11.92 15.1285C12.0192 15.0472 12.0652 14.9259 12.053 14.8047C12.0428 14.7031 12.0378 14.6014 12.0379 14.5C12.0378 14.3986 12.0428 14.2969 12.0531 14.1953C12.0653 14.0741 12.0192 13.9527 11.9201 13.8714L11.1313 13.2249C10.9923 13.111 10.9596 12.9236 11.053 12.7758L11.7174 11.7242C11.8107 11.5764 12.0046 11.5085 12.1821 11.5616L13.1892 11.8626C13.3158 11.9004 13.4538 11.8762 13.5626 11.806C13.6538 11.747 13.7477 11.6922 13.844 11.6415C13.94 11.5907 14.0387 11.5439 14.14 11.5013C14.261 11.4503 14.3529 11.3532 14.3804 11.2341ZM15.4097 15.642C16.1082 15.642 16.6745 15.1245 16.6745 14.4862C16.6745 13.8478 16.1082 13.3303 15.4097 13.3303C14.7112 13.3303 14.145 13.8478 14.145 14.4862C14.145 15.1245 14.7112 15.642 15.4097 15.642Z" fill="currentColor"/>\n</svg>\n';
+  const TextGroupIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M2.49984 9.5L7.00009 9.5" stroke="#2D2D2E"/>\n<path d="M15.0001 13.5V6.5" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M15.0001 10C15.0001 11.3807 13.8808 12.5 12.5001 12.5C11.1194 12.5 10.0001 11.3807 10.0001 10C10.0001 8.61929 11.1194 7.5 12.5001 7.5C13.8808 7.5 15.0001 8.61929 15.0001 10Z" stroke="#2D2D2E"/>\n<path d="M1.00009 13.5L4.99984 2.5L8.50009 13.5" stroke="#2D2D2E" stroke-linejoin="round"/>\n</svg>\n';
+  const TabIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M14 2L2 2" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M14 6H7" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M2 10.5V5.5L5.5 8L2 10.5Z" fill="#2D2D2E"/>\n<path d="M14 10H7" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M14 14H2" stroke="#2D2D2E" stroke-linejoin="round"/>\n</svg>\n';
+  const ShiftTabIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M2 2H14" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M7 6H14" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M5.5 10.5V5.5L2 8L5.5 10.5Z" fill="#2D2D2E"/>\n<path d="M7 10H14" stroke="#2D2D2E" stroke-linejoin="round"/>\n<path d="M2 14H14" stroke="#2D2D2E" stroke-linejoin="round"/>\n</svg>\n';
+  const TableEditIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 14.5H2.5C1.94772 14.5 1.5 14.0523 1.5 13.5V2.5C1.5 1.94772 1.94772 1.5 2.5 1.5H13.5C14.0523 1.5 14.5 1.94772 14.5 2.5V8" stroke="#2D2D2E"/>\n<path d="M1.6 4.8H14.4" stroke="#2D2D2E"/>\n<path d="M1.6 9.6H8.00078" stroke="#2D2D2E"/>\n<path d="M5.6 1.6L5.6 14.4" stroke="#2D2D2E"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5043 8.98727L11.6789 8.22924C11.7097 8.09564 11.8387 8 11.9881 8H12.8119C12.9613 8 13.0903 8.09564 13.1211 8.22924L13.2957 8.98727C13.3177 9.08256 13.3912 9.16027 13.488 9.20102C13.569 9.23514 13.648 9.2726 13.7248 9.31318C13.8018 9.35372 13.877 9.3976 13.95 9.44477C14.037 9.50098 14.1474 9.52034 14.2487 9.49008L15.0543 9.24927C15.1963 9.20683 15.3514 9.26108 15.4261 9.37933L15.9576 10.2206C16.0323 10.3389 16.0062 10.4888 15.895 10.5799L15.2639 11.0972C15.1846 11.1622 15.1477 11.2593 15.1575 11.3562C15.1657 11.4375 15.1698 11.5189 15.1697 11.6C15.1698 11.6811 15.1658 11.7625 15.1576 11.8438C15.1478 11.9407 15.1847 12.0378 15.264 12.1028L15.895 12.62C16.0062 12.7112 16.0324 12.8611 15.9577 12.9793L15.4262 13.8206C15.3515 13.9389 15.1963 13.9931 15.0544 13.9507L14.2487 13.7099C14.1474 13.6796 14.037 13.699 13.95 13.7552C13.877 13.8024 13.8018 13.8463 13.7248 13.8868C13.648 13.9274 13.569 13.9649 13.488 13.999C13.3912 14.0397 13.3177 14.1174 13.2957 14.2127L13.1211 14.9708C13.0903 15.1044 12.9613 15.2 12.8119 15.2H11.9881C11.8387 15.2 11.7097 15.1044 11.6789 14.9708L11.5043 14.2127C11.4823 14.1174 11.4088 14.0397 11.312 13.999C11.231 13.9649 11.152 13.9274 11.0752 13.8868C10.9982 13.8463 10.923 13.8024 10.85 13.7552C10.763 13.699 10.6526 13.6796 10.5513 13.7099L9.74565 13.9507C9.60366 13.9931 9.44854 13.9389 9.37384 13.8206L8.84234 12.9793C8.76764 12.8611 8.79378 12.7112 8.905 12.62L9.53602 12.1028C9.61534 12.0378 9.6522 11.9407 9.64243 11.8438C9.63424 11.7625 9.63023 11.6811 9.63031 11.6C9.63023 11.5189 9.63426 11.4375 9.64247 11.3562C9.65226 11.2593 9.61539 11.1622 9.53607 11.0972L8.90506 10.5799C8.79384 10.4888 8.7677 10.3389 8.8424 10.2206L9.3739 9.37933C9.4486 9.26108 9.60371 9.20683 9.74571 9.24927L10.5514 9.49008C10.6526 9.52034 10.7631 9.50098 10.8501 9.44477C10.923 9.3976 10.9982 9.35372 11.0752 9.31318C11.152 9.2726 11.231 9.23514 11.312 9.20102C11.4088 9.16027 11.4823 9.08256 11.5043 8.98727ZM12.3278 12.5136C12.8866 12.5136 13.3396 12.0996 13.3396 11.5889C13.3396 11.0783 12.8866 10.6643 12.3278 10.6643C11.769 10.6643 11.316 11.0783 11.316 11.5889C11.316 12.0996 11.769 12.5136 12.3278 12.5136Z" fill="#2D2D2E"/>\n</svg>\n';
   const index$f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     TableEditIcon,
@@ -39490,6 +39539,9 @@ ${codeText}
           return;
         }
         this.emit("click", this, item, elem);
+        if (item.clickToClose === false) {
+          return;
+        }
         if (this.options.autoClose) {
           if ((_c = (_b = this.options).beforeClose) == null ? void 0 : _c.call(_b, event)) {
             return;
@@ -40708,7 +40760,7 @@ ${codeText}
           if (this.popper) {
             this.popper.setAttribute("data-command-bar-id", "mobile-bottom-menu");
           }
-        }, 200);
+        }, 400);
       });
     }
     close(reason) {
@@ -41412,6 +41464,11 @@ ${codeText}
       });
       __publicField(this, "handleKeyDown", (e2, composing) => {
         var _a, _b;
+        if (this.options.mode === "textarea") {
+          if (e2.code === "Enter") {
+            e2.preventDefault();
+          }
+        }
         (_b = (_a = this.options).onKeyDown) == null ? void 0 : _b.call(_a, e2, composing);
       });
       __publicField(this, "showSuffix", () => {
@@ -41433,6 +41490,12 @@ ${codeText}
       });
       __publicField(this, "handleInput", (e2) => {
         var _a, _b;
+        if (this.options.mode === "textarea") {
+          const input2 = e2.target;
+          if (input2.value.includes("\n")) {
+            input2.value = input2.value.replace(/\n/g, "");
+          }
+        }
         (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, e2);
         removeClass(this.container, "error");
         if (this.options.maxLength) {
@@ -41491,7 +41554,19 @@ ${codeText}
         }
       }
       const inputContainer = createElement("div", ["editor-input-container"], container);
-      const input2 = createElement("input", ["editor-input"], null);
+      let input2;
+      if ((options == null ? void 0 : options.mode) === "textarea") {
+        addClass(inputContainer, "textarea");
+        input2 = createElement("textarea", ["editor-input"], null);
+        input2.onfocus = () => {
+          addClass(inputContainer, "focus");
+        };
+        input2.onblur = () => {
+          removeClass(inputContainer, "focus");
+        };
+      } else {
+        input2 = createElement("input", ["editor-input"], null);
+      }
       const prefix = options.prefix;
       if (prefix) {
         const suffixContainer = createElement("div", ["editor-input-prefix"], inputContainer);
@@ -41729,6 +41804,13 @@ ${codeText}
         this.menu.close();
         return true;
       }
+      if (isEnterOnly(event)) {
+        const item = this.menu.menu.getSelectedItem();
+        if (!item) {
+          this.menu.close();
+          return true;
+        }
+      }
       return this.menu.handleKeydown(event);
     }
     popup(block, offset, leftText, trigger) {
@@ -44812,7 +44894,7 @@ ${codeText}
     };
     editor.updateBlockData(tableBlock, newBlockData);
   }
-  const DEFAULT_COLUMN_WIDTH = 200;
+  const DEFAULT_COLUMN_WIDTH$1 = 200;
   const MIN_COLUMN_WIDTH = 40;
   const logger$2i = getLogger("table-insert-column");
   function insertColumn(editor, tableBlock, insertIndex) {
@@ -44846,7 +44928,7 @@ ${codeText}
         oldBlockData[key] = oldSpan + 1;
       });
       const colsWidth = ((_a = oldBlockData.colsWidth) == null ? void 0 : _a.concat()) || new Array(oldBlockData.cols).fill(0);
-      colsWidth.splice(insertIndex, 0, DEFAULT_COLUMN_WIDTH);
+      colsWidth.splice(insertIndex, 0, DEFAULT_COLUMN_WIDTH$1);
       const newChildren = TableGrid.virtualCellContainersGridToChildren(cells);
       const newBlockData = {
         ...oldBlockData,
@@ -50291,7 +50373,8 @@ ${codeText}
         defaultValue: linkText,
         suffixClose: clientType.isMobile,
         onChange: this.onChange,
-        onKeyDown: this.handleTextKeyboard
+        onKeyDown: this.handleTextKeyboard,
+        mode: clientType.isMobile ? "textarea" : "input"
       });
       this.form.linkUrl = createInput(content, {
         className: "link-popup-gap",
@@ -50301,7 +50384,8 @@ ${codeText}
         defaultValue: linkUrl,
         suffixClose: clientType.isMobile,
         onChange: this.onChange,
-        onKeyDown: this.handleUrlKeyboard
+        onKeyDown: this.handleUrlKeyboard,
+        mode: clientType.isMobile ? "textarea" : "input"
       });
       return content;
     }
@@ -50944,7 +51028,9 @@ ${codeText}
           return;
         }
         if (!this.editor.isWritable()) {
-          this.toolbar.close("selectionChange");
+          if (this.toolbarType === "text") {
+            this.toolbar.close("selectionChange");
+          }
           this.oldRange = null;
           return;
         }
@@ -50970,7 +51056,8 @@ ${codeText}
         overflowBoundary: popover == null ? void 0 : popover.overflowBoundary,
         refuseOverflow: true,
         padding: 20,
-        showName: clientType.isMobile
+        showName: clientType.isMobile,
+        autoClose: clientType.isMobile ? true : void 0
       });
       this.toolbar.on("click", this.handleButtonClick);
       this.toolbar.on("close", this.handleClose);
@@ -51108,10 +51195,6 @@ ${codeText}
         return;
       }
       this.toolbarType = "text";
-      if (allCommands.length === 0) {
-        this.toolbar.close("selectionChange");
-        return;
-      }
       this.toolbar.updateItems(allCommands);
       const lastBlock2 = selectedBlocks[selectedBlocks.length - 1];
       let reverseToolbar = !this.editor.selection.range.isReverse() && lastBlock2 !== firstBlock;
@@ -58523,9 +58606,9 @@ $$${mathData.mathjaxText}$$
     },
     link: {
       textLabel: "Text",
-      urlLabel: "Link address",
+      urlLabel: "URL",
       textPlaceholder: "Please enter text",
-      urlPlaceholder: "Please enter link",
+      urlPlaceholder: "Please enter URL",
       submitText: "Confirm",
       cancelText: "Cancel",
       edit: "Edit",
@@ -58581,7 +58664,7 @@ $$${mathData.mathjaxText}$$
       textLabel: "\u30C6\u30AD\u30B9\u30C8",
       urlLabel: "URL",
       textPlaceholder: "\u30C6\u30AD\u30B9\u30C8\u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044",
-      urlPlaceholder: "URL \u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044",
+      urlPlaceholder: "URL \u3092\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044\u3002",
       submitText: "OK",
       cancelText: "\u30AD\u30E3\u30F3\u30BB\u30EB",
       edit: "\u7DE8\u96C6",
@@ -69828,7 +69911,7 @@ ${codeText}
         children.push(createEmptyContainer(editor.doc, i === 0 ? text2 : ""));
       });
     }
-    const colsWidth = Array(cols).fill(DEFAULT_COLUMN_WIDTH);
+    const colsWidth = Array(cols).fill(DEFAULT_COLUMN_WIDTH$1);
     const focusContainerId = children[emptyBlock ? 0 : cols];
     const focusBlockId = editor.doc.getContainerBlocks(focusContainerId)[0].id;
     const blockData = {
@@ -69856,7 +69939,7 @@ ${codeText}
         children.push(createEmptyContainer(editor.doc));
       }
     }
-    const colsWidth = Array(cols).fill(DEFAULT_COLUMN_WIDTH);
+    const colsWidth = Array(cols).fill(DEFAULT_COLUMN_WIDTH$1);
     const focusContainerId = children[0];
     const focusBlockId = editor.doc.getContainerBlocks(focusContainerId)[0].id;
     const blockData = {
@@ -70722,8 +70805,8 @@ ${codeText}
       abstract: "Table",
       commands: {
         setting: "Table settings",
-        insertRightCol: "Insert Right Column",
-        insertBottomRow: "Insert Bottom Row"
+        insertRightCol: "Insert column right",
+        insertBottomRow: "Insert row below"
       }
     }
   };
@@ -70753,7 +70836,7 @@ ${codeText}
       abstract: "\u30C6\u30FC\u30D6\u30EB",
       commands: {
         setting: "\u30C6\u30FC\u30D6\u30EB\u8A2D\u5B9A",
-        insertRightCol: "\u53F3\u5074\u306B\u5217\u3092\u633F\u5165",
+        insertRightCol: "\u53F3\u306B\u5217\u3092\u633F\u5165",
         insertBottomRow: "\u4E0B\u306B\u884C\u3092\u633F\u5165"
       }
     }
@@ -70837,16 +70920,20 @@ ${codeText}
         const tableData = editor.getBlockData(tableBlock);
         const children = [{
           id: "insert-right-col",
-          name: i18n$1.t("table.commands.insertRightCol")
+          name: i18n$1.t("table.commands.insertRightCol"),
+          clickToClose: false
         }, {
           id: "insert-bottom-row",
-          name: i18n$1.t("table.commands.insertBottomRow")
+          name: i18n$1.t("table.commands.insertBottomRow"),
+          clickToClose: false
         }, {
           id: "delete-cell",
-          name: i18n$1.t("table.deleteCol")
+          name: i18n$1.t("table.deleteCol"),
+          clickToClose: false
         }, {
           id: "delete-row",
-          name: i18n$1.t("table.deleteRow")
+          name: i18n$1.t("table.deleteRow"),
+          clickToClose: false
         }, {
           type: "section",
           id: "section-1",
@@ -70855,17 +70942,20 @@ ${codeText}
           id: "row-title",
           name: i18n$1.t("table.tableConfig.rowTitle"),
           states: tableData.hasRowTitle ? ["checked"] : [],
-          switchable: true
+          switchable: true,
+          clickToClose: false
         }, {
           id: "col-title",
           name: i18n$1.t("table.tableConfig.colTitle"),
           states: tableData.hasColTitle ? ["checked"] : [],
-          switchable: true
+          switchable: true,
+          clickToClose: false
         }, {
           id: "stripe-style",
           name: i18n$1.t("table.tableConfig.stripeStyle"),
           states: tableData.isStripeStyle ? ["checked"] : [],
-          switchable: true
+          switchable: true,
+          clickToClose: false
         }, {
           type: "section",
           id: "section-2",
@@ -71029,7 +71119,8 @@ ${codeText}
         this.toolbar.updateItems(commands);
       }
       this.toolbar.manualShow(this.anchor, {
-        placement: clientType.isMobile ? "top" : "bottom-start"
+        placement: clientType.isMobile ? "top" : "bottom-start",
+        offset: clientType.isMobile ? [0, 14] : void 0
       });
     }
     cleaningDoc(item) {
@@ -71172,14 +71263,14 @@ ${codeText}
   };
   const enUS$j = {
     pasteSpecial: {
-      originFormats: "Keep origin formats",
+      originFormats: "Keep source formatting",
       plainText: "Paste as plain text",
       markdown: "Paste as markdown"
     }
   };
   const jaJP$j = {
     pasteSpecial: {
-      originFormats: "\u5143\u306E\u30B9\u30BF\u30A4\u30EB\u3092\u7DAD\u6301\u3059\u308B",
+      originFormats: "\u5143\u306E\u5F62\u5F0F\u3092\u4FDD\u6301",
       plainText: "\u30D7\u30EC\u30FC\u30F3\u30C6\u30AD\u30B9\u30C8\u3092\u8CBC\u308A\u4ED8\u3051\u308B",
       markdown: "Markdown \u3068\u3057\u3066\u8CBC\u308A\u4ED8\u3051"
     }
@@ -80182,6 +80273,10 @@ ${content}
       if (!isRootBlock(focusBlock)) {
         return list2.filter((id) => id !== "insert-table");
       }
+      const o = this.editor.getComponentOptions("mobile");
+      if (o == null ? void 0 : o.isAndroidApp) {
+        return list2.filter((id) => id !== "insert-image");
+      }
       return list2;
     }
   }
@@ -80209,6 +80304,9 @@ ${content}
         return groupEachCommand(commands);
       });
       __publicField(this, "showToolbar", () => {
+        if (this.editor.readonly) {
+          return;
+        }
         tippy$1.hideAll();
         const commands = this.getCommands();
         this.toolbar.updateItems(commands);
@@ -80504,10 +80602,10 @@ ${content}
       __publicField(this, "mobileToolbar");
       __publicField(this, "fixedProviders");
       __publicField(this, "bar");
-      __publicField(this, "subBar", null);
+      __publicField(this, "subBar", []);
       __publicField(this, "handleSubBarShown", (_2, subBar) => {
         scrollBarIntoView(this.editor, subBar);
-        this.subBar = subBar;
+        this.addSubBar(subBar);
       });
       __publicField(this, "handleSelectionChange", debounce__default.default(() => {
         const commands = this.fixedProviders.getCommands(this.editor.selection.range);
@@ -80539,14 +80637,22 @@ ${content}
         }
       }, 500);
     }
+    addSubBar(subBar) {
+      this.subBar.push(subBar);
+      this.subBar = this.subBar.filter((item) => item.isVisible);
+    }
     layoutSubBar() {
-      var _a, _b, _c;
-      if (((_a = this.subBar) == null ? void 0 : _a.isVisible) && this.subBar.parentItem) {
-        (_c = (_b = this.subBar).setProps) == null ? void 0 : _c.call(_b, this.mobileToolbar.getSubBarOptions(this.subBar.parentItem));
+      var _a;
+      for (const subBar of this.subBar) {
+        if ((subBar == null ? void 0 : subBar.isVisible) && subBar.parentItem) {
+          (_a = subBar.setProps) == null ? void 0 : _a.call(subBar, this.mobileToolbar.getSubBarOptions(subBar.parentItem));
+        }
       }
+      this.subBar = this.subBar.filter((item) => item.isVisible);
     }
     destroy() {
       this.editor.removeListener("selectionChanged", this.handleSelectionChange);
+      this.subBar.forEach((item) => item.destroy());
       this.mobileToolbar.destroy();
       this.bar.remove();
     }
@@ -85182,6 +85288,9 @@ ${data2.flowchartText}
       this.block = block;
     }
     get commands() {
+      if (clientType.isMobile) {
+        return [];
+      }
       if (this.isHoveringImageEmpty()) {
         return [];
       }
@@ -85224,7 +85333,9 @@ ${data2.flowchartText}
         video.controls = true;
         video.src = url;
         video.addEventListener("canplay", () => {
-          editor.addCustom("video-resizer", () => new VideoResizer(editor));
+          if (!clientType.isMobile) {
+            editor.addCustom("video-resizer", () => new VideoResizer(editor));
+          }
           this.getMedia(editor, blockData.id).removeListener("mediaError", this.handleMediaError);
           this.getMedia(editor, blockData.id).addListener("mediaError", this.handleMediaError);
           this.getMedia(editor, blockData.id).removeFullScreen();
@@ -85266,9 +85377,11 @@ ${data2.flowchartText}
       };
     }
     handleMediaError(editor, type, blockId) {
-      const videoResizer = editor.addCustom("video-resizer", () => new VideoResizer(editor));
-      const block = editor.getBlockById(blockId);
-      videoResizer.disableBlockResize(block);
+      if (!clientType.isMobile) {
+        const videoResizer = editor.addCustom("video-resizer", () => new VideoResizer(editor));
+        const block = editor.getBlockById(blockId);
+        videoResizer.disableBlockResize(block);
+      }
     }
     updateMediaElement(editor, mediaElement, blockData, url) {
       const video = mediaElement.querySelector(":scope .video-container > video");
@@ -85282,12 +85395,12 @@ ${data2.flowchartText}
         video.style.width = "";
       }
       const block = editor.getBlockById(blockData.id);
-      setTimeout(() => {
-        if (!clientType.isMobile) {
+      if (!clientType.isMobile) {
+        setTimeout(() => {
           const videoResizer = editor.addCustom("video-resizer", () => new VideoResizer(editor));
           videoResizer.updateResizer(block);
-        }
-      });
+        });
+      }
       return video;
     }
   }
@@ -86381,6 +86494,34 @@ ${data2.flowchartText}
     return ret;
   }
   const logger$4 = getLogger("to-docx");
+  function initEmptyLayoutMatrix(cols) {
+    return Array.from({ length: cols }, () => ({
+      cellId: void 0,
+      originalWidth: 0,
+      width: 0
+    }));
+  }
+  function buildLayoutMatrix(block, maxWidth) {
+    assert(logger$4, block.children, "no layout children");
+    const cols = block.children.length;
+    const colsWidth = block.colsWidth;
+    if (colsWidth) {
+      for (let i = 0; i < colsWidth.length; i++) {
+        if (colsWidth[i] === 0) {
+          colsWidth[i] = 1 / colsWidth.length;
+        }
+      }
+    }
+    const matrix = initEmptyLayoutMatrix(cols);
+    for (let i = 0; i < cols; ++i) {
+      matrix[i].cellId = block.children[i];
+      matrix[i].originalWidth = colsWidth[i] * maxWidth;
+      matrix[i].width = colsWidth[i] * maxWidth;
+    }
+    return matrix;
+  }
+  const logger$3 = getLogger("to-docx");
+  const DEFAULT_COLUMN_WIDTH = 200;
   function initEmptyTableMatrix(rows, cols) {
     return Array(rows).fill(0).map(() => Array(cols).fill(0).map(() => ({
       cellId: void 0,
@@ -86407,14 +86548,14 @@ ${data2.flowchartText}
     }
   }
   function buildTableMatrix(block) {
-    assert(logger$4, block.children, "no table children");
+    assert(logger$3, block.children, "no table children");
     const rows = block.rows;
     const cols = block.cols;
-    const colsWidth = block.colsWidth;
+    const colsWidth = new Array(block.cols).fill(DEFAULT_COLUMN_WIDTH).map((_2, i) => block.colsWidth[i] || _2);
     if (colsWidth) {
       for (let i = 0; i < colsWidth.length; i++) {
         if (colsWidth[i] === 0) {
-          colsWidth[i] = 100;
+          colsWidth[i] = DEFAULT_COLUMN_WIDTH;
         }
       }
     }
@@ -86456,33 +86597,6 @@ ${data2.flowchartText}
     updateMatrixByStripe(block, rows, cols, matrix);
     return matrix;
   }
-  const logger$3 = getLogger("to-docx");
-  function initEmptyLayoutMatrix(cols) {
-    return Array.from({ length: cols }, () => ({
-      cellId: void 0,
-      originalWidth: 0,
-      width: 0
-    }));
-  }
-  function buildLayoutMatrix(block, maxWidth) {
-    assert(logger$3, block.children, "no layout children");
-    const cols = block.children.length;
-    const colsWidth = block.colsWidth;
-    if (colsWidth) {
-      for (let i = 0; i < colsWidth.length; i++) {
-        if (colsWidth[i] === 0) {
-          colsWidth[i] = 1 / colsWidth.length;
-        }
-      }
-    }
-    const matrix = initEmptyLayoutMatrix(cols);
-    for (let i = 0; i < cols; ++i) {
-      matrix[i].cellId = block.children[i];
-      matrix[i].originalWidth = colsWidth[i] * maxWidth;
-      matrix[i].width = colsWidth[i] * maxWidth;
-    }
-    return matrix;
-  }
   async function convertBlocksOfDoc(parent, blocks, data2, dbg, appId, docId, md5HexFunc, getDocByBlock2, getTextsByBox, maxWidth) {
     async function convertBlock(block) {
       if (getDocByBlock2 && block.type !== "_exportVirtualBlock") {
@@ -86533,11 +86647,11 @@ ${data2.flowchartText}
           const cols = block.cols;
           colsWidth = new Array(cols);
           for (let i = 0; i < colsWidth.length; i++) {
-            colsWidth[i] = 100;
+            colsWidth[i] = DEFAULT_COLUMN_WIDTH;
           }
           block.colsWidth = colsWidth;
         } else {
-          colsWidth = block.colsWidth;
+          colsWidth = new Array(block.cols).fill(DEFAULT_COLUMN_WIDTH).map((_2, i) => block.colsWidth[i] || _2);
         }
         const matrix = buildTableMatrix(block);
         await dbg.addTableMatrix(colsWidth, matrix, data2);
@@ -87855,7 +87969,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.1.7-beta.20";
+    editor.version = "2.1.7-beta.21";
     if (Logger$2.level === LogLevel.DEBUG) {
       window.setReauthFail = (fail) => {
         window.isReauthError = fail;
@@ -87974,7 +88088,7 @@ ${data2.flowchartText}
       }
     }
     OnesEditorToolbar.register(editor);
-    editor.version = "2.1.7-beta.20";
+    editor.version = "2.1.7-beta.21";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -134312,6 +134426,7 @@ ${data2.flowchartText}
   exports2.loadJs = loadJs;
   exports2.loadJsPromise = loadJsPromise;
   exports2.lockers = lockers;
+  exports2.logger = logger$4b;
   exports2.markdownToDoc = markdownToDoc;
   exports2.mergeCommands = mergeCommands;
   exports2.mergeDocs = mergeDocs;