@ones-editor/editor 2.1.1-beta.82 → 2.1.1-beta.84

package/dist/index.js

@@ -1594,6 +1594,7 @@ div.tippy-box[data-theme=menu] .tippy-content .editor-command-bar.menu .menu-ite
   line-height: 1.4;
   color: #000;
   width: 100%;
+  resize: none;
 }
 .editor-input-wrap .editor-input-container .editor-input:hover {
   border-color: #0064ff;
@@ -1608,9 +1609,6 @@ div.tippy-box[data-theme=menu] .tippy-content .editor-command-bar.menu .menu-ite
 .editor-input-wrap .editor-input-container .editor-input.has-prefix {
   padding-left: 30px;
 }
-.editor-input-wrap .editor-input-container textarea {
-  resize: none;
-}
 .editor-input-wrap .editor-input-container .editor-input-addon, .editor-input-wrap .editor-input-container .editor-input-prefix, .editor-input-wrap .editor-input-container .editor-input-suffix {
   height: 100%;
   position: absolute;
@@ -2619,14 +2617,40 @@ div.editor-root:not(.readonly) div.editor-content div[data-type=editor-container
 [data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap {
   padding: 0px 15px;
 }
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap.error .editor-input-container.textarea {
+  border: 1px solid #e82100;
+}
 [data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container {
   padding: 0;
 }
 [data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container .editor-input {
   line-height: 1.4;
-  padding: 11px 10px;
-  height: 44px;
+  height: 100%;
   white-space: nowrap;
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea {
+  padding: 0px 10px;
+  border: 1px solid #c7c7c7;
+  height: 44px;
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea:hover {
+  border-color: #0064ff;
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea.focus {
+  border-color: #0064ff;
+  box-shadow: 0px 0px 0px 2px rgba(51, 143, 229, 0.2);
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea .editor-input {
+  border: none;
+  padding: 11px 0px;
+  width: calc(100% - 20px);
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea .editor-input:hover {
+  border: none;
+}
+[data-command-bar-id=mobile-bottom-menu] .link-popup .editor-command-bar .command-item[data-id=link-popup] .link-form-content .editor-input-wrap .editor-input-container.textarea .editor-input:focus {
+  border: none;
+  box-shadow: none;
 }div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block] div[data-type=block-content] > span.math-box {
   display: inline-flex;
   vertical-align: middle;
@@ -40376,7 +40400,7 @@ ${codeText}
           if (this.popper) {
             this.popper.setAttribute("data-command-bar-id", "mobile-bottom-menu");
           }
-        }, 200);
+        }, 600);
       });
     }
     close(reason) {
@@ -41014,6 +41038,11 @@ ${codeText}
       });
       __publicField(this, "handleKeyDown", (e2, composing) => {
         var _a, _b;
+        if (this.options.mode === "textarea") {
+          if (e2.code === "Enter") {
+            e2.preventDefault();
+          }
+        }
         (_b = (_a = this.options).onKeyDown) == null ? void 0 : _b.call(_a, e2, composing);
       });
       __publicField(this, "showSuffix", () => {
@@ -41035,6 +41064,12 @@ ${codeText}
       });
       __publicField(this, "handleInput", (e2) => {
         var _a, _b;
+        if (this.options.mode === "textarea") {
+          const input2 = e2.target;
+          if (input2.value.includes("\n")) {
+            input2.value = input2.value.replace(/\n/g, "");
+          }
+        }
         (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, e2);
         removeClass(this.container, "error");
         if (this.options.maxLength) {
@@ -41095,7 +41130,14 @@ ${codeText}
       const inputContainer = createElement("div", ["editor-input-container"], container);
       let input2;
       if ((options == null ? void 0 : options.mode) === "textarea") {
+        addClass(inputContainer, "textarea");
         input2 = createElement("textarea", ["editor-input"], null);
+        input2.onfocus = () => {
+          addClass(inputContainer, "focus");
+        };
+        input2.onblur = () => {
+          removeClass(inputContainer, "focus");
+        };
       } else {
         input2 = createElement("input", ["editor-input"], null);
       }
@@ -79760,6 +79802,9 @@ ${content}
         return groupEachCommand(commands);
       });
       __publicField(this, "showToolbar", () => {
+        if (this.editor.readonly) {
+          return;
+        }
         tippy$1.hideAll();
         const commands = this.getCommands();
         this.toolbar.updateItems(commands);
@@ -84741,6 +84786,9 @@ ${data2.flowchartText}
       this.block = block;
     }
     get commands() {
+      if (clientType.isMobile) {
+        return [];
+      }
       if (this.isHoveringImageEmpty()) {
         return [];
       }
@@ -84783,7 +84831,9 @@ ${data2.flowchartText}
         video.controls = true;
         video.src = url;
         video.addEventListener("canplay", () => {
-          editor.addCustom("video-resizer", () => new VideoResizer(editor));
+          if (!clientType.isMobile) {
+            editor.addCustom("video-resizer", () => new VideoResizer(editor));
+          }
           this.getMedia(editor, blockData.id).removeListener("mediaError", this.handleMediaError);
           this.getMedia(editor, blockData.id).addListener("mediaError", this.handleMediaError);
           this.getMedia(editor, blockData.id).removeFullScreen();
@@ -84825,9 +84875,11 @@ ${data2.flowchartText}
       };
     }
     handleMediaError(editor, type, blockId) {
-      const videoResizer = editor.addCustom("video-resizer", () => new VideoResizer(editor));
-      const block = editor.getBlockById(blockId);
-      videoResizer.disableBlockResize(block);
+      if (!clientType.isMobile) {
+        const videoResizer = editor.addCustom("video-resizer", () => new VideoResizer(editor));
+        const block = editor.getBlockById(blockId);
+        videoResizer.disableBlockResize(block);
+      }
     }
     updateMediaElement(editor, mediaElement, blockData, url) {
       const video = mediaElement.querySelector(":scope .video-container > video");
@@ -84841,12 +84893,12 @@ ${data2.flowchartText}
         video.style.width = "";
       }
       const block = editor.getBlockById(blockData.id);
-      setTimeout(() => {
-        if (!clientType.isMobile) {
+      if (!clientType.isMobile) {
+        setTimeout(() => {
           const videoResizer = editor.addCustom("video-resizer", () => new VideoResizer(editor));
           videoResizer.updateResizer(block);
-        }
-      });
+        });
+      }
       return video;
     }
   }
@@ -86778,7 +86830,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.1.1-beta.82";
+    editor.version = "2.1.1-beta.84";
     if (Logger$2.level === LogLevel.DEBUG) {
       window.setReauthFail = (fail) => {
         window.isReauthError = fail;
@@ -86879,7 +86931,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.1.1-beta.82";
+    editor.version = "2.1.1-beta.84";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {

package/package.json

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