@ones-editor/editor 4.0.4 → 4.0.5-beta.ONES22302330.1

package/dist/index.js

@@ -5276,6 +5276,14 @@ div[data-command-bar-id=table-row-column-toolbar] .tippy-box .tippy-content butt
 div[data-command-bar-id=table-cell-menu] .tippy-box .tippy-content .editor-command-bar.menu .command-item.selected[data-id=delete-select-row], div[data-command-bar-id=table-cell-menu] .tippy-box .tippy-content .editor-command-bar.menu .command-item.selected[data-id=delete-select-col] {
   color: #eb3723;
   background-color: #fff6f5;
+}
+@media screen {
+  @supports (content-visibility: auto) and (contain-intrinsic-size: auto 400px) {
+    .editor-root.readonly:not(.find-dialog-open) [data-type=table-content].deferred-table-content {
+      content-visibility: auto;
+      contain-intrinsic-size: auto 1000px auto 400px;
+    }
+  }
 }.editor-root .editor-content div[data-type=editor-block] div[data-type=block-tools] .block-anchor[data-id=paste-special-button-anchor] {
   z-index: unset;
 }
@@ -11884,6 +11892,94 @@ var __publicField = (obj, key, value) => {
     const colorIndex = Math.abs(typeof content === "string" && content.trim() ? hashCode(content.trim()) : 0) % ColorNames.length;
     return ColorNames[colorIndex];
   }
+  const renderers = /* @__PURE__ */ new WeakMap();
+  const pendingEditors = /* @__PURE__ */ new WeakMap();
+  function renderDeferredBlock(block) {
+    var _a;
+    (_a = renderers.get(block)) == null ? void 0 : _a();
+  }
+  class DeferredContents {
+    constructor(editor) {
+      __publicField(this, "pending", /* @__PURE__ */ new Map());
+      __publicField(this, "owners", /* @__PURE__ */ new Map());
+      __publicField(this, "observer");
+      __publicField(this, "renderAll", () => {
+        this.pending.forEach((ids, block) => renderDeferredBlock(block));
+      });
+      __publicField(this, "handleReadonlyChanged", () => {
+        if (!this.editor.readonly)
+          this.renderAll();
+      });
+      __publicField(this, "handleKeyDown", (event) => {
+        if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "f")
+          this.renderAll();
+      });
+      var _a;
+      this.editor = editor;
+      this.observer = new IntersectionObserver((entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting)
+            renderDeferredBlock(entry.target);
+        });
+      }, { root: (_a = editor.options.scrollContainer) != null ? _a : null, rootMargin: "1000px 0px" });
+      editor.on("readonlyChanged", this.handleReadonlyChanged);
+      window.addEventListener("beforeprint", this.renderAll);
+      window.addEventListener("keydown", this.handleKeyDown, true);
+    }
+    add(block, ids, render) {
+      this.pending.set(block, ids);
+      ids.forEach((id) => this.owners.set(id, block));
+      renderers.set(block, () => {
+        this.remove(block);
+        render();
+      });
+      block.setAttribute("data-deferred-content", "true");
+      this.observer.observe(block);
+    }
+    remove(block) {
+      var _a;
+      (_a = this.pending.get(block)) == null ? void 0 : _a.forEach((id) => this.owners.delete(id));
+      this.pending.delete(block);
+      renderers.delete(block);
+      block.removeAttribute("data-deferred-content");
+      this.observer.unobserve(block);
+    }
+    renderId(id) {
+      const block = this.owners.get(id);
+      if (block)
+        renderDeferredBlock(block);
+    }
+    destroy() {
+      this.observer.disconnect();
+      this.pending.forEach((ids, block) => renderers.delete(block));
+      this.owners.clear();
+      this.pending.clear();
+      this.editor.off("readonlyChanged", this.handleReadonlyChanged);
+      window.removeEventListener("beforeprint", this.renderAll);
+      window.removeEventListener("keydown", this.handleKeyDown, true);
+      pendingEditors.delete(this.editor);
+    }
+  }
+  function deferBlockContent(editor, block, ids, render) {
+    let pending = pendingEditors.get(editor);
+    if (!pending) {
+      pending = editor.addCustom("deferred-contents", () => new DeferredContents(editor));
+      pendingEditors.set(editor, pending);
+    }
+    pending.add(block, ids, render);
+  }
+  function renderDeferredContents(editor) {
+    var _a;
+    (_a = pendingEditors.get(editor)) == null ? void 0 : _a.renderAll();
+  }
+  function removeDeferredBlock(editor, block) {
+    var _a;
+    (_a = pendingEditors.get(editor)) == null ? void 0 : _a.remove(block);
+  }
+  function renderDeferredId(editor, id) {
+    var _a;
+    (_a = pendingEditors.get(editor)) == null ? void 0 : _a.renderId(id);
+  }
   const logger$4P = getLogger("container");
   function isContainer(elem) {
     return elem.getAttribute("data-type") === "editor-container";
@@ -11919,7 +12015,11 @@ var __publicField = (obj, key, value) => {
     return container;
   }
   function getContainerById(editor, containerId) {
-    const container = editor.rootElement.querySelector(`[data-container-id=${containerId}]`);
+    let container = editor.rootElement.querySelector(`[data-container-id=${containerId}]`);
+    if (!container) {
+      renderDeferredId(editor, containerId);
+      container = editor.rootElement.querySelector(`[data-container-id=${containerId}]`);
+    }
     assert(logger$4O, container, `no container: ${containerId}`);
     return container;
   }
@@ -26782,9 +26882,25 @@ var __publicField = (obj, key, value) => {
       }
     }
   }
