@ones-editor/editor 2.9.7 → 2.9.8-beta.10

package/dist/index.js

@@ -3855,7 +3855,7 @@ div.comment-editor-root [data-type=editor-container].root div[data-type=editor-b
   min-width: 0;
 }
 .editor-root:not(.mobile) [data-type=editor-container].root div[data-type=editor-block].code-block {
-  min-width: 360px;
+  min-width: 200px;
 }div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container] div[data-type=editor-block][data-style-align=center] [data-type=block-content][data-content-placeholder]::before {
   justify-content: center;
 }
@@ -5658,22 +5658,11 @@ div.editor-root div.editor-content div[data-type=editor-container] div.embed-blo
   color: #87888A;
   font-size: 12px;
 }
-div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-info .file-creator {
-  max-width: 80px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-info .uploaded-time {
-  margin-left: 5px;
+div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-info .info {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-info .file-size {
-  margin-left: 15px;
-  flex-shrink: 0;
-}
 div.editor-root div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root .file-actions {
   position: absolute;
   top: 0;
@@ -5728,10 +5717,10 @@ div.editor-root div.editor-content div[data-type=editor-container] div.embed-blo
   height: 24px;
 }
 div.editor-root:not(.mobile) div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] {
-  min-width: 360px;
+  min-width: 200px;
 }
 div.editor-root:not(.mobile) div.editor-content div[data-type=editor-container] div.embed-block[data-type=editor-block][data-embed-type=office] [data-type=block-content] .card-root {
-  min-width: 360px;
+  min-width: 200px;
 }:root {
   --editor-version-button-border: black;
   --editor-bg-color: #ffffff;
@@ -8875,6 +8864,35 @@ div.editor-root.compact.no-heading-collapse.no-block-menu > .editor-content {
 }
 [data-command-bar-id=main-toolbar-more-menu] .editor-command-bar.toolbar .command-item.hidden, [data-command-bar-id=main-toolbar-more-menu] .editor-command-bar.menu .command-item.hidden {
   display: flex;
+}
+.editor-main-toolbar-root {
+  display: flex;
+  width: 100%;
+  min-height: 35px;
+}
+.editor-main-toolbar-root .editor-main-toolbar-resizer {
+  position: relative;
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+.editor-main-toolbar-root .editor-main-toolbar-resizer .editor-main-toolbar-container {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+}
+.editor-main-toolbar-root .editor-main-toolbar-resizer .editor-main-toolbar-container .editor-command-bar-root {
+  overflow: hidden !important;
+}
+.editor-main-toolbar-root [data-command-bar-root-id=main-toolbar-fullscreen] {
+  flex-grow: 0 !important;
+  flex-shrink: 0 !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }`)),document.head.appendChild(t)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -24880,18 +24898,11 @@ var __publicField = (obj, key, value) => {
     };
   }
   function isEmptyDoc(doc2) {
-    const root2 = doc2.blocks.root;
-    if (root2.length !== 1) {
-      return false;
-    }
-    const block = root2[0];
-    if (!block.text) {
-      return false;
-    }
-    if (getTextLength(block.text)) {
-      return false;
-    }
-    return true;
+    const blocks = doc2.blocks.root;
+    const ret = blocks.every((block) => {
+      return block.type === "text" && getTextLength(block.text || []) === 0;
+    });
+    return ret;
   }
   function createContainer$1(doc2, docsOrDocObject) {
     const containerId = genId();
@@ -26071,9 +26082,11 @@ var __publicField = (obj, key, value) => {
       __publicField(this, "composingTimer");
       __publicField(this, "callbacks");
       __publicField(this, "inputElement");
+      __publicField(this, "focused", false);
       __publicField(this, "handleBlur", () => {
         this.editor.emit("blur", this.editor);
         this.callbacks.onBlur();
+        this.focused = false;
       });
       __publicField(this, "handleWindowFocus", () => {
         if (document.activeElement === this.inputElement) {
@@ -26090,6 +26103,7 @@ var __publicField = (obj, key, value) => {
               this.editor.emit("focus", this.editor);
               this.callbacks.onFocus();
               this.editor.input.focus();
+              this.focused = true;
             });
           }
           return;
@@ -26098,7 +26112,9 @@ var __publicField = (obj, key, value) => {
           return;
         }
         setTimeout(() => {
-          this.handleBlur();
+          if (this.focused) {
+            this.handleBlur();
+          }
         });
       });
       __publicField(this, "handleDocumentSelectionChange", () => {
@@ -26113,6 +26129,9 @@ var __publicField = (obj, key, value) => {
               return;
             }
           }
+          if (!this.focused) {
+            return;
+          }
           this.handleBlur();
         }, 100);
       });
@@ -26278,6 +26297,7 @@ var __publicField = (obj, key, value) => {
           this.callbacks.onFocus();
         });
       }
+      this.focused = true;
     }
     isInDisableScrollMask(target) {
       let elem = target;
@@ -26314,7 +26334,7 @@ var __publicField = (obj, key, value) => {
     }
   }
   function moveInputToScreenCenter(editor) {
-    const container = editor.rootElement;
+    const container = getScrollContainer$1(editor.rootContainer);
     const rect = container.getBoundingClientRect();
     const scale = getElementScale(container);
     const windowWidth = window.innerWidth;
@@ -26325,9 +26345,10 @@ var __publicField = (obj, key, value) => {
     const y2 = rect.bottom > windowHeight ? windowHeight : rect.bottom;
     const centerX = (x1 + x2) / 2;
     const centerY = (y1 + y2) / 2;
-    const x = 0 - rect.left + centerX;
-    const y = 0 - rect.top + centerY;
     const input2 = editor.input.inputElement;
+    const inputHeight = input2.getBoundingClientRect().height;
+    const x = 0 - rect.left + centerX;
+    const y = 0 - rect.top + centerY + container.scrollTop - inputHeight / 2;
     input2.style.left = `${x / scale}px`;
     input2.style.top = `${y / scale}px`;
   }
@@ -29936,6 +29957,64 @@ ${codeText}
     }
     return doc2;
   }
+  function removeUnknownComponents(editor, doc2) {
+    const getAllBlockTypes = () => {
+      const types2 = [];
+      editor.editorBlocks.forEach((b) => {
+        types2.push(b.blockType);
+      });
+      return types2;
+    };
+    const getAllEmbedTypes = () => {
+      const embeds = [];
+      editor.editorEmbeds.forEach((e2) => {
+        embeds.push(e2.embedType);
+      });
+      return embeds;
+    };
+    const getAllBoxTypes = () => {
+      const boxes = [];
+      editor.editorBoxes.forEach((b) => {
+        boxes.push(b.boxType);
+      });
+      return boxes;
+    };
+    const blockTypes = new Set(getAllBlockTypes());
+    const embedTypes = new Set(getAllEmbedTypes());
+    const boxTypes = new Set(getAllBoxTypes());
+    Array.from(Object.keys(doc2.blocks)).forEach((containerId) => {
+      const blocks = doc2.blocks[containerId];
+      for (let i = blocks.length - 1; i >= 0; i--) {
+        const block = blocks[i];
+        const blockType = block.type;
+        if (isTextKindBlockType(editor, blockType)) {
+          const text2 = block.text;
+          for (let j = text2.length - 1; j >= 0; j--) {
+            const op = text2[j];
+            if (isBoxOp(op)) {
+              const box = op.attributes;
+              if (!boxTypes.has(box.type)) {
+                text2.splice(j, 1);
+              }
+            }
+          }
+        } else if (blockType === "embed") {
+          const embed = block;
+          const embedType = embed.embedType;
+          if (!embedTypes.has(embedType)) {
+            blocks.splice(i, 1);
+          }
+        } else {
+          if (!blockTypes.has(block.type)) {
+            blocks.splice(i, 1);
+          }
+        }
+      }
+      if (blocks.length === 0) {
+        blocks.push(createEmptyTextBlockData());
+      }
+    });
+  }
   class EditorInputHandlers {
     constructor(editor) {
       __publicField(this, "editor");
@@ -30194,6 +30273,7 @@ ${codeText}
           return;
         }
       }
+      removeUnknownComponents(this.editor, doc2);
       const cloneDocResult = { blockIdMap: /* @__PURE__ */ new Map(), containerIdMap: /* @__PURE__ */ new Map(), boxIdMap: /* @__PURE__ */ new Map() };
       await editorInsertDocWithResources(this.editor, doc2, cloneDocResult);
       for (let i = 0; i < this.handlers.length; i++) {
@@ -31870,6 +31950,7 @@ ${codeText}
       __publicField(this, "settingsProvider");
       __publicField(this, "_readonly", false);
       __publicField(this, "_scrollable", true);
+      __publicField(this, "_destroyed", false);
       __publicField(this, "getColor", (index2) => {
         const colors = this.options.colors;
         if (colors.length === 0) {
@@ -32009,6 +32090,10 @@ ${codeText}
       this.domEvents.destroy();
       this.removeAllListeners();
       this.inputHandlers.destroy();
+      this._destroyed = true;
+    }
+    get destroyed() {
+      return this._destroyed;
     }
     focus(options) {
       this.input.focus(options);
@@ -32300,11 +32385,17 @@ ${codeText}
         this.emit("change", Array.from(this.users.values()));
       }, 300);
     }
-    getSimpleCursors(blockId) {
+    getSimpleCursors(blockId, excludeUserId) {
       const ret = /* @__PURE__ */ new Map();
       Array.from(this.cursors.values()).filter((message) => {
         const ret2 = message.range.anchor.blockId === blockId && isSimpleRange(message.range);
-        return ret2;
+        if (!ret2) {
+          return false;
+        }
+        if (excludeUserId && excludeUserId === message.user.userId) {
+          return false;
+        }
+        return true;
       }).forEach((message) => {
         const offset = message.range.focus.offset;
         let users = ret.get(offset);
@@ -40076,7 +40167,7 @@ ${codeText}
       assert(logger$2S, typeof blockIndex === "number", "invalid path blockIndex");
       const blockData = editor.doc.getBlockData(containerId, blockIndex);
       const length = getTextLength(blockText);
-      const cursorMessages = remoteUsers.getSimpleCursors(blockData.id);
+      const cursorMessages = remoteUsers.getSimpleCursors(blockData.id, editor.doc.getUser().userId);
       cursorMessages.forEach((messages, offset) => {
         if (offset > length) {
           offset = length;
@@ -41038,6 +41129,8 @@ ${codeText}
   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 AdjustWidthIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 6H2.5C1.94772 6 1.5 6.44772 1.5 7V13.5C1.5 14.0523 1.94772 14.5 2.5 14.5H8M8 6H13.5C14.0523 6 14.5 6.44772 14.5 7V13.5C14.5 14.0523 14.0523 14.5 13.5 14.5H8M8 6V14.5" stroke="#2D2D2E"/>\n<path d="M1.5 2.5H14.5M1.5 1V4M8 1V4M14.5 1V4" stroke="#2D2D2E"/>\n</svg>\n';
   const TocIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M2 3.5L14 3.5" stroke="#2D2D2E"/>\n<path d="M2 6.50397H10" stroke="#2D2D2E"/>\n<path d="M2 12.5L14 12.5" stroke="#2D2D2E"/>\n<path d="M6 9.5H14" stroke="#2D2D2E"/>\n</svg>\n';
+  const AttachmentIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M6.49669 1C4.80282 1 3.0118 2.3515 3.0118 3.76237L3 10.6206M6.49669 1C8.41943 1 10.0154 2.60058 10.0154 4.17342M6.49669 1C7.43289 1 8.28684 1.42118 8.90405 1.96796C9.50746 2.50252 10.0154 3.29036 10.0154 4.17342M10.0154 4.17342L10.0154 9.61446C10.0154 10.4166 9.23033 11.2316 8 11.2316C6.91283 11.2316 6.01026 10.5735 6.01026 9.87981L5.98457 5.04102M3 10.6206C3 13.1126 5.38055 15 8 15M3 10.6206C3 12.9301 5.13252 15 8 15M8 15C10.6194 15 13 13.1988 13 10.7068M8 15C10.8675 15 13 13.0162 13 10.7068M13 10.7068V5.04102" stroke="currentColor" stroke-linecap="square" stroke-linejoin="round"/>\n<path d="M13 4V10C13 12.7614 10.7614 15 8 15C5.23858 15 3 12.7614 3 10V4.5" stroke="currentColor"/>\n<path d="M10 9V4.5C10 2.567 8.433 1 6.5 1C4.567 1 3 2.567 3 4.5" stroke="currentColor"/>\n<path d="M10 9C10 10.1046 9.10457 11 8 11C6.89543 11 6 10.1046 6 9V4" stroke="currentColor"/>\n</svg>\n';
+  const Mention2Icon = '<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.237 13.6469C10.2882 14.1888 9.18962 14.4985 8.01868 14.4985C4.42977 14.4985 1.52039 11.5892 1.52039 8.00024C1.52039 4.41134 4.42977 1.50195 8.01868 1.50195C11.6076 1.50195 14.517 4.41134 14.517 8.00024C14.517 8.70345 14.4221 9.21723 14.2284 9.56578C13.9961 10.0692 13.4926 10.7276 12.66 10.8438C12.3454 10.9008 12.0336 10.7797 11.7805 10.6233C11.3724 10.3711 11.2127 9.88274 11.2127 9.40298V4.48055" stroke="currentColor"/>\n<path d="M7.67957 4.73828C9.37526 4.73835 10.6913 6.20213 10.6913 7.93262C10.6913 9.6631 9.37526 11.1269 7.67957 11.127C5.98381 11.127 4.66785 9.66315 4.66785 7.93262C4.66785 6.20209 5.98381 4.73828 7.67957 4.73828Z" stroke="currentColor"/>\n</svg>\n';
   const index$f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
     TableEditIcon,
@@ -41168,7 +41261,9 @@ ${codeText}
     LoadingCircleIcon,
     TextGroupIcon,
     AdjustWidthIcon,
-    TocIcon
+    TocIcon,
+    AttachmentIcon,
+    Mention2Icon
   }, Symbol.toStringTag, { value: "Module" }));
   function createLoading() {
     const loading2 = createElement("span", ["editor-loading-icon"], null);
@@ -41789,6 +41884,9 @@ ${codeText}
       }
       const content = createElement("div", ["editor-command-bar-root"], null);
       content.setAttribute("data-keep-editor-focus", "");
+      if (this.options.rootId) {
+        content.setAttribute("data-command-bar-root-id", this.options.rootId);
+      }
       if (this.options.header) {
         const headerElem = createElement("div", ["editor-command-bar-header"], null);
         if (this.options.header instanceof Function) {
@@ -41894,7 +41992,7 @@ ${codeText}
         placement: (_a = options == null ? void 0 : options.placement) != null ? _a : "bottom-start",
         maxWidth: (_b = this.options.maxWidth) != null ? _b : 650,
         arrow: (_c = options == null ? void 0 : options.arrow) != null ? _c : this.options.tippyArrow,
-        appendTo: document.body,
+        appendTo: this.options.appendTo || target.closest(".command-bar-container") || document.body,
         onShow: this.handleShow,
         onHidden: this.handleHidden,
         onShown: this.handleShown,
@@ -42460,7 +42558,7 @@ ${codeText}
         placement: (_a = options == null ? void 0 : options.placement) != null ? _a : "bottom-start",
         maxWidth: 500,
         arrow: this.options.tippyArrow,
-        appendTo: document.body,
+        appendTo: this.options.appendTo || target.closest(".command-bar-container") || document.body,
         onShow: this.handleShow,
         onHidden: this.handleHidden,
         delay: options == null ? void 0 : options.delay,
@@ -42598,7 +42696,7 @@ ${codeText}
       });
     }
     initCommandBarElement(elem) {
-      addClass(elem, "dialog", "manual");
+      addClass(elem, "command-dialog", "manual");
     }
     initItemElement(item, elem) {
     }
@@ -43070,7 +43168,7 @@ ${codeText}
           placement: "bottom",
           maxWidth: 1e3,
           arrow: (_b = options == null ? void 0 : options.arrow) != null ? _b : this.options.tippyArrow,
-          appendTo: document.body,
+          appendTo: this.options.appendTo || target.closest(".command-bar-container") || document.body,
           onShow: this.handleShow,
           onShown: this.handleShown,
           onHidden: this.handleHidden,
@@ -54496,6 +54594,7 @@ ${codeText}
       }, 50));
       this.editor = editor;
       const popover = editor.options.componentsOptions.popover;
+      const objectToolbar = editor.options.componentsOptions.objectToolbar;
       this.toolbar = new ManualToolbar([], void 0, {
         tooltipId: editor.clientId,
         id: "editor-toolbar",
@@ -54503,7 +54602,8 @@ ${codeText}
         refuseOverflow: true,
         padding: 20,
         showName: clientType.isMobile,
-        autoClose: clientType.isMobile ? true : void 0
+        autoClose: clientType.isMobile ? true : void 0,
+        appendTo: (objectToolbar == null ? void 0 : objectToolbar.appendTo) || (popover == null ? void 0 : popover.appendTo)
       });
       this.toolbar.on("click", this.handleButtonClick);
       this.toolbar.on("close", this.handleClose);
@@ -54875,7 +54975,7 @@ ${codeText}
     const svg = await mathjax2Svg(editor, tex);
     const data2 = svg;
     const file2 = new File([data2], "math.svg");
-    const path = await editor.doc.uploadResource(file2);
+    const path = await editor.doc.uploadResource(file2, { resourceType: "graph" });
     return path.resourceId;
   }
   async function convertAndUploadMathjaxForEmbed(editor, tex) {
@@ -54883,7 +54983,7 @@ ${codeText}
     const perfectState = analyzeMathjaxSvgWidth(svg);
     const data2 = svg;
     const file2 = new File([data2], "math.svg");
-    const path = await editor.doc.uploadResource(file2);
+    const path = await editor.doc.uploadResource(file2, { resourceType: "graph" });
     return {
       resourceId: path.resourceId,
       ...perfectState
@@ -55156,7 +55256,7 @@ ${codeText}
       return ` $${math.tex}$ `;
     }
     if (math.src) {
-      return `<img src="${editor.doc.buildResourceUrl(math.src, { withToken: true })}" />`;
+      return `<img data-embed-type="mathjax" data-uuid="mathjax:${math.src}" src="${editor.doc.buildResourceUrl(math.src, { withToken: true })}" />`;
     }
     return `<code>$${math.tex}$</code>`;
   }
@@ -55337,7 +55437,7 @@ ${codeText}
   function convertTo$g(editor, blockData, doc2, type) {
     const mathData = blockData.embedData;
     if (type === "html") {
-      return `<img src="${editor.doc.buildResourceUrl(mathData.src, { withToken: true })}" />`;
+      return `<img data-embed-type="mathjax" data-uuid="mathjax:${mathData.src}" src="${editor.doc.buildResourceUrl(mathData.src, { withToken: true })}" />`;
     }
     if (type === "markdown") {
       return `
@@ -64110,6 +64210,17 @@ $$${mathData.mathjaxText}$$
     const failedLoad = !!block.querySelector(".images > .image-container.error, .images > .image-container.empty ");
     const width = calImageBlockStyleWidth(editor, blockData, parentContainer, failedLoad);
     const height = calBlockHeight(editor, blockData, parentContainer, failedLoad);
+    if (width.startsWith("0") && height.startsWith("0")) {
+      const image = block.querySelector("img");
+      if (image) {
+        image.onload = () => {
+          setTimeout(() => {
+            updateImageBlockSize(editor, blockData, blockElement, parentContainerElement);
+          }, 300);
+        };
+      }
+      return;
+    }
     const content = getBlockContent(block);
     if (width === "auto") {
       content.style.width = width;
@@ -64887,7 +64998,8 @@ $$${mathData.mathjaxText}$$
         const res = await this.editor.doc.uploadResource(file2, {
           onProgress: (progress) => {
             setImageUploading(imageContainer, progress);
-          }
+          },
+          resourceType: "image"
         });
         removeClass(imageContainer, "uploading");
         this.images[index2].src = res.resourceId;
@@ -68864,7 +68976,7 @@ ${codeText}
                 }
                 const fileName = `image.${ext}`;
                 const file2 = new File([blob], fileName, { type: mimeString });
-                const ret = await editor.doc.uploadResource(file2);
+                const ret = await editor.doc.uploadResource(file2, { resourceType: "paste" });
                 return ret.resourceId;
               }
               return src;
@@ -69076,7 +69188,7 @@ ${codeText}
     const data2 = blockData.embedData;
     const images = getImages$1(data2);
     if (type === "html") {
-      return images.map((image) => `<img src="${editor.doc.buildResourceUrl(image.src, { withToken: true })}">`).join("");
+      return images.map((image) => `<img data-embed-type="image" data-uuid="image:${data2.src}" src="${editor.doc.buildResourceUrl(image.src, { withToken: true })}">`).join("");
     }
     if (type === "markdown") {
       const markdown = images.map((image) => `![img](${editor.doc.buildResourceUrl(image.src, { withToken: true })})`).join("\n");
@@ -74439,20 +74551,6 @@ ${codeText}
         const maxCellTextLength = maxCellTextLengths.get(cell.col) || 0;
         return padText(text2, maxCellTextLength);
       };
-      if (type === "text") {
-        const text2 = [];
-        for (let col = 0; col < grid.colCount; col++) {
-          const cellText = getCellText({ row: 0, col });
-          text2.push(cellText);
-        }
-        for (let row = 1; row < grid.rowCount; row++) {
-          for (let col = 0; col < grid.colCount; col++) {
-            const cellText = getCellText({ row, col });
-            text2.push(cellText);
-          }
-        }
-        return text2.join("\n");
-      }
       const lines = [];
       let headerText = "|";
       let headerSeparator = "|";
@@ -80336,7 +80434,7 @@ ${docStr}
     const data2 = boxData;
     if (type === "html") {
       if (data2.src) {
-        return `<a href="${editor.doc.buildResourceUrl(data2.src, { withToken: true })}" >${data2.fileName}</a>`;
+        return `<a data-embed-type="file" data-uuid="file:${data2.src}" href="${editor.doc.buildResourceUrl(data2.src, { withToken: true })}" >${data2.fileName}</a>`;
       }
       return `[${data2.fileName}]`;
     }
@@ -80451,14 +80549,10 @@ ${docStr}
     }
     nameElement.title = fileName;
     const infos = createElement("div", ["file-info"], detail);
-    if (creator) {
-      createElement("div", ["file-creator"], infos, creator);
-    }
-    if (created) {
-      const timeText = i18n$1.t("file.uploadedTime", { time: formatDate(new Date(created), "YYYY-MM-DD hh:mm") });
-      createElement("div", ["uploaded-time"], infos, timeText);
-    }
-    createElement("div", ["file-size"], infos, formatBytes(fileSize));
+    const timeText = i18n$1.t("file.uploadedTime", { time: formatDate(new Date(created), "YYYY-MM-DD hh:mm") });
+    const sizeText = formatBytes(fileSize);
+    const infoText = `${creator} ${timeText} ${sizeText}`;
+    createElement("div", ["info"], infos, infoText);
     const actions2 = createElement("div", ["file-actions"], card);
     const options = editor.getComponentOptions("file");
     let copilotButton;
@@ -80638,7 +80732,7 @@ ${docStr}
     const data2 = embedData;
     if (type === "html") {
       if (data2.src) {
-        return `<p><a href="${editor.doc.buildResourceUrl(data2.src, { withToken: true })}" >${data2.fileName}</a></p>`;
+        return `<p><a data-embed-type="file" data-uuid="file:${data2.src}" href="${editor.doc.buildResourceUrl(data2.src, { withToken: true })}" >${data2.fileName}</a></p>`;
       }
       return `<p>[${data2.fileName}]</p>`;
     }
@@ -85993,7 +86087,7 @@ ${docStr}
     const file2 = new File([buffer], `${genId()}.svg`, {
       type: "image/svg+xml"
     });
-    const ret = await editor.doc.uploadResource(file2);
+    const ret = await editor.doc.uploadResource(file2, { resourceType: "graph" });
     return ret.resourceId;
   }
   const _MermaidInstance = class extends GraphBase {
@@ -86162,7 +86256,7 @@ ${docStr}
     const data2 = embedData;
     if (type === "html") {
       if (data2.src) {
-        return `<img src="${editor.doc.buildResourceUrl(data2.src, { withToken: true })}" />`;
+        return `<img data-embed-type="mermaid" data-uuid="mermaid:${data2.src}" src="${editor.doc.buildResourceUrl(data2.src, { withToken: true })}" />`;
       }
       if (data2.mermaidText) {
         return `<div class="mermaid">${data2.mermaidText}</div>`;
@@ -86231,7 +86325,7 @@ ${data2.mermaidText}
     const file2 = new File([buffer], `${genId()}.svg`, {
       type: "image/svg+xml"
     });
-    const resource = await editor.doc.uploadResource(file2);
+    const resource = await editor.doc.uploadResource(file2, { resourceType: "graph" });
     return resource.resourceId;
   }
   const _FlowChartInstance = class extends GraphBase {
@@ -86328,7 +86422,7 @@ ${data2.mermaidText}
     const data2 = embedData;
     if (type === "html") {
       if (data2.src) {
-        return `<img src="${editor.doc.buildResourceUrl(data2.src, { withToken: true })}" />`;
+        return `<img data-embed-type="flowchart" data-uuid="flowchart:${data2.src}" src="${editor.doc.buildResourceUrl(data2.src, { withToken: true })}" />`;
       }
       if (data2.flowchartText) {
         return `<div>${data2.flowchartText}</div>`;
@@ -86686,7 +86780,7 @@ ${data2.flowchartText}
       });
       const targetBlock = editor.findBlockById(getBlockId(block));
       if (targetBlock) {
-        const res = await editor.doc.uploadResource(file2);
+        const res = await editor.doc.uploadResource(file2, { resourceType: "graph" });
         const { resourceId } = res;
         const oldData = editor.getBlockData(targetBlock);
         const oldEmbedData = oldData.embedData;
@@ -86738,31 +86832,40 @@ ${data2.flowchartText}
         const xml = drawIoData.xmlSvg || drawIoData.xml || "";
         switch (msg.event) {
           case "configure":
-            iframe.contentWindow.postMessage(JSON.stringify({
-              action: "configure",
-              config: {
-                defaultFonts: ["Humor Sans", "Helvetica", "Times New Roman"]
-              }
-            }), "*");
+            iframe.contentWindow.postMessage(
+              JSON.stringify({
+                action: "configure",
+                config: {
+                  defaultFonts: ["Humor Sans", "Helvetica", "Times New Roman"]
+                }
+              }),
+              "*"
+            );
             break;
           case "init":
-            iframe.contentWindow.postMessage(JSON.stringify({
-              action: "load",
-              saveAndExit: 1,
-              noSaveBtn: 1,
-              noExitBtn: 0,
-              xml
-            }), "*");
+            iframe.contentWindow.postMessage(
+              JSON.stringify({
+                action: "load",
+                saveAndExit: 1,
+                noSaveBtn: 1,
+                noExitBtn: 0,
+                xml
+              }),
+              "*"
+            );
             loaded();
             loadingHandler.removeLoading();
             break;
           case "save":
             exportFlag = "save";
-            iframe.contentWindow.postMessage(JSON.stringify({
-              action: "export",
-              format: "xmlsvg",
-              spin: "Saving graph"
-            }), "*");
+            iframe.contentWindow.postMessage(
+              JSON.stringify({
+                action: "export",
+                format: "xmlsvg",
+                spin: "Saving graph"
+              }),
+              "*"
+            );
             break;
           case "export":
             if (exportFlag !== "auto") {
@@ -86788,12 +86891,15 @@ ${data2.flowchartText}
                     allowRetry: true,
                     onOk: () => {
                       setTimeout(() => {
-                        drawioIframeWindow.postMessage(JSON.stringify({
-                          action: "export",
-                          format: "xmlsvg",
-                          spin: i18n$1.t("drawio.save"),
-                          autoSave: exportFlag
-                        }), "*");
+                        drawioIframeWindow.postMessage(
+                          JSON.stringify({
+                            action: "export",
+                            format: "xmlsvg",
+                            spin: i18n$1.t("drawio.save"),
+                            autoSave: exportFlag
+                          }),
+                          "*"
+                        );
                       }, 1e3);
                     },
                     onClose: () => {
@@ -86859,12 +86965,15 @@ ${data2.flowchartText}
         if (!drawioIframe || !drawioIframe.contentWindow) {
           return;
         }
-        drawioIframe.contentWindow.postMessage(JSON.stringify({
-          action: "export",
-          format: "xmlsvg",
-          spin: "Saving graph",
-          autoSave: true
-        }), "*");
+        drawioIframe.contentWindow.postMessage(
+          JSON.stringify({
+            action: "export",
+            format: "xmlsvg",
+            spin: "Saving graph",
+            autoSave: true
+          }),
+          "*"
+        );
       }, SAVE_DELAY_TIME);
     };
     const exit = () => {
@@ -87004,10 +87113,12 @@ ${data2.flowchartText}
   }
   function updateGraphByXml(mxFile, embed, editor) {
     assert(logger$i, editor, "parameter missing");
-    initDrawIo(editor).then(() => loopCheckResourceWasLoaded({
-      checker: () => !!(window.mxUtils && window.mxGraph && window.mxCodec),
-      maxRetryTime: 5e3
-    })).then(() => {
+    initDrawIo(editor).then(
+      () => loopCheckResourceWasLoaded({
+        checker: () => !!(window.mxUtils && window.mxGraph && window.mxCodec),
+        maxRetryTime: 5e3
+      })
+    ).then(() => {
       const { mxUtils, mxGraph: MxGraph, mxCodec: MxCodec, Graph } = window;
       assert(logger$i, mxUtils, "External resource loading exception: mxUtils");
       assert(logger$i, MxGraph, "External resource loading exception: MxGraph");
@@ -87027,7 +87138,10 @@ ${data2.flowchartText}
         const raw = atob(diagramBase64);
         const pako = window.pako;
         assert(logger$i, pako, "External resource loading exception: pako");
-        const encodedXml = pako.inflateRaw(Uint8Array.from(raw, (c) => c.charCodeAt(0)), { to: "string" });
+        const encodedXml = pako.inflateRaw(
+          Uint8Array.from(raw, (c) => c.charCodeAt(0)),
+          { to: "string" }
+        );
         const xml = decodeURIComponent(encodedXml);
         xmlDoc = mxUtils.parseXml(xml);
       } else {
@@ -87271,7 +87385,7 @@ ${data2.flowchartText}
     const data2 = embedData;
     if (type === "html") {
       if (data2.src) {
-        return `<img src="${editor.doc.buildResourceUrl(data2.src, { withToken: true })}" />`;
+        return `<img data-embed-type="drawio" data-uuid="drawio:${data2.src}" src="${editor.doc.buildResourceUrl(data2.src, { withToken: true })}" />`;
       }
       if (data2.xmlSvg) {
         return data2.xmlSvg;
@@ -87361,7 +87475,7 @@ ${data2.flowchartText}
       if (!plantumlImgFile) {
         return await Promise.resolve(url);
       }
-      const uploadResourceResult = await editor.doc.uploadResource(plantumlImgFile);
+      const uploadResourceResult = await editor.doc.uploadResource(plantumlImgFile, { resourceType: "graph" });
       return uploadResourceResult.resourceId;
     } catch (error2) {
       return Promise.resolve(url);
@@ -87465,7 +87579,7 @@ ${data2.flowchartText}
     const data2 = embedData;
     if (type === "html") {
       if (data2.src) {
-        return `<img src="${editor.doc.buildResourceUrl(data2.src, { withToken: true })}" />`;
+        return `<img data-embed-type="plantuml" data-uuid="plantuml:${data2.src}" src="${editor.doc.buildResourceUrl(data2.src, { withToken: true })}" />`;
       }
       if (data2.plantumlText) {
         return `<div>${data2.plantumlText}</div>`;
@@ -90896,7 +91010,8 @@ ${data2.plantumlText}
           const { resourceId } = await editor.doc.uploadResource(file2, {
             onProgress: (progress) => {
               this.renderProgress(progress, file2);
-            }
+            },
+            resourceType: "media"
           });
           const { name, type, size } = file2;
           const newBlockData = {
@@ -91034,7 +91149,11 @@ ${data2.plantumlText}
     renderEmpty(blockData) {
       assert(logger$9, this.abstract, "no abstract");
       assert(logger$9, this.mediaContainer, "The media element not exist");
-      const empty = createElement("div", ["media-empty", "embed-selected-content", "embed-hover-content"], this.mediaContainer);
+      const empty = createElement(
+        "div",
+        ["media-empty", "embed-selected-content", "embed-hover-content"],
+        this.mediaContainer
+      );
       empty.innerHTML = this.abstract.mediaIcon;
       this.updateMediaContent(empty);
       const { editor } = this.options;
@@ -91055,7 +91174,7 @@ ${data2.plantumlText}
           }
           await editor.doc.addResources([resourceId]);
           const serviceAppId = (_b = (_a = editor.doc).getServerMeta) == null ? void 0 : _b.call(_a).appId;
-          if (resourceUrl !== blockData.embedData.src && (serviceAppId && blockData.embedData.src.includes(serviceAppId))) {
+          if (resourceUrl !== blockData.embedData.src && serviceAppId && blockData.embedData.src.includes(serviceAppId)) {
             const block = getParentBlock(content);
             if (block && !editor.readonly && editor.isBlockWritable(block)) {
               const newBlockData = cloneDeep__default.default(blockData);
@@ -91196,7 +91315,7 @@ ${data2.plantumlText}
       const mediaData = blockData.embedData;
       const url = editor.doc.buildResourceUrl(mediaData.src, { withToken: true });
       if (type === "html") {
-        return `<${mediaData.type} src="${url}" />`;
+        return `<${this.embedType} data-embed-type="${this.embedType}" data-uuid="${this.embedType}:${mediaData.src}" src="${url}" />`;
       }
       if (type === "markdown") {
         return `![${mediaData.src}](${url})`;
@@ -94237,11 +94356,11 @@ ${JSON.stringify(error2, null, 2)}`);
         this.fixedToolbar = (_a = editor.findCustom("main-toolbar-fixed-toolbar")) == null ? void 0 : _a.toolbar;
         if (this.fixedToolbar) {
           const content = this.fixedToolbar.content;
-          const toolbar2 = content.closest(".editor-command-bar-root");
+          const resizer = content.closest(".editor-main-toolbar-resizer");
           this.observer = new ResizeObserver(() => {
             this.updateItems();
           });
-          this.observer.observe(toolbar2);
+          this.observer.observe(resizer);
           editor.addCustom("main-toolbar-more-item", () => this);
         }
       });
@@ -94268,7 +94387,7 @@ ${JSON.stringify(error2, null, 2)}`);
         return;
       }
       const content = toolbar2.content;
-      const toolbarRoot = content.closest(".editor-command-bar-root");
+      const toolbarRoot = content.closest(".editor-main-toolbar-resizer");
       const toolbarRect = toolbarRoot.getBoundingClientRect();
       const toolbarRight = toolbarRect.right;
       items.forEach((item) => {
@@ -94338,8 +94457,67 @@ ${JSON.stringify(error2, null, 2)}`);
       toolbar2.updateItems(items);
     }
   }
+  class InsertFileItem {
+    constructor() {
+      __publicField(this, "id", "insert-file");
+      __publicField(this, "name", i18n$1.t("toolbar.file"));
+      __publicField(this, "icon", AttachmentIcon);
+    }
+    async onClick(editor, item) {
+      const block = editor.getBlockById(editor.selection.range.start.blockId);
+      const container = editor.getParentContainer(block);
+      const index2 = editor.getBlockIndex(block);
+      const file2 = await selectFile("*");
+      if (!file2) {
+        return;
+      }
+      const res = await editor.doc.uploadResource(file2);
+      if (!res.resourceId) {
+        return;
+      }
+      const data2 = {
+        src: res.resourceId,
+        fileName: file2.name,
+        fileSize: file2.size,
+        fileType: file2.type,
+        created: Date.now(),
+        creator: editor.doc.getUser().displayName,
+        previewType: FilePreviewType.Card
+      };
+      editor.insertEmbed(getContainerId(container), index2 + 1, "office", data2);
+    }
+  }
+  class InsertMentionItem {
+    constructor() {
+      __publicField(this, "id", "insert-mention");
+      __publicField(this, "name", i18n$1.t("toolbar.mention"));
+      __publicField(this, "icon", Mention2Icon);
+    }
+    onClick(editor, item) {
+      editor.clearSelectedContents();
+      const focus = editor.selection.range.focus;
+      if (!focus.isSimple()) {
+        return;
+      }
+      const block = editor.getBlockById(focus.blockId);
+      if (!isTextKindBlock(editor, block)) {
+        return;
+      }
+      editor.focus();
+      editor.insertTextToBlock(block, focus.offset, "@");
+      const mention = editor.findCustom("mention");
+      if (mention) {
+        const suggest = mention.suggest;
+        if (suggest) {
+          const container = getParentContainer(block);
+          suggest.handleAfterInsertText(editor, getContainerId(container), getBlockIndex(block), focus.offset, "@");
+        }
+      }
+    }
+  }
   function getToolbarDefaultItems(editor) {
-    return [
+    const commentsEnabled = !!editor.options.enableComments;
+    const items = [
       new UndoItem(),
       new RedoItem(),
       new SeparatorItem(),
@@ -94364,14 +94542,15 @@ ${JSON.stringify(error2, null, 2)}`);
       new AlignCenterItem(),
       new AlignRightItem(),
       new SeparatorItem(),
-      new InsertImageItem(),
-      new SeparatorItem(),
       new InsertItem(editor),
       new SeparatorItem(),
-      new FindReplaceItem(),
-      new CommentItem(),
-      new MoreItem(editor)
+      new FindReplaceItem()
     ];
+    if (commentsEnabled) {
+      items.push(new CommentItem());
+    }
+    items.push(new MoreItem(editor));
+    return items;
   }
   const zhCN = {
     toolbar: {
@@ -94384,7 +94563,10 @@ ${JSON.stringify(error2, null, 2)}`);
       quote: "\u5F15\u7528",
       checkList: "\u4EFB\u52A1\u5217\u8868",
       orderedList: "\u6709\u5E8F\u5217\u8868",
-      unorderedList: "\u65E0\u5E8F\u5217\u8868"
+      unorderedList: "\u65E0\u5E8F\u5217\u8868",
+      fullscreen: "\u5168\u5C4F",
+      file: "\u63D2\u5165\u6587\u4EF6",
+      mention: "\u63D0\u53CA\u7528\u6237"
     }
   };
   const zhHK = {
@@ -94398,7 +94580,10 @@ ${JSON.stringify(error2, null, 2)}`);
       quote: "\u5F15\u7528",
       checkList: "\u4EFB\u52D9\u5217\u8868",
       orderedList: "\u6709\u5E8F\u5217\u8868",
-      unorderedList: "\u7121\u5E8F\u5217\u8868"
+      unorderedList: "\u7121\u5E8F\u5217\u8868",
+      fullscreen: "\u5168\u5C4F",
+      file: "\u63D2\u5165\u6587\u4EF6",
+      mention: "\u63D0\u53CA\u7528\u6236"
     }
   };
   const enUS = {
@@ -94412,7 +94597,10 @@ ${JSON.stringify(error2, null, 2)}`);
       quote: "Quote",
       checkList: "Check List",
       orderedList: "Ordered List",
-      unorderedList: "Unordered List"
+      unorderedList: "Unordered List",
+      fullscreen: "Full Screen",
+      file: "File",
+      mention: "Mention user"
     }
   };
   const jaJP = {
@@ -94426,7 +94614,10 @@ ${JSON.stringify(error2, null, 2)}`);
       quote: "\u5F15\u7528",
       checkList: "\u30C1\u30A7\u30C3\u30AF\u30EA\u30B9\u30C8",
       orderedList: "\u756A\u53F7\u4ED8\u304D\u30EA\u30B9\u30C8",
-      unorderedList: "\u7B87\u6761\u66F8\u304D\u30EA\u30B9\u30C8"
+      unorderedList: "\u7B87\u6761\u66F8\u304D\u30EA\u30B9\u30C8",
+      fullscreen: "\u5168\u753B\u9762\u8868\u793A",
+      file: "\u30D5\u30A1\u30A4\u30EB\u3092\u633F\u5165",
+      mention: "\u30E6\u30FC\u30B6\u30FC\u3092\u30E1\u30F3\u30B7\u30E7\u30F3"
     }
   };
   i18n$1.mergeLang({
@@ -94437,8 +94628,10 @@ ${JSON.stringify(error2, null, 2)}`);
   });
   const style = "";
   class MainToolbar {
-    constructor(editor, parent) {
+    constructor(editor, parent, options = {}) {
       __publicField(this, "toolbar");
+      __publicField(this, "toolbarFullScreen");
+      __publicField(this, "root");
       __publicField(this, "handleClick", (bar2, item) => {
         const command = item;
         if (command.onClick) {
@@ -94475,7 +94668,13 @@ ${JSON.stringify(error2, null, 2)}`);
         this.updateState();
       });
       this.editor = editor;
-      this.toolbar = new FixedToolbar(parent, this.getItems(), {
+      this.options = options;
+      const root2 = createElement("div", ["editor-main-toolbar-root"], parent);
+      const container = createElement("div", ["editor-main-toolbar-resizer"], root2);
+      const resizer = createElement("div", ["editor-main-toolbar-container"], container);
+      const items = getToolbarDefaultItems(editor);
+      this.root = root2;
+      this.toolbar = new FixedToolbar(resizer, items, {
         tooltipId: editor.clientId,
         id: "main-toolbar"
       });
@@ -94487,16 +94686,39 @@ ${JSON.stringify(error2, null, 2)}`);
         destroy: () => {
         }
       }));
+      if (options.enableFullScreen) {
+        const fullScreenItem = {
+          id: "main-toolbar-fullscreen",
+          icon: FullScreenIcon,
+          name: i18n$1.t("toolbar.fullscreen")
+        };
+        this.toolbarFullScreen = new FixedToolbar(root2, [fullScreenItem], {
+          tooltipId: editor.clientId,
+          id: "main-toolbar-fullscreen",
+          rootId: "main-toolbar-fullscreen"
+        });
+        this.toolbarFullScreen.addListener("click", (bar2, item) => {
+          var _a;
+          if (item.id === "main-toolbar-fullscreen") {
+            (_a = options.onFullScreenClick) == null ? void 0 : _a.call(options, this.editor, item);
+            this.handleSelectionChanged();
+          }
+        });
+      }
     }
     destroy() {
+      var _a;
       this.toolbar.destroy();
+      this.editor.removeListener("selectionChanged", this.handleSelectionChanged);
+      (_a = this.toolbarFullScreen) == null ? void 0 : _a.destroy();
+      this.root.remove();
     }
     setItems(items) {
       this.toolbar.updateItems(items);
       this.updateState();
     }
     getItems() {
-      return getToolbarDefaultItems(this.editor);
+      return this.toolbar.items;
     }
     updateState() {
       const items = this.toolbar.items;
@@ -94534,9 +94756,311 @@ ${JSON.stringify(error2, null, 2)}`);
       }
     });
   }
+  const CkeImageConverter = {
+    filter: (node) => {
+      if (node.nodeName !== "IMG") {
+        return false;
+      }
+      const elem = node;
+      const refId = elem.getAttribute("data-ref-id");
+      const refType = elem.getAttribute("data-ref-type");
+      const uuid = elem.getAttribute("data-uuid");
+      return Boolean(refType === "task" && refId && uuid);
+    },
+    replacement: (content, node) => {
+      const refType = node.getAttribute("data-ref-type");
+      const refId = node.getAttribute("data-ref-id");
+      const uuid = node.getAttribute("data-uuid");
+      const src = `ones-file:${refType}/${refId}/${uuid}`;
+      return `![${refType}](${src})`;
+    }
+  };
+  const ckeHtmlConverters = /* @__PURE__ */ new Map();
+  function registerCKEHtmlConvert(name, converter) {
+    if (ckeHtmlConverters.has(name)) {
+      return;
+    }
+    ckeHtmlConverters.set(name, converter);
+    turndownService.use((ts) => {
+      ts.addRule(name, converter);
+    });
+  }
+  function getTurndownRootElement(node) {
+    let parent = node;
+    while (parent) {
+      if (parent instanceof HTMLElement && parent.tagName === "BODY") {
+        return parent;
+      }
+      if (!parent.parentNode) {
+        return parent;
+      }
+      parent = parent.parentNode;
+    }
+    return node;
+  }
+  function patchForEmptyBlock(key, node, className) {
+    const root2 = getTurndownRootElement(node);
+    if (root2 && root2 instanceof HTMLElement) {
+      const attributeKey = `data-${key}-processed`;
+      if (!root2.getAttribute(attributeKey)) {
+        root2.setAttribute(attributeKey, "true");
+        const elements = root2.querySelectorAll(className);
+        elements.forEach((elem) => {
+          var _a;
+          const text2 = (_a = elem.textContent) == null ? void 0 : _a.trim();
+          if (!text2) {
+            elem.innerText = "--temp-data--";
+          }
+        });
+      }
+    }
+  }
+  const CkeCommentConverter = {
+    filter: (node) => {
+      if (node.nodeName === "SPAN") {
+        const span = node;
+        const ref = span.getAttribute("data-annotate-ref");
+        return Boolean(ref);
+      }
+      return false;
+    },
+    replacement: (content, node) => {
+      var _a;
+      const span = node;
+      const ref = span.getAttribute("data-annotate-ref");
+      const text2 = (_a = span.textContent) != null ? _a : "";
+      return `[${text2}](comment://${ref})`;
+    }
+  };
+  function processCkeCommentsLink(doc2) {
+    const containers = doc2.blocks;
+    Object.values(containers).forEach((blocks) => {
+      blocks.forEach((block) => {
+        const text2 = block.text;
+        if (text2) {
+          text2.forEach((op) => {
+            if (op.attributes) {
+              const attributes = op.attributes;
+              const link2 = attributes.link;
+              if (link2 == null ? void 0 : link2.startsWith("comment://")) {
+                delete attributes.link;
+                const commentId = link2.replace("comment://", "");
+                const key = `comment-${commentId.toLocaleLowerCase()}`;
+                attributes[key] = commentId;
+              }
+            }
+          });
+        }
+      });
+    });
+  }
+  const CkeMentionConverter = {
+    filter: (node) => {
+      patchForEmptyBlock("mention", node, ".ones-at-user-block");
+      if (node.nodeName === "SPAN") {
+        const span = node;
+        if (hasClass(span, "ones-at-user-block")) {
+          const name = span.getAttribute("data-default-name");
+          const refId = span.getAttribute("data-ref-id");
+          return Boolean(name) && Boolean(refId);
+        }
+      }
+      return false;
+    },
+    replacement: (content, node) => {
+      const span = node;
+      const name = span.getAttribute("data-default-name") || "";
+      const refId = span.getAttribute("data-ref-id") || "";
+      if (name && refId) {
+        const box = {
+          id: genId(),
+          type: "mention",
+          box: true,
+          created: Date.now(),
+          iconUrl: "",
+          text: name,
+          mentionId: refId
+        };
+        const text2 = [
+          {
+            insert: " ",
+            attributes: box
+          }
+        ];
+        const obj = {
+          text: text2
+        };
+        const base64 = toBase64URL(JSON.stringify(obj));
+        return `[[${base64}]]`;
+      }
+      return name;
+    }
+  };
+  function convertMentionToCkeMention(editor, boxData, doc2, type) {
+    const data2 = boxData;
+    if (type === "html") {
+      return `<ones-at-user data-ref-name="${data2.text}" data-ref-id="${data2.mentionId}" data-default-name="${data2.text}" class="ones-at-user-block" data-viewer="1"><span>@${data2.text}</span></ones-at-user>`;
+    }
+    return `@${data2.text}`;
+  }
+  function patchMentionConverter(editor) {
+    const mentionBox = editor.editorBoxes.getBoxClass("mention");
+    if (mentionBox) {
+      const oldConvertTo = mentionBox.convertTo;
+      if (oldConvertTo !== convertMentionToCkeMention) {
+        mentionBox.convertTo = convertMentionToCkeMention;
+      }
+    }
+  }
+  function processLinks(doc2) {
+    const containers = doc2.blocks;
+    Object.values(containers).forEach((blocks) => {
+      blocks.forEach((block) => {
+        if (block.text) {
+          const text2 = block.text;
+          text2.forEach((op) => {
+            const attributes = op.attributes;
+            if (attributes) {
+              attributes.link;
+            }
+          });
+        }
+      });
+    });
+  }
+  const CkeMarkdownConverter = {
+    filter: (node) => {
+      if (node.nodeName !== "DIV") {
+        return false;
+      }
+      const div = node;
+      return hasClass(div, "ones-marked-card");
+    },
+    replacement: (content, node) => {
+      const textToCodeBlock2 = (text2, language) => {
+        const codeBlocks = text2.split("\n").map((line) => {
+          const block = {
+            type: "text",
+            id: genId(),
+            text: createRichText(line)
+          };
+          return block;
+        });
+        const containerId = genId();
+        const doc22 = {
+          blocks: {
+            root: [
+              {
+                id: genId(),
+                type: "code",
+                language,
+                children: [containerId]
+              }
+            ],
+            [containerId]: codeBlocks
+          },
+          meta: {},
+          comments: {}
+        };
+        return toBase64URL(JSON.stringify(doc22));
+      };
+      const nodeToCodeBlock2 = (node2, lang) => {
+        const text2 = node2.textContent || "";
+        return textToCodeBlock2(text2, lang);
+      };
+      const doc2 = nodeToCodeBlock2(node, "markdown");
+      const fence = "```";
+      return "\n\n" + fence + "\n" + doc2 + "\n" + fence + "\n\n";
+    }
+  };
+  registerCKEHtmlConvert("image", CkeImageConverter);
+  registerCKEHtmlConvert("comment", CkeCommentConverter);
+  registerCKEHtmlConvert("mention", CkeMentionConverter);
+  registerCKEHtmlConvert("markdown", CkeMarkdownConverter);
+  function ckeHtml2Doc(html) {
+    const doc2 = htmlToDoc(html) || createEmptyDoc$1();
+    processCkeCommentsLink(doc2);
+    processLinks(doc2);
+    return doc2;
+  }
+  function injectDocToCkeHtmlFragment(htmlFragment, doc2, text2) {
+    const meta = `<meta charset="utf-8"><ones-editor-doc data-source="ones-editor-doc::${toBase64URL(
+      JSON.stringify(doc2)
+    )}::ones-editor-doc" />`;
+    let textMeta = "";
+    if (text2) {
+      textMeta = `<meta name="ones-editor-text" content="${toBase64URL(text2)}" />`;
+    }
+    const html = `<!doctype html><html><head>${meta}${textMeta}</head><body>${htmlFragment}</body></html>`;
+    return html;
+  }
+  function editorToCKEHtml(editor) {
+    patchMentionConverter(editor);
+    const docObject = editor.doc.toJSON();
+    if (isEmptyDoc(docObject)) {
+      return "";
+    }
+    let html = docToHtmlFragment(editor, docObject);
+    const text2 = docToText(editor, docObject);
+    html = injectDocToCkeHtmlFragment(html, docObject, text2);
+    return html;
+  }
+  function combineDoc(doc1, doc2) {
+    if (isEmptyDoc(doc1)) {
+      return doc2;
+    }
+    if (isEmptyDoc(doc2)) {
+      return doc1;
+    }
+    const splitterDoc = createEmptyDoc$1("", {
+      firstLineAsTitle: false
+    });
+    return mergeDocs([doc1, splitterDoc, doc2]);
+  }
+  function mergeHTMLBodiesOnly(htmlA, htmlB) {
+    const parser = new DOMParser();
+    const docA = parser.parseFromString(htmlA, "text/html");
+    const docB = parser.parseFromString(htmlB, "text/html");
+    const mergedDoc = document.implementation.createHTMLDocument("Merged");
+    const bodyA = docA.body;
+    const bodyB = docB.body;
+    const mergedBody = mergedDoc.body;
+    Array.from(bodyA.childNodes).forEach((node) => {
+      mergedBody.appendChild(mergedDoc.importNode(node, true));
+    });
+    Array.from(bodyB.childNodes).forEach((node) => {
+      mergedBody.appendChild(mergedDoc.importNode(node, true));
+    });
+    return mergedBody.innerHTML;
+  }
+  function combineCkeHtml(html1, html2) {
+    const doc1 = ckeHtml2Doc(html1);
+    const doc2 = ckeHtml2Doc(html2);
+    const newDoc = combineDoc(doc1, doc2);
+    const newHtml = mergeHTMLBodiesOnly(html1, html2);
+    const ret = injectDocToCkeHtmlFragment(newHtml, newDoc);
+    return ret;
+  }
+  function combineRichTextValue(value1, value2) {
+    return combineCkeHtml(value1, value2);
+  }
   const logger = getLogger("create-editor");
+  function getHooks(options, local) {
+    var _a;
+    const hooks = [];
+    if (!options.disableLock) {
+      hooks.push(new BlockLockerHook());
+    }
+    if (!local) {
+      hooks.push(new BlockExclusiveHook());
+    }
+    if ((_a = options.components) == null ? void 0 : _a.blockHooks) {
+      hooks.push(...options.components.blockHooks);
+    }
+    return hooks;
+  }
   function getDefaultOnesEditorOptions(options) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const enableComments = options == null ? void 0 : options.enableComments;
     const quickMenu = (_b = (_a = options.componentsOptions) == null ? void 0 : _a.quickMenu) != null ? _b : { id: "quick-menu", trigger: ["/"], commandProviders: [] };
     (_c = quickMenu.commandProviders) == null ? void 0 : _c.push(new GraphCommandProvider());
@@ -94553,11 +95077,11 @@ ${JSON.stringify(error2, null, 2)}`);
         commandProviders: [new TableBlockCommandProvider(), ...((_g = options.components) == null ? void 0 : _g.commandProviders) || []],
         decorators: [new CodeTextDecorator(), new RemoteCaretsDecorator()],
         insertions: [RemoteCaretsInsertion],
-        blockHooks: [new BlockLockerHook(), new BlockExclusiveHook(), ...((_h = options.components) == null ? void 0 : _h.blockHooks) || []],
+        blockHooks: getHooks(options, false),
         textRenders: [
           enableComments && new OnesEditorCommentsRender(),
           new BlockPaddingRender(),
-          ...((_i = options.components) == null ? void 0 : _i.textRenders) || []
+          ...((_h = options.components) == null ? void 0 : _h.textRenders) || []
         ].filter(Boolean),
         options: { ...options.componentsOptions, quickMenu }
       },
@@ -94576,15 +95100,7 @@ ${JSON.stringify(error2, null, 2)}`);
         TextColorShortcuts,
         ...options.shortcuts || []
       ],
-      colors: [
-        "#B21B57",
-        "#008796",
-        "#7241CC",
-        "#CC4C08",
-        "#5D8F00",
-        "#BD2C1C",
-        "#D17D00"
-      ]
+      colors: ["#B21B57", "#008796", "#7241CC", "#CC4C08", "#5D8F00", "#BD2C1C", "#D17D00"]
     };
     return ret;
   }
@@ -94682,11 +95198,14 @@ ${JSON.stringify(error2, null, 2)}`);
     editor.input.addHandler(new ListPasteHandler());
     editor.doc.registerCallback(new HeadingBlockDocEvents(editor));
     editor.addCustom("remote-cursor", () => new RemoteCarets(editor));
-    editor.addCustom("editor-image-preview", () => new ImagePreviewHandler(editor, (editor2, img) => {
-      var _a2, _b2;
-      (_b2 = (_a2 = options.events) == null ? void 0 : _a2.onPreviewImage) == null ? void 0 : _b2.call(_a2, editor2, img);
-    }));
-    if (options.blockMenuButton !== false) {
+    editor.addCustom(
+      "editor-image-preview",
+      () => new ImagePreviewHandler(editor, (editor2, img) => {
+        var _a2, _b2;
+        (_b2 = (_a2 = options.events) == null ? void 0 : _a2.onPreviewImage) == null ? void 0 : _b2.call(_a2, editor2, img);
+      })
+    );
+    if (options.blockMenuButton !== false && !clientType.isMobile) {
       editor.addCustom("block-menu", (editor2) => new OnesEditorBlockMenuButtons(editor2));
     }
     if (!clientType.isMobile) {
@@ -94694,7 +95213,6 @@ ${JSON.stringify(error2, null, 2)}`);
         var _a2;
         return new OnesEditorQuickMenu(editor, (_a2 = options.componentsOptions) == null ? void 0 : _a2.quickMenu);
       });
