@ones-editor/editor 2.1.2-beta.10 → 2.1.2-beta.12

package/dist/index.js

@@ -50732,7 +50732,307 @@ ${codeText}
       return false;
     }
   }
-  const logger$1T = getLogger("toolbar-handler");
+  class MobileLinkProvider {
+    constructor(editor, options) {
+      __publicField(this, "id", "MobileLinkProvider");
+      __publicField(this, "insertProvider");
+      __publicField(this, "editProvider");
+      __publicField(this, "getSelectedLinkChild", (editor, range) => {
+        if (!range.isSimple()) {
+          return null;
+        }
+        const { start, end } = range;
+        if (start.blockId !== end.blockId) {
+          return null;
+        }
+        const block = editor.getBlockById(start.blockId);
+        const startChild = getTextBlockChild(block, start.offset);
+        const endChild = getTextBlockChild(block, end.offset);
+        if (startChild.next !== endChild.prev) {
+          return null;
+        }
+        if (startChild.next && hasClass(startChild.next, "link")) {
+          return startChild.next;
+        }
+        return null;
+      });
+      __publicField(this, "getAvailableCommands", (editor, block, range, params) => {
+        var _a, _b;
+        const editorRange = editor.selection.range;
+        const child = this.getSelectedLinkChild(editor, editorRange);
+        if (child && ((_a = this.options) == null ? void 0 : _a.linkMode) === "edit") {
+          return this.editProvider.getAvailableCommands(editor, block, range, { child });
+        }
+        if (((_b = this.options) == null ? void 0 : _b.linkMode) === "insert" && !child) {
+          const commands = this.insertProvider.getAvailableCommands(editor, block, range, { ...params, isFilter: true });
+          commands.forEach((command) => {
+            if (command.id === "insert-link") {
+              command.name = i18n$1.t("link.title");
+            }
+          });
+          return commands;
+        }
+        return [];
+      });
+      __publicField(this, "executeCommand", (editor, block, range, item, params, result) => {
+        var _a, _b, _c, _d, _e, _f;
+        const editorRange = editor.selection.range;
+        const child = this.getSelectedLinkChild(editor, editorRange);
+        if (child) {
+          return (_c = (_b = (_a = this.editProvider) == null ? void 0 : _a.executeCommand) == null ? void 0 : _b.call(_a, editor, block, range, item, { child }, result)) != null ? _c : false;
+        }
+        return (_f = (_e = (_d = this.insertProvider) == null ? void 0 : _d.executeCommand) == null ? void 0 : _e.call(_d, editor, block, range, item, params, result)) != null ? _f : false;
+      });
+      this.options = options;
+      this.insertProvider = new LinkProvider(editor);
+      this.editProvider = new EditLinkProvider();
+    }
+  }
+  const logger$1T = getLogger("readonly-toolbar");
+  const SEP = {
+    id: "",
+    name: "",
+    type: "separator"
+  };
+  function isCodeTextBlock$1(editor, block) {
+    if (!isTextKindBlock(editor, block)) {
+      return false;
+    }
+    const container = getParentContainer(block);
+    const parentBlock = getParentBlock(container);
+    if (!parentBlock) {
+      return false;
+    }
+    return getBlockType(parentBlock) === "code";
+  }
+  class ReadonlyToolbar {
+    constructor(editor) {
+      __publicField(this, "toolbar");
+      __publicField(this, "toolbarType", "text");
+      __publicField(this, "mouseDown", false);
+      __publicField(this, "hoveringBlock", null);
+      __publicField(this, "hoveringTextChild", null);
+      __publicField(this, "oldRange", null);
+      __publicField(this, "providers", []);
+      __publicField(this, "handleButtonClick", (toolbar2, item) => {
+        const tooltip = this.editor.getCustom("editor-tooltip");
+        tooltip.lastClickButtonId = item.id;
+        const commandProvider = item.commandProvider;
+        commandProvider.executeCommand(this.editor, item, {
+          hoveringBlock: this.hoveringBlock,
+          hoveringTextChild: this.hoveringTextChild,
+          bar: this.toolbar
+        });
+      });
+      __publicField(this, "handleClose", () => {
+        if (shouldFocusToEditor(this.editor)) {
+          this.editor.focus({
+            preventScroll: true
+          });
+        }
+      });
+      __publicField(this, "handleClosing", (bar2, event) => {
+        return true;
+      });
+      __publicField(this, "handleDocumentMouseDown", (event) => {
+        if (event.button === 0) {
+          document.addEventListener("mouseup", this.handleDocumentMouseUp);
+          this.mouseDown = true;
+        }
+      });
+      __publicField(this, "handleDocumentMouseUp", () => {
+        document.removeEventListener("mouseup", this.handleDocumentMouseUp);
+        this.mouseDown = false;
+        const selectedItem = this.toolbar.getSelectedItem();
+        if (this.toolbarType === "object" && ((selectedItem == null ? void 0 : selectedItem.dropdown) || (selectedItem == null ? void 0 : selectedItem.clickToClose) === false)) {
+          return;
+        }
+        this.handleSelectionChange(this.editor);
+      });
+      __publicField(this, "handleSelectionChange", debounce__default.default((editor) => {
+        var _a;
+        assert(logger$1T, editor === this.editor, "editor mismatch");
+        if (!editor.readonly) {
+          this.toolbar.close("selectionChange");
+          return;
+        }
+        if (editor.selection.range.isCollapsed() || this.mouseDown) {
+          if (this.toolbarType === "object") {
+            const element = (_a = this.toolbar.tippyInstance) == null ? void 0 : _a.reference;
+            const focusedBlock = this.editor.selection.focusedBlock;
+            const selectedItem = this.toolbar.getSelectedItem();
+            if (element && isChildNode(element, focusedBlock) || (selectedItem == null ? void 0 : selectedItem.dropdown)) {
+              return;
+            }
+          }
+          this.toolbar.close("selectionChange");
+          this.oldRange = null;
+          return;
+        }
+        const selectedBlocks = editor.selection.range.getSelectedBlocks();
+        if (selectedBlocks.length === 0) {
+          this.toolbar.close("selectionChange");
+          this.oldRange = null;
+          return;
+        }
+        if (this.oldRange) {
+          if (this.oldRange.isEqual(editor.selection.range)) {
+            return;
+          }
+        }
+        this.oldRange = editor.selection.range;
+        this.showTextToolbar("selectionChange");
+      }, 50));
+      __publicField(this, "handleHoveringBlockChildChange", (block, child, old, event) => {
+        var _a;
+        if (this.toolbarType === "object" && ((_a = this.toolbar.subBar) == null ? void 0 : _a.isVisible)) {
+          return;
+        }
+        if (this.hoveringBlock === block && this.hoveringTextChild === child) {
+          return;
+        }
+        this.hoveringBlock = block;
+        this.hoveringTextChild = child;
+        if (this.toolbarType === "text" && this.toolbar.isVisible) {
+          return;
+        }
+        if (!block) {
+          this.toolbar.close("fromHover");
+        }
+      });
+      __publicField(this, "groupCommands", (allCommands) => {
+        var _a, _b;
+        const allCommandsMap = /* @__PURE__ */ new Map();
+        for (let i = 0; i < allCommands.length; i++) {
+          const groupOrder = (_a = allCommands[i].groupOrder) != null ? _a : 0;
+          if (allCommandsMap.has(groupOrder)) {
+            (_b = allCommandsMap.get(groupOrder)) == null ? void 0 : _b.push(allCommands[i]);
+          } else {
+            allCommandsMap.set(groupOrder, [allCommands[i]]);
+          }
+        }
+        const commandsChunk = [];
+        allCommandsMap.forEach((value) => {
+          commandsChunk.push(value.sort((item1, item2) => {
+            var _a2, _b2;
+            return ((_a2 = item1.order) != null ? _a2 : 0) - ((_b2 = item2.order) != null ? _b2 : 0);
+          }));
+        });
+        if (commandsChunk.length === 0) {
+          return [];
+        }
+        const commands = commandsChunk.reduce((prev, curr) => prev.concat([SEP, ...curr]), []);
+        commands.shift();
+        return commands;
+      });
+      this.editor = editor;
+      const popover = editor.options.componentsOptions.popover;
+      this.toolbar = new ManualToolbar([], void 0, {
+        tooltipId: editor.clientId,
+        id: "editor-readonly-toolbar",
+        overflowBoundary: popover == null ? void 0 : popover.overflowBoundary,
+        refuseOverflow: true,
+        padding: 20
+      });
+      this.toolbar.on("click", this.handleButtonClick);
+      this.toolbar.on("close", this.handleClose);
+      this.toolbar.on("closing", this.handleClosing);
+      this.bindEvents();
+      editor.addListener("selectionChanged", this.handleSelectionChange);
+      OnesEditorHoveringBlock.get(editor).addListener("childChange", this.handleHoveringBlockChildChange);
+      OnesEditorHoveringBlock.get(editor).addFilter(this);
+    }
+    destroy() {
+      this.unbindEvents();
+      this.toolbar.destroy();
+      this.editor.removeListener("selectionChanged", this.handleSelectionChange);
+      OnesEditorHoveringBlock.get(this.editor).removeListener("childChange", this.handleHoveringBlockChildChange);
+      this.providers.forEach((provider) => {
+        var _a;
+        (_a = provider.destroy) == null ? void 0 : _a.call(provider);
+      });
+    }
+    addProvider(provider) {
+      this.providers.push(provider);
+    }
+    isInBlock(block, event) {
+      var _a, _b;
+      if (block !== this.hoveringBlock) {
+        return false;
+      }
+      if (event.target && event.target instanceof Node && (this.toolbar.popper && isChildNode(this.toolbar.popper, event.target) || ((_a = this.toolbar.subBar) == null ? void 0 : _a.popper) && isChildNode((_b = this.toolbar.subBar) == null ? void 0 : _b.popper, event.target))) {
+        return true;
+      }
+      return false;
+    }
+    bindEvents() {
+      document.addEventListener("mousedown", this.handleDocumentMouseDown);
+    }
+    unbindEvents() {
+      document.removeEventListener("mousedown", this.handleDocumentMouseDown);
+    }
+    showTextToolbar(reason) {
+      var _a, _b;
+      let commands = [];
+      const range = this.editor.selection.range;
+      this.providers.forEach((provider) => {
+        if (provider.getTextCommands) {
+          const textCommands = provider.getTextCommands(this.editor, range).map((command) => {
+            const item = {
+              ...command,
+              commandProvider: provider
+            };
+            return item;
+          });
+          commands.push(...textCommands);
+        }
+      });
+      commands = this.groupCommands(commands);
+      if (commands.length === 0) {
+        this.toolbar.close("cancelBar");
+        return;
+      }
+      const selectedBlocks = range.getSelectedBlocks();
+      if (selectedBlocks.length === 0) {
+        return;
+      }
+      const firstBlock = selectedBlocks[0];
+      if (!firstBlock) {
+        return;
+      }
+      if (isCodeTextBlock$1(this.editor, firstBlock.block)) {
+        return;
+      }
+      if (selectedBlocks.length === 1) {
+        if (isEmbedBlock(firstBlock.block)) {
+          return;
+        }
+        if (isComplexKindBlock(this.editor, firstBlock.block) && range.isSimple()) {
+          return;
+        }
+      }
+      if (isTitleBlock$2(firstBlock.block)) {
+        this.toolbar.close("selectionChange");
+        return;
+      }
+      this.toolbar.updateItems(commands);
+      const lastBlock2 = selectedBlocks[selectedBlocks.length - 1];
+      const reverseToolbar = !this.editor.selection.range.isReverse() && lastBlock2 !== firstBlock;
+      const selectedBlock = reverseToolbar ? lastBlock2 : firstBlock;
+      const rect = getReferenceClientRect(this.editor, selectedBlock);
+      const anchor2 = createBlockAnchor(this.editor, selectedBlock.block, "editor-readonly-toolbar", rect);
+      this.toolbar.manualShow(anchor2, {
+        placement: reverseToolbar ? "bottom" : "top",
+        offset: [0, reverseToolbar ? 5 : 10]
+      });
+      (_b = (_a = this.toolbar.tippyInstance) == null ? void 0 : _a.popperInstance) == null ? void 0 : _b.update();
+    }
+    static isVisible() {
+      const visible = !!document.querySelector('[data-command-bar-id="editor-readonly-toolbar"]');
+      return visible;
+    }
+  }
+  const logger$1S = getLogger("toolbar-handler");
   class OnesEditorToolbar {
     constructor(editor) {
       __publicField(this, "id", "editor-toolbar");
@@ -50819,7 +51119,7 @@ ${codeText}
       });
       __publicField(this, "handleSelectionChange", debounce__default.default((editor) => {
         var _a;
-        assert(logger$1T, editor === this.editor, "editor mismatch");
+        assert(logger$1S, editor === this.editor, "editor mismatch");
         if (editor.selection.range.isCollapsed() || this.mouseDown) {
           if (this.toolbarType === "object") {
             const element = (_a = this.toolbar.tippyInstance) == null ? void 0 : _a.reference;
@@ -51021,6 +51321,9 @@ ${codeText}
       if (this.mouseDown) {
         return;
       }
+      if (ReadonlyToolbar.isVisible()) {
+        return;
+      }
       const block = this.hoveringBlock;
       const child = this.hoveringTextChild;
       const { commands, element } = getObjectCommands(this.editor, block, child);
@@ -51131,7 +51434,7 @@ ${codeText}
       this.error = error2;
     }
   }
-  const logger$1S = getLogger("mathjax-converter");
+  const logger$1R = getLogger("mathjax-converter");
   const MATHJAX_SCRIPT_ID = "MathJax-script";
   const MATHJAX_BUFFER = 30;
   const REDUCED_UNIT = 8;
@@ -51180,7 +51483,7 @@ ${codeText}
       const svg = result.querySelector("svg");
       return svg.outerHTML;
     } catch (err) {
-      logger$1S.error(err);
+      logger$1R.error(err);
       throw err;
     } finally {
       lockers.release(lockId);
@@ -51228,7 +51531,7 @@ ${codeText}
       ...perfectState
     };
   }
-  const logger$1R = getLogger("edit-mathjax");
+  const logger$1Q = getLogger("edit-mathjax");
   class MathjaxEditor {
     constructor() {
       __publicField(this, "editMathjaxPopup", null);
@@ -51299,9 +51602,9 @@ ${codeText}
       this.observer.observe(textarea2);
     }
     getTextarea() {
-      assert(logger$1R, this.editMathjaxPopup, "no exists mathjax editor popup");
+      assert(logger$1Q, this.editMathjaxPopup, "no exists mathjax editor popup");
       const textarea2 = this.editMathjaxPopup.content.querySelector("textarea");
-      assert(logger$1R, textarea2, "no textarea");
+      assert(logger$1Q, textarea2, "no textarea");
       return textarea2;
     }
     destroy() {
@@ -51371,7 +51674,7 @@ ${codeText}
     };
     editMathjax(editor, box, data2.tex, update2);
   }
-  const logger$1Q = getLogger("mathjax-box");
+  const logger$1P = getLogger("mathjax-box");
   function updateCaret(editor, event) {
     editor.selection.updateSelection(null);
     const target = event.target;
@@ -51462,7 +51765,7 @@ ${codeText}
       };
       editor.updateBoxData(newData);
     }).catch((err) => {
-      logger$1Q.error(`failed to convert and upload mathjax: ${JSON.stringify(err)}`);
+      logger$1P.error(`failed to convert and upload mathjax: ${JSON.stringify(err)}`);
     });
     return data2;
   }