+  function allSelected(editor, range) {
+    if (range.isCollapsed()) {
+      return false;
+    }
+    const firstChildBlock = getFirstChildBlock(editor.rootContainer);
+    const lastChildBlock = getLastChildBlock(editor.rootContainer);
+    const { start, end } = range;
+    return start.blockId === getBlockId(firstChildBlock) && start.offset === 0 && end.blockId === getBlockId(lastChildBlock) && end.offset === getBlockTextLength$6(editor, lastChildBlock);
+  }
   function updateSelectionBackground(editor) {
     clearAllSelection(editor);
-    editor.selection.range.getSelectedBlocks().forEach((s) => updateBlockSelection(editor, s.block, s.start, s.end));
+    const { range } = editor.selection;
+    const cssSelection = hasClass(editor.rootContainer, "select-all") && range.isSimple() && allSelected(editor, range);
+    range.getSelectedBlocks().forEach((s) => {
+      if (cssSelection && isTextKindBlock(editor, s.block) && !s.block.hasAttribute("data-document-title")) {
+        return;
+      }
+      updateBlockSelection(editor, s.block, s.start, s.end);
+    });
   }
   const logger$3T = getLogger("editor-dom");
   function editorGetClientHeight(editor) {
@@ -26933,15 +27049,6 @@ var __publicField = (obj, key, value) => {
       anchorElem.remove();
     }, 200);
   }