-      editor.addCustom("block-menu", (editor2) => new OnesEditorBlockMenuButtons(editor2));
       editor.addCustom("editor-tooltip", () => new OnesEditorTooltip(editor));
       (_c = editor.findCustom("editor-quick-menu")) == null ? void 0 : _c.addFilter("layout-quick-menu-filter", LayoutQuickMenuItemFilter.init(editor));
       (_d = editor.findCustom("editor-block-menu")) == null ? void 0 : _d.addFilter("layout-quick-menu-filter", LayoutQuickMenuItemFilter.init(editor));
@@ -94735,7 +95253,9 @@ ${JSON.stringify(error2, null, 2)}`);
     OnesEditorTocProvider.register(editor);
     OnesEditorExclusiveBlock.register(editor);
     if (!clientType.isMobile) {
-      editor.editorCommandProviders.registerCommandProvider(new TextCommandProvider(editor, { scriptDropDown: true, isFilter: true }));
+      editor.editorCommandProviders.registerCommandProvider(
+        new TextCommandProvider(editor, { scriptDropDown: true, isFilter: true })
+      );
       editor.addCustom("editor-tooltip", () => new OnesEditorTooltip(editor));
     } else {
       editor.addCustom("mobile-helper", () => new OnesEditorMobileHelper(editor));
@@ -94782,14 +95302,14 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "2.9.7";
+    editor.version = "2.9.8-beta.10";
     return editor;
   }
   function isDoc(doc2) {
     return doc2.toJSON !== void 0;
   }
   async function createLocalEditor(root2, docData, options) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
     assert(logger, root2, "app does not exists");
     const doc2 = isDoc(docData) ? docData : new LocalDoc(docData, {
       serverUrl: options.serverUrl || ""
@@ -94805,6 +95325,7 @@ ${JSON.stringify(error2, null, 2)}`);
       id: options.id,
       scrollContainer: options == null ? void 0 : options.scrollContainer,
       enableResolveComments: options == null ? void 0 : options.enableResolveComments,