@@ -51481,7 +51784,7 @@ ${codeText}
   }
   function handleClickBox$3(editor, box, event) {
     const parentBlock = getParentBlock(box);
-    assert(logger$1Q, parentBlock, "failed to get block");
+    assert(logger$1P, parentBlock, "failed to get block");
     if (!editor.isBlockWritable(parentBlock)) {
       return;
     }
@@ -57233,7 +57536,7 @@ $$${mathData.mathjaxText}$$
     const docBlockText = { insert: " ", attributes: data2 };
     return docBlockText;
   }
-  const logger$1P = getLogger("StatusBoxEditor");
+  const logger$1O = getLogger("StatusBoxEditor");
   class StatusBoxEditor {
     constructor(editor) {
       __publicField(this, "linkPopup", null);
@@ -57256,10 +57559,10 @@ $$${mathData.mathjaxText}$$
       });
       __publicField(this, "handClose", () => {
         var _a;
-        assert(logger$1P, this.boxElement, "boxElement not found");
+        assert(logger$1O, this.boxElement, "boxElement not found");
         const boxData = this.editor.getBoxData(this.boxElement);
         const block = getParentBlock(this.boxElement);
-        assert(logger$1P, block, "block not found");
+        assert(logger$1O, block, "block not found");
         if (!boxData.title) {
           const offset = getChildOffset(block, this.boxElement);
           this.editor.deleteTextFromBlock(block, offset.start, 1);
@@ -57297,7 +57600,7 @@ $$${mathData.mathjaxText}$$
           return;
         }
         const color = lodash.exports.capitalize(e2.target.getAttribute("data-color"));
-        assert(logger$1P, this.boxElement, "boxElement not found");
+        assert(logger$1O, this.boxElement, "boxElement not found");
         const data2 = this.editor.getBoxData(this.boxElement);
         this.statusPalette.changeColor(color);
         const newData = { ...data2, color };
@@ -57314,7 +57617,7 @@ $$${mathData.mathjaxText}$$
       });
       __publicField(this, "onTitleChange", (e2) => {
         const title = e2.target.value;
-        assert(logger$1P, this.boxElement, "boxElement not found");
+        assert(logger$1O, this.boxElement, "boxElement not found");
         const data2 = this.editor.getBoxData(this.boxElement);
         const newData = { ...data2, title: title.trim() };
         this.editor.updateBoxData(newData, { noFocus: true });
@@ -57427,7 +57730,7 @@ $$${mathData.mathjaxText}$$
     toStandardText: toStandardText$1,
     matchText: matchText$1
   };
-  const logger$1O = getLogger("status-box-command");
+  const logger$1N = getLogger("status-box-command");
   class StatusBoxCommand {
     static get commands() {
       return [
@@ -57446,7 +57749,7 @@ $$${mathData.mathjaxText}$$
       const block = editor.getBlockByIndex(containerId, blockIndex);
       const boxOp = createEmptyStatusBox();
       const { start } = editor.selection.range;
-      assert(logger$1O, isSimpleBlockPosition(start), "invalid block position");
+      assert(logger$1N, isSimpleBlockPosition(start), "invalid block position");
       editor.insertBoxToBlock(block, start.offset, boxOp.attributes);
       const box = editor.getBoxById((_a = boxOp.attributes) == null ? void 0 : _a.id);
       editor.addCustom("status-box", (editor2) => new StatusBoxEditor(editor2)).editorStatus(box);
@@ -57543,7 +57846,7 @@ $$${mathData.mathjaxText}$$
     "ja-JP": jaJP$r
   };
   i18n$1.mergeLang(langs$2);
-  const logger$1N = getLogger("inline-box-items");
+  const logger$1M = getLogger("inline-box-items");
   function insertEmptyBlockMath(editor, containerId, blockIndex) {
     return editor.undoManager.runInGroup(() => {
       var _a;
@@ -57554,7 +57857,7 @@ $$${mathData.mathjaxText}$$
       const boxOp = createEmptyMathjaxBox();
       editor.setBlockText(block, [boxOp]);
       const boxId = (_a = boxOp.attributes) == null ? void 0 : _a.id;
-      assert(logger$1N, boxId, "mathjax box id is empty");
+      assert(logger$1M, boxId, "mathjax box id is empty");
       setTimeout(() => {
         const box = editor.getBoxById(boxId);
         editMathjaxBox(editor, box);
@@ -57567,11 +57870,11 @@ $$${mathData.mathjaxText}$$
       var _a;
       const block = editor.getBlockByIndex(containerId, blockIndex);
       const range = editor.selection.range;
-      assert(logger$1N, isSimpleBlockPosition(range.start), "invalid block position");
+      assert(logger$1M, isSimpleBlockPosition(range.start), "invalid block position");
       const boxOp = createEmptyMathjaxBox();
       editor.insertBoxToBlock(block, range.start.offset, boxOp.attributes);
       const boxId = (_a = boxOp.attributes) == null ? void 0 : _a.id;
-      assert(logger$1N, boxId, "mathjax box id is empty");
+      assert(logger$1M, boxId, "mathjax box id is empty");
       setTimeout(() => {
         const box = editor.getBoxById(boxId);
         editMathjaxBox(editor, box);
@@ -57738,7 +58041,7 @@ $$${mathData.mathjaxText}$$
       }
     }
   };
-  const logger$1M = getLogger("insert-menu");
+  const logger$1L = getLogger("insert-menu");
   const injectGroup = (commands, group, startIndex) => {
     commands.forEach((command, index2) => {
       command.group = group;
@@ -57877,7 +58180,7 @@ $$${mathData.mathjaxText}$$
           return true;
         }
         const blockId = getBlockId(block);
-        assert(logger$1M, range.isSimple(), "invalid range");
+        assert(logger$1L, range.isSimple(), "invalid range");
         const offset = range.start.offset;
         if (quickItem.commandProvider) {
           const params2 = { from: "quick-menu", blockId, offset };
@@ -57913,7 +58216,7 @@ $$${mathData.mathjaxText}$$
       });
     }
   }
-  const logger$1L = getLogger("quick-command-providers");
+  const logger$1K = getLogger("quick-command-providers");
   class QuickCommandProviders extends AbstractProvider {
     constructor(editor) {
       super(editor);
@@ -57933,7 +58236,7 @@ $$${mathData.mathjaxText}$$
     }
     getCommands(range) {
       var _a, _b;
-      assert(logger$1L, range.start.blockId === range.end.blockId, "invalid range");
+      assert(logger$1K, range.start.blockId === range.end.blockId, "invalid range");
       const commandsMap = /* @__PURE__ */ new Map();
       const block = this.editor.getBlockById(range.anchor.blockId);
       const container = getParentContainer(block);
@@ -58701,7 +59004,7 @@ $$${mathData.mathjaxText}$$
       return false;
     }
   }
-  const logger$1K = getLogger("block-command-providers");
+  const logger$1J = getLogger("block-command-providers");
   class BlockCommandProviders extends AbstractProvider {
     constructor(editor, afterCommandCallback) {
       super(editor);
@@ -58722,7 +59025,7 @@ $$${mathData.mathjaxText}$$
       this.registerCommandProvider(new InsertGroupProvider(editor));
     }
     getCommands(range) {
-      assert(logger$1K, range.start.blockId === range.end.blockId, "invalid range");
+      assert(logger$1J, range.start.blockId === range.end.blockId, "invalid range");
       const block = this.editor.getBlockById(range.anchor.blockId);
       const commandsMap = /* @__PURE__ */ new Map();
       let startIndex = 100;
@@ -58736,7 +59039,7 @@ $$${mathData.mathjaxText}$$
       return this.filterItems(range, commands);
     }
   }
-  const logger$1J = getLogger("standard-block-actions");
+  const logger$1I = getLogger("standard-block-actions");
   class StandardBlockActionHook {
     constructor() {
       __publicField(this, "executeCommand", (editor, bloockElement, item) => {
@@ -58755,7 +59058,7 @@ $$${mathData.mathjaxText}$$
             this.deleteBlock(editor, block);
           }
         } catch (err) {
-          logger$1J.error(`failed to execute block command: ${JSON.stringify(err)}`);
+          logger$1I.error(`failed to execute block command: ${JSON.stringify(err)}`);
         }
       });
     }
@@ -58823,7 +59126,7 @@ $$${mathData.mathjaxText}$$
       }
     }
   }
-  const logger$1I = getLogger("block-menu");
+  const logger$1H = getLogger("block-menu");
   class BlockMenu {
     constructor(editor) {
       __publicField(this, "menu");
@@ -58831,7 +59134,7 @@ $$${mathData.mathjaxText}$$
       __publicField(this, "commandBlock", null);
       __publicField(this, "blockCommandProviders");
       __publicField(this, "handleShow", () => {
-        assert(logger$1I, this.currentBlock, "no target block before show block menu");
+        assert(logger$1H, this.currentBlock, "no target block before show block menu");
         const items = this.blockCommandProviders.getCommands(this.editor.selection.range);
         this.menu.updateItems(items);
         this.commandBlock = this.currentBlock;
@@ -58842,7 +59145,7 @@ $$${mathData.mathjaxText}$$
         }
       });
       __publicField(this, "handleItemClick", (bar2, item) => {
-        assert(logger$1I, this.commandBlock, "no command block before show block menu");
+        assert(logger$1H, this.commandBlock, "no command block before show block menu");
         this.blockCommandProviders.executeCommand(this.editor.selection.range, item);
       });
       __publicField(this, "close", () => {
@@ -58882,7 +59185,7 @@ $$${mathData.mathjaxText}$$
       this.menu.destroy();
     }
   }
-  const logger$1H = getLogger("text-styles");
+  const logger$1G = getLogger("text-styles");
   function getIntersectionStyles(text2) {
     const getOpStyle = (op) => {
       if (!op.attributes) {
@@ -58916,10 +59219,10 @@ $$${mathData.mathjaxText}$$
     return new Map(Object.entries(attributes));
   }
   function applyTextStyle(editor, block, range, style2, value) {
-    assert(logger$1H, range.isSimple(), "invalid range");
+    assert(logger$1G, range.isSimple(), "invalid range");
     const { start, end } = range;
-    assert(logger$1H, start.blockId === end.blockId && start.blockId === getBlockId(block), "invalid range");
-    assert(logger$1H, style2.startsWith("style-"), "invalid style");
+    assert(logger$1G, start.blockId === end.blockId && start.blockId === getBlockId(block), "invalid range");
+    assert(logger$1G, style2.startsWith("style-"), "invalid style");
     const oldText = editor.getBlockText(block);
     let newText = oldText;
     if (style2 === "style-sub") {
@@ -58965,13 +59268,13 @@ $$${mathData.mathjaxText}$$
     return standardItems;
   }
   function getSubText(editor, block, range) {
-    assert(logger$1H, range.isSimple(), "nor a simple range");
+    assert(logger$1G, range.isSimple(), "nor a simple range");
     const { start, end } = range;
-    assert(logger$1H, start.isSimple(), "is not a simple block position");
-    assert(logger$1H, end.isSimple(), "is not a simple block position");
-    assert(logger$1H, isTextKindBlock(editor, block), "invalid block type, not a text kind block");
+    assert(logger$1G, start.isSimple(), "is not a simple block position");
+    assert(logger$1G, end.isSimple(), "is not a simple block position");
+    assert(logger$1G, isTextKindBlock(editor, block), "invalid block type, not a text kind block");
     const blockId = getBlockId(block);
-    assert(logger$1H, start.blockId === blockId && end.blockId === blockId, "invalid range");
+    assert(logger$1G, start.blockId === blockId && end.blockId === blockId, "invalid range");
     const text2 = editor.getBlockText(block);
     let subText2 = [];
     if (start.offset === end.offset) {
@@ -58983,7 +59286,7 @@ $$${mathData.mathjaxText}$$
     }
     return subText2;
   }
-  const logger$1G = getLogger("text-commands");
+  const logger$1F = getLogger("text-commands");
   function getCommands$1(editor, text2) {
     const StandardTextStyles = {
       "style-bold": [i18n$1.t("commands.bold"), shortcutToDisplayText("CtrlOrCmd+B"), BoldIcon],
@@ -59001,13 +59304,13 @@ $$${mathData.mathjaxText}$$
   }
   function executeStyleCommand(editor, block, range, command, params, result) {
     if (!command.startsWith("style-")) {
-      logger$1G.warn(`unknown command: ${command}`);
+      logger$1F.warn(`unknown command: ${command}`);
       return false;
     }
     const value = params == null ? void 0 : params.value;
     const type = typeof value;
     if (type !== "string" && type !== "number" && type !== "boolean" && type !== "undefined") {
-      logger$1G.warn(`invalid value type, accept string | number | boolean | undefined, current is ${type}`);
+      logger$1F.warn(`invalid value type, accept string | number | boolean | undefined, current is ${type}`);
       return false;
     }
     const newText = applyTextStyle(editor, block, range, command, value);
@@ -59231,7 +59534,7 @@ $$${mathData.mathjaxText}$$
       this.providers = [new TextScriptProvider(editor)];
     }
   }
-  const logger$1F = getLogger("text-command-provider");
+  const logger$1E = getLogger("text-command-provider");
   class TextCommandProvider {
     constructor(editor, options) {
       __publicField(this, "id", "TextCommandProvider");
@@ -59351,7 +59654,7 @@ $$${mathData.mathjaxText}$$
     }
     static fromTextCommandId(id) {
       const prefix = "text/";
-      assert(logger$1F, id.startsWith(prefix), `invalid item id: ${id}`);
+      assert(logger$1E, id.startsWith(prefix), `invalid item id: ${id}`);
       return id.substring(prefix.length);
     }
   }
@@ -59403,302 +59706,6 @@ $$${mathData.mathjaxText}$$
       return true;
     }
   }
-  class MobileLinkProvider {
-    constructor(editor, options) {
-      __publicField(this, "id", "MobileLinkProvider");
-      __publicField(this, "insertProvider");
-      __publicField(this, "editProvider");
-      __publicField(this, "getSelectedLinkChild", (editor, range) => {
-        if (!range.isSimple()) {
-          return null;
-        }
-        const { start, end } = range;
-        if (start.blockId !== end.blockId) {
-          return null;
-        }
-        const block = editor.getBlockById(start.blockId);
-        const startChild = getTextBlockChild(block, start.offset);
-        const endChild = getTextBlockChild(block, end.offset);
-        if (startChild.next !== endChild.prev) {
-          return null;
-        }
-        if (startChild.next && hasClass(startChild.next, "link")) {
-          return startChild.next;
-        }
-        return null;
-      });
-      __publicField(this, "getAvailableCommands", (editor, block, range, params) => {
-        var _a, _b;
-        const editorRange = editor.selection.range;
-        const child = this.getSelectedLinkChild(editor, editorRange);
-        if (child && ((_a = this.options) == null ? void 0 : _a.linkMode) === "edit") {
-          return this.editProvider.getAvailableCommands(editor, block, range, { child });
-        }
-        if (((_b = this.options) == null ? void 0 : _b.linkMode) === "insert" && !child) {
-          const commands = this.insertProvider.getAvailableCommands(editor, block, range, { ...params, isFilter: true });
-          commands.forEach((command) => {
-            if (command.id === "insert-link") {
-              command.name = i18n$1.t("link.title");
-            }
-          });
-          return commands;
-        }
-        return [];
-      });
-      __publicField(this, "executeCommand", (editor, block, range, item, params, result) => {
-        var _a, _b, _c, _d, _e, _f;
-        const editorRange = editor.selection.range;
-        const child = this.getSelectedLinkChild(editor, editorRange);
-        if (child) {
-          return (_c = (_b = (_a = this.editProvider) == null ? void 0 : _a.executeCommand) == null ? void 0 : _b.call(_a, editor, block, range, item, { child }, result)) != null ? _c : false;
-        }
-        return (_f = (_e = (_d = this.insertProvider) == null ? void 0 : _d.executeCommand) == null ? void 0 : _e.call(_d, editor, block, range, item, params, result)) != null ? _f : false;
-      });
-      this.options = options;
-      this.insertProvider = new LinkProvider(editor);
-      this.editProvider = new EditLinkProvider();
-    }
-  }
-  const logger$1E = getLogger("readonly-toolbar");
-  const SEP = {
-    id: "",
-    name: "",
-    type: "separator"
-  };
-  function isCodeTextBlock$1(editor, block) {
-    if (!isTextKindBlock(editor, block)) {
-      return false;
-    }
-    const container = getParentContainer(block);
-    const parentBlock = getParentBlock(container);
-    if (!parentBlock) {
-      return false;
-    }
-    return getBlockType(parentBlock) === "code";
-  }
-  class ReadonlyToolbar {
-    constructor(editor) {
-      __publicField(this, "toolbar");
-      __publicField(this, "toolbarType", "text");
-      __publicField(this, "mouseDown", false);
-      __publicField(this, "hoveringBlock", null);
-      __publicField(this, "hoveringTextChild", null);
-      __publicField(this, "oldRange", null);
-      __publicField(this, "providers", []);
-      __publicField(this, "handleButtonClick", (toolbar2, item) => {
-        const tooltip = this.editor.getCustom("editor-tooltip");
-        tooltip.lastClickButtonId = item.id;
-        const commandProvider = item.commandProvider;
-        commandProvider.executeCommand(this.editor, item, {
-          hoveringBlock: this.hoveringBlock,
-          hoveringTextChild: this.hoveringTextChild,
-          bar: this.toolbar
-        });
-      });
-      __publicField(this, "handleClose", () => {
-        if (shouldFocusToEditor(this.editor)) {
-          this.editor.focus({
-            preventScroll: true
-          });
-        }
-      });
-      __publicField(this, "handleClosing", (bar2, event) => {
-        return true;
-      });
-      __publicField(this, "handleDocumentMouseDown", (event) => {
-        if (event.button === 0) {
-          document.addEventListener("mouseup", this.handleDocumentMouseUp);
-          this.mouseDown = true;
-        }
-      });
-      __publicField(this, "handleDocumentMouseUp", () => {
-        document.removeEventListener("mouseup", this.handleDocumentMouseUp);
-        this.mouseDown = false;
-        const selectedItem = this.toolbar.getSelectedItem();
-        if (this.toolbarType === "object" && ((selectedItem == null ? void 0 : selectedItem.dropdown) || (selectedItem == null ? void 0 : selectedItem.clickToClose) === false)) {
-          return;
-        }
-        this.handleSelectionChange(this.editor);
-      });
-      __publicField(this, "handleSelectionChange", debounce__default.default((editor) => {
-        var _a;
-        assert(logger$1E, editor === this.editor, "editor mismatch");
-        if (!editor.readonly) {
-          this.toolbar.close("selectionChange");
-          return;
-        }
-        if (editor.selection.range.isCollapsed() || this.mouseDown) {
-          if (this.toolbarType === "object") {
-            const element = (_a = this.toolbar.tippyInstance) == null ? void 0 : _a.reference;
-            const focusedBlock = this.editor.selection.focusedBlock;
-            const selectedItem = this.toolbar.getSelectedItem();
-            if (element && isChildNode(element, focusedBlock) || (selectedItem == null ? void 0 : selectedItem.dropdown)) {
-              return;
-            }
-          }
-          this.toolbar.close("selectionChange");
-          this.oldRange = null;
-          return;
-        }
-        const selectedBlocks = editor.selection.range.getSelectedBlocks();
-        if (selectedBlocks.length === 0) {
-          this.toolbar.close("selectionChange");
-          this.oldRange = null;
-          return;
-        }
-        if (this.oldRange) {
-          if (this.oldRange.isEqual(editor.selection.range)) {
-            return;
-          }
-        }
-        this.oldRange = editor.selection.range;
-        this.showTextToolbar("selectionChange");
-      }, 50));
-      __publicField(this, "handleHoveringBlockChildChange", (block, child, old, event) => {
-        var _a;
-        if (this.toolbarType === "object" && ((_a = this.toolbar.subBar) == null ? void 0 : _a.isVisible)) {
-          return;
-        }
-        if (this.hoveringBlock === block && this.hoveringTextChild === child) {
-          return;
-        }
-        this.hoveringBlock = block;
-        this.hoveringTextChild = child;
-        if (this.toolbarType === "text" && this.toolbar.isVisible) {
-          return;
-        }
-        if (!block) {
-          this.toolbar.close("fromHover");
-        }
-      });
-      __publicField(this, "groupCommands", (allCommands) => {
-        var _a, _b;
-        const allCommandsMap = /* @__PURE__ */ new Map();
-        for (let i = 0; i < allCommands.length; i++) {
-          const groupOrder = (_a = allCommands[i].groupOrder) != null ? _a : 0;
-          if (allCommandsMap.has(groupOrder)) {
-            (_b = allCommandsMap.get(groupOrder)) == null ? void 0 : _b.push(allCommands[i]);
-          } else {
-            allCommandsMap.set(groupOrder, [allCommands[i]]);
-          }
-        }
-        const commandsChunk = [];
-        allCommandsMap.forEach((value) => {
-          commandsChunk.push(value.sort((item1, item2) => {
-            var _a2, _b2;
-            return ((_a2 = item1.order) != null ? _a2 : 0) - ((_b2 = item2.order) != null ? _b2 : 0);
-          }));
-        });
-        if (commandsChunk.length === 0) {
-          return [];
-        }
-        const commands = commandsChunk.reduce((prev, curr) => prev.concat([SEP, ...curr]), []);
-        commands.shift();
-        return commands;
-      });
-      this.editor = editor;
-      const popover = editor.options.componentsOptions.popover;
-      this.toolbar = new ManualToolbar([], void 0, {
-        tooltipId: editor.clientId,
-        id: "editor-toolbar",
-        overflowBoundary: popover == null ? void 0 : popover.overflowBoundary,
-        refuseOverflow: true,
-        padding: 20
-      });
-      this.toolbar.on("click", this.handleButtonClick);
-      this.toolbar.on("close", this.handleClose);
-      this.toolbar.on("closing", this.handleClosing);
-      this.bindEvents();
-      editor.addListener("selectionChanged", this.handleSelectionChange);
-      OnesEditorHoveringBlock.get(editor).addListener("childChange", this.handleHoveringBlockChildChange);
-      OnesEditorHoveringBlock.get(editor).addFilter(this);
-    }
-    destroy() {
-      this.unbindEvents();
-      this.toolbar.destroy();
-      this.editor.removeListener("selectionChanged", this.handleSelectionChange);
-      OnesEditorHoveringBlock.get(this.editor).removeListener("childChange", this.handleHoveringBlockChildChange);
-      this.providers.forEach((provider) => {
-        var _a;
-        (_a = provider.destroy) == null ? void 0 : _a.call(provider);
-      });
-    }
-    addProvider(provider) {
-      this.providers.push(provider);
-    }
-    isInBlock(block, event) {
-      var _a, _b;
-      if (block !== this.hoveringBlock) {
-        return false;
-      }
-      if (event.target && event.target instanceof Node && (this.toolbar.popper && isChildNode(this.toolbar.popper, event.target) || ((_a = this.toolbar.subBar) == null ? void 0 : _a.popper) && isChildNode((_b = this.toolbar.subBar) == null ? void 0 : _b.popper, event.target))) {
-        return true;
-      }
-      return false;
-    }
-    bindEvents() {
-      document.addEventListener("mousedown", this.handleDocumentMouseDown);
-    }
-    unbindEvents() {
-      document.removeEventListener("mousedown", this.handleDocumentMouseDown);
-    }
-    showTextToolbar(reason) {
-      var _a, _b;
-      let commands = [];
-      const range = this.editor.selection.range;
-      this.providers.forEach((provider) => {
-        if (provider.getTextCommands) {
-          const textCommands = provider.getTextCommands(this.editor, range).map((command) => {
-            const item = {
-              ...command,
-              commandProvider: provider
-            };
-            return item;
-          });
-          commands.push(...textCommands);
-        }
-      });
-      commands = this.groupCommands(commands);
-      if (commands.length === 0) {
-        this.toolbar.close("cancelBar");
-        return;
-      }
-      const selectedBlocks = range.getSelectedBlocks();
-      if (selectedBlocks.length === 0) {
-        return;
-      }
-      const firstBlock = selectedBlocks[0];
-      if (!firstBlock) {
-        return;
-      }
-      if (isCodeTextBlock$1(this.editor, firstBlock.block)) {
-        return;
-      }
-      if (selectedBlocks.length === 1) {
-        if (isEmbedBlock(firstBlock.block)) {
-          return;
-        }
-        if (isComplexKindBlock(this.editor, firstBlock.block) && range.isSimple()) {
-          return;
-        }
-      }
-      if (isTitleBlock$2(firstBlock.block)) {
-        this.toolbar.close("selectionChange");
-        return;
-      }
-      this.toolbar.updateItems(commands);
-      const lastBlock2 = selectedBlocks[selectedBlocks.length - 1];
-      const reverseToolbar = !this.editor.selection.range.isReverse() && lastBlock2 !== firstBlock;
-      const selectedBlock = reverseToolbar ? lastBlock2 : firstBlock;
-      const rect = getReferenceClientRect(this.editor, selectedBlock);
-      const anchor2 = createBlockAnchor(this.editor, selectedBlock.block, "editor-readonly-toolbar", rect);
-      this.toolbar.manualShow(anchor2, {
-        placement: reverseToolbar ? "bottom" : "top",
-        offset: [0, reverseToolbar ? 5 : 10]
-      });
-      (_b = (_a = this.toolbar.tippyInstance) == null ? void 0 : _a.popperInstance) == null ? void 0 : _b.update();
-    }
-  }
   function getCommentAbstract(editor, blocks) {
     return blocks.map((block) => {
       var _a, _b;
@@ -65315,12 +65322,6 @@ ${codeText}
         id: "edit",
         name: i18n$1.t("embedProperties.edit"),
         icon: EditIcon
-      }, {
-        id: "add-comment",
-        name: i18n$1.t("embedProperties.addComment"),
-        icon: CommentIcon$1,
-        groupOrder: 1e3,
-        order: 100
       }, {
         id: "separator",
         name: "",
@@ -82598,7 +82599,7 @@ ${content}
   }
   function getBlockProperties$5(editor, block) {
     const properties = getStandardEmbedBlockProperties(editor, block, {
-      presetIds: ["add-comment"],
+      presetIds: [],
       extCommands: editor.readonly ? [] : [{
         id: "refresh",
         name: i18n$1.t("webpage.command.refresh"),
@@ -83414,7 +83415,7 @@ ${content}
         }];
       },
       presetIds: ["edit"],
-      extIds: ["separator", "add-comment"]
+      extIds: ["separator"]
     });
     return { ...properties, abstract: i18n$1.t("drawio.abstract") };
   }
@@ -83650,7 +83651,7 @@ ${content}
   class GraphBlockCommands {
     constructor(graphType, properties) {
       __publicField(this, "presetIds", ["edit"]);
-      __publicField(this, "extIds", ["separator", "add-comment"]);
+      __publicField(this, "extIds", ["separator"]);
       this.graphType = graphType;
       this.properties = properties;
     }
@@ -87165,7 +87166,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.1.2-beta.10";
+    editor.version = "2.1.2-beta.12";
     if (Logger$2.level === LogLevel.DEBUG) {
       window.setReauthFail = (fail) => {
         window.isReauthError = fail;
@@ -87266,7 +87267,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.1.2-beta.10";
+    editor.version = "2.1.2-beta.12";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {