@ones-editor/editor 2.1.1-beta.66 → 2.1.1-beta.68

package/dist/index.js

@@ -425,7 +425,6 @@ div.editor-root div.editor-content div[data-type=editor-container] div[data-type
   height: 100vh;
   z-index: 9900;
   overflow: hidden;
-  overscroll-behavior: contain;
 }
 div.editor-root > div.editor-content > div[data-type=editor-container] > div.container-blocks > div[data-type=editor-block][data-document-title] {
   font-size: 30px;
@@ -1201,7 +1200,6 @@ div.tippy-box button {
   max-width: 100%;
   border-radius: 8px 8px 0px 0px;
   box-shadow: 0px 0px 8px 0px rgba(45, 45, 46, 0.1019607843);
-  overscroll-behavior: contain;
 }
 div[data-command-bar-id=mobile-bottom-menu] .editor-command-bar {
   display: flex;
@@ -5845,7 +5843,7 @@ div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .co
 div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .command-item .mobile-item-wrap .mobile-item-content {
   height: 400px;
   overflow-y: auto;
-  overscroll-behavior: contain;
+  overscroll-behavior: none;
 }
 div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .command-item .mobile-item-wrap .mobile-item-content .mobile-item {
   display: flex;
@@ -6436,8 +6434,13 @@ div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .co
   border-top: 1px solid #DFE1E5;
 }
 .command-m-bar > .editor-command-bar-root {
+  scrollbar-width: none;
   padding: 0px;
   overflow-x: auto;
+  overscroll-behavior: none;
+}
+.command-m-bar > .editor-command-bar-root::-webkit-scrollbar {
+  display: none;
 }
 .command-m-bar > .editor-command-bar-root.overflowing::after {
   content: "";
@@ -6501,32 +6504,6 @@ div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .co
   position: absolute;
   right: 20px;
   top: 20px;
-}
-.top-command-m-bar {
-  position: fixed;
-  z-index: 111;
-  top: 0px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background-color: antiquewhite;
-  padding: 0 20px;
-  width: 100%;
-}
-.top-command-m-bar .command-m-container {
-  display: flex;
-  width: 100%;
-}
-.top-command-m-bar .command-m-container .command-item {
-  width: 80px;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-html, body {
-  height: 100%;
-  overscroll-behavior: contain;
 }[data-command-bar-id=editor-toolbar] .editor-content div[data-type=editor-block] div[data-type=block-tools] div.select-handle,
 .editor-root .editor-content div[data-type=editor-block] div[data-type=block-tools] div.select-handle {
   position: absolute;
@@ -25139,6 +25116,7 @@ var __publicField = (obj, key, value) => {
     return rect.right > visibleRect.right || rect.left < visibleRect.left;
   }
   function scrollIntoView$1(editor, target, options) {
+    var _a;
     if (!target) {
       return;
     }
@@ -25151,7 +25129,7 @@ var __publicField = (obj, key, value) => {
         });
       }
       animateScrollTo(target, {
-        elementToScroll: getScrollContainer$1(target),
+        elementToScroll: (_a = options.elementToScroll) != null ? _a : getScrollContainer$1(target),
         disableHorizontal: true,
         verticalOffset: options == null ? void 0 : options.verticalOffset
       });
@@ -65000,7 +64978,7 @@ ${codeText}
     }
     get commands() {
       var _a, _b, _c, _d;
-      if (this.editor.readonly || clientType.isMobile) {
+      if (clientType.isMobile) {
         return [];
       }
       let standardCommands = [];
@@ -82235,7 +82213,7 @@ ${content}
   }
   function getBlockProperties$5(editor, block) {
     const properties = getStandardEmbedBlockProperties(editor, block, {
-      presetIds: ["add-comment"],
+      presetIds: editor.readonly ? [] : ["add-comment"],
       extCommands: [{
         id: "refresh",
         name: i18n$1.t("webpage.command.refresh"),
@@ -83041,9 +83019,6 @@ ${content}
         return false;
       },
       extCommands: (editor2, block2) => {
-        if (editor2.readonly) {
-          return [];
-        }
         const blockContent = getBlockContent(block2);
         const drawioImg = blockContent.querySelector(".editor-drawio-content img");
         return [{
@@ -83053,8 +83028,8 @@ ${content}
           states: !drawioImg ? ["disabled"] : []
         }];
       },
-      presetIds: ["edit"],
-      extIds: ["separator", "add-comment"]
+      presetIds: editor.readonly ? [] : ["edit"],
+      extIds: editor.readonly ? [] : ["separator", "add-comment"]
     });
     return { ...properties, abstract: i18n$1.t("drawio.abstract") };
   }
@@ -83288,12 +83263,17 @@ ${content}
     plantuml: "https://plantuml.com/"
   };
   class GraphBlockCommands {
-    constructor(graphType, properties) {
-      __publicField(this, "presetIds", ["edit"]);
-      __publicField(this, "extIds", ["separator", "add-comment"]);
+    constructor(editor, graphType, properties) {
+      this.editor = editor;
       this.graphType = graphType;
       this.properties = properties;
     }
+    get presetIds() {
+      return this.editor.readonly ? [] : ["edit"];
+    }
+    get extIds() {
+      return this.editor.readonly ? [] : ["separator", "add-comment"];
+    }
     extCommands(editor, block) {
       const commands = [
         {
@@ -83302,9 +83282,6 @@ ${content}
           icon: HelpIcon
         }
       ];
-      if (editor.readonly) {
-        return commands;
-      }
       const blockContent = getBlockContent(block);
       const graphImg = blockContent.querySelector("img.graph-embed-image");
       const graphImgSrc = graphImg == null ? void 0 : graphImg.src;
@@ -83336,7 +83313,7 @@ ${content}
     }
   }
   function getGraphEmbedBlockProperties(editor, block, type, properties) {
-    const standardProperties = getStandardEmbedBlockProperties(editor, block, new GraphBlockCommands(type, properties));
+    const standardProperties = getStandardEmbedBlockProperties(editor, block, new GraphBlockCommands(editor, type, properties));
     return { ...standardProperties, abstract: lodash.exports.capitalize(type) };
   }
   class GraphBase {
@@ -86773,7 +86750,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.1.1-beta.66";
+    editor.version = "2.1.1-beta.68";
     if (Logger$2.level === LogLevel.DEBUG) {
       window.setReauthFail = (fail) => {
         window.isReauthError = fail;
@@ -86871,7 +86848,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.1.1-beta.66";
+    editor.version = "2.1.1-beta.68";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ones-editor/editor",
-  "version": "2.1.1-beta.66",
+  "version": "2.1.1-beta.68",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",