+      enableComments,
       components: {
         blocks: [...StandardBlocks, ...(_f = (_e = options.components) == null ? void 0 : _e.blocks) != null ? _f : []],
         commandProviders: [new TableBlockCommandProvider()],
@@ -94812,7 +95333,7 @@ ${JSON.stringify(error2, null, 2)}`);
         embeds: [...StandardEmbeds, ...((_g = options.components) == null ? void 0 : _g.embeds) || []],
         boxes: [MathjaxBox, MentionBox, FileBox, StatusBox, ...((_h = options.components) == null ? void 0 : _h.boxes) || []],
         insertions: [RemoteCaretsInsertion],
-        blockHooks: [new BlockLockerHook(), ...((_i = options.components) == null ? void 0 : _i.blockHooks) || []],
+        blockHooks: [...((_i = options.components) == null ? void 0 : _i.blockHooks) || []],
         textRenders: [
           enableComments && new OnesEditorCommentsRender(),
           new BlockPaddingRender(),
@@ -94845,11 +95366,14 @@ ${JSON.stringify(error2, null, 2)}`);
     editor.input.addHandler(new OnesEditorPasteHandler(editor));
     editor.input.addHandler(new BlockLockerPasteHandler());
     editor.input.addHandler(new ListPasteHandler());
-    editor.addCustom("editor-image-preview", () => new ImagePreviewHandler(editor, (editor2, img) => {
-      var _a2, _b2;
-      (_b2 = (_a2 = options.events) == null ? void 0 : _a2.onPreviewImage) == null ? void 0 : _b2.call(_a2, editor2, img);
-    }));
-    if (options.blockMenuButton !== false) {
+    editor.addCustom(
+      "editor-image-preview",
+      () => new ImagePreviewHandler(editor, (editor2, img) => {
+        var _a2, _b2;
+        (_b2 = (_a2 = options.events) == null ? void 0 : _a2.onPreviewImage) == null ? void 0 : _b2.call(_a2, editor2, img);
+      })
+    );
+    if (options.blockMenuButton !== false && !clientType.isMobile) {
       editor.addCustom("block-menu", (editor2) => new OnesEditorBlockMenuButtons(editor2));
     }
     if (!clientType.isMobile) {
@@ -94857,8 +95381,9 @@ ${JSON.stringify(error2, null, 2)}`);
         var _a2;
         return new OnesEditorQuickMenu(editor, (_a2 = options.componentsOptions) == null ? void 0 : _a2.quickMenu);
       });
-      editor.addCustom("block-menu", (editor2) => new OnesEditorBlockMenuButtons(editor2));
-      editor.editorCommandProviders.registerCommandProvider(new TextCommandProvider(editor, { scriptDropDown: true, isFilter: true }));
+      editor.editorCommandProviders.registerCommandProvider(
+        new TextCommandProvider(editor, { scriptDropDown: true, isFilter: true })
+      );
       editor.addCustom("editor-tooltip", () => new OnesEditorTooltip(editor));
       (_k = editor.findCustom("editor-quick-menu")) == null ? void 0 : _k.addFilter("layout-quick-menu-filter", LayoutQuickMenuItemFilter.init(editor));
       (_l = editor.findCustom("editor-block-menu")) == null ? void 0 : _l.addFilter("layout-quick-menu-filter", LayoutQuickMenuItemFilter.init(editor));
@@ -94876,6 +95401,16 @@ ${JSON.stringify(error2, null, 2)}`);
     if (options.enableContextMenu !== false) {
       editor.addCustom("editor-context-menu", (editor2) => new OnesEditorContextMenu(editor2));
     }
+    editor.addCustom("create-options", () => new OnesEditorCustomDataWrapper(editor, options));
+    editor.addCustom("drop-target", () => new OnesEditorDropTarget(editor));
+    editor.addCustom("list-to-mindmap", () => new OnesEditorListMindmap(editor));
+    editor.addCustom("list-to-mention", () => new OnesEditorBlockMention(editor));
+    editor.addCustom("code-caret", () => new OnesEditorCodeCaret(editor));
+    editor.addCustom("layout-paste-handler", () => new LayoutBlockCaptionInputHandler(editor, true));
+    if ((_m = options.componentsOptions) == null ? void 0 : _m.mention) {
+      const mentionOptions = options.componentsOptions.mention;
+      editor.addCustom("mention", () => new OnesEditorMention(editor, mentionOptions));
+    }
     if (options.headingButton !== false) {
       editor.addCustom("heading-collapse", () => new HeadingBlockCollapseButton(editor));
     }
@@ -94896,7 +95431,10 @@ ${JSON.stringify(error2, null, 2)}`);
       }
     });
     OnesEditorToolbar.register(editor);
-    editor.version = "2.9.7";
+    OnesEditorDropTarget.register(editor);
+    OnesEditorTocProvider.register(editor);
+    OnesEditorExclusiveBlock.register(editor);
+    editor.version = "2.9.8-beta.10";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -140689,6 +141227,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.ArrowLeftIcon = arrowLeft;
   exports2.ArrowRightIcon = ArrowRightIcon;
   exports2.ArrowUpIcon = arrowUp;
+  exports2.AttachmentIcon = AttachmentIcon;
   exports2.AudioIcon = AudioIcon;
   exports2.AuthError = AuthError;
   exports2.AuthHeader = AuthHeader;
@@ -140822,9 +141361,11 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.InputtingInsertion = InputtingInsertion;
   exports2.InsertAfterIcon = InsertAfterIcon;
   exports2.InsertBeforeIcon = InsertBeforeIcon;
+  exports2.InsertFileItem = InsertFileItem;
   exports2.InsertImageItem = InsertImageItem;
   exports2.InsertItem = InsertItem;
   exports2.InsertLinkItem = InsertLinkItem;
+  exports2.InsertMentionItem = InsertMentionItem;
   exports2.InsertMenuProvider = InsertMenuProvider;
   exports2.ItalicIcon = ItalicIcon;
   exports2.LaunchIcon = LaunchIcon;
@@ -140855,6 +141396,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.MathIcon = mathIcon;
   exports2.MathMenuIcon = MathMenuIcon;
   exports2.MaxUserError = MaxUserError;
+  exports2.Mention2Icon = Mention2Icon;
   exports2.MentionIcon = MentionIcon;
   exports2.MergeCellIcon = MergeCellIcon;
   exports2.Mindmap = Mindmap;
@@ -140994,12 +141536,15 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.blockToText = blockToText;
   exports2.blocksToDoc = blocksToDoc;
   exports2.changeButtonName = changeButtonName;
+  exports2.ckeHtml2Doc = ckeHtml2Doc;
   exports2.clearAllSelection = clearAllSelection;
   exports2.clientType = clientType;
   exports2.cloneBlock = cloneBlock;
   exports2.cloneChildContainer = cloneChildContainer;
   exports2.cloneDoc = cloneDoc;
   exports2.cloneText = cloneText;
+  exports2.combineCkeHtml = combineCkeHtml;
+  exports2.combineRichTextValue = combineRichTextValue;
   exports2.commentToShareDbComment = commentToShareDbComment;
   exports2.compareElement = compareElement;
   exports2.comparePosition = comparePosition;
@@ -141155,6 +141700,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.editorSelectWordLeft = editorSelectWordLeft;
   exports2.editorSetTextColor = editorSetTextColor;
   exports2.editorShowFindDialog = editorShowFindDialog;
+  exports2.editorToCKEHtml = editorToCKEHtml;
   exports2.editorToDocx = editorToDocx;
   exports2.editorUpdateBlockData = editorUpdateBlockData;
   exports2.editorUpdateCompositionText = editorUpdateCompositionText;
@@ -141321,6 +141867,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.i18n = i18n$1;
   exports2.includeBigTable = includeBigTable;
   exports2.injectBlockOptions = injectBlockOptions;
+  exports2.injectDocToCkeHtmlFragment = injectDocToCkeHtmlFragment;
   exports2.injectDocToHtmlFragment = injectDocToHtmlFragment;
   exports2.injectSource = injectSource;
   exports2.injectStyle = injectStyle;