-  function allSelected(editor, range) {
-    if (range.isCollapsed()) {
-      return false;
-    }
-    const firstChildBlock = getFirstChildBlock(editor.rootContainer);
-    const lastChildBlock = getLastChildBlock(editor.rootContainer);
-    const { start, end } = range;
-    return start.blockId === getBlockId(firstChildBlock) && start.offset === 0 && end.blockId === getBlockId(lastChildBlock) && end.offset === getBlockTextLength$6(editor, lastChildBlock);
-  }
   const logger$3S = getLogger("range-in-block");
   function rangeInBlock(block, range) {
     const editor = range.getEditor();
@@ -27708,14 +27815,14 @@ var __publicField = (obj, key, value) => {
   }
   function mergeDocs(docs) {
     const rootBlocks = [];
-    let childContainers = {};
+    const childContainers = /* @__PURE__ */ Object.create(null);
     docs.forEach((doc2) => {
       rootBlocks.push(...doc2.blocks.root);
-      const { root: root2, ...subContainers } = doc2.blocks;
-      childContainers = {
-        ...childContainers,
-        ...subContainers
-      };
+      Object.entries(doc2.blocks).forEach(([containerId, blocks]) => {
+        if (containerId !== "root") {
+          childContainers[containerId] = blocks;
+        }
+      });
     });
     return {
       blocks: {
@@ -29025,10 +29132,10 @@ var __publicField = (obj, key, value) => {
       doc2.blocks[childContainerId] = cloneDeep__default.default(childBlocks);
     });
   }
-  function selectedBlockToDoc(editor, selectedBlock) {
+  function selectedBlockToDoc(editor, selectedBlock, getSourceDoc) {
     const blockClass = getBlockClass(editor, selectedBlock.block);
     if (blockClass.selectionToDoc) {
-      return blockClass.selectionToDoc(editor, selectedBlock);
+      return blockClass.selectionToDoc(editor, selectedBlock, getSourceDoc);
     }
     const data2 = cloneDeep__default.default(editorGetBlockData(editor, selectedBlock.block));
     if (isTextKindBlock(editor, selectedBlock.block)) {
@@ -29095,7 +29202,12 @@ var __publicField = (obj, key, value) => {
   }
   function selectionToDoc$2(editor) {
     const selectedBlocks = editor.selection.range.getSelectedBlocks();
-    const docs = selectedBlocks.map((s) => selectedBlockToDoc(editor, s));
+    let sourceDoc;
+    const getSourceDoc = () => {
+      sourceDoc != null ? sourceDoc : sourceDoc = editor.doc.toJSON();
+      return sourceDoc;
+    };
+    const docs = selectedBlocks.map((s) => selectedBlockToDoc(editor, s, getSourceDoc));
     return mergeDocs(docs);
   }
   function containerToDoc(editor, containerId) {
@@ -32523,7 +32635,11 @@ ${codeText}
       return this.selection.getFocusedBlock();
     }
     findBlockById(id) {
-      const block = this.rootContainer.querySelector(`#${id}`);
+      let block = this.rootContainer.querySelector(`#${id}`);
+      if (!block) {
+        renderDeferredId(this, id);
+        block = this.rootContainer.querySelector(`#${id}`);
+      }
       if (block) {
         assert(logger$3a, isBlock$1(block), "not an valid block element");
       }
@@ -41160,9 +41276,31 @@ ${codeText}
   class ChildBlockEventTracker extends tinyTypedEmitter.TypedEmitter {
     constructor(editor) {
       super();
+      __publicField(this, "trackedListeners", /* @__PURE__ */ new Map());
       this.editor = editor;
       this.editor.doc.registerCallback(this);
     }
+    track(callback) {
+      var _a;
+      const count = (_a = this.trackedListeners.get(callback)) != null ? _a : 0;
+      this.trackedListeners.set(callback, count + 1);
+      if (count === 0) {
+        this.addListener("change", callback);
+        this.addListener("insert", callback);
+      }
+    }
+    untrack(callback) {
+      const count = this.trackedListeners.get(callback);
+      if (!count)
+        return;
+      if (count > 1) {
+        this.trackedListeners.set(callback, count - 1);
+      } else {
+        this.trackedListeners.delete(callback);
+        this.removeListener("change", callback);
+        this.removeListener("insert", callback);
+      }
+    }
     handleChild(containerId, blockIndex, action) {
       if (isRootContainer(getContainerById(this.editor, containerId))) {
         return;
@@ -41190,6 +41328,8 @@ ${codeText}
     }
     destroy() {
       this.editor.doc.unregisterCallback(this);
+      this.trackedListeners.clear();
+      this.removeAllListeners();
     }
   }
   function trackChildBlockEvent(editor, callback) {
@@ -41197,16 +41337,14 @@ ${codeText}
       "child-block-tracker",
       () => new ChildBlockEventTracker(editor)
     );
-    handler.addListener("change", callback);
-    handler.addListener("insert", callback);
+    handler.track(callback);
   }
   function untrackChildBlockEvent(editor, callback) {
     const handler = editor.addCustom(
       "child-block-tracker",
       () => new ChildBlockEventTracker(editor)
     );
-    handler.removeListener("change", callback);
-    handler.removeListener("insert", callback);
+    handler.untrack(callback);
   }
   const style$e = "";
   const zhCN$x = {
@@ -45594,6 +45732,7 @@ ${codeText}
     return `${getBlockId(block)}_scroll`;
   }
   function getBlockTable(block) {
+    renderDeferredBlock(block);
     const table = block.querySelector("div[data-type=table-content] >table");
     assert(logger$2D, table instanceof HTMLTableElement, "invalid table");
     return table;
@@ -48677,13 +48816,22 @@ ${codeText}
   class ContainerIntersectionObserver {
     constructor(scrollCore, callback) {
       __publicField(this, "intersectionObserver");
+      __publicField(this, "intersecting", /* @__PURE__ */ new WeakSet());
       __publicField(this, "handleIntersection", (entries) => {
         entries.forEach((entry) => {
           const container = this.containers.get(getContainer(entry.target));
           if (container) {
-            this.handleIntersectionEntry(entry);
+            if (entry.isIntersecting || this.intersecting.has(entry.target)) {
+              this.handleIntersectionEntry(entry);
+            }
+            if (entry.isIntersecting) {
+              this.intersecting.add(entry.target);
+            } else {
+              this.intersecting.delete(entry.target);
+            }
             this.callback(entry);
           } else {
+            this.intersecting.delete(entry.target);
             this.intersectionObserver.unobserve(entry.target);
           }
         });
@@ -48712,9 +48860,11 @@ ${codeText}
       this.intersectionObserver.observe(scrollContainer);
     }
     unbind(scrollContainer) {
+      this.intersecting.delete(scrollContainer);
       this.intersectionObserver.unobserve(scrollContainer);
     }
     destroy() {
+      this.intersecting = /* @__PURE__ */ new WeakSet();
       this.intersectionObserver.disconnect();
     }
   }
@@ -49053,11 +49203,17 @@ ${codeText}
       __publicField(this, "scrollWrapResizeObserve", null);
       __publicField(this, "locatingContainerResizeObserver", null);
       __publicField(this, "isWindowEventBind", false);
+      __publicField(this, "boundContainers", /* @__PURE__ */ new WeakSet());
       __publicField(this, "containers", /* @__PURE__ */ new Map());
+      __publicField(this, "containerCallbacks", /* @__PURE__ */ new Map());
       __publicField(this, "handleScrollContainerScroll", (scrollContainerElement) => {
+        var _a;
+        (_a = this.containerCallbacks.get(getContainer(scrollContainerElement))) == null ? void 0 : _a.scroll(this, scrollContainerElement);
         this.emit("scroll", this, scrollContainerElement);
       });
       __publicField(this, "handleResize", (scrollContainerElement) => {
+        var _a;
+        (_a = this.containerCallbacks.get(getContainer(scrollContainerElement))) == null ? void 0 : _a.resize(this, scrollContainerElement);
         this.emit("resize", this, scrollContainerElement);
       });
       __publicField(this, "handleIntersection", (entry) => {
@@ -49110,6 +49266,8 @@ ${codeText}
     }
     unbindCore(scrollContainer, scrollWrap) {
       var _a, _b, _c, _d, _e, _f;
+      if (!this.boundContainers.delete(scrollContainer))
+        return;
       const scrollbarContainer = getScrollbarContainer(scrollContainer);
       (_a = this.containerScrollObserver) == null ? void 0 : _a.unbindContentScroll(scrollContainer);
       (_b = this.containerScrollObserver) == null ? void 0 : _b.unbind(scrollbarContainer);
@@ -49134,8 +49292,11 @@ ${codeText}
         (_e = this.parentContainerScrollObserver) == null ? void 0 : _e.bindScrollContainer(scrollContainer);
       }
       (_f = this.locatingContainerResizeObserver) == null ? void 0 : _f.bind(scrollContainer);
+      this.boundContainers.add(scrollContainer);
     }
-    bind(container, option) {
+    bind(container, option, callbacks) {
+      if (callbacks)
+        this.containerCallbacks.set(container, callbacks);
       this.containers.set(container, option);
       const scrollContainer = container.firstElementChild;
       if (!this.containerIntersectionObserver) {
@@ -49149,6 +49310,7 @@ ${codeText}
       const scrollWrap = getContainerScrollArea(scrollContainer);
       this.unbindCore(scrollContainer, scrollWrap);
       this.containers.delete(container);
+      this.containerCallbacks.delete(container);
       (_a = this.containerIntersectionObserver) == null ? void 0 : _a.unbind(scrollContainer);
       if (!this.containers.size) {
         this.destroy();
@@ -49197,9 +49359,10 @@ ${codeText}
           rootScrollMap.set(parentContainer, this.scrollListener);
         }
         this.scrollListener.unbind(container);
-        this.scrollListener.bind(container, options);
-        this.scrollListener.on("scroll", this.handleContainerScroll);
-        this.scrollListener.on("resize", this.handleResize);
+        this.scrollListener.bind(container, options, {
+          scroll: this.handleContainerScroll,
+          resize: this.handleResize
+        });
         this.scrollContainerElement = scrollContainerElement;
       });
       __publicField(this, "handleContainerScroll", (scrollListener, scrollContainerElement) => {
@@ -49228,8 +49391,6 @@ ${codeText}
       baseListener.destroy();
     }
     destroy() {
-      var _a;
-      (_a = this.scrollListener) == null ? void 0 : _a.off("scroll", this.handleContainerScroll);
       const container = getContainer(this.contentElement);
       if (container) {
         rootScrollMap.forEach((baseListener, parentContainer) => {
@@ -74825,6 +74986,7 @@ ${codeText}
     return table;
   }
   function createBlockContent$2(editor, path, container, blockElement, blockData) {
+    var _a, _b;
     assert(logger$_, blockData.type === "table", "not table data");
     assert(logger$_, getContainerId(container) === path[path.length - 1].containerId, "invalid path");
     const tableData = blockData;
@@ -74832,9 +74994,40 @@ ${codeText}
     try {
       const tableContent = createElement("div", [], null);
       tableContent.setAttribute("data-type", "table-content");
-      const table = createTable(editor, path, tableData);
-      table.classList.add("drag-preview-element");
-      tableContent.appendChild(table);
+      if (isRootContainer(container)) {
+        addClass(tableContent, "deferred-table-content");
+      }
+      let placeholder2;
+      const renderTable = () => {
+        try {
+          const table = createTable(editor, path, tableData);
+          table.classList.add("drag-preview-element");
+          tableContent.appendChild(table);
+        } catch (err) {
+          const message = `invalid table data: ${JSON.stringify(tableData)}`;
+          logger$_.error(message);
+          createElement("div", ["error"], tableContent).innerText = message;
+        }
+        placeholder2 == null ? void 0 : placeholder2.remove();
+        tableContent.style.minHeight = "";
+      };
+      const defer = editor.readonly && isRootContainer(container) && path[0].blockIndex >= 10 && !tableData.chart && ((_a = tableData.colsWidth) == null ? void 0 : _a.length) === tableData.cols && tableData.colsWidth.every((width) => width > 0) && typeof IntersectionObserver !== "undefined" && editor.doc.getContainerBlocks("root").length >= 200 && tableData.children.every((id) => editor.doc.getContainerBlocks(id).every((block) => {
+        var _a2;
+        return block.type === "text" && !block.heading && !block.children && ((_a2 = block.text) == null ? void 0 : _a2.every((op) => {
+          var _a3, _b2;
+          return !((_a3 = op.attributes) == null ? void 0 : _a3.box) && !((_b2 = op.attributes) == null ? void 0 : _b2.insertion);
+        }));
+      }));
+      if (defer) {
+        tableContent.style.minHeight = "400px";
+        placeholder2 = createElement("table", [], tableContent);
+        placeholder2.style.minWidth = `${((_b = tableData.colsWidth) != null ? _b : []).reduce((sum, width) => sum + width, 0)}px`;
+        placeholder2.setAttribute("aria-hidden", "true");
+        const ids = tableData.children.flatMap((id) => [id, ...editor.doc.getContainerBlocks(id).map((block) => block.id)]);
+        deferBlockContent(editor, blockElement, ids, renderTable);
+      } else {
+        renderTable();
+      }
       const options = editor.getComponentOptions("table");
       if (!clientType.isMobile) {
         handleTableResizeMouseEvent(editor);
@@ -74847,15 +75040,16 @@ ${codeText}
       }
       trackChildBlockEvent(editor, handleChartDebounceUpdate);
       const scrollContainer = editor.addCustom(getTableScrollKey(blockElement), () => createScrollContainer());
-      const overflowY = window.getComputedStyle(container).overflowY;
+      const rootContainer = isRootContainer(container);
+      const overflowY = rootContainer ? "" : window.getComputedStyle(container).overflowY;
       const containerScrollable = overflowY === "auto" || overflowY === "scroll";
       scrollContainer.init({
         parentElement: content,
         childElement: tableContent,
         safeRightSpace: clientType.isMobile ? 20 : 50,
         safeLeftSpace: 40,
-        parentContainer: isRootContainer(container) || !containerScrollable ? editor.scrollContainer : container,
-        locatingContainer: isRootContainer(container) ? (options == null ? void 0 : options.locatingContainer) || editor.parent : container,
+        parentContainer: rootContainer || !containerScrollable ? editor.scrollContainer : container,
+        locatingContainer: rootContainer ? (options == null ? void 0 : options.locatingContainer) || editor.parent : container,
         paddingLeft: TABLE_BAR_WIDTH + INSERT_BUTTON_SIZE,
         paddingTop: TABLE_BAR_WIDTH + INSERT_BUTTON_SIZE,
         paddingBottom: INSERT_BUTTON_SIZE / 2,
@@ -74867,9 +75061,11 @@ ${codeText}
       const tableScrollEvents = handleTableScrollEvents(editor);
       scrollContainer.on("scroll", tableScrollEvents.handleReset);
       scrollContainer.on("resize", tableScrollEvents.handleReset);
-      setTimeout(() => {
-        handleChartUpdate(editor, blockElement);
-      });
+      if (tableData.chart) {
+        setTimeout(() => {
+          handleChartUpdate(editor, blockElement);
+        });
+      }
     } catch (err) {
       const message = `invalid table data: ${JSON.stringify(tableData)}`;
       logger$_.error(message);
@@ -75024,13 +75220,14 @@ ${codeText}
       return acc;
     }, {});
   }
-  function selectionToDoc(editor, selectedBlock) {
+  function selectionToDoc(editor, selectedBlock, getSourceDoc) {
     const { start, end, block } = selectedBlock;
     const blockType = getBlockType(block);
     assert(logger$Y, blockType === "table", `invalid block type: ${blockType}`);
     const blockData = editor.getBlockData(block);
+    const oldDoc = getSourceDoc ? getSourceDoc() : editor.doc.toJSON();
     if (start.isSimple() && end.isSimple()) {
-      const doc2 = cloneBlock(editor.editorBlocks, editor.doc.toJSON(), blockData);
+      const doc2 = cloneBlock(editor.editorBlocks, oldDoc, blockData);
       return doc2;
     }
     assert(logger$Y, !start.isSimple() && !end.isSimple(), "invalid block pos type");
@@ -75038,7 +75235,6 @@ ${codeText}
     const { fromCol, toCol, fromRow, toRow } = getTableSelectionRange(block, start, end);
     const spanData = {};
     const children = [];
-    const oldDoc = editor.doc.toJSON();
     let childContainers = {};
     const subGrid = grid.sub({ row: fromRow, col: fromCol }, { row: toRow, col: toCol });
     subGrid.forEach((row, rowIndex) => {
@@ -75692,13 +75888,14 @@ ${codeText}
     return new DOMRect(clientRect.left, clientRect.top + offset, clientRect.width, Math.max(clientRect.height - offset * 2, 0));
   }
   function handleDeleteBlock$4(editor, block) {
+    removeDeferredBlock(editor, block);
     untrackChildBlockEvent(editor, handleChartDebounceUpdate);
     const scrollContent = editor.findCustom(getTableScrollKey(block));
     if (scrollContent) {
       const tableScrollEvents = handleTableScrollEvents(editor);
       scrollContent.off("scroll", tableScrollEvents.handleReset);
       scrollContent.off("resize", tableScrollEvents.handleReset);
-      scrollContent.destroy();
+      editor.destroyCustom(getTableScrollKey(block));
     }
   }
   function getBlockProperties$9() {
@@ -79835,7 +80032,11 @@ ${docStr}
       const eleRect = firstChild.getBoundingClientRect();
       offsetTop = eleRect.y;
     }
-    scrollIntoView(editor, firstChild, { animation: true });
+    if (editor.readonly) {
+      firstChild.scrollIntoView({ block: "center", inline: "nearest" });
+    } else {
+      scrollIntoView(editor, firstChild, { animation: true });
+    }
   }
   function getCurrentHighligh(editor) {
     const elem = editor.rootContainer.querySelector(".editor-highlight.active");
@@ -80102,6 +80303,7 @@ ${docStr}
     if (!find) {
       return;
     }
+    renderDeferredContents(editor);
     const blocks = getAllChildBlocks(editor, {
       simpleBlockOnly: true,
       visibleOnly: true
@@ -80430,6 +80632,7 @@ ${docStr}
       this.components.statusContainer.style.display = "flex";
     }
     show(options) {
+      this.editor.rootElement.classList.add("find-dialog-open");
       document.addEventListener("keydown", this.handleDocumentKeyDown);
       const text2 = this.editor.getSelectedText();
       if (text2.length > 0 && text2.length < 50) {
@@ -80482,6 +80685,7 @@ ${docStr}
     }
     hide() {
       var _a;
+      this.editor.rootElement.classList.remove("find-dialog-open");
       (_a = this.dialog) == null ? void 0 : _a.close("cancelBar");
       clearAllHighlights(this.editor);
       document.removeEventListener("keydown", this.handleDocumentKeyDown);
@@ -80496,6 +80700,7 @@ ${docStr}
     }
     destroy() {
       var _a;
+      this.editor.rootElement.classList.remove("find-dialog-open");
       (_a = this.dialog) == null ? void 0 : _a.destroy();
     }
   }
@@ -97342,7 +97547,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "4.0.4";
+    editor.version = "4.0.5-beta.ONES22302330.1";
     return editor;
   }
   function isDoc(doc2) {
@@ -97478,7 +97683,7 @@ ${JSON.stringify(error2, null, 2)}`);
       OnesEditorDropTarget.register(editor);
       OnesEditorTocProvider.register(editor);
       OnesEditorExclusiveBlock.register(editor);
-      editor.version = "4.0.4";
+      editor.version = "4.0.5-beta.ONES22302330.1";
       return editor;
     } catch (error2) {
       try {
@@ -97621,7 +97826,7 @@ ${JSON.stringify(error2, null, 2)}`);
         }
       }
     });
-    editor.version = "4.0.4";
+    editor.version = "4.0.5-beta.ONES22302330.1";
     return editor;
   }
   const emojis$1 = {
@@ -143752,6 +143957,7 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.createTextWithReplaceSoftReturn = createTextWithReplaceSoftReturn;
   exports2.dataURLToBlob = dataURLToBlob;
   exports2.daysAfter = daysAfter;
+  exports2.deferBlockContent = deferBlockContent;
   exports2.deleteColor = deleteColor;
   exports2.deleteText = deleteText;
   exports2.diffDays = diffDays;
@@ -144116,9 +144322,13 @@ ${JSON.stringify(error2, null, 2)}`);
   exports2.registerDragDrop = registerDragDrop;
   exports2.removeAttribute = removeAttribute;
   exports2.removeClass = removeClass;
+  exports2.removeDeferredBlock = removeDeferredBlock;
   exports2.removeLastBr = removeLastBr;
   exports2.removePlaceholderFromBlock = removePlaceholderFromBlock;
   exports2.removeStyle = removeStyle;
+  exports2.renderDeferredBlock = renderDeferredBlock;
+  exports2.renderDeferredContents = renderDeferredContents;
+  exports2.renderDeferredId = renderDeferredId;
   exports2.repairDuplicatedBlockIds = repairDuplicatedBlockIds;
   exports2.replaceAll = replaceAll$1;
   exports2.replaceAllCaseInsensitive = replaceAllCaseInsensitive;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ones-editor/editor",
-  "version": "4.0.4",
+  "version": "4.0.5-beta.ONES22302330.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "dependencies": {