@ones-editor/editor 2.2.16-beta.1 → 2.2.16-beta.10

package/dist/index.js

@@ -88,6 +88,8 @@ div.editor-root div.editor-content .editor-input {
   width: 16px;
   height: 20px;
   font-size: 16px;
+  white-space: nowrap;
+  overflow: hidden;
 }
 div.editor-root div.editor-content div[data-type=editor-container] {
   position: relative;
@@ -762,7 +764,7 @@ div.comment-editor-root div.root.select-all > .container-blocks > div[data-type=
 ::placeholder {
   color: #bbb;
 }/* The snackbar - position it at the bottom and in the middle of the screen */
-.toast {
+.ones-editor-toast {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   visibility: hidden; /* Hidden by default. Visible on click */
   min-width: 250px; /* Set a default minimum width */
@@ -773,20 +775,35 @@ div.comment-editor-root div.root.select-all > .container-blocks > div[data-type=
   border-radius: 2px; /* Rounded borders */
   padding: 8px; /* Padding */
   position: fixed; /* Sit on top of the screen */
-  z-index: 1; /* Add a z-index if needed */
+  z-index: 12000; /* Add a z-index if needed */
   left: 50%; /* Center the snackbar */
   bottom: 30px; /* 30px from the bottom */
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
 }
-.toast.show {
+.ones-editor-toast.show {
   visibility: visible; /* Show the snackbar */
   animation: toast_fade_in 0.5s, toast_fade_out 0.5s 2.5s;
 }
-.toast.positioned.show {
+.ones-editor-toast.positioned.show {
   animation: toast_fade_in_positioned 0.5s, toast_fade_out_positioned 0.5s 2.5s;
 }
-.toast.positioned {
+.ones-editor-toast.positioned {
   bottom: unset;
 }
+.ones-editor-toast > .close {
+  width: 24px;
+  height: 24px;
+  justify-content: center;
+  display: inline-flex;
+  align-items: center;
+  cursor: pointer;
+}
+.ones-editor-toast > .close:hover {
+  background-color: rgba(255, 255, 255, 0.1019607843);
+}
 @keyframes toast_fade_in {
   from {
     bottom: 0;
@@ -7036,7 +7053,7 @@ div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .co
 }
 [data-command-bar-id=editor-toolbar] .editor-content div[data-type=editor-block] div[data-type=block-tools] div.select-handle .line,
 .editor-root .editor-content div[data-type=editor-block] div[data-type=block-tools] div.select-handle .line {
-  width: 4px;
+  width: 2px;
   height: 16px;
   background-color: var(--primary-color);
   flex-grow: 1;
@@ -7044,8 +7061,8 @@ div[data-command-bar-id=mobile-bottom-menu] .mobile-menu-wrap.editor-mention .co
 }
 [data-command-bar-id=editor-toolbar] .editor-content div[data-type=editor-block] div[data-type=block-tools] div.select-handle .circle,
 .editor-root .editor-content div[data-type=editor-block] div[data-type=block-tools] div.select-handle .circle {
-  width: 16px;
-  height: 16px;
+  width: 8px;
+  height: 8px;
   border-radius: 50%;
   flex-grow: 0;
   flex-shrink: 0;
@@ -7067,6 +7084,132 @@ div.editor-root div.editor-content div[data-block-type=embed] > .embed-mask::aft
   bottom: 0;
   z-index: 999;
   opacity: 0;
+}.ones-editor-toast[data-theme=warn] {
+  background-color: #f59300;
+}
+.ones-editor-toast[data-theme=warn] .toast-message {
+  display: inline-flex;
+  align-items: center;
+}
+.ones-editor-toast[data-theme=warn] .toast-message svg {
+  margin-right: 8px;
+  width: 24px;
+  height: 24px;
+  fill: white;
+}
+.ones-editor-toast[data-theme=warn] a {
+  margin-left: 5px;
+  text-decoration: underline;
+  cursor: pointer;
+}:root {
+  --editor-quoted-color: #7084a4;
+  --editor-drawio-empty-svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC43MjAzIDI4LjcwOTdIMjUuOTIzM0MyNS4yMTY1IDI4LjcwOTcgMjQuNjQzNSAyOC4xNDgxIDI0LjY0MzUgMjcuNDU1MlYyNS43MzMzSDIwLjUyODNDMjAuNDk4NiAyNS43Njk2IDIwLjQ2NjkgMjUuODA0MiAyMC40MzMzIDI1LjgzN0wxNS45MTkyIDMwLjI2MjFWMzQuNzU1NkgyNC42NDM1VjMzLjcyNzZDMjQuNjQzNSAzMy4wMzQ4IDI1LjIxNjUgMzIuNDczMiAyNS45MjMzIDMyLjQ3MzJIMzguNzIwM0MzOS40MjcgMzIuNDczMiA0MCAzMy4wMzQ4IDQwIDMzLjcyNzZWMzguNzQ1NUM0MCAzOS40MzgzIDM5LjQyNyA0MCAzOC43MjAzIDQwSDI1LjkyMzNDMjUuMjE2NSA0MCAyNC42NDM1IDM5LjQzODMgMjQuNjQzNSAzOC43NDU1VjM3LjMzMzNIMTQuNjI2M0MxMy45MTIyIDM3LjMzMzMgMTMuMzMzMyAzNi43NTYyIDEzLjMzMzMgMzYuMDQ0NFYzMC42OTQxTDguMzc4NTIgMjUuODM3QzguMTM2MjYgMjUuNjAxNCA4IDI1LjI4MDggOCAyNC45NDYzQzggMjQuNjExOCA4LjEzNjI2IDI0LjI5MTEgOC4zNzg1MiAyNC4wNTU2TDEzLjMzMzMgMTkuMTk4NVYxNS43NzJDMTEuNzc5OCAxNS4yMjI5IDEwLjY2NjcgMTMuNzQxNiAxMC42NjY3IDEyQzEwLjY2NjcgOS43OTA4NSAxMi40NTc1IDggMTQuNjY2NyA4QzE2Ljg3NTggOCAxOC42NjY2IDkuNzkwODUgMTguNjY2NiAxMkMxOC42NjY2IDEzLjcyNjUgMTcuNTU4OCAxNS4yNTgxIDE1LjkxOTEgMTUuNzk4OFYxOS4yODg4QzE1LjkxOTEgMTkuMzkxOCAxNS45MDY4IDE5LjQ5NDMgMTUuODgyMyAxOS41OTQzTDE5LjUxNTEgMjMuMTU1NUgyNC42NDM1VjIyLjQzNzNDMjQuNjQzNSAyMS43NDQ1IDI1LjIxNjUgMjEuMTgyOSAyNS45MjMzIDIxLjE4MjlIMzguNzIwM0MzOS40MjcgMjEuMTgyOSA0MCAyMS43NDQ1IDQwIDIyLjQzNzNWMjcuNDU1MkM0MCAyOC4xNDgxIDM5LjQyNyAyOC43MDk3IDM4LjcyMDMgMjguNzA5N1pNMjcuMjAzIDM3LjQ5MUgzNy40NDA2VjM0Ljk4MjFIMjcuMjAzVjM3LjQ5MVpNMTQuNDA1OSAyOC4xOTU0TDExLjA5MTUgMjQuOTQ2M0wxNC40MDU5IDIxLjY5NzJMMTcuNzIwNCAyNC45NDYzTDE0LjQwNTkgMjguMTk1NFpNMjcuMjAzIDI2LjIwMDhIMzcuNDQwNlYyMy42OTE4SDI3LjIwM1YyNi4yMDA4WiIgZmlsbD0iIzA3MTQyQSIvPgo8L3N2Zz4K");
+}
+.flex-center, .editor-drawio-iframe-container.loading:before {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.full-screen, .editor-drawio-iframe-container.loading:before, .drawio-iframe-element, .editor-drawio-iframe-container {
+  width: 100%;
+  height: 100%;
+}
+.editor-drawio-iframe-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 1000;
+}
+div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] {
+  outline: 1px solid #dedede;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio].drawio-load-error > div[data-type=block-content] {
+  padding: 0;
+  min-height: 200px;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio].drawio-load-error > div[data-type=block-content] .editor-drawio-content {
+  width: 100%;
+  height: 100%;
+  min-height: inherit;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] {
+  background-color: #fff;
+  justify-content: center;
+  border-radius: 3px;
+  padding: 10px;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content {
+  width: 100%;
+  height: 100%;
+  background-color: #f8f8f8;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  text-align: center;
+  flex: 1;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-brand-icon > svg {
+  width: 48px;
+  height: 48px;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-title {
+  font-weight: 500;
+  font-size: 18px;
+  line-height: 26px;
+  text-align: center;
+  color: #303030;
+  margin: 23px 0 5px;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-sub-title {
+  font-size: 14px;
+  line-height: 22px;
+  text-align: center;
+  color: #606060;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-sub-title > span.drawio-error-retry-button {
+  cursor: pointer;
+  margin-left: 4px;
+  color: #0064ff;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .drawio-empty-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .drawio-empty-content > span {
+  font-size: 14px;
+  line-height: 22px;
+  text-align: center;
+  color: #606060;
+  margin-top: 23px;
+}
+.embed-block .editor-drawio-content.editor-embed {
+  width: 100%;
+  min-height: 80px;
+  display: inline-block;
+  text-align: center;
+}
+.embed-block .editor-drawio-content.editor-embed .editor-empty-drawio {
+  width: 240px;
+  height: 400px;
+}
+div.editor-root div.editor-content div[data-type=editor-container] div[data-embed-type=drawio].embed-block > div[data-type=block-content] img {
+  max-width: 100%;
+  max-height: 100%;
+}
+.editor-drawio-iframe-container.loading:before {
+  content: attr(data-placeholder);
+  position: absolute;
+  top: 0;
+  left: 0;
+  background-color: #f7f6f3;
+  z-index: 2;
 }.editor-root.readonly [data-type=editor-container].root div[data-type=editor-block].layout-block .layout-column-container.layout-column-container {
   background-color: transparent;
 }
@@ -7590,115 +7733,6 @@ div[data-command-bar-id=layout-column-toolbar] .tippy-box .tippy-content button.
 }
 div.editor-root div.editor-content div[data-type=editor-container].root.select-all > .container-blocks > div[data-type=editor-block][data-embed-type=webpage] > div[data-type=block-content]::before {
   display: block;
-}:root {
-  --editor-quoted-color: #7084a4;
-  --editor-drawio-empty-svg: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOC43MjAzIDI4LjcwOTdIMjUuOTIzM0MyNS4yMTY1IDI4LjcwOTcgMjQuNjQzNSAyOC4xNDgxIDI0LjY0MzUgMjcuNDU1MlYyNS43MzMzSDIwLjUyODNDMjAuNDk4NiAyNS43Njk2IDIwLjQ2NjkgMjUuODA0MiAyMC40MzMzIDI1LjgzN0wxNS45MTkyIDMwLjI2MjFWMzQuNzU1NkgyNC42NDM1VjMzLjcyNzZDMjQuNjQzNSAzMy4wMzQ4IDI1LjIxNjUgMzIuNDczMiAyNS45MjMzIDMyLjQ3MzJIMzguNzIwM0MzOS40MjcgMzIuNDczMiA0MCAzMy4wMzQ4IDQwIDMzLjcyNzZWMzguNzQ1NUM0MCAzOS40MzgzIDM5LjQyNyA0MCAzOC43MjAzIDQwSDI1LjkyMzNDMjUuMjE2NSA0MCAyNC42NDM1IDM5LjQzODMgMjQuNjQzNSAzOC43NDU1VjM3LjMzMzNIMTQuNjI2M0MxMy45MTIyIDM3LjMzMzMgMTMuMzMzMyAzNi43NTYyIDEzLjMzMzMgMzYuMDQ0NFYzMC42OTQxTDguMzc4NTIgMjUuODM3QzguMTM2MjYgMjUuNjAxNCA4IDI1LjI4MDggOCAyNC45NDYzQzggMjQuNjExOCA4LjEzNjI2IDI0LjI5MTEgOC4zNzg1MiAyNC4wNTU2TDEzLjMzMzMgMTkuMTk4NVYxNS43NzJDMTEuNzc5OCAxNS4yMjI5IDEwLjY2NjcgMTMuNzQxNiAxMC42NjY3IDEyQzEwLjY2NjcgOS43OTA4NSAxMi40NTc1IDggMTQuNjY2NyA4QzE2Ljg3NTggOCAxOC42NjY2IDkuNzkwODUgMTguNjY2NiAxMkMxOC42NjY2IDEzLjcyNjUgMTcuNTU4OCAxNS4yNTgxIDE1LjkxOTEgMTUuNzk4OFYxOS4yODg4QzE1LjkxOTEgMTkuMzkxOCAxNS45MDY4IDE5LjQ5NDMgMTUuODgyMyAxOS41OTQzTDE5LjUxNTEgMjMuMTU1NUgyNC42NDM1VjIyLjQzNzNDMjQuNjQzNSAyMS43NDQ1IDI1LjIxNjUgMjEuMTgyOSAyNS45MjMzIDIxLjE4MjlIMzguNzIwM0MzOS40MjcgMjEuMTgyOSA0MCAyMS43NDQ1IDQwIDIyLjQzNzNWMjcuNDU1MkM0MCAyOC4xNDgxIDM5LjQyNyAyOC43MDk3IDM4LjcyMDMgMjguNzA5N1pNMjcuMjAzIDM3LjQ5MUgzNy40NDA2VjM0Ljk4MjFIMjcuMjAzVjM3LjQ5MVpNMTQuNDA1OSAyOC4xOTU0TDExLjA5MTUgMjQuOTQ2M0wxNC40MDU5IDIxLjY5NzJMMTcuNzIwNCAyNC45NDYzTDE0LjQwNTkgMjguMTk1NFpNMjcuMjAzIDI2LjIwMDhIMzcuNDQwNlYyMy42OTE4SDI3LjIwM1YyNi4yMDA4WiIgZmlsbD0iIzA3MTQyQSIvPgo8L3N2Zz4K");
-}
-.flex-center, .editor-drawio-iframe-container.loading:before {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.full-screen, .editor-drawio-iframe-container.loading:before, .drawio-iframe-element, .editor-drawio-iframe-container {
-  width: 100%;
-  height: 100%;
-}
-.editor-drawio-iframe-container {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 1000;
-}
-div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] {
-  outline: 1px solid #dedede;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio].drawio-load-error > div[data-type=block-content] {
-  padding: 0;
-  min-height: 200px;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio].drawio-load-error > div[data-type=block-content] .editor-drawio-content {
-  width: 100%;
-  height: 100%;
-  min-height: inherit;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] {
-  background-color: #fff;
-  justify-content: center;
-  border-radius: 3px;
-  padding: 10px;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content {
-  width: 100%;
-  height: 100%;
-  background-color: #f8f8f8;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  text-align: center;
-  flex: 1;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-brand-icon > svg {
-  width: 48px;
-  height: 48px;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-title {
-  font-weight: 500;
-  font-size: 18px;
-  line-height: 26px;
-  text-align: center;
-  color: #303030;
-  margin: 23px 0 5px;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-sub-title {
-  font-size: 14px;
-  line-height: 22px;
-  text-align: center;
-  color: #606060;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .editor-drawio-content > div.drawio-error-content > div.drawio-error-sub-title > span.drawio-error-retry-button {
-  cursor: pointer;
-  margin-left: 4px;
-  color: #0064ff;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .drawio-empty-content {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-type=editor-block].embed-block[data-embed-type=drawio] > div[data-type=block-content] .drawio-empty-content > span {
-  font-size: 14px;
-  line-height: 22px;
-  text-align: center;
-  color: #606060;
-  margin-top: 23px;
-}
-.embed-block .editor-drawio-content.editor-embed {
-  width: 100%;
-  min-height: 80px;
-  display: inline-block;
-  text-align: center;
-}
-.embed-block .editor-drawio-content.editor-embed .editor-empty-drawio {
-  width: 240px;
-  height: 400px;
-}
-div.editor-root div.editor-content div[data-type=editor-container] div[data-embed-type=drawio].embed-block > div[data-type=block-content] img {
-  max-width: 100%;
-  max-height: 100%;
-}
-.editor-drawio-iframe-container.loading:before {
-  content: attr(data-placeholder);
-  position: absolute;
-  top: 0;
-  left: 0;
-  background-color: #f7f6f3;
-  z-index: 2;
 }.editor-content .editing {
   background-color: rgba(205, 205, 205, 0.2509803922);
 }
@@ -25882,25 +25916,97 @@ var __publicField = (obj, key, value) => {
       offset
     };
   }
+  class BlockAttributesHandler {
+    constructor(editor) {
+      __publicField(this, "textBlockAttributes", /* @__PURE__ */ new Map());
+      __publicField(this, "activeBlockAttributes", /* @__PURE__ */ new Map());
+      __publicField(this, "lastRange");
+      __publicField(this, "clear", () => {
+        this.activeBlockAttributes.clear();
+      });
+      __publicField(this, "handleSelectionChanged", () => {
+        var _a, _b, _c, _d;
+        const range = this.editor.selection.range;
+        if (range.isSimple() && ((_a = this.lastRange) == null ? void 0 : _a.start.blockId) === range.start.blockId && ((_b = this.lastRange) == null ? void 0 : _b.end.blockId) === range.end.blockId && ((_c = this.lastRange) == null ? void 0 : _c.start.offset) === range.start.offset && ((_d = this.lastRange) == null ? void 0 : _d.end.offset) === range.end.offset) {
+          return;
+        }
+        this.lastRange = range;
+        this.clear();
+      });
+      __publicField(this, "setActiveBlockAttributes", (attributes) => {
+        Array.from(this.activeBlockAttributes).forEach(([key, value]) => {
+          const op = { attributes, insert: "" };
+          if (key === "color" || key === "backgroundColor") {
+            if (value === null || value === void 0) {
+              deleteColor(op, key);
+            } else {
+              addColor(op, key, value);
+            }
+            return;
+          }
+          if (!value) {
+            delete attributes[key];
+          } else {
+            const scriptKeys = ["style-sub", "style-super"];
+            if (scriptKeys.includes(key)) {
+              const [another] = scriptKeys.filter((keys) => keys !== key);
+              delete attributes[another];
+            }
+            attributes[key] = value;
+          }
+        });
+      });
+      __publicField(this, "setEmptyBlockTextAttributes", (blockId, attributes) => {
+        this.textBlockAttributes.set(blockId, attributes);
+      });
+      __publicField(this, "setActiveAttribute", (attribute, value) => {
+        this.activeBlockAttributes.set(attribute, value);
+      });
+      this.editor = editor;
+      this.editor.addListener("docChanged", this.clear);
+      this.editor.addListener("selectionChanged", this.handleSelectionChanged);
+    }
+    static get(editor) {
+      return editor.addCustom("BlockAttributesHandler", () => new BlockAttributesHandler(editor));
+    }
+    destroy() {
+      this.editor.removeListener("docChanged", this.clear);
+      this.editor.removeListener("selectionChanged", this.handleSelectionChanged);
+    }
+    getEmptyBlockTextAttributes(blockId) {
+      var _a;
+      const attributes = cloneDeep__default.default((_a = this.textBlockAttributes.get(blockId)) != null ? _a : {});
+      Array.from(Object.entries(attributes)).forEach(([key, value]) => {
+        if (!value) {
+          delete attributes[key];
+        }
+      });
+      this.setActiveBlockAttributes(attributes);
+      if (Object.keys(attributes).length === 0) {
+        return void 0;
+      }
+      return attributes;
+    }
+  }
   const logger$3y = getLogger("insert-text");
   function getTextAttributes(editor, containerId, blockIndex, offset) {
-    var _a, _b, _c, _d;
+    var _a, _b;
     const blockData = editor.doc.getBlockData(containerId, blockIndex);
     assert(logger$3y, blockData, "no block data");
     assert(logger$3y, blockData.text, "no block text");
     if (getTextLength(blockData.text) === 0) {
       assert(logger$3y, offset === 0, "invalid text offset");
-      return (_a = editor.findCustom("block-attributes-handler")) == null ? void 0 : _a.getEmptyBlockTextAttributes(blockData.id);
+      return BlockAttributesHandler.get(editor).getEmptyBlockTextAttributes(blockData.id);
     }
     if (offset === 0) {
       return void 0;
     }
     const prev = splitToThree(blockData.text, offset - 1, 1).middle;
-    if ((_b = prev[0].attributes) == null ? void 0 : _b.box) {
+    if ((_a = prev[0].attributes) == null ? void 0 : _a.box) {
       return void 0;
     }
-    const attributes = (_c = prev[0].attributes) != null ? _c : {};
-    (_d = editor.findCustom("block-attributes-handler")) == null ? void 0 : _d.setActiveBlockAttributes(attributes);
+    const attributes = (_b = prev[0].attributes) != null ? _b : {};
+    BlockAttributesHandler.get(editor).setActiveBlockAttributes(attributes);
     if (Object.keys(attributes).length === 0) {
       return void 0;
     }
@@ -31085,75 +31191,6 @@ ${codeText}
     const editor = new Editor(parent, doc2, options);
     return editor;
   }
-  class BlockAttributesHandler {
-    constructor(editor) {
-      __publicField(this, "textBlockAttributes", /* @__PURE__ */ new Map());
-      __publicField(this, "activeBlockAttributes", /* @__PURE__ */ new Map());
-      __publicField(this, "lastRange");
-      __publicField(this, "clear", () => {
-        this.activeBlockAttributes.clear();
-      });
-      __publicField(this, "handleSelectionChanged", () => {
-        var _a, _b, _c, _d;
-        const range = this.editor.selection.range;
-        if (range.isSimple() && ((_a = this.lastRange) == null ? void 0 : _a.start.blockId) === range.start.blockId && ((_b = this.lastRange) == null ? void 0 : _b.end.blockId) === range.end.blockId && ((_c = this.lastRange) == null ? void 0 : _c.start.offset) === range.start.offset && ((_d = this.lastRange) == null ? void 0 : _d.end.offset) === range.end.offset) {
-          return;
-        }
-        this.lastRange = range;
-        this.clear();
-      });
-      __publicField(this, "setActiveBlockAttributes", (attributes) => {
-        Array.from(this.activeBlockAttributes).forEach(([key, value]) => {
-          const op = { attributes, insert: "" };
-          if (key === "color" || key === "backgroundColor") {
-            if (value === null || value === void 0) {
-              deleteColor(op, key);
-            } else {
-              addColor(op, key, value);
-            }
-            return;
-          }
-          if (!value) {
-            delete attributes[key];
-          } else {
-            const scriptKeys = ["style-sub", "style-super"];
-            if (scriptKeys.includes(key)) {
-              const [another] = scriptKeys.filter((keys) => keys !== key);
-              delete attributes[another];
-            }
-            attributes[key] = value;
-          }
-        });
-      });
-      __publicField(this, "setEmptyBlockTextAttributes", (blockId, attributes) => {
-        this.textBlockAttributes.set(blockId, attributes);
-      });
-      __publicField(this, "setActiveAttribute", (attribute, value) => {
-        this.activeBlockAttributes.set(attribute, value);
-      });
-      this.editor = editor;
-      this.editor.addListener("docChanged", this.clear);
-      this.editor.addListener("selectionChanged", this.handleSelectionChanged);
-    }
-    destroy() {
-      this.editor.removeListener("docChanged", this.clear);
-      this.editor.removeListener("selectionChanged", this.handleSelectionChanged);
-    }
-    getEmptyBlockTextAttributes(blockId) {
-      var _a;
-      const attributes = cloneDeep__default.default((_a = this.textBlockAttributes.get(blockId)) != null ? _a : {});
-      Array.from(Object.entries(attributes)).forEach(([key, value]) => {
-        if (!value) {
-          delete attributes[key];
-        }
-      });
-      this.setActiveBlockAttributes(attributes);
-      if (Object.keys(attributes).length === 0) {
-        return void 0;
-      }
-      return attributes;
-    }
-  }
   const DefaultColors = ["#B21B57", "#008796", "#7241CC", "#CC4C08", "#5D8F00", "#BD2C1C", "#D17D00"];
   class RemoteUsers extends tinyTypedEmitter.TypedEmitter {
     constructor(colors) {
@@ -39646,7 +39683,7 @@ ${codeText}
   const DownloadIcon$1 = '<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M8.00001 9.2376L8.00006 1L9.00006 1.00001L9.00001 9.2373L12.1299 6.10621L12.8372 6.81318L8.85364 10.7982L8.50009 11.1519L8.14647 10.7983L4.16145 6.81325L4.86855 6.10614L8.00001 9.2376ZM3 13.9434C3 14.2195 3.22386 14.4434 3.5 14.4434L13.5 14.4434C13.7761 14.4434 14 14.2195 14 13.9434V9.94336H15V13.9434C15 14.7718 14.3284 15.4434 13.5 15.4434L3.5 15.4434C2.67157 15.4434 2 14.7718 2 13.9434L2 9.94336H3L3 13.9434Z" fill="currentColor"/>\n</svg>\n';
   const alterEmoji = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="5" cy="6" r="1" fill="#2D2D2E"/>\n<circle cx="11" cy="6" r="1" fill="#2D2D2E"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M4.12622 9C4.57027 10.7252 6.13637 12 8.0002 12C9.86403 12 11.4301 10.7252 11.8742 9H10.2922C9.90639 9.88294 9.02535 10.5 8.0002 10.5C6.97505 10.5 6.09401 9.88294 5.70823 9H4.12622Z" fill="#2D2D2E"/>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C8.69781 1.5 9.36994 1.60996 10 1.8135V0.252035C9.36076 0.087506 8.6906 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 7.3094 15.9125 6.63924 15.748 6H14.1865C14.39 6.63006 14.5 7.30219 14.5 8Z" fill="#2D2D2E"/>\n<line x1="12" y1="2.5" x2="15" y2="2.5" stroke="#2D2D2E"/>\n<line x1="13.5" y1="1" x2="13.5" y2="4" stroke="#2D2D2E"/>\n</svg>\n';
   const ForbiddenIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M8 15C11.866 15 15 11.866 15 8M8 15C4.13401 15 1 11.866 1 8M8 15C11.8324 15 15 11.8324 15 8M8 15C4.16755 15 1 11.8324 1 8M15 8C15 4.13401 11.866 1 8 1M15 8C15 4.16755 11.8324 1 8 1M1 8C1 4.13401 4.13401 1 8 1M1 8C1 4.16755 4.16755 1 8 1M12.9581 12.7581L3.2 3" stroke="currentColor" stroke-width="1" stroke-linecap="square" stroke-linejoin="round"/>\n</svg>\n';
-  const WarningFilledIcon = '<svg width="1em" height="1em" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7768 15.0001H2.22316C1.45534 15.0001 0.973967 14.1706 1.35491 13.5039L7.63174 2.51949C8.01563 1.84767 8.98433 1.84767 9.36822 2.51949L13.6428 10.0001L15.645 13.5039C16.026 14.1706 15.5446 15.0001 14.7768 15.0001ZM8.99998 6.00006V10.0001H7.99998V6.00006H8.99998ZM8.99998 13.0001V11.0001H7.99998V13.0001H8.99998Z" fill="#F59300"/>\n</svg>\n';
+  const WarningFilledIcon = '<svg width="1em" height="1em" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7768 15.0001H2.22316C1.45534 15.0001 0.973967 14.1706 1.35491 13.5039L7.63174 2.51949C8.01563 1.84767 8.98433 1.84767 9.36822 2.51949L13.6428 10.0001L15.645 13.5039C16.026 14.1706 15.5446 15.0001 14.7768 15.0001ZM8.99998 6.00006V10.0001H7.99998V6.00006H8.99998ZM8.99998 13.0001V11.0001H7.99998V13.0001H8.99998Z" fill="currentColor"/>\n</svg>\n';
   const InformationFilledIcon = '<svg width="1em" height="1em" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 8C15.5 11.8659 12.3659 15 8.5 15C4.63408 15 1.5 11.8659 1.5 8C1.5 4.13408 4.63408 1 8.5 1C12.3659 1 15.5 4.13408 15.5 8ZM9 7V12H8V7H9ZM9 6V4H8V6H9Z" fill="#0064FF"/>\n</svg>\n';
   const AddEmojiIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M13 0V2H11V3H13V5H14V3H16V2H14V0H13ZM8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5C11.5899 14.5 14.5 11.5899 14.5 8C14.5 7.68424 14.4775 7.37402 14.4341 7.0708L15.4241 6.9292C15.4741 7.27918 15.5 7.63672 15.5 8C15.5 12.1421 12.1421 15.5 8 15.5C3.85786 15.5 0.5 12.1421 0.5 8C0.5 3.85786 3.85786 0.5 8 0.5C8.36328 0.5 8.72082 0.525866 9.0708 0.575927L8.9292 1.56585C8.62598 1.52248 8.31576 1.5 8 1.5ZM6.5 6C6.5 6.55228 6.05228 7 5.5 7C4.94772 7 4.5 6.55228 4.5 6C4.5 5.44772 4.94772 5 5.5 5C6.05228 5 6.5 5.44772 6.5 6ZM10.5 7C11.0523 7 11.5 6.55228 11.5 6C11.5 5.44772 11.0523 5 10.5 5C9.94771 5 9.5 5.44772 9.5 6C9.5 6.55228 9.94771 7 10.5 7ZM5.5 9C5.5 9.21658 5.52742 9.42603 5.57873 9.62537C5.85629 10.7037 6.83579 11.5 8 11.5C9.16421 11.5 10.1437 10.7037 10.4213 9.62537C10.4726 9.42603 10.5 9.21658 10.5 9H11.5C11.5 9.30137 11.4618 9.59454 11.3897 9.87463C11.0012 11.3841 9.63155 12.5 8 12.5C6.36845 12.5 4.9988 11.3841 4.61029 9.87463C4.53821 9.59454 4.5 9.30137 4.5 9H5.5Z" fill="currentColor"/>\n</svg>\n';
   const BallIcon = '<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<mask id="path-1-inside-1_1548_11413" fill="white">\n<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5013 3.3051C10.1794 2.54193 8.68788 2.3389 7.30151 2.62236C7.45689 4.13682 7.15402 5.71323 6.33478 7.13219C5.50852 8.56333 4.11113 9.53449 2.72696 10.1315C3.13679 11.5836 4.09134 12.8834 5.50125 13.6974C6.88859 14.4984 8.46285 14.6824 9.90627 14.3344C9.73444 12.799 10.0339 11.1962 10.8656 9.75572C11.672 8.35905 12.8605 7.31942 14.2224 6.69331C13.7867 5.31322 12.8534 4.08575 11.5013 3.3051ZM14.4471 7.6945C13.3477 8.2443 12.3923 9.11137 11.7316 10.2557C11.049 11.4381 10.78 12.7449 10.8797 14.0101C12.0246 13.5168 13.0262 12.6639 13.6974 11.5013C14.3889 10.3035 14.6205 8.96642 14.4471 7.6945ZM3.3051 5.50125C4.01521 4.2713 5.09503 3.38789 6.32314 2.91033C6.41573 4.16535 6.14557 5.45992 5.46876 6.63219C4.82049 7.75503 3.71484 8.57888 2.53314 9.12317C2.40542 7.90718 2.64699 6.64113 3.3051 5.50125ZM2.43907 5.00125C4.37207 1.6532 8.6532 0.506078 12.0013 2.43907C15.3493 4.37207 16.4964 8.6532 14.5634 12.0013C12.6304 15.3493 8.3493 16.4964 5.00125 14.5634C1.6532 12.6304 0.506078 8.3493 2.43907 5.00125Z"/>\n</mask>\n<path d="M7.30151 2.62236L7.10119 1.64262L6.21435 1.82395L6.30673 2.72442L7.30151 2.62236ZM11.5013 3.3051L11.0013 4.17113L11.5013 3.3051ZM6.33478 7.13219L5.46876 6.63219L6.33478 7.13219ZM2.72696 10.1315L2.33094 9.21321L1.52664 9.56009L1.76455 10.4031L2.72696 10.1315ZM5.50125 13.6974L5.00125 14.5634L5.50125 13.6974ZM9.90627 14.3344L10.1406 15.3066L10.9982 15.0999L10.9001 14.2232L9.90627 14.3344ZM10.8656 9.75572L11.7316 10.2557H11.7316L10.8656 9.75572ZM14.2224 6.69331L14.6401 7.60189L15.4416 7.23343L15.176 6.39225L14.2224 6.69331ZM14.4471 7.6945L15.4379 7.55935L15.2491 6.17528L13.9997 6.80012L14.4471 7.6945ZM11.7316 10.2557L10.8656 9.75572H10.8656L11.7316 10.2557ZM10.8797 14.0101L9.88282 14.0886L9.99256 15.4812L11.2754 14.9285L10.8797 14.0101ZM13.6974 11.5013L12.8314 11.0013L13.6974 11.5013ZM6.32314 2.91033L7.32043 2.83676L7.22095 1.48827L5.96072 1.97831L6.32314 2.91033ZM3.3051 5.50125L2.43907 5.00125H2.43907L3.3051 5.50125ZM5.46876 6.63219L6.33478 7.13219L5.46876 6.63219ZM2.53314 9.12317L1.53861 9.22763L1.68435 10.6151L2.95149 10.0315L2.53314 9.12317ZM12.0013 2.43907L12.5013 1.57305V1.57305L12.0013 2.43907ZM2.43907 5.00125L1.57305 4.50125L2.43907 5.00125ZM5.00125 14.5634L5.50125 13.6974L5.00125 14.5634ZM7.50182 3.60209C8.65795 3.36571 9.89913 3.53482 11.0013 4.17113L12.0013 2.43907C10.4597 1.54905 8.71781 1.31209 7.10119 1.64262L7.50182 3.60209ZM7.20081 7.63219C8.12871 6.02502 8.47241 4.23693 8.29629 2.5203L6.30673 2.72442C6.44137 4.03672 6.17934 5.40143 5.46876 6.63219L7.20081 7.63219ZM3.12298 11.0497C4.62558 10.4017 6.23063 9.31259 7.20081 7.63219L5.46876 6.63219C4.7864 7.81407 3.59667 8.66733 2.33094 9.21321L3.12298 11.0497ZM6.00125 12.8314C4.82601 12.1529 4.03127 11.0713 3.68936 9.85983L1.76455 10.4031C2.24231 12.0959 3.35667 13.6139 5.00125 14.5634L6.00125 12.8314ZM9.67195 13.3623C8.46788 13.6525 7.15776 13.4991 6.00125 12.8314L5.00125 14.5634C6.61943 15.4977 8.45783 15.7122 10.1406 15.3066L9.67195 13.3623ZM10.9001 14.2232C10.7512 12.8926 11.0103 11.5051 11.7316 10.2557L9.99958 9.25572C9.05756 10.8874 8.71771 12.7053 8.91247 14.4457L10.9001 14.2232ZM11.7316 10.2557C12.4311 9.04424 13.4601 8.14438 14.6401 7.60189L13.8047 5.78473C12.2609 6.49445 10.9129 7.67385 9.99958 9.25572L11.7316 10.2557ZM11.0013 4.17113C12.1285 4.82195 12.9054 5.84331 13.2688 6.99437L15.176 6.39225C14.668 4.78312 13.5782 3.34955 12.0013 2.43907L11.0013 4.17113ZM13.9997 6.80012C12.7306 7.43489 11.6272 8.43667 10.8656 9.75572L12.5977 10.7557C13.1575 9.78606 13.9649 9.05372 14.8944 8.58888L13.9997 6.80012ZM10.8656 9.75572C10.0787 11.1187 9.76773 12.6282 9.88282 14.0886L11.8766 13.9315C11.7923 12.8617 12.0193 11.7575 12.5977 10.7557L10.8656 9.75572ZM12.8314 11.0013C12.2714 11.9711 11.438 12.6807 10.4841 13.0917L11.2754 14.9285C12.6112 14.353 13.7809 13.3566 14.5634 12.0013L12.8314 11.0013ZM13.4562 7.82965C13.6008 8.88963 13.4082 10.0022 12.8314 11.0013L14.5634 12.0013C15.3697 10.6048 15.6403 9.0432 15.4379 7.55935L13.4562 7.82965ZM5.96072 1.97831C4.52816 2.53538 3.26705 3.56715 2.43907 5.00125L4.17113 6.00125C4.76337 4.97546 5.6619 4.2404 6.68556 3.84234L5.96072 1.97831ZM6.33478 7.13219C7.11497 5.78087 7.42731 4.28557 7.32043 2.83676L5.32585 2.9839C5.40414 4.04514 5.17618 5.13896 4.60273 6.13219L6.33478 7.13219ZM2.95149 10.0315C4.24894 9.43386 5.54945 8.49242 6.33478 7.13219L4.60273 6.13219C4.09152 7.01764 3.18075 7.72391 2.11479 8.21488L2.95149 10.0315ZM2.43907 5.00125C1.6719 6.33004 1.38957 7.80869 1.53861 9.22763L3.52767 9.01871C3.42126 8.00567 3.62209 6.95221 4.17113 6.00125L2.43907 5.00125ZM12.5013 1.57305C8.67491 -0.63609 3.78219 0.674911 1.57305 4.50125L3.3051 5.50125C4.96195 2.6315 8.6315 1.64825 11.5013 3.3051L12.5013 1.57305ZM15.4295 12.5013C17.6386 8.67491 16.3276 3.78219 12.5013 1.57305L11.5013 3.3051C14.371 4.96195 15.3543 8.6315 13.6974 11.5013L15.4295 12.5013ZM4.50125 15.4295C8.32759 17.6386 13.2203 16.3276 15.4295 12.5013L13.6974 11.5013C12.0406 14.371 8.37101 15.3543 5.50125 13.6974L4.50125 15.4295ZM1.57305 4.50125C-0.63609 8.32759 0.674911 13.2203 4.50125 15.4295L5.50125 13.6974C2.6315 12.0406 1.64825 8.37101 3.3051 5.50125L1.57305 4.50125Z" fill="currentColor" mask="url(#path-1-inside-1_1548_11413)"/>\n</svg>\n';
@@ -40842,10 +40879,11 @@ ${codeText}
     }
   }
   const list = "";
-  const toast = "";
+  const toast$1 = "";
   function showToast(text2, options) {
+    var _a;
     const toast2 = document.createElement("div");
-    toast2.classList.add("toast", "show");
+    toast2.classList.add("ones-editor-toast", "show");
     if (options == null ? void 0 : options.theme) {
       toast2.setAttribute("data-theme", options.theme);
     }
@@ -40862,293 +40900,303 @@ ${codeText}
       toast2.style.top = `${options.position.y}px`;
       toast2.classList.add("positioned");
     }
-    document.body.appendChild(toast2);
-    setTimeout(() => {
+    const exit = () => {
       toast2.classList.remove("show");
       setTimeout(() => {
         toast2.remove();
       }, 500);
-    }, (options == null ? void 0 : options.duration) || 3e3);
-  }
-  function initMenuItem$1(item, elem) {
-    var _a, _b;
-    addClass(elem, "menu-item");
-    if (item.element) {
-      return;
-    }
-    if (item.type === "section") {
-      const nameElem = createElement("div", ["section-name"], null, item.name);
-      elem.appendChild(nameElem);
-    } else if (item.type === "separator")
-      ;
-    else {
-      if (item.icon) {
-        const menuItemIcon = createElement("div", ["menu-item-icon"], null);
-        if (item.icon) {
-          menuItemIcon.innerHTML = item.icon;
-        }
-        elem.appendChild(menuItemIcon);
-      }
-      const menuItemName = createElement("div", ["menu-item-name", "text"], null);
-      createElement("span", [], menuItemName, item.name);
-      if (item.ellipsisTooltip) {
-        elem.setAttribute("data-editor-tooltip-allow-markdown", "true");
-        elem.setAttribute("data-editor-tooltip-offset-y", "25");
-        elem.setAttribute("data-editor-tooltip-placement", "right");
-        elem.setAttribute("data-editor-tooltip-common", `<div style="word-break: break-word;">${item.ellipsisTooltip}</div>`);
-      }
-      if (((_a = item.states) == null ? void 0 : _a.includes("disabled")) && item.disableReason) {
-        elem.setAttribute("data-editor-tooltip-placement", "right");
-        elem.setAttribute("data-editor-tooltip-common", item.disableReason);
-      }
-      elem.appendChild(menuItemName);
-      if (item.subText) {
-        createElement("div", ["item-subtext", "text"], elem, item.subText);
-      }
-      if (item.children && !item.element) {
-        const subIndicator = createElement("div", ["menu-item-sub-indicator"], null);
-        subIndicator.innerHTML = ArrowRightIcon;
-        elem.appendChild(subIndicator);
-      }
-      if ((_b = item.states) == null ? void 0 : _b.includes("checked")) {
-        const checkedIcon = createElement("div", ["menu-item-checked-icon"], null);
-        checkedIcon.innerHTML = CheckMarkIcon;
-        elem.appendChild(checkedIcon);
-      }
-    }
-  }
-  class ManualMenu extends ManualCommandBar {
-    constructor(items, closeable, options) {
-      super(items, closeable, {
-        autoClose: true,
-        disablePageScroll: true,
-        beforeClose: options == null ? void 0 : options.beforeClose,
-        ...options
-      });
-    }
-    manualShow(target, options) {
-      const newOptions = {
-        theme: "menu",
-        ...options
-      };
-      super.manualShow(target, newOptions);
-    }
-    initCommandBarElement(elem) {
-      addClass(elem, "menu");
-    }
-    initItemElement(item, elem) {
-      initMenuItem$1(item, elem);
-    }
-  }
-  function createManualMenu(parentItem, closeable, options) {
-    var _a;
-    return new ManualMenu((_a = parentItem.children) != null ? _a : [], closeable, {
-      ...options,
-      parentItem
-    });
-  }
-  function initToolbarItem(item, elem, options) {
-    elem.setAttribute("data-button-id", item.id);
-    if (options.tooltipId && item.name && !item.disableTooltip) {
-      elem.setAttribute(`data-editor-tooltip-${options.tooltipId}`, item.name);
-      if (item.desc) {
-        elem.setAttribute(`data-editor-tooltip-desc-${options.tooltipId}`, item.desc);
-      }
-      if (item.tooltipPlacement) {
-        elem.setAttribute("data-editor-tooltip-placement", item.tooltipPlacement);
-      }
-    }
-    const button2 = elem;
-    if (!item.element) {
-      if (item.icon && !options.showName) {
-        const icon = createElement("span", ["toolbar-item-icon-container"], button2);
-        if (item.icon.trim().startsWith("<")) {
-          icon.innerHTML = item.icon;
-        } else {
-          icon.innerText = item.icon;
-        }
-      } else {
-        const name = createElement("span", ["toolbar-item-name-container"], button2);
-        name.innerText = item.name;
-      }
-    }
-    if (item.dropdown) {
-      elem.setAttribute("data-dropdown", "true");
-      const dropdown2 = createElement("span", ["toolbar-item-dropdown-container"], button2);
-      dropdown2.innerHTML = ArrowDownIcon$1;
-      if (item.dropSplit) {
-        addClass(button2, "toolbar-item-drop-split");
-        if (item.splitTooltip) {
-          elem.removeAttribute(`data-editor-tooltip-${options.tooltipId}`);
-          dropdown2.setAttribute(`data-editor-tooltip-${options.tooltipId}`, item.splitTooltip);
-        }
-      }
-    }
-    if (item.states) {
-      if (item.states.indexOf("checked") !== -1) {
-        addClass(button2, "checked");
-      }
-      if (item.states.indexOf("disabled") !== -1) {
-        button2.disabled = true;
-      }
-    }
-  }
-  class ManualToolbar extends ManualCommandBar {
-    constructor(items, closeable, options) {
-      super(items, closeable, {
-        itemElementTag: "button",
-        tippyArrow: false,
-        maxWidth: clientType.isMobile ? "90vw" : "max-content",
-        ...options
-      });
-    }
-    getSubBarOptions(item) {
-      var _a, _b;
-      const getReferenceClientRect2 = () => {
-        const elem = this.getItemElementById(item.id);
-        const content = this.content;
-        const contentRect = content.getBoundingClientRect();
-        const elemRect = elem.getBoundingClientRect();
-        return new DOMRect(elemRect.left, contentRect.top, elemRect.width, contentRect.height);
-      };
-      const options = {
-        placement: (_a = item.childrenPlacement) != null ? _a : "top",
-        getReferenceClientRect: getReferenceClientRect2,
-        offset: (_b = item.childrenOffset) != null ? _b : [0, 4]
-      };
-      return options;
-    }
-    manualShow(target, options) {
-      const newOptions = {
-        theme: "toolbar",
-        ...options
-      };
-      super.manualShow(target, newOptions);
-    }
-    initCommandBarElement(elem) {
-      addClass(elem, "toolbar");
-      if (clientType.isMobile) {
-        addClass(elem, "mobile");
-      }
-    }
-    initItemElement(item, elem) {
-      initToolbarItem(item, elem, this.options);
-    }
-  }
-  function createManualToolbar(parentItem, closeable, options) {
-    var _a;
-    return new ManualToolbar((_a = parentItem.children) != null ? _a : [], closeable, {
-      ...options,
-      parentItem
-    });
-  }
-  class FixedToolbar extends CommandBar {
-    constructor(parent, items, options) {
-      super(items, void 0, options);
-      __publicField(this, "handleDocumentKeydown", (event) => {
-        if (!this.isVisible) {
-          return true;
-        }
-        if (event.isComposing) {
-          return true;
-        }
-        if (this.subBar) {
-          return this.subBar.handleDocumentKeydown(event);
-        }
-        return true;
-      });
-      __publicField(this, "getSubBarOptions", (item) => {
-        var _a;
-        const options = {
-          placement: (_a = item.childrenPlacement) != null ? _a : "right-start",
-          offset: item.childrenOffset
-        };
-        return options;
-      });
-      parent.appendChild(this.content);
-      document.addEventListener("keydown", this.handleDocumentKeydown);
-      if (clientType.isMobile) {
-        document.addEventListener("touchend", this.handleDocumentMouseDown);
-      } else {
-        document.addEventListener("mousedown", this.handleDocumentMouseDown);
-      }
-    }
-    initCommandBarElement(elem) {
-      addClass(elem, "toolbar", "fixed");
-      if (clientType.isMobile) {
-        addClass(elem, "mobile");
-      }
-    }
-    initItemElement(item, elem) {
-      initToolbarItem(item, elem, this.options);
-    }
-    close() {
-      this.clearSelectedItem();
-      if (this.subBar) {
-        this.subBar.close("cancelBar");
-        this.subBar = null;
-      }
-    }
-    destroy() {
-      this.content.remove();
-      super.destroy();
-      document.removeEventListener("keydown", this.handleDocumentKeydown);
-      document.removeEventListener("mousedown", this.handleDocumentMouseDown);
-      document.removeEventListener("touchend", this.handleDocumentMouseDown);
-    }
-    getCommandBarRoot() {
-      return this.content.parentElement;
-    }
-    get isVisible() {
-      return true;
-    }
-  }
-  const commandBar = "";
-  CommandBar.registerManualCommandBar("menu", createManualMenu);
-  CommandBar.registerManualCommandBar("toolbar", createManualToolbar);
-  const light = "";
-  const logger$2B = getLogger("ui-base");
-  class ManualCloseDialog extends ManualCommandBar {
-    constructor(content, options) {
-      super(ManualCloseDialog.getCommandItems(content, options), void 0, {
-        disablePageScroll: true,
-        ...options
-      });
-      __publicField(this, "handleDocumentMouseDown", () => {
-      });
-    }
-    initCommandBarElement(elem) {
-      addClass(elem, "dialog", "manual");
-    }
-    initItemElement(item, elem) {
-    }
-    show(target, options) {
-      this.manualShow(target, {
-        ...options,
-        theme: "light"
-      });
-    }
-    get dialogContent() {
-      const item = this.items[0];
-      assert(logger$2B, item, "no dialog item");
-      const content = item.element;
-      assert(logger$2B, content, "no item element");
-      return content;
+    };
+    const autoClose = (_a = options == null ? void 0 : options.autoClose) != null ? _a : true;
+    if (!autoClose) {
+      const icon = createElement("span", ["close"], toast2);
+      icon.innerHTML = CloseIcon;
+      icon.onclick = exit;
     }
-    static getCommandItems(content, options) {
-      var _a;
-      const id = (_a = options == null ? void 0 : options.id) != null ? _a : `manual-dialog-${genId()}`;
-      const items = [{
-        id,
-        name: "",
-        element: content
-      }];
-      return items;
+    document.body.appendChild(toast2);
+    if (options == null ? void 0 : options.autoClose) {
+      setTimeout(() => exit(), (options == null ? void 0 : options.duration) || 3e3);
     }
+    return exit;
   }
-  const dropdown = "";
-  const mobileBottomMenu$1 = "";
-  function initMenuItem(item, elem) {
+  function initMenuItem$1(item, elem) {
+    var _a, _b;
+    addClass(elem, "menu-item");
+    if (item.element) {
+      return;
+    }
+    if (item.type === "section") {
+      const nameElem = createElement("div", ["section-name"], null, item.name);
+      elem.appendChild(nameElem);
+    } else if (item.type === "separator")
+      ;
+    else {
+      if (item.icon) {
+        const menuItemIcon = createElement("div", ["menu-item-icon"], null);
+        if (item.icon) {
+          menuItemIcon.innerHTML = item.icon;
+        }
+        elem.appendChild(menuItemIcon);
+      }
+      const menuItemName = createElement("div", ["menu-item-name", "text"], null);
+      createElement("span", [], menuItemName, item.name);
+      if (item.ellipsisTooltip) {
+        elem.setAttribute("data-editor-tooltip-allow-markdown", "true");
+        elem.setAttribute("data-editor-tooltip-offset-y", "25");
+        elem.setAttribute("data-editor-tooltip-placement", "right");
+        elem.setAttribute("data-editor-tooltip-common", `<div style="word-break: break-word;">${item.ellipsisTooltip}</div>`);
+      }
+      if (((_a = item.states) == null ? void 0 : _a.includes("disabled")) && item.disableReason) {
+        elem.setAttribute("data-editor-tooltip-placement", "right");
+        elem.setAttribute("data-editor-tooltip-common", item.disableReason);
+      }
+      elem.appendChild(menuItemName);
+      if (item.subText) {
+        createElement("div", ["item-subtext", "text"], elem, item.subText);
+      }
+      if (item.children && !item.element) {
+        const subIndicator = createElement("div", ["menu-item-sub-indicator"], null);
+        subIndicator.innerHTML = ArrowRightIcon;
+        elem.appendChild(subIndicator);
+      }
+      if ((_b = item.states) == null ? void 0 : _b.includes("checked")) {
+        const checkedIcon = createElement("div", ["menu-item-checked-icon"], null);
+        checkedIcon.innerHTML = CheckMarkIcon;
+        elem.appendChild(checkedIcon);
+      }
+    }
+  }
+  class ManualMenu extends ManualCommandBar {
+    constructor(items, closeable, options) {
+      super(items, closeable, {
+        autoClose: true,
+        disablePageScroll: true,
+        beforeClose: options == null ? void 0 : options.beforeClose,
+        ...options
+      });
+    }
+    manualShow(target, options) {
+      const newOptions = {
+        theme: "menu",
+        ...options
+      };
+      super.manualShow(target, newOptions);
+    }
+    initCommandBarElement(elem) {
+      addClass(elem, "menu");
+    }
+    initItemElement(item, elem) {
+      initMenuItem$1(item, elem);
+    }
+  }
+  function createManualMenu(parentItem, closeable, options) {
+    var _a;
+    return new ManualMenu((_a = parentItem.children) != null ? _a : [], closeable, {
+      ...options,
+      parentItem
+    });
+  }
+  function initToolbarItem(item, elem, options) {
+    elem.setAttribute("data-button-id", item.id);
+    if (options.tooltipId && item.name && !item.disableTooltip) {
+      elem.setAttribute(`data-editor-tooltip-${options.tooltipId}`, item.name);
+      if (item.desc) {
+        elem.setAttribute(`data-editor-tooltip-desc-${options.tooltipId}`, item.desc);
+      }
+      if (item.tooltipPlacement) {
+        elem.setAttribute("data-editor-tooltip-placement", item.tooltipPlacement);
+      }
+    }
+    const button2 = elem;
+    if (!item.element) {
+      if (item.icon && !options.showName) {
+        const icon = createElement("span", ["toolbar-item-icon-container"], button2);
+        if (item.icon.trim().startsWith("<")) {
+          icon.innerHTML = item.icon;
+        } else {
+          icon.innerText = item.icon;
+        }
+      } else {
+        const name = createElement("span", ["toolbar-item-name-container"], button2);
+        name.innerText = item.name;
+      }
+    }
+    if (item.dropdown) {
+      elem.setAttribute("data-dropdown", "true");
+      const dropdown2 = createElement("span", ["toolbar-item-dropdown-container"], button2);
+      dropdown2.innerHTML = ArrowDownIcon$1;
+      if (item.dropSplit) {
+        addClass(button2, "toolbar-item-drop-split");
+        if (item.splitTooltip) {
+          elem.removeAttribute(`data-editor-tooltip-${options.tooltipId}`);
+          dropdown2.setAttribute(`data-editor-tooltip-${options.tooltipId}`, item.splitTooltip);
+        }
+      }
+    }
+    if (item.states) {
+      if (item.states.indexOf("checked") !== -1) {
+        addClass(button2, "checked");
+      }
+      if (item.states.indexOf("disabled") !== -1) {
+        button2.disabled = true;
+      }
+    }
+  }
+  class ManualToolbar extends ManualCommandBar {
+    constructor(items, closeable, options) {
+      super(items, closeable, {
+        itemElementTag: "button",
+        tippyArrow: false,
+        maxWidth: clientType.isMobile ? "90vw" : "max-content",
+        ...options
+      });
+    }
+    getSubBarOptions(item) {
+      var _a, _b;
+      const getReferenceClientRect2 = () => {
+        const elem = this.getItemElementById(item.id);
+        const content = this.content;
+        const contentRect = content.getBoundingClientRect();
+        const elemRect = elem.getBoundingClientRect();
+        return new DOMRect(elemRect.left, contentRect.top, elemRect.width, contentRect.height);
+      };
+      const options = {
+        placement: (_a = item.childrenPlacement) != null ? _a : "top",
+        getReferenceClientRect: getReferenceClientRect2,
+        offset: (_b = item.childrenOffset) != null ? _b : [0, 4]
+      };
+      return options;
+    }
+    manualShow(target, options) {
+      const newOptions = {
+        theme: "toolbar",
+        ...options
+      };
+      super.manualShow(target, newOptions);
+    }
+    initCommandBarElement(elem) {
+      addClass(elem, "toolbar");
+      if (clientType.isMobile) {
+        addClass(elem, "mobile");
+      }
+    }
+    initItemElement(item, elem) {
+      initToolbarItem(item, elem, this.options);
+    }
+  }
+  function createManualToolbar(parentItem, closeable, options) {
+    var _a;
+    return new ManualToolbar((_a = parentItem.children) != null ? _a : [], closeable, {
+      ...options,
+      parentItem
+    });
+  }
+  class FixedToolbar extends CommandBar {
+    constructor(parent, items, options) {
+      super(items, void 0, options);
+      __publicField(this, "handleDocumentKeydown", (event) => {
+        if (!this.isVisible) {
+          return true;
+        }
+        if (event.isComposing) {
+          return true;
+        }
+        if (this.subBar) {
+          return this.subBar.handleDocumentKeydown(event);
+        }
+        return true;
+      });
+      __publicField(this, "getSubBarOptions", (item) => {
+        var _a;
+        const options = {
+          placement: (_a = item.childrenPlacement) != null ? _a : "right-start",
+          offset: item.childrenOffset
+        };
+        return options;
+      });
+      parent.appendChild(this.content);
+      document.addEventListener("keydown", this.handleDocumentKeydown);
+      if (clientType.isMobile) {
+        document.addEventListener("touchend", this.handleDocumentMouseDown);
+      } else {
+        document.addEventListener("mousedown", this.handleDocumentMouseDown);
+      }
+    }
+    initCommandBarElement(elem) {
+      addClass(elem, "toolbar", "fixed");
+      if (clientType.isMobile) {
+        addClass(elem, "mobile");
+      }
+    }
+    initItemElement(item, elem) {
+      initToolbarItem(item, elem, this.options);
+    }
+    close() {
+      this.clearSelectedItem();
+      if (this.subBar) {
+        this.subBar.close("cancelBar");
+        this.subBar = null;
+      }
+    }
+    destroy() {
+      this.content.remove();
+      super.destroy();
+      document.removeEventListener("keydown", this.handleDocumentKeydown);
+      document.removeEventListener("mousedown", this.handleDocumentMouseDown);
+      document.removeEventListener("touchend", this.handleDocumentMouseDown);
+    }
+    getCommandBarRoot() {
+      return this.content.parentElement;
+    }
+    get isVisible() {
+      return true;
+    }
+  }
+  const commandBar = "";
+  CommandBar.registerManualCommandBar("menu", createManualMenu);
+  CommandBar.registerManualCommandBar("toolbar", createManualToolbar);
+  const light = "";
+  const logger$2B = getLogger("ui-base");
+  class ManualCloseDialog extends ManualCommandBar {
+    constructor(content, options) {
+      super(ManualCloseDialog.getCommandItems(content, options), void 0, {
+        disablePageScroll: true,
+        ...options
+      });
+      __publicField(this, "handleDocumentMouseDown", () => {
+      });
+    }
+    initCommandBarElement(elem) {
+      addClass(elem, "dialog", "manual");
+    }
+    initItemElement(item, elem) {
+    }
+    show(target, options) {
+      this.manualShow(target, {
+        ...options,
+        theme: "light"
+      });
+    }
+    get dialogContent() {
+      const item = this.items[0];
+      assert(logger$2B, item, "no dialog item");
+      const content = item.element;
+      assert(logger$2B, content, "no item element");
+      return content;
+    }
+    static getCommandItems(content, options) {
+      var _a;
+      const id = (_a = options == null ? void 0 : options.id) != null ? _a : `manual-dialog-${genId()}`;
+      const items = [{
+        id,
+        name: "",
+        element: content
+      }];
+      return items;
+    }
+  }
+  const dropdown = "";
+  const mobileBottomMenu$1 = "";
+  function initMenuItem(item, elem) {
     var _a, _b;
     addClass(elem, "menu-item");
     if (item.element) {
@@ -41974,7 +42022,7 @@ ${codeText}
     destroy() {
       this.colorPaletteItem.destroy();
       this.element.removeEventListener("click", this.handleButtonClick);
-      this.element.removeEventListener("tou", this.handleButtonClick);
+      this.element.removeEventListener("touchend", this.handleButtonClick);
       this.removeAllListeners();
     }
     updatePaletteColor() {
@@ -50256,6 +50304,9 @@ ${codeText}
       this.editor = editor;
     }
     handleBeforeKeyDown(editor, event) {
+      if (!editor.isWritable()) {
+        return false;
+      }
       const selectBlocks = editor.selection.range.getSelectedBlocks();
       if (selectBlocks.length === 0) {
         return false;
@@ -52170,7 +52221,10 @@ ${codeText}
       }
       this.toolbar.updateItems(commands);
       const lastBlock2 = selectedBlocks[selectedBlocks.length - 1];
-      const reverseToolbar = !this.editor.selection.range.isReverse() && lastBlock2 !== firstBlock;
+      let reverseToolbar = !this.editor.selection.range.isReverse() && lastBlock2 !== firstBlock;
+      if (!reverseToolbar && isTitleBlock$2(firstBlock.block)) {
+        reverseToolbar = true;
+      }
       const selectedBlock = reverseToolbar ? lastBlock2 : firstBlock;
       const rect = getReferenceClientRect(this.editor, selectedBlock);
       const anchor2 = createBlockAnchor(this.editor, selectedBlock.block, "editor-readonly-toolbar", rect);
@@ -60408,9 +60462,8 @@ $$${mathData.mathjaxText}$$
     return styles1;
   }
   function mergeActiveStyle(editor, style2) {
-    var _a;
     const attributes = Object.fromEntries(style2.entries());
-    (_a = editor.findCustom("block-attributes-handler")) == null ? void 0 : _a.setActiveBlockAttributes(attributes);
+    BlockAttributesHandler.get(editor).setActiveBlockAttributes(attributes);
     return new Map(Object.entries(attributes));
   }
   function applyTextStyle(editor, block, range, style2, value) {
@@ -60610,7 +60663,7 @@ $$${mathData.mathjaxText}$$
       this.colorItem.addListener("onClick", this.handleChangeColor);
     }
     get blockAttributesHandler() {
-      return this.editor.getCustom("block-attributes-handler");
+      return BlockAttributesHandler.get(this.editor);
     }
     getAvailableCommands(editor, block, range, params) {
       const disable = !isTextKindBlock(editor, block) || isSelectBoxOnly(editor) || isSelectedTitleBlock(editor);
@@ -60767,7 +60820,7 @@ $$${mathData.mathjaxText}$$
       return commands.map(TextCommandProvider.toTextCommand);
     }
     executeCommand(editor, block, range, item, params, result) {
-      var _a;
+      var _a, _b;
       if (!isTextKindBlock(editor, block)) {
         return false;
       }
@@ -60786,7 +60839,7 @@ $$${mathData.mathjaxText}$$
       const commandId = TextCommandProvider.fromTextCommandId(item.id);
       if (commandId.startsWith("style-")) {
         if (editor.selection.range.isCollapsed()) {
-          this.blockAttributesHandler.setActiveAttribute(commandId, value);
+          (_a = this.blockAttributesHandler) == null ? void 0 : _a.setActiveAttribute(commandId, value);
           return true;
         }
         if (getBlockTextLength$6(editor, block) === 0) {
@@ -60794,20 +60847,21 @@ $$${mathData.mathjaxText}$$
         }
       }
       for (const provider of this.providers) {
-        if ((_a = provider.executeCommand) == null ? void 0 : _a.call(provider, editor, block, range, { ...item, id: commandId }, params, result)) {
+        if ((_b = provider.executeCommand) == null ? void 0 : _b.call(provider, editor, block, range, { ...item, id: commandId }, params, result)) {
           return true;
         }
       }
       return false;
     }
     get blockAttributesHandler() {
-      return this.editor.getCustom("block-attributes-handler");
+      return BlockAttributesHandler.get(this.editor);
     }
     executeCommandOnEmptyText(block, item, params) {
-      let attributes = this.blockAttributesHandler.getEmptyBlockTextAttributes(getBlockId(block));
+      var _a, _b;
+      let attributes = (_a = this.blockAttributesHandler) == null ? void 0 : _a.getEmptyBlockTextAttributes(getBlockId(block));
       if (!attributes) {
         attributes = {};
-        this.blockAttributesHandler.setEmptyBlockTextAttributes(getBlockId(block), attributes);
+        (_b = this.blockAttributesHandler) == null ? void 0 : _b.setEmptyBlockTextAttributes(getBlockId(block), attributes);
       }
       const command = TextCommandProvider.fromTextCommandId(item.id);
       const value = params.value;
@@ -60819,9 +60873,9 @@ $$${mathData.mathjaxText}$$
       return true;
     }
     setCommandsStates(commands, block) {
-      var _a;
+      var _a, _b;
       const blockId = getBlockId(block);
-      const attributes = (_a = this.blockAttributesHandler.getEmptyBlockTextAttributes(blockId)) != null ? _a : {};
+      const attributes = (_b = (_a = this.blockAttributesHandler) == null ? void 0 : _a.getEmptyBlockTextAttributes(blockId)) != null ? _b : {};
       return commands.map((item) => {
         var _a2;
         const value = attributes[item.id];
@@ -76746,12 +76800,6 @@ ${content}
         id: "download",
         name: i18n$1.t("file.commands.download"),
         icon: DownloadIcon
-      }, {
-        id: "add-comment",
-        name: i18n$1.t("file.commands.comment"),
-        icon: CommentIcon$1,
-        groupOrder: 1e3,
-        order: 100
       }, {
         id: "sep",
         name: "",
@@ -76780,10 +76828,6 @@ ${content}
       if (!options.canDownload) {
         result = result.filter((command) => command.id !== "download");
       }
-      const { enableComments = true } = this.editor.options;
-      if (!enableComments) {
-        result = result.filter((command) => command.id !== "add-comment");
-      }
       return result;
     }
     executeCommand(editor, block, item) {
@@ -76815,8 +76859,6 @@ ${content}
         });
       } else if (item.id === "download") {
         downloadFile(editor, block);
-      } else if (item.id === "add-comment") {
-        addCommentToBlock$1(editor, block);
       }
     }
   }
@@ -80539,7 +80581,7 @@ ${content}
       "preset-1": {
         name: i18n$1.t("callout.command.presetAlert"),
         backgroundColor: 2,
-        icon: WarningFilledIcon
+        icon: WarningFilledIcon.replaceAll('fill="currentColor"', 'fill="#F59300"')
       }
     };
     return presets[id];
@@ -81140,8 +81182,8 @@ ${content}
     },
     convertTo: convertTo$6
   };
-  const HANDLE_CIRCLE_SIZE = 12;
-  const HANDLE_WIDTH = 12;
+  const HANDLE_CIRCLE_SIZE = 7;
+  const HANDLE_WIDTH = 7;
   function createSelectHandle(type) {
     const container = createElement("div", ["select-handle", type], null);
     createElement("div", ["line"], container);
@@ -81927,6 +81969,906 @@ ${content}
       this.gripper.destroy();
     }
   }
+  function getContentTypeFromHeaders(headers) {
+    const entries = Object.entries(headers);
+    for (let i = 0; i < entries.length; i++) {
+      const [key, value] = entries[i];
+      if (key.toLocaleLowerCase() === "content-type") {
+        return value;
+      }
+    }
+    return "";
+  }
+  async function downloadImageToFile(editor, src, withCredentials = true) {
+    try {
+      const res = await editor.doc.request(src, {
+        method: "get",
+        responseType: "blob",
+        withCredentials
+      });
+      const reader = new FileReader();
+      const promise = new Promise((resolve, reject) => {
+        reader.onload = resolve;
+        reader.onerror = reject;
+      });
+      reader.readAsArrayBuffer(res.data);
+      await promise;
+      const buffer = reader.result;
+      const contentType = getContentTypeFromHeaders(res.headers).toLocaleLowerCase();
+      let ext = "";
+      if (contentType) {
+        const extensions = mime__default.default[contentType].extensions;
+        if (extensions && extensions.length > 0) {
+          ext = extensions[0];
+        }
+      }
+      const file2 = new File([buffer], `${Date.now()}.${ext}`, {
+        type: contentType
+      });
+      return file2;
+    } catch (err) {
+      return null;
+    }
+  }
+  async function downloadObjectToFile(editor, url) {
+    const file2 = await downloadImageToFile(editor, url);
+    return file2;
+  }
+  async function downloadSvgToString(editor, url) {
+    const file2 = await downloadObjectToFile(editor, url);
+    if (!file2)
+      return null;
+    const text2 = await file2.text();
+    return text2;
+  }
+  const isEmptyImage = (svg) => {
+    if (svg.naturalWidth <= 1 && svg.naturalHeight <= 1) {
+      return true;
+    }
+    return false;
+  };
+  const isEmptySvg = (svg) => {
+    var _a, _b;
+    const widthStr = (_a = svg.getAttribute("width")) != null ? _a : "";
+    const heightStr = (_b = svg.getAttribute("height")) != null ? _b : "";
+    const width = Number.parseInt(widthStr, 10);
+    const height = Number.parseInt(heightStr, 10);
+    if (!width || !height) {
+      return true;
+    }
+    if (width <= 1 && height <= 1) {
+      return true;
+    }
+    return false;
+  };
+  const getTextContent = (node) => node != null ? node[node.textContent === void 0 ? "text" : "textContent"] : "";
+  function loopCheckResourceWasLoaded(options) {
+    const { checker, maxRetryTime } = options;
+    const startTime = Date.now();
+    return new Promise((resolve, reject) => {
+      function check() {
+        try {
+          if (checker()) {
+            resolve();
+          } else if (Date.now() - startTime > maxRetryTime) {
+            reject(new Error("Max retry time exceeded"));
+          } else {
+            setTimeout(check, 100);
+          }
+        } catch (error2) {
+          reject(error2);
+        }
+      }
+      check();
+    });
+  }
+  const DrawioLang = {
+    "zh-CN": "zh",
+    "zh-TW": "zh-tw",
+    "ja-JP": "ja",
+    "en-US": "en"
+  };
+  const drawioIframeUrl = "https://embed.diagrams.net/?embed=1";
+  const DrawioJsUrl = "https://www.draw.io/embed.js";
+  const PakoJsUrl = "https://cdn.jsdelivr.net/npm/pako@2.0.3/dist/pako.es5.js";
+  const EmptyIcon = '<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect x="27" y="18.5" width="18" height="9" stroke="#C7C7C7" stroke-width="3"/>\n<rect x="12" y="18.5" width="9" height="9" transform="rotate(45 12 18.5)" stroke="#C7C7C7" stroke-width="3"/>\n<rect x="27" y="36.5" width="18" height="9" stroke="#C7C7C7" stroke-width="3"/>\n<path d="M27 24.5L18 24.5" stroke="#C7C7C7" stroke-width="3"/>\n<path d="M28.5 41H18" stroke="#C7C7C7" stroke-width="3"/>\n<path d="M18 41H12L12 30.5" stroke="#C7C7C7" stroke-width="3"/>\n<path d="M12 21.5L12 12.5" stroke="#C7C7C7" stroke-width="3"/>\n<rect x="7.5" y="3.5" width="9" height="9" rx="4.5" stroke="#C7C7C7" stroke-width="3"/>\n</svg>\n';
+  const DEFAULT_STYLES = `
+<mxStylesheet>
+<add as="defaultVertex">
+<add as="shape" value="label"/>
+<add as="perimeter" value="rectanglePerimeter"/>
+<add as="fontSize" value="12"/>
+<add as="fontFamily" value="Helvetica"/>
+<add as="align" value="center"/>
+<add as="verticalAlign" value="middle"/>
+<add as="fillColor" value="#ffffff"/>
+<add as="strokeColor" value="#000000"/>
+<add as="fontColor" value="#000000"/>
+</add>
+<add as="defaultEdge">
+<add as="shape" value="connector"/>
+<add as="labelBackgroundColor" value="#ffffff"/>
+<add as="endArrow" value="classic"/>
+<add as="fontSize" value="11"/>
+<add as="fontFamily" value="Helvetica"/>
+<add as="align" value="center"/>
+<add as="verticalAlign" value="middle"/>
+<add as="rounded" value="1"/>
+<add as="strokeColor" value="#000000"/>
+<add as="fontColor" value="#000000"/>
+</add>
+<add as="text">
+<add as="fillColor" value="none"/>
+<add as="gradientColor" value="none"/>
+<add as="strokeColor" value="none"/>
+<add as="align" value="left"/>
+<add as="verticalAlign" value="top"/>
+</add>
+<add as="edgeLabel" extend="text">
+<add as="labelBackgroundColor" value="#ffffff"/>
+<add as="fontSize" value="11"/>
+</add>
+<add as="label">
+<add as="fontStyle" value="1"/>
+<add as="align" value="left"/>
+<add as="verticalAlign" value="middle"/>
+<add as="spacing" value="2"/>
+<add as="spacingLeft" value="52"/>
+<add as="imageWidth" value="42"/>
+<add as="imageHeight" value="42"/>
+<add as="rounded" value="1"/>
+</add>
+<add as="icon" extend="label">
+<add as="align" value="center"/>
+<add as="imageAlign" value="center"/>
+<add as="verticalLabelPosition" value="bottom"/>
+<add as="verticalAlign" value="top"/>
+<add as="spacingTop" value="4"/>
+<add as="labelBackgroundColor" value="#ffffff"/>
+<add as="spacing" value="0"/>
+<add as="spacingLeft" value="0"/>
+<add as="spacingTop" value="6"/>
+<add as="fontStyle" value="0"/>
+<add as="imageWidth" value="48"/>
+<add as="imageHeight" value="48"/>
+</add>
+<add as="swimlane">
+<add as="shape" value="swimlane"/>
+<add as="fontSize" value="12"/>
+<add as="fontStyle" value="1"/>
+<add as="startSize" value="23"/>
+</add>
+<add as="group">
+<add as="verticalAlign" value="top"/>
+<add as="fillColor" value="none"/>
+<add as="strokeColor" value="none"/>
+<add as="gradientColor" value="none"/>
+<add as="pointerEvents" value="0"/>
+</add>
+<add as="ellipse">
+<add as="shape" value="ellipse"/>
+<add as="perimeter" value="ellipsePerimeter"/>
+</add>
+<add as="rhombus">
+<add as="shape" value="rhombus"/>
+<add as="perimeter" value="rhombusPerimeter"/>
+</add>
+<add as="triangle">
+<add as="shape" value="triangle"/>
+<add as="perimeter" value="trianglePerimeter"/>
+</add>
+<add as="line">
+<add as="shape" value="line"/>
+<add as="strokeWidth" value="4"/>
+<add as="labelBackgroundColor" value="#ffffff"/>
+<add as="verticalAlign" value="top"/>
+<add as="spacingTop" value="8"/>
+</add>
+<add as="image">
+<add as="shape" value="image"/>
+<add as="labelBackgroundColor" value="white"/>
+<add as="verticalAlign" value="top"/>
+<add as="verticalLabelPosition" value="bottom"/>
+</add>
+<add as="roundImage" extend="image">
+<add as="perimeter" value="ellipsePerimeter"/>
+</add>
+<add as="rhombusImage" extend="image">
+<add as="perimeter" value="rhombusPerimeter"/>
+</add>
+<add as="arrow">
+<add as="shape" value="arrow"/>
+<add as="edgeStyle" value="none"/>
+<add as="fillColor" value="#ffffff"/>
+</add>
+</mxStylesheet>
+`;
+  const toast = "";
+  const showWarnToast = () => {
+    const errorHTML = `<span class="toast-message">${WarningFilledIcon}${i18n$1.t("drawio.warnTips")}</span>`;
+    const hide = showToast(errorHTML, {
+      autoClose: true,
+      position: {
+        y: 30,
+        x: window.innerWidth / 2
+      },
+      html: true,
+      theme: "warn"
+    });
+    return hide;
+  };
+  const BORDER = 0;
+  const SAVE_DELAY_TIME = 30 * 1e3;
+  const DRAWIO_EMPTY_CLASS = "editor-empty-drawio";
+  const SHOW_FULL_SCREEN_IFRAME = "show-full-screen-iframe";
+  const logger$j = getLogger("embed-block-drawio");
+  function getDrawioOptions(editor) {
+    const compOptions = editor.options.componentsOptions;
+    return compOptions.drawIO || {};
+  }
+  function getDrawioLang(editor) {
+    const options = getDrawioOptions(editor);
+    const lang = options.lang;
+    return lang ? DrawioLang[lang] : "";
+  }
+  function getDrawioIframeUrl(editor) {
+    var _a;
+    const options = getDrawioOptions(editor) || {};
+    const iframeUrl = ((_a = options.cdn) == null ? void 0 : _a.drawioIframe) || drawioIframeUrl;
+    const lang = getDrawioLang(editor);
+    return updateUrl(iframeUrl, {
+      spin: 1,
+      proto: "json",
+      configure: 1,
+      lang
+    });
+  }
+  function resizeObserver(el) {
+    const resize = () => {
+      assert(logger$j, el, "el does not exist");
+      const width = document.body.clientWidth || document.documentElement.clientWidth;
+      const height = document.body.clientHeight || document.documentElement.clientHeight;
+      el.setAttribute("width", `${width - 2 * BORDER}`);
+      el.setAttribute("height", `${height - 2 * BORDER}`);
+    };
+    const disconnect = () => {
+      window.removeEventListener("resize", resize);
+    };
+    resize();
+    window.addEventListener("resize", resize);
+    return {
+      disconnect
+    };
+  }
+  async function initializeDrawioIframe(editor, block) {
+    const options = getDrawioOptions(editor) || {};
+    const callbacks = options.callbacks || {};
+    const docReAuthCallbacks = editor.getCustom(DOC_RE_AUTH_KEYS);
+    const { onCreateDrawIoFrame, onCloseDrawIoFrame } = callbacks;
+    let drawioIframe = null;
+    let exit;
+    if (onCreateDrawIoFrame) {
+      drawioIframe = await onCreateDrawIoFrame(editor);
+      assert(logger$j, drawioIframe, "iframe create failed");
+      exit = () => {
+        assert(logger$j, drawioIframe, "iframe does not exist");
+        assert(logger$j, onCloseDrawIoFrame, "missing parameters: onCloseDrawIoFrame");
+        docReAuthCallbacks.removeListeners();
+        onCloseDrawIoFrame(editor, drawioIframe);
+      };
+    } else {
+      const drawioContainer = createElement("div", ["editor-drawio-iframe-container", "loading"], document.body);
+      drawioContainer.setAttribute("data-placeholder", i18n$1.t("drawio.loading"));
+      drawioIframe = createElement("iframe", ["drawio-iframe-element"], drawioContainer);
+      drawioIframe.setAttribute("frameborder", "0");
+      addClass(drawioContainer, SHOW_FULL_SCREEN_IFRAME);
+      const { disconnect } = resizeObserver(drawioIframe);
+      exit = () => {
+        assert(logger$j, drawioIframe, "iframe does not exist");
+        docReAuthCallbacks.removeListeners();
+        disconnect();
+        document.body.removeChild(drawioContainer);
+        removeClass(drawioContainer, SHOW_FULL_SCREEN_IFRAME);
+      };
+    }
+    docReAuthCallbacks.addAuthListen("authError", () => {
+      logger$j.debug("authError! render error toolbar");
+      docReAuthCallbacks.reAuthToolbar.render(block, exit);
+    });
+    return {
+      drawioIframe,
+      exit
+    };
+  }
+  async function saveSvgToBlock(editor, block, svg, autoSave) {
+    var _a, _b;
+    try {
+      if (autoSave) {
+        logger$j.debug("auto saving drawio data");
+      }
+      const regex = /(<svg [^<>]* )modified=&quot;[^&]*&quot;([^<>]* )etag=&quot;[^&]*&quot;/gm;
+      const subst = "$1$2";
+      const normalizedSvg = svg.replace(regex, subst);
+      const blob = new Blob([normalizedSvg]);
+      const file2 = new File([blob], "drawio.svg", {
+        type: "image/svg+xml"
+      });
+      const targetBlock = editor.findBlockById(getBlockId(block));
+      if (targetBlock) {
+        const res = await editor.doc.uploadResource(file2);
+        const { resourceId } = res;
+        const oldData = editor.getBlockData(targetBlock);
+        const oldEmbedData = oldData.embedData;
+        const newEmbedData = {
+          src: resourceId,
+          height: oldEmbedData == null ? void 0 : oldEmbedData.height
+        };
+        editor.updateEmbedData(targetBlock, newEmbedData);
+      } else {
+        logger$j.error("block has been deleted");
+      }
+    } catch (err) {
+      const message = `failed to save drawio data: ${err.message}`;
+      const options = getDrawioOptions(editor);
+      if ((_a = options.callbacks) == null ? void 0 : _a.onError) {
+        const newError = new Error(message);
+        newError.code = "SaveDrawIo";
+        (_b = options.callbacks) == null ? void 0 : _b.onError(editor, newError);
+      }
+      throw err;
+    }
+  }
+  class LoadingHandler {
+    constructor() {
+      __publicField(this, "loadingContainer");
+      __publicField(this, "setLoading", (iframe, placeholder2 = i18n$1.t("drawio.save")) => {
+        const parent = iframe.parentElement;
+        if (parent) {
+          addClass(parent, "loading");
+          parent.setAttribute("data-placeholder", placeholder2);
+        }
+      });
+      __publicField(this, "removeLoading", () => {
+        const containers = document.querySelectorAll(".editor-drawio-iframe-container");
+        containers.forEach((r) => {
+          removeClass(r, "loading");
+        });
+      });
+    }
+  }
+  function contactWithIframe(editor, block, drawIoData, iframe, loaded, exit, isInitializationCompleted2) {
+    const destroy = () => {
+      window.removeEventListener("message", receive);
+      exit();
+    };
+    const loadingHandler = new LoadingHandler();
+    loadingHandler.setLoading(iframe, i18n$1.t("drawio.loading"));
+    let exportFlag = "auto";
+    const receive = async (evt) => {
+      var _a, _b;
+      assert(logger$j, iframe.contentWindow, "iframe.contentWindow does not exist");
+      if (evt.data.length > 0) {
+        const msg = JSON.parse(evt.data);
+        const xml = drawIoData.xmlSvg || drawIoData.xml;
+        assert(logger$j, xml, "xml does not exist");
+        switch (msg.event) {
+          case "configure":
+            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
+            }), "*");
+            loaded();
+            loadingHandler.removeLoading();
+            break;
+          case "save":
+            exportFlag = "save";
+            iframe.contentWindow.postMessage(JSON.stringify({
+              action: "export",
+              format: "xmlsvg",
+              spin: "Saving graph"
+            }), "*");
+            break;
+          case "export":
+            if (exportFlag !== "auto") {
+              loadingHandler.setLoading(iframe);
+            }
+            const svg = fromBase64(msg.data.substring(msg.data.indexOf(",") + 1));
+            try {
+              await saveSvgToBlock(editor, block, svg, !!((_a = msg.message) == null ? void 0 : _a.autoSave));
+              if (!((_b = msg.message) == null ? void 0 : _b.autoSave)) {
+                destroy();
+              }
+            } catch (error2) {
+              const docReAuthCallbacks = editor.getCustom(DOC_RE_AUTH_KEYS);
+              docReAuthCallbacks.emit("tokenExpired");
+              if (exportFlag === "save") {
+                docReAuthCallbacks.reAuthToolbar.render(block, exit);
+              }
+            }
+            loadingHandler.removeLoading();
+            exportFlag = "auto";
+            break;
+          case "exit":
+            exportFlag = "exit";
+            destroy();
+            break;
+        }
+      }
+    };
+    window.addEventListener("message", receive);
+  }
+  async function editGraph(editor, block, data2, isInitializationCompleted2) {
+    if (isInitializationCompleted2) {
+      return;
+    }
+    isInitializationCompleted2 = true;
+    const options = getDrawioOptions(editor) || {};
+    const { callbacks } = options;
+    let autoSaveInterval;
+    if (callbacks && (callbacks == null ? void 0 : callbacks.onBeginInitDrawIo)) {
+      callbacks.onBeginInitDrawIo(editor, block);
+    }
+    if (data2.src) {
+      const svg = await downloadSvgToString(editor, editor.doc.buildResourceUrl(data2.src));
+      if (svg) {
+        data2.xmlSvg = svg;
+      }
+    }
+    if (!data2.xml && !data2.xmlSvg) {
+      showWarnToast();
+      return;
+    }
+    const { drawioIframe, exit: exitIframe } = await initializeDrawioIframe(editor, block);
+    exclusiveBlock(editor, block);
+    const loaded = () => {
+      autoSaveInterval = setInterval(() => {
+        if (!drawioIframe || !drawioIframe.contentWindow) {
+          return;
+        }
+        drawioIframe.contentWindow.postMessage(JSON.stringify({
+          action: "export",
+          format: "xmlsvg",
+          spin: "Saving graph",
+          autoSave: true
+        }), "*");
+      }, SAVE_DELAY_TIME);
+    };
+    const exit = () => {
+      exitIframe();
+      if (autoSaveInterval) {
+        clearInterval(autoSaveInterval);
+      }
+      const newBlock = editor.findBlockById(getBlockId(block));
+      if (newBlock) {
+        unexclusiveBlock(editor, newBlock);
+      }
+    };
+    contactWithIframe(editor, block, data2, drawioIframe, loaded, exit);
+    const iframeUrl = getDrawioIframeUrl(editor);
+    drawioIframe.setAttribute("src", iframeUrl);
+  }
+  async function initDrawIo(editor) {
+    var _a, _b;
+    const option = getDrawioOptions(editor);
+    const drawIoUrl = ((_a = option.cdn) == null ? void 0 : _a.drawio) || DrawioJsUrl;
+    const pakoUrl = ((_b = option.cdn) == null ? void 0 : _b.pako) || PakoJsUrl;
+    await loadJsPromise(pakoUrl, "editor-pako");
+    await loadJsPromise(drawIoUrl, "editor-drawio");
+  }
+  function removeDrawioEmptyStatus(embed) {
+    removeClass(embed, DRAWIO_EMPTY_CLASS);
+  }
+  function addDrawioEmptyStatus(embed) {
+    addClass(embed, DRAWIO_EMPTY_CLASS);
+    const emptyContent = createElement("div", ["drawio-empty-content"], embed);
+    emptyContent.innerHTML = EmptyIcon;
+    createElement("span", ["drawio-empty-title"], emptyContent, i18n$1.t("drawio.empty"));
+  }
+  function addDrawioLoadErrorStatus(editor, embed, data2) {
+    const block = getParentBlock(embed);
+    if (!block) {
+      return;
+    }
+    const blockContent = getBlockContent(block);
+    embed.innerHTML = "";
+    embed.style.height = "100%";
+    addClass(block, "drawio-load-error");
+    const errorContent = createElement("div", ["drawio-error-content"], embed);
+    const brandIcon = createElement("div", ["drawio-error-brand-icon"], errorContent);
+    brandIcon.innerHTML = UmlBrandIcon;
+    createElement("div", ["drawio-error-title"], errorContent, i18n$1.t("drawio.errorTips"));
+    const subTitle = createElement("div", ["drawio-error-sub-title"], errorContent);
+    createElement("span", [], subTitle, i18n$1.t("drawio.errorSubTips"));
+    const retryButton = createElement("span", ["drawio-error-retry-button"], subTitle, i18n$1.t("drawio.retry"));
+    retryButton.onclick = () => {
+      embed.innerHTML = "";
+      removeClass(block, "drawio-load-error");
+      if (data2.src) {
+        updateGraphBySrc(data2.src, embed, editor);
+      } else if (data2.xml) {
+        updateGraphByXml(data2.xml, embed, editor);
+      } else if (data2.xmlSvg) {
+        updateGraphByXmlSvg(data2.xmlSvg, embed);
+      }
+      if (data2.height) {
+        blockContent.style.height = `${data2.height}px`;
+        embed.style.height = `${data2.height - 20}px`;
+      }
+    };
+  }
+  function setGraph(embed, data2) {
+    assert(logger$j, data2, "Required data is missing in setGraph");
+    if ("src" in data2) {
+      embed.setAttribute("data-src", data2.src);
+      return;
+    }
+    if ("xmlSvg" in data2) {
+      embed.setAttribute("data-xmlsvg", data2.xmlSvg);
+      return;
+    }
+    if ("graph" in data2) {
+      const { xml, graph: graph2 } = data2;
+      embed.graph = graph2;
+      embed.setAttribute("data-mxfile", xml);
+    }
+  }
+  function getPreGraphData(embed) {
+    return {
+      src: embed.getAttribute("data-src") || "",
+      xmlSvg: embed.getAttribute("data-xmlsvg") || "",
+      xml: embed.getAttribute("data-mxfile") || ""
+    };
+  }
+  function updateGraphBySrc(src, embed, editor) {
+    assert(logger$j, src, "params error: src");
+    assert(logger$j, editor, "params error: editor");
+    const embedEl = embed;
+    const url = editor.doc.buildResourceUrl(src, {
+      syncNewResources: async (resourceId, resourceUrl) => {
+        var _a, _b;
+        await editor.doc.addResources([resourceId]);
+        const serviceAppId = (_b = (_a = editor.doc).getServerMeta) == null ? void 0 : _b.call(_a).appId;
+        if (resourceUrl !== src && serviceAppId && src.includes(serviceAppId)) {
+          const block = getParentBlock(embed);
+          if (block && !editor.readonly && editor.isBlockWritable(block)) {
+            const newBlockData = cloneDeep__default.default(editor.getBlockData(block));
+            newBlockData.embedData.src = resourceId;
+            editor.updateBlockData(block, newBlockData);
+          }
+        }
+      }
+    });
+    const img = document.createElement("img");
+    embedEl.innerHTML = "";
+    embedEl.appendChild(img);
+    img.src = url;
+    img.draggable = false;
+    setGraph(embedEl, { src });
+    img.onload = (e2) => {
+      const img2 = embedEl.querySelector("img");
+      if (e2.target !== img2 || !img2) {
+        return;
+      }
+      if (isEmptyImage(img2)) {
+        addDrawioEmptyStatus(embed);
+      } else {
+        removeDrawioEmptyStatus(embed);
+      }
+    };
+    img.onerror = (e2) => {
+      const img2 = embedEl.querySelector("img");
+      if (e2.target !== img2) {
+        return;
+      }
+      addDrawioLoadErrorStatus(editor, embed, {
+        src
+      });
+    };
+  }
+  function updateGraphByXml(mxFile, embed, editor) {
+    assert(logger$j, editor, "parameter missing");
+    initDrawIo(editor).then(() => loopCheckResourceWasLoaded({
+      checker: () => !!(window.mxUtils && window.mxGraph && window.mxCodec),
+      maxRetryTime: 5e3
+    })).then(() => {
+      const { mxUtils, mxGraph: MxGraph, mxCodec: MxCodec } = window;
+      assert(logger$j, mxUtils, "External resource loading exception: mxUtils");
+      assert(logger$j, MxGraph, "External resource loading exception: MxGraph");
+      assert(logger$j, MxCodec, "External resource loading exception: MxCodec");
+      const file2 = mxUtils.parseXml(mxFile);
+      embed.innerHTML = "";
+      const node = file2.documentElement;
+      assert(logger$j, node, "Resource parsing exception");
+      assert(logger$j, node.nodeName === "mxfile", "Resource parsing exception");
+      const diagrams = node.getElementsByTagName("diagram");
+      assert(logger$j, diagrams.length > 0, "Resource parsing exception");
+      let xmlDoc;
+      const data2 = diagrams[0];
+      if (data2.text || data2.textContent.trim()) {
+        const diagramBase64 = getTextContent(data2);
+        const raw = atob(diagramBase64);
+        const pako = window.pako;
+        assert(logger$j, pako, "External resource loading exception: pako");
+        const encodedXml = pako.inflateRaw(Uint8Array.from(raw, (c) => c.charCodeAt(0)), { to: "string" });
+        const xml = decodeURIComponent(encodedXml);
+        xmlDoc = mxUtils.parseXml(xml);
+      } else {
+        const xml = new XMLSerializer().serializeToString(data2.firstElementChild);
+        xmlDoc = mxUtils.parseXml(xml);
+      }
+      const graph2 = new MxGraph(embed);
+      graph2.resetViewOnRootChange = false;
+      graph2.foldingEnabled = false;
+      graph2.setTooltips(false);
+      graph2.setEnabled(false);
+      graph2.setHtmlLabels(true);
+      const styleDoc = mxUtils.parseXml(DEFAULT_STYLES);
+      const dec = new MxCodec(styleDoc);
+      dec.decode(styleDoc.documentElement, graph2.getStylesheet());
+      const codec = new MxCodec(xmlDoc);
+      codec.decode(codec.document.documentElement, graph2.getModel());
+      graph2.maxFitScale = 1;
+      graph2.fit();
+      graph2.center(true, false);
+      setGraph(embed, { graph: graph2, xml: mxFile });
+    }).catch((err) => {
+      logger$j.error("Failed to Init DrawIo", err);
+    });
+  }
+  function updateGraphByXmlSvg(xmlSvg, embed) {
+    embed.innerHTML = xmlSvg;
+    setGraph(embed, { xmlSvg });
+    const svgElements = embed.querySelectorAll("svg");
+    for (let i = 0; i < svgElements.length; i++) {
+      const svg = svgElements[i];
+      if (!isEmptySvg(svg)) {
+        return;
+      }
+    }
+    addDrawioEmptyStatus(embed);
+  }
+  function getBlockProperties$5(editor, block) {
+    const properties = getStandardEmbedBlockProperties(editor, block, {
+      handleExecuteCommand: (editor2, block2, item) => {
+        if (item.id === "edit") {
+          const data2 = editor2.getBlockData(block2).embedData;
+          editGraph(editor2, block2, data2, false);
+          return true;
+        }
+        if (item.id === "download") {
+          const image = block2.querySelector(".editor-drawio-content img");
+          if (!(image instanceof HTMLImageElement))
+            return true;
+          downloadImageAsPng(image.src);
+          return true;
+        }
+        return false;
+      },
+      extCommands: (editor2, block2) => {
+        const blockContent = getBlockContent(block2);
+        const drawioImg = blockContent.querySelector(".editor-drawio-content img");
+        return [{
+          id: "download",
+          name: i18n$1.t("common.downloadAsImage"),
+          icon: DownloadIcon$1,
+          states: !drawioImg ? ["disabled"] : []
+        }];
+      },
+      presetIds: ["edit"],
+      extIds: ["separator"]
+    });
+    return { ...properties, abstract: i18n$1.t("drawio.abstract") };
+  }
+  const enUS$6 = {
+    drawio: {
+      title: "Flowchart/UML",
+      empty: "Empty graph",
+      loading: "Loading",
+      abstract: "Flowchart/UML",
+      errorTips: "Flowchart/UML loading failed",
+      errorSubTips: "The network service is abnormal, you can",
+      warnTips: "Failed to retrieve flowchart/UML resources, unable to edit.",
+      retry: "Try again",
+      save: "Saving"
+    }
+  };
+  const zhCN$6 = {
+    drawio: {
+      title: "\u6D41\u7A0B\u56FE/UML",
+      empty: "\u7A7A\u56FE\u8868",
+      loading: "\u52A0\u8F7D\u4E2D",
+      abstract: "\u6D41\u7A0B\u56FE/UML",
+      errorTips: "\u6D41\u7A0B\u56FE/UML\u52A0\u8F7D\u5931\u8D25",
+      errorSubTips: "\u7F51\u7EDC\u670D\u52A1\u5F02\u5E38\uFF0C\u4F60\u53EF\u4EE5",
+      warnTips: "\u6D41\u7A0B\u56FE/UML \u8D44\u6E90\u83B7\u53D6\u5931\u8D25\uFF0C\u65E0\u6CD5\u8FDB\u884C\u7F16\u8F91\u3002",
+      retry: "\u91CD\u8BD5",
+      save: "\u4FDD\u5B58\u4E2D"
+    }
+  };
+  const jaJP$6 = {
+    drawio: {
+      title: "\u30D5\u30ED\u30FC\u30C1\u30E3\u30FC\u30C8/UML",
+      empty: "\u30B0\u30E9\u30D5\u30C7\u30FC\u30BF\u306A\u3057",
+      loading: "\u8AAD\u8FBC\u4E2D",
+      abstract: "\u30D5\u30ED\u30FC\u30C1\u30E3\u30FC\u30C8/UML",
+      errorTips: "\u30D5\u30ED\u30FC\u30C1\u30E3\u30FC\u30C8/UML \u306E\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
+      errorSubTips: "\u304A\u4F7F\u3044\u306E\u30CD\u30C3\u30C8\u30EF\u30FC\u30AF\u63A5\u7D9A\u306B\u554F\u984C\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\u6B21\u306E\u64CD\u4F5C\u3092\u884C\u3063\u3066\u304F\u3060\u3055\u3044\u3002 ",
+      warnTips: "\u7DE8\u96C6\u3067\u304D\u307E\u305B\u3093\u3002\u30D5\u30ED\u30FC\u30C1\u30E3\u30FC\u30C8/UML \u306E\u30EA\u30BD\u30FC\u30B9\u306E\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F\u3002",
+      retry: "\u518D\u8A66\u884C",
+      save: "\u4FDD\u5B58\u4E2D"
+    }
+  };
+  const langs = {
+    "en-US": enUS$6,
+    "zh-CN": zhCN$6,
+    "ja-JP": jaJP$6
+  };
+  i18n$1.mergeLang(langs);
+  const logger$i = getLogger("embed-block-drawio");
+  const isInitializationCompleted = false;
+  function editDrawIO(editor, block, embed, data2) {
+    assert(logger$i, embed, `parameter missing: ${embed}`);
+    assert(logger$i, editor, `parameter missing: ${editor}`);
+    editGraph(editor, block, data2, isInitializationCompleted);
+  }
+  function updateViewLayer(editor, embed, data2) {
+    const { src, xml, xmlSvg } = data2;
+    if (src) {
+      updateGraphBySrc(src, embed, editor);
+    } else if (xml) {
+      updateGraphByXml(xml, embed, editor);
+    } else if (xmlSvg) {
+      updateGraphByXmlSvg(xmlSvg, embed);
+    } else {
+      addDrawioEmptyStatus(embed);
+    }
+  }
+  function mount(editor, content, data2) {
+    const embed = createElement("div", ["editor-drawio-content", "editor-embed"], null);
+    content.appendChild(embed);
+    updateViewLayer(editor, embed, data2);
+    if (data2.height) {
+      content.style.height = `${data2.height}px`;
+      embed.style.height = `${data2.height - 20}px`;
+    }
+  }
+  function update$1(editor, embed, data2) {
+    const { src, xml, xmlSvg } = data2;
+    const preDrawioData = getPreGraphData(embed);
+    if (src !== preDrawioData.src || (xml || "") !== preDrawioData.xml || (xmlSvg || "") !== preDrawioData.xmlSvg) {
+      updateViewLayer(editor, embed, data2);
+      return;
+    }
+    const content = embed.parentElement;
+    const block = getParentBlock(content);
+    if (data2.height && data2.height !== Number.parseInt(content.style.height, 10)) {
+      content.style.height = `${data2.height}px`;
+      if (block && !block.classList.contains("drawio-load-error")) {
+        embed.style.height = `${data2.height - 20}px`;
+      } else {
+        embed.style.height = "100%";
+      }
+    }
+  }
+  function createEmbedContent$5(editor, content, blockData, path, container, block) {
+    const drawioData = blockData.embedData;
+    mount(editor, content, drawioData);
+    if (!clientType.isMobile) {
+      EmbedBlockResizer.register(editor, block);
+    }
+  }
+  function handleUpdateBlock$4(editor, block, blockData) {
+    const data2 = blockData.embedData;
+    const content = getBlockContent(block);
+    const embed = content.querySelector(":scope > .editor-drawio-content");
+    assert(logger$i, embed, "embed should not be null");
+    update$1(editor, embed, data2);
+    return true;
+  }
+  function getOptions$3() {
+    return {
+      name: "UML",
+      insertEmbedCommandItems: [{
+        id: "insert-drawio",
+        name: i18n$1.t("drawio.title"),
+        icon: UmlIcon,
+        group: "common",
+        order: 600,
+        subText: getShortcutById("insert-drawio")
+      }],
+      handleInsertEmptyEmbed: async (editor, options) => {
+        const embedData = {
+          src: "",
+          xml: "",
+          xmlSvg: ""
+        };
+        const block = editor.insertEmbed(options.containerId, options.blockIndex, "drawio", embedData);
+        setTimeout(() => {
+          const blockContent = getBlockContent(block);
+          const embed = blockContent.querySelector(":scope > .editor-drawio-content");
+          assert(logger$i, embed, "embed should not be null");
+          const blockData = editor.getBlockData(block);
+          editDrawIO(editor, block, embed, blockData.embedData);
+        }, 100);
+        return block;
+      }
+    };
+  }
+  function convertTo$5(editor, blockData, doc2, type) {
+    const { embedData } = blockData;
+    const data2 = embedData;
+    if (type === "html") {
+      if (data2.src) {
+        return `<img src="${editor.doc.buildResourceUrl(data2.src, { withToken: true })}" />`;
+      }
+      if (data2.xmlSvg) {
+        return data2.xmlSvg;
+      }
+      return "<p>[drawio]</p>";
+    }
+    if (type === "markdown") {
+      if (data2.src) {
+        return `![drawio](${editor.doc.buildResourceUrl(data2.src, { withToken: true })})`;
+      }
+      if (data2.xmlSvg) {
+        return data2.xmlSvg;
+      }
+      return "[drawio]";
+    }
+    return "";
+  }
+  const DrawioEmbed = {
+    embedType: "drawio",
+    getOptions: getOptions$3,
+    createEmbedContent: createEmbedContent$5,
+    handleUpdateBlock: handleUpdateBlock$4,
+    getBlockProperties: getBlockProperties$5,
+    convertTo: convertTo$5
+  };
+  class DrawioPasteHandler {
+    constructor(editor) {
+      __publicField(this, "handleBeforePasteDoc", async (editor, doc2) => {
+        Object.values(doc2.blocks).forEach((blocks) => {
+          var _a;
+          for (let i = blocks.length - 1; i >= 0; i -= 1) {
+            const block = blocks[i];
+            if (block.type === "embed" && block.embedType === "drawio") {
+              const src = ((_a = block.embedData) == null ? void 0 : _a.src) || "";
+              if (!this.isSameOrigin(editor, doc2, src)) {
+                blocks.splice(i, 1);
+              }
+            }
+          }
+        });
+        return false;
+      });
+      this.editor = editor;
+      setTimeout(() => {
+        this.editor.input.addHandler(this);
+      });
+    }
+    isSameOrigin(editor, doc2, src) {
+      var _a, _b;
+      const apiServer = ((_b = (_a = editor.doc).getServerMeta) == null ? void 0 : _b.call(_a).apiServer) || window.location.origin;
+      const origin = new URL(apiServer).origin;
+      const docServer = src.startsWith("http") ? src : doc2.meta.apiServer;
+      return (docServer == null ? void 0 : docServer.startsWith(origin)) || false;
+    }
+    destroy() {
+    }
+  }
+  const style = "";
   function getChildContainers(editor, block, from, to) {
     const contents = Array.from(
       block.querySelectorAll(':scope > .layout-root > [data-type="editor-container"].child')
@@ -81944,7 +82886,7 @@ ${content}
     );
     return contents;
   }
-  const zhCN$6 = {
+  const zhCN$5 = {
     layout: {
       title: "\u5206\u680F",
       columnDrag: "\u957F\u6309\u62D6\u62FD\n\u70B9\u51FB\u53EF\u64CD\u4F5C\u5220\u9664",
@@ -81953,7 +82895,7 @@ ${content}
       currentCols: "{currentColumns} \u680F"
     }
   };
-  const enUS$6 = {
+  const enUS$5 = {
     layout: {
       title: "Column",
       columnDrag: "Click and hold the column to drag it.\nClick to delete it.",
@@ -81962,7 +82904,7 @@ ${content}
       currentCols: "{currentColumns} columns"
     }
   };
-  const jaJP$6 = {
+  const jaJP$5 = {
     layout: {
       title: "\u6BB5\u7D44\u307F",
       columnDrag: "\u30C9\u30E9\u30C3\u30B0\u3059\u308B\u306B\u306F\u3001\u30DE\u30A6\u30B9\u306E\u30DC\u30BF\u30F3\u3092\u62BC\u3057\u306A\u304C\u3089\u79FB\u52D5\u3057\u307E\u3059\u3002\n\u524A\u9664\u3059\u308B\u306B\u306F\u3001\u30AF\u30EA\u30C3\u30AF\u3057\u307E\u3059\u3002",
@@ -81972,9 +82914,9 @@ ${content}
     }
   };
   i18n$1.mergeLang({
-    "zh-CN": zhCN$6,
-    "en-US": enUS$6,
-    "ja-JP": jaJP$6
+    "zh-CN": zhCN$5,
+    "en-US": enUS$5,
+    "ja-JP": jaJP$5
   });
   const layoutStyles = "";
   const LAYOUT_NAME = "LayoutBlock";
@@ -82313,7 +83255,7 @@ ${content}
     }
     return void 0;
   };
-  const logger$j = getLogger("table-creator");
+  const logger$h = getLogger("table-creator");
   class LayoutCreatorItem {
     constructor() {
       __publicField(this, "id", "insert-layout");
@@ -82338,7 +83280,7 @@ ${content}
         event.preventDefault();
         event.stopPropagation();
         const target = event.target;
-        assert(logger$j, target instanceof HTMLElement, "invalid event target");
+        assert(logger$h, target instanceof HTMLElement, "invalid event target");
         if (!this.colCount || this.colCount < 2) {
           return;
         }
@@ -82355,9 +83297,9 @@ ${content}
       });
       __publicField(this, "handleLayoutCreatorColumnEnter", (event) => {
         const target = event.target;
-        assert(logger$j, target instanceof HTMLElement, "invalid event target");
+        assert(logger$h, target instanceof HTMLElement, "invalid event target");
         const id = target.id;
-        assert(logger$j, id.startsWith(this.classPrefix.column), "invalid cell id");
+        assert(logger$h, id.startsWith(this.classPrefix.column), "invalid cell id");
         const col = id.substring(this.classPrefix.column.length);
         const colIndex = Number.parseInt(col, 10);
         this.colCount = colIndex + 1;
@@ -82544,7 +83486,7 @@ ${content}
     headingCollapsable: true,
     previewNoShadow: true
   });
-  const logger$i = getLogger("layout-block");
+  const logger$g = getLogger("layout-block");
   const updateSelection = (editor, block, from, to) => {
     var _a;
     const childrenIds = (_a = editor.getBlockData(block).children) != null ? _a : [];
@@ -82559,8 +83501,8 @@ ${content}
     });
   };
   const getSelectedContainers = (editor, complexBlock, start, end) => {
-    assert(logger$i, start.blockId === end.blockId, "Start and end block must be the same");
-    assert(logger$i, start.blockId === complexBlock.id, "Start block must be the same as complex block");
+    assert(logger$g, start.blockId === end.blockId, "Start and end block must be the same");
+    assert(logger$g, start.blockId === complexBlock.id, "Start block must be the same as complex block");
     return getChildContainers(editor, complexBlock, start.childContainerId, end.childContainerId);
   };
   const getTextToolbarReferenceClient = (editor, block) => {
@@ -83294,7 +84236,7 @@ ${content}
     }
     return null;
   };
-  const getOptions$3 = (editor) => getLayoutOptions();
+  const getOptions$2 = (editor) => getLayoutOptions();
   const LayoutBlock = {
     blockType: LAYOUT_BLOCK_TYPE,
     blockKind: "complex",
@@ -83314,7 +84256,7 @@ ${content}
     getChildContainers: (editor, block) => getChildContainers(editor, block),
     getNextContainer,
     getSelectedContainers,
-    getOptions: getOptions$3,
+    getOptions: getOptions$2,
     handleDrop,
     handleDropOver,
     getTextToolbarReferenceClient,
@@ -83345,7 +84287,7 @@ ${content}
     }
   };
   const loadingIcon = '<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">\n<g>\n<path fill-rule="evenodd" clip-rule="evenodd" d="M12 7.61719C11.4477 7.61719 11 7.16947 11 6.61719V3.61719C11 3.0649 11.4477 2.61719 12 2.61719C12.5523 2.61719 13 3.0649 13 3.61719V6.61719C13 7.16947 12.5523 7.61719 12 7.61719ZM4.92893 5.54612C5.31946 5.15559 5.95262 5.1556 6.34315 5.54612L8.46447 7.66744C8.85499 8.05796 8.85499 8.69113 8.46447 9.08165C8.07394 9.47218 7.44078 9.47218 7.05025 9.08165L4.92893 6.96033C4.53841 6.56981 4.53841 5.93664 4.92893 5.54612ZM15.5355 9.08165C15.145 8.69113 15.145 8.05796 15.5355 7.66744L17.6569 5.54612C18.0474 5.1556 18.6805 5.1556 19.0711 5.54612C19.4616 5.93664 19.4616 6.56981 19.0711 6.96033L16.9497 9.08165C16.5592 9.47218 15.9261 9.47218 15.5355 9.08165ZM2 12.6172C2 12.0649 2.44772 11.6172 3 11.6172L6 11.6172C6.55229 11.6172 7 12.0649 7 12.6172C7 13.1695 6.55228 13.6172 6 13.6172L3 13.6172C2.44772 13.6172 2 13.1695 2 12.6172ZM17 12.6172C17 12.0649 17.4477 11.6172 18 11.6172L21 11.6172C21.5523 11.6172 22 12.0649 22 12.6172C22 13.1695 21.5523 13.6172 21 13.6172L18 13.6172C17.4477 13.6172 17 13.1695 17 12.6172ZM15.5355 16.1527C15.9261 15.7622 16.5592 15.7622 16.9497 16.1527L19.0711 18.274C19.4616 18.6646 19.4616 19.2977 19.0711 19.6883C18.6805 20.0788 18.0474 20.0788 17.6569 19.6883L15.5355 17.5669C15.145 17.1764 15.145 16.5432 15.5355 16.1527ZM4.92893 19.6883C4.53841 19.2977 4.53841 18.6646 4.92893 18.274L7.05025 16.1527C7.44078 15.7622 8.07394 15.7622 8.46447 16.1527C8.85499 16.5432 8.85499 17.1764 8.46447 17.5669L6.34315 19.6883C5.95262 20.0788 5.31946 20.0788 4.92893 19.6883ZM12 22.6172C11.4477 22.6172 11 22.1695 11 21.6172V18.6172C11 18.0649 11.4477 17.6172 12 17.6172C12.5523 17.6172 13 18.0649 13 18.6172V21.6172C13 22.1695 12.5523 22.6172 12 22.6172Z" fill="#5587F0"/>\n<animateTransform attributeType="xml" attributeName="transform" type="rotate" values="0 12 12.5;360 12 12.5" dur="2s"  repeatCount="indefinite" />\n</g>\n</svg>';
-  const logger$h = getLogger("webpage");
+  const logger$f = getLogger("webpage");
   class WebPage {
     constructor(editor, blockData) {
       __publicField(this, "currentSrc", "");
@@ -83387,7 +84329,7 @@ ${content}
       const iframe = createElement("iframe", ["editor-preview-iframe"], internalContainer);
       this.loading = this.createLoading(internalContainer);
       const handleIframeLoaded = () => {
-        assert(logger$h, this.loading, "not created");
+        assert(logger$f, this.loading, "not created");
         this.loading.hide();
         this.currentSrc = src;
       };
@@ -83399,12 +84341,12 @@ ${content}
       this.createMask(editor, block);
     }
     update(editor, block, embedData) {
-      assert(logger$h, this.loading, "not created");
+      assert(logger$f, this.loading, "not created");
       if (this.currentSrc === embedData.src) {
         return;
       }
       const iframe = block.querySelector(".editor-preview-iframe");
-      assert(logger$h, iframe, "no exists iframe");
+      assert(logger$f, iframe, "no exists iframe");
       this.loading.show();
       iframe.src = embedData.src;
       this.createMask(editor, block);
@@ -83520,7 +84462,7 @@ ${content}
     }
   }
   const index$3 = "";
-  const logger$g = getLogger("editor-dialog");
+  const logger$e = getLogger("editor-dialog");
   function createContainer(content, options) {
     const container = createElement("div", ["editor-dialog-container"], null);
     const header = createElement("div", ["dialog-header"], container);
@@ -83544,7 +84486,7 @@ ${content}
         const y = document.documentElement.clientHeight / 2;
         const x = document.documentElement.clientWidth / 2;
         const rootElement = this.getCommandBarRoot();
-        assert(logger$g, rootElement, "no command bar root");
+        assert(logger$e, rootElement, "no command bar root");
         const { width, height } = rootElement.getBoundingClientRect();
         return new DOMRect(Math.max(x - width / 2, 0), Math.max(y - height / 2, 0), 0, 0);
       });
@@ -83779,7 +84721,7 @@ ${content}
     window.open(src, "_blank");
     return true;
   }
-  function getBlockProperties$5(editor, block) {
+  function getBlockProperties$4(editor, block) {
     const properties = getStandardEmbedBlockProperties(editor, block, {
       presetIds: [],
       extCommands: editor.readonly ? [] : [{
@@ -83807,12 +84749,12 @@ ${content}
       abstract
     };
   }
-  const logger$f = getLogger("webpage-embed");
-  function createEmbedContent$5(editor, content, blockData, path, container, block) {
+  const logger$d = getLogger("webpage-embed");
+  function createEmbedContent$4(editor, content, blockData, path, container, block) {
     const { embedData, id } = blockData;
     const { src } = embedData;
     const webpage = editor.addCustom(`webpage-${id}`, () => new WebPage(editor, blockData));
-    assert(logger$f, src, "The src from blockData is invalid ");
+    assert(logger$d, src, "The src from blockData is invalid ");
     webpage.create(editor, embedData, content, block);
     setTimeout(() => {
       if (editor.isBlockWritable(block) && !clientType.isMobile) {
@@ -83823,7 +84765,7 @@ ${content}
       block.style.height = `${blockData.height}px`;
     }
   }
-  function handleUpdateBlock$4(editor, block, blockData) {
+  function handleUpdateBlock$3(editor, block, blockData) {
     const { embedData, id } = blockData;
     const webpage = editor.getCustom(`webpage-${id}`);
     webpage.update(editor, block, embedData);
@@ -83832,14 +84774,14 @@ ${content}
     }
     return true;
   }
-  function getOptions$2(editor) {
+  function getOptions$1(editor) {
     return {
       name: "WebPage",
       insertEmbedCommandItems: getAllowedWebPages(editor),
       handleInsertEmptyEmbed
     };
   }
-  function convertTo$5(editor, blockData, doc2, type) {
+  function convertTo$4(editor, blockData, doc2, type) {
     const webpage = blockData.embedData;
     const url = webpage.src;
     if (type === "html") {
@@ -83852,13 +84794,13 @@ ${content}
   }
   const WebPageEmbed = {
     embedType: "webpage",
-    createEmbedContent: createEmbedContent$5,
-    getBlockProperties: getBlockProperties$5,
-    getOptions: getOptions$2,
-    handleUpdateBlock: handleUpdateBlock$4,
-    convertTo: convertTo$5
+    createEmbedContent: createEmbedContent$4,
+    getBlockProperties: getBlockProperties$4,
+    getOptions: getOptions$1,
+    handleUpdateBlock: handleUpdateBlock$3,
+    convertTo: convertTo$4
   };
-  const zhCN$5 = {
+  const zhCN$4 = {
     webpage: {
       title: "\u7F51\u9875",
       youku: "\u4F18\u9177\u89C6\u9891",
@@ -83884,7 +84826,7 @@ ${content}
       }
     }
   };
-  const enUS$5 = {
+  const enUS$4 = {
     webpage: {
       title: "Webpage",
       youku: "Youku",
@@ -83910,7 +84852,7 @@ ${content}
       }
     }
   };
-  const jaJP$5 = {
+  const jaJP$4 = {
     webpage: {
       title: "Web \u30DA\u30FC\u30B8",
       youku: "Youku \u52D5\u753B",
@@ -83937,859 +84879,11 @@ ${content}
     }
   };
   i18n$1.mergeLang({
-    "zh-CN": zhCN$5,
-    "en-US": enUS$5,
-    "ja-JP": jaJP$5
-  });
-  const webpageStyle = "";
-  function getContentTypeFromHeaders(headers) {
-    const entries = Object.entries(headers);
-    for (let i = 0; i < entries.length; i++) {
-      const [key, value] = entries[i];
-      if (key.toLocaleLowerCase() === "content-type") {
-        return value;
-      }
-    }
-    return "";
-  }
-  async function downloadImageToFile(editor, src, withCredentials = true) {
-    try {
-      const res = await editor.doc.request(src, {
-        method: "get",
-        responseType: "blob",
-        withCredentials
-      });
-      const reader = new FileReader();
-      const promise = new Promise((resolve, reject) => {
-        reader.onload = resolve;
-        reader.onerror = reject;
-      });
-      reader.readAsArrayBuffer(res.data);
-      await promise;
-      const buffer = reader.result;
-      const contentType = getContentTypeFromHeaders(res.headers).toLocaleLowerCase();
-      let ext = "";
-      if (contentType) {
-        const extensions = mime__default.default[contentType].extensions;
-        if (extensions && extensions.length > 0) {
-          ext = extensions[0];
-        }
-      }
-      const file2 = new File([buffer], `${Date.now()}.${ext}`, {
-        type: contentType
-      });
-      return file2;
-    } catch (err) {
-      return null;
-    }
-  }
-  async function downloadObjectToFile(editor, url) {
-    const file2 = await downloadImageToFile(editor, url);
-    return file2;
-  }
-  async function downloadSvgToString(editor, url) {
-    const file2 = await downloadObjectToFile(editor, url);
-    if (!file2)
-      return null;
-    const text2 = await file2.text();
-    return text2;
-  }
-  const isEmptyImage = (svg) => {
-    if (svg.naturalWidth <= 1 && svg.naturalHeight <= 1) {
-      return true;
-    }
-    return false;
-  };
-  const isEmptySvg = (svg) => {
-    var _a, _b;
-    const widthStr = (_a = svg.getAttribute("width")) != null ? _a : "";
-    const heightStr = (_b = svg.getAttribute("height")) != null ? _b : "";
-    const width = Number.parseInt(widthStr, 10);
-    const height = Number.parseInt(heightStr, 10);
-    if (!width || !height) {
-      return true;
-    }
-    if (width <= 1 && height <= 1) {
-      return true;
-    }
-    return false;
-  };
-  const getTextContent = (node) => node != null ? node[node.textContent === void 0 ? "text" : "textContent"] : "";
-  function loopCheckResourceWasLoaded(options) {
-    const { checker, maxRetryTime } = options;
-    const startTime = Date.now();
-    return new Promise((resolve, reject) => {
-      function check() {
-        try {
-          if (checker()) {
-            resolve();
-          } else if (Date.now() - startTime > maxRetryTime) {
-            reject(new Error("Max retry time exceeded"));
-          } else {
-            setTimeout(check, 100);
-          }
-        } catch (error2) {
-          reject(error2);
-        }
-      }
-      check();
-    });
-  }
-  const DrawioLang = {
-    "zh-CN": "zh",
-    "zh-TW": "zh-tw",
-    "ja-JP": "ja",
-    "en-US": "en"
-  };
-  const drawioIframeUrl = "https://embed.diagrams.net/?embed=1";
-  const DrawioJsUrl = "https://www.draw.io/embed.js";
-  const PakoJsUrl = "https://cdn.jsdelivr.net/npm/pako@2.0.3/dist/pako.es5.js";
-  const EmptyIcon = '<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">\n<rect x="27" y="18.5" width="18" height="9" stroke="#C7C7C7" stroke-width="3"/>\n<rect x="12" y="18.5" width="9" height="9" transform="rotate(45 12 18.5)" stroke="#C7C7C7" stroke-width="3"/>\n<rect x="27" y="36.5" width="18" height="9" stroke="#C7C7C7" stroke-width="3"/>\n<path d="M27 24.5L18 24.5" stroke="#C7C7C7" stroke-width="3"/>\n<path d="M28.5 41H18" stroke="#C7C7C7" stroke-width="3"/>\n<path d="M18 41H12L12 30.5" stroke="#C7C7C7" stroke-width="3"/>\n<path d="M12 21.5L12 12.5" stroke="#C7C7C7" stroke-width="3"/>\n<rect x="7.5" y="3.5" width="9" height="9" rx="4.5" stroke="#C7C7C7" stroke-width="3"/>\n</svg>\n';
-  const DEFAULT_STYLES = `
-<mxStylesheet>
-<add as="defaultVertex">
-<add as="shape" value="label"/>
-<add as="perimeter" value="rectanglePerimeter"/>
-<add as="fontSize" value="12"/>
-<add as="fontFamily" value="Helvetica"/>
-<add as="align" value="center"/>
-<add as="verticalAlign" value="middle"/>
-<add as="fillColor" value="#ffffff"/>
-<add as="strokeColor" value="#000000"/>
-<add as="fontColor" value="#000000"/>
-</add>
-<add as="defaultEdge">
-<add as="shape" value="connector"/>
-<add as="labelBackgroundColor" value="#ffffff"/>
-<add as="endArrow" value="classic"/>
-<add as="fontSize" value="11"/>
-<add as="fontFamily" value="Helvetica"/>
-<add as="align" value="center"/>
-<add as="verticalAlign" value="middle"/>
-<add as="rounded" value="1"/>
-<add as="strokeColor" value="#000000"/>
-<add as="fontColor" value="#000000"/>
-</add>
-<add as="text">
-<add as="fillColor" value="none"/>
-<add as="gradientColor" value="none"/>
-<add as="strokeColor" value="none"/>
-<add as="align" value="left"/>
-<add as="verticalAlign" value="top"/>
-</add>
-<add as="edgeLabel" extend="text">
-<add as="labelBackgroundColor" value="#ffffff"/>
-<add as="fontSize" value="11"/>
-</add>
-<add as="label">
-<add as="fontStyle" value="1"/>
-<add as="align" value="left"/>
-<add as="verticalAlign" value="middle"/>
-<add as="spacing" value="2"/>
-<add as="spacingLeft" value="52"/>
-<add as="imageWidth" value="42"/>
-<add as="imageHeight" value="42"/>
-<add as="rounded" value="1"/>
-</add>
-<add as="icon" extend="label">
-<add as="align" value="center"/>
-<add as="imageAlign" value="center"/>
-<add as="verticalLabelPosition" value="bottom"/>
-<add as="verticalAlign" value="top"/>
-<add as="spacingTop" value="4"/>
-<add as="labelBackgroundColor" value="#ffffff"/>
-<add as="spacing" value="0"/>
-<add as="spacingLeft" value="0"/>
-<add as="spacingTop" value="6"/>
-<add as="fontStyle" value="0"/>
-<add as="imageWidth" value="48"/>
-<add as="imageHeight" value="48"/>
-</add>
-<add as="swimlane">
-<add as="shape" value="swimlane"/>
-<add as="fontSize" value="12"/>
-<add as="fontStyle" value="1"/>
-<add as="startSize" value="23"/>
-</add>
-<add as="group">
-<add as="verticalAlign" value="top"/>
-<add as="fillColor" value="none"/>
-<add as="strokeColor" value="none"/>
-<add as="gradientColor" value="none"/>
-<add as="pointerEvents" value="0"/>
-</add>
-<add as="ellipse">
-<add as="shape" value="ellipse"/>
-<add as="perimeter" value="ellipsePerimeter"/>
-</add>
-<add as="rhombus">
-<add as="shape" value="rhombus"/>
-<add as="perimeter" value="rhombusPerimeter"/>
-</add>
-<add as="triangle">
-<add as="shape" value="triangle"/>
-<add as="perimeter" value="trianglePerimeter"/>
-</add>
-<add as="line">
-<add as="shape" value="line"/>
-<add as="strokeWidth" value="4"/>
-<add as="labelBackgroundColor" value="#ffffff"/>
-<add as="verticalAlign" value="top"/>
-<add as="spacingTop" value="8"/>
-</add>
-<add as="image">
-<add as="shape" value="image"/>
-<add as="labelBackgroundColor" value="white"/>
-<add as="verticalAlign" value="top"/>
-<add as="verticalLabelPosition" value="bottom"/>
-</add>
-<add as="roundImage" extend="image">
-<add as="perimeter" value="ellipsePerimeter"/>
-</add>
-<add as="rhombusImage" extend="image">
-<add as="perimeter" value="rhombusPerimeter"/>
-</add>
-<add as="arrow">
-<add as="shape" value="arrow"/>
-<add as="edgeStyle" value="none"/>
-<add as="fillColor" value="#ffffff"/>
-</add>
-</mxStylesheet>
-`;
-  const BORDER = 0;
-  const SAVE_DELAY_TIME = 30 * 1e3;
-  const DRAWIO_EMPTY_CLASS = "editor-empty-drawio";
-  const SHOW_FULL_SCREEN_IFRAME = "show-full-screen-iframe";
-  const logger$e = getLogger("embed-block-drawio");
-  function getDrawioOptions(editor) {
-    const compOptions = editor.options.componentsOptions;
-    return compOptions.drawIO || {};
-  }
-  function getDrawioLang(editor) {
-    const options = getDrawioOptions(editor);
-    const lang = options.lang;
-    return lang ? DrawioLang[lang] : "";
-  }
-  function getDrawioIframeUrl(editor) {
-    var _a;
-    const options = getDrawioOptions(editor) || {};
-    const iframeUrl = ((_a = options.cdn) == null ? void 0 : _a.drawioIframe) || drawioIframeUrl;
-    const lang = getDrawioLang(editor);
-    return updateUrl(iframeUrl, {
-      spin: 1,
-      proto: "json",
-      configure: 1,
-      lang
-    });
-  }
-  function resizeObserver(el) {
-    const resize = () => {
-      assert(logger$e, el, "el does not exist");
-      const width = document.body.clientWidth || document.documentElement.clientWidth;
-      const height = document.body.clientHeight || document.documentElement.clientHeight;
-      el.setAttribute("width", `${width - 2 * BORDER}`);
-      el.setAttribute("height", `${height - 2 * BORDER}`);
-    };
-    const disconnect = () => {
-      window.removeEventListener("resize", resize);
-    };
-    resize();
-    window.addEventListener("resize", resize);
-    return {
-      disconnect
-    };
-  }
-  async function initializeDrawioIframe(editor, block) {
-    const options = getDrawioOptions(editor) || {};
-    const callbacks = options.callbacks || {};
-    const docReAuthCallbacks = editor.getCustom(DOC_RE_AUTH_KEYS);
-    const { onCreateDrawIoFrame, onCloseDrawIoFrame } = callbacks;
-    let drawioIframe = null;
-    let exit;
-    if (onCreateDrawIoFrame) {
-      drawioIframe = await onCreateDrawIoFrame(editor);
-      assert(logger$e, drawioIframe, "iframe create failed");
-      exit = () => {
-        assert(logger$e, drawioIframe, "iframe does not exist");
-        assert(logger$e, onCloseDrawIoFrame, "missing parameters: onCloseDrawIoFrame");
-        docReAuthCallbacks.removeListeners();
-        onCloseDrawIoFrame(editor, drawioIframe);
-      };
-    } else {
-      const drawioContainer = createElement("div", ["editor-drawio-iframe-container", "loading"], document.body);
-      drawioContainer.setAttribute("data-placeholder", i18n$1.t("drawio.loading"));
-      drawioIframe = createElement("iframe", ["drawio-iframe-element"], drawioContainer);
-      drawioIframe.setAttribute("frameborder", "0");
-      addClass(drawioContainer, SHOW_FULL_SCREEN_IFRAME);
-      const { disconnect } = resizeObserver(drawioIframe);
-      exit = () => {
-        assert(logger$e, drawioIframe, "iframe does not exist");
-        docReAuthCallbacks.removeListeners();
-        disconnect();
-        document.body.removeChild(drawioContainer);
-        removeClass(drawioContainer, SHOW_FULL_SCREEN_IFRAME);
-      };
-    }
-    docReAuthCallbacks.addAuthListen("authError", () => {
-      logger$e.debug("authError! render error toolbar");
-      docReAuthCallbacks.reAuthToolbar.render(block, exit);
-    });
-    return {
-      drawioIframe,
-      exit
-    };
-  }
-  async function saveSvgToBlock(editor, block, svg, autoSave) {
-    var _a, _b;
-    try {
-      if (autoSave) {
-        logger$e.debug("auto saving drawio data");
-      }
-      const regex = /(<svg [^<>]* )modified=&quot;[^&]*&quot;([^<>]* )etag=&quot;[^&]*&quot;/gm;
-      const subst = "$1$2";
-      const normalizedSvg = svg.replace(regex, subst);
-      const blob = new Blob([normalizedSvg]);
-      const file2 = new File([blob], "drawio.svg", {
-        type: "image/svg+xml"
-      });
-      const targetBlock = editor.findBlockById(getBlockId(block));
-      if (targetBlock) {
-        const res = await editor.doc.uploadResource(file2);
-        const { resourceId } = res;
-        const oldData = editor.getBlockData(targetBlock);
-        const oldEmbedData = oldData.embedData;
-        const newEmbedData = {
-          src: resourceId,
-          height: oldEmbedData == null ? void 0 : oldEmbedData.height
-        };
-        editor.updateEmbedData(targetBlock, newEmbedData);
-      } else {
-        logger$e.error("block has been deleted");
-      }
-    } catch (err) {
-      const message = `failed to save drawio data: ${err.message}`;
-      const options = getDrawioOptions(editor);
-      if ((_a = options.callbacks) == null ? void 0 : _a.onError) {
-        const newError = new Error(message);
-        newError.code = "SaveDrawIo";
-        (_b = options.callbacks) == null ? void 0 : _b.onError(editor, newError);
-      }
-      throw err;
-    }
-  }
-  class LoadingHandler {
-    constructor() {
-      __publicField(this, "loadingContainer");
-      __publicField(this, "setLoading", (iframe, placeholder2 = i18n$1.t("drawio.save")) => {
-        const parent = iframe.parentElement;
-        if (parent) {
-          addClass(parent, "loading");
-          parent.setAttribute("data-placeholder", placeholder2);
-        }
-      });
-      __publicField(this, "removeLoading", () => {
-        const containers = document.querySelectorAll(".editor-drawio-iframe-container");
-        containers.forEach((r) => {
-          removeClass(r, "loading");
-        });
-      });
-    }
-  }
-  function contactWithIframe(editor, block, drawIoData, iframe, loaded, exit, isInitializationCompleted2) {
-    const destroy = () => {
-      window.removeEventListener("message", receive);
-      exit();
-    };
-    const loadingHandler = new LoadingHandler();
-    loadingHandler.setLoading(iframe, i18n$1.t("drawio.loading"));
-    let exportFlag = "auto";
-    const receive = async (evt) => {
-      var _a, _b;
-      assert(logger$e, iframe.contentWindow, "iframe.contentWindow does not exist");
-      if (evt.data.length > 0) {
-        const msg = JSON.parse(evt.data);
-        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"]
-              }
-            }), "*");
-            break;
-          case "init":
-            if (xml != null) {
-              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"
-            }), "*");
-            break;
-          case "export":
-            if (exportFlag !== "auto") {
-              loadingHandler.setLoading(iframe);
-            }
-            const svg = fromBase64(msg.data.substring(msg.data.indexOf(",") + 1));
-            try {
-              await saveSvgToBlock(editor, block, svg, !!((_a = msg.message) == null ? void 0 : _a.autoSave));
-              if (!((_b = msg.message) == null ? void 0 : _b.autoSave)) {
-                destroy();
-              }
-            } catch (error2) {
-              const docReAuthCallbacks = editor.getCustom(DOC_RE_AUTH_KEYS);
-              docReAuthCallbacks.emit("tokenExpired");
-              if (exportFlag === "save") {
-                docReAuthCallbacks.reAuthToolbar.render(block, exit);
-              }
-            }
-            loadingHandler.removeLoading();
-            exportFlag = "auto";
-            break;
-          case "exit":
-            exportFlag = "exit";
-            destroy();
-            break;
-        }
-      }
-    };
-    window.addEventListener("message", receive);
-  }
-  async function editGraph(editor, block, data2, isInitializationCompleted2) {
-    if (isInitializationCompleted2) {
-      return;
-    }
-    isInitializationCompleted2 = true;
-    const options = getDrawioOptions(editor) || {};
-    const { callbacks } = options;
-    let autoSaveInterval;
-    if (callbacks && (callbacks == null ? void 0 : callbacks.onBeginInitDrawIo)) {
-      callbacks.onBeginInitDrawIo(editor, block);
-    }
-    const { drawioIframe, exit: exitIframe } = await initializeDrawioIframe(editor, block);
-    exclusiveBlock(editor, block);
-    if (data2.src) {
-      const svg = await downloadSvgToString(editor, editor.doc.buildResourceUrl(data2.src));
-      if (svg) {
-        data2.xmlSvg = svg;
-      }
-    }
-    const loaded = () => {
-      autoSaveInterval = setInterval(() => {
-        if (!drawioIframe || !drawioIframe.contentWindow) {
-          return;
-        }
-        drawioIframe.contentWindow.postMessage(JSON.stringify({
-          action: "export",
-          format: "xmlsvg",
-          spin: "Saving graph",
-          autoSave: true
-        }), "*");
-      }, SAVE_DELAY_TIME);
-    };
-    const exit = () => {
-      exitIframe();
-      if (autoSaveInterval) {
-        clearInterval(autoSaveInterval);
-      }
-      const newBlock = editor.findBlockById(getBlockId(block));
-      if (newBlock) {
-        unexclusiveBlock(editor, newBlock);
-      }
-    };
-    contactWithIframe(editor, block, data2, drawioIframe, loaded, exit);
-    const iframeUrl = getDrawioIframeUrl(editor);
-    drawioIframe.setAttribute("src", iframeUrl);
-  }
-  async function initDrawIo(editor) {
-    var _a, _b;
-    const option = getDrawioOptions(editor);
-    const drawIoUrl = ((_a = option.cdn) == null ? void 0 : _a.drawio) || DrawioJsUrl;
-    const pakoUrl = ((_b = option.cdn) == null ? void 0 : _b.pako) || PakoJsUrl;
-    await loadJsPromise(pakoUrl, "editor-pako");
-    await loadJsPromise(drawIoUrl, "editor-drawio");
-  }
-  function removeDrawioEmptyStatus(embed) {
-    removeClass(embed, DRAWIO_EMPTY_CLASS);
-  }
-  function addDrawioEmptyStatus(embed) {
-    addClass(embed, DRAWIO_EMPTY_CLASS);
-    const emptyContent = createElement("div", ["drawio-empty-content"], embed);
-    emptyContent.innerHTML = EmptyIcon;
-    createElement("span", ["drawio-empty-title"], emptyContent, i18n$1.t("drawio.empty"));
-  }
-  function addDrawioLoadErrorStatus(editor, embed, data2) {
-    const block = getParentBlock(embed);
-    if (!block) {
-      return;
-    }
-    const blockContent = getBlockContent(block);
-    embed.innerHTML = "";
-    embed.style.height = "100%";
-    addClass(block, "drawio-load-error");
-    const errorContent = createElement("div", ["drawio-error-content"], embed);
-    const brandIcon = createElement("div", ["drawio-error-brand-icon"], errorContent);
-    brandIcon.innerHTML = UmlBrandIcon;
-    createElement("div", ["drawio-error-title"], errorContent, i18n$1.t("drawio.errorTips"));
-    const subTitle = createElement("div", ["drawio-error-sub-title"], errorContent);
-    createElement("span", [], subTitle, i18n$1.t("drawio.errorSubTips"));
-    const retryButton = createElement("span", ["drawio-error-retry-button"], subTitle, i18n$1.t("drawio.retry"));
-    retryButton.onclick = () => {
-      embed.innerHTML = "";
-      removeClass(block, "drawio-load-error");
-      if (data2.src) {
-        updateGraphBySrc(data2.src, embed, editor);
-      } else if (data2.xml) {
-        updateGraphByXml(data2.xml, embed, editor);
-      } else if (data2.xmlSvg) {
-        updateGraphByXmlSvg(data2.xmlSvg, embed);
-      }
-      if (data2.height) {
-        blockContent.style.height = `${data2.height}px`;
-        embed.style.height = `${data2.height - 20}px`;
-      }
-    };
-  }
-  function setGraph(embed, data2) {
-    assert(logger$e, data2, "Required data is missing in setGraph");
-    if ("src" in data2) {
-      embed.setAttribute("data-src", data2.src);
-      return;
-    }
-    if ("xmlSvg" in data2) {
-      embed.setAttribute("data-xmlsvg", data2.xmlSvg);
-      return;
-    }
-    if ("graph" in data2) {
-      const { xml, graph: graph2 } = data2;
-      embed.graph = graph2;
-      embed.setAttribute("data-mxfile", xml);
-    }
-  }
-  function getPreGraphData(embed) {
-    return {
-      src: embed.getAttribute("data-src") || "",
-      xmlSvg: embed.getAttribute("data-xmlsvg") || "",
-      xml: embed.getAttribute("data-mxfile") || ""
-    };
-  }
-  function updateGraphBySrc(src, embed, editor) {
-    assert(logger$e, src, "params error: src");
-    assert(logger$e, editor, "params error: editor");
-    const embedEl = embed;
-    const url = editor.doc.buildResourceUrl(src, {
-      syncNewResources: async (resourceId, resourceUrl) => {
-        var _a, _b;
-        await editor.doc.addResources([resourceId]);
-        const serviceAppId = (_b = (_a = editor.doc).getServerMeta) == null ? void 0 : _b.call(_a).appId;
-        if (resourceUrl !== src && serviceAppId && src.includes(serviceAppId)) {
-          const block = getParentBlock(embed);
-          if (block && !editor.readonly && editor.isBlockWritable(block)) {
-            const newBlockData = cloneDeep__default.default(editor.getBlockData(block));
-            newBlockData.embedData.src = resourceId;
-            editor.updateBlockData(block, newBlockData);
-          }
-        }
-      }
-    });
-    const img = document.createElement("img");
-    embedEl.innerHTML = "";
-    embedEl.appendChild(img);
-    img.src = url;
-    img.draggable = false;
-    setGraph(embedEl, { src });
-    img.onload = (e2) => {
-      const img2 = embedEl.querySelector("img");
-      if (e2.target !== img2 || !img2) {
-        return;
-      }
-      if (isEmptyImage(img2)) {
-        addDrawioEmptyStatus(embed);
-      } else {
-        removeDrawioEmptyStatus(embed);
-      }
-    };
-    img.onerror = (e2) => {
-      const img2 = embedEl.querySelector("img");
-      if (e2.target !== img2) {
-        return;
-      }
-      addDrawioLoadErrorStatus(editor, embed, {
-        src
-      });
-    };
-  }
-  function updateGraphByXml(mxFile, embed, editor) {
-    assert(logger$e, editor, "parameter missing");
-    initDrawIo(editor).then(() => loopCheckResourceWasLoaded({
-      checker: () => !!(window.mxUtils && window.mxGraph && window.mxCodec),
-      maxRetryTime: 5e3
-    })).then(() => {
-      const { mxUtils, mxGraph: MxGraph, mxCodec: MxCodec } = window;
-      assert(logger$e, mxUtils, "External resource loading exception: mxUtils");
-      assert(logger$e, MxGraph, "External resource loading exception: MxGraph");
-      assert(logger$e, MxCodec, "External resource loading exception: MxCodec");
-      const file2 = mxUtils.parseXml(mxFile);
-      embed.innerHTML = "";
-      const node = file2.documentElement;
-      assert(logger$e, node, "Resource parsing exception");
-      assert(logger$e, node.nodeName === "mxfile", "Resource parsing exception");
-      const diagrams = node.getElementsByTagName("diagram");
-      assert(logger$e, diagrams.length > 0, "Resource parsing exception");
-      let xmlDoc;
-      const data2 = diagrams[0];
-      if (data2.text || data2.textContent.trim()) {
-        const diagramBase64 = getTextContent(data2);
-        const raw = atob(diagramBase64);
-        const pako = window.pako;
-        assert(logger$e, pako, "External resource loading exception: pako");
-        const encodedXml = pako.inflateRaw(Uint8Array.from(raw, (c) => c.charCodeAt(0)), { to: "string" });
-        const xml = decodeURIComponent(encodedXml);
-        xmlDoc = mxUtils.parseXml(xml);
-      } else {
-        const xml = new XMLSerializer().serializeToString(data2.firstElementChild);
-        xmlDoc = mxUtils.parseXml(xml);
-      }
-      const graph2 = new MxGraph(embed);
-      graph2.resetViewOnRootChange = false;
-      graph2.foldingEnabled = false;
-      graph2.setTooltips(false);
-      graph2.setEnabled(false);
-      graph2.setHtmlLabels(true);
-      const styleDoc = mxUtils.parseXml(DEFAULT_STYLES);
-      const dec = new MxCodec(styleDoc);
-      dec.decode(styleDoc.documentElement, graph2.getStylesheet());
-      const codec = new MxCodec(xmlDoc);
-      codec.decode(codec.document.documentElement, graph2.getModel());
-      graph2.maxFitScale = 1;
-      graph2.fit();
-      graph2.center(true, false);
-      setGraph(embed, { graph: graph2, xml: mxFile });
-    }).catch((err) => {
-      logger$e.error("Failed to Init DrawIo", err);
-    });
-  }
-  function updateGraphByXmlSvg(xmlSvg, embed) {
-    embed.innerHTML = xmlSvg;
-    setGraph(embed, { xmlSvg });
-    const svgElements = embed.querySelectorAll("svg");
-    for (let i = 0; i < svgElements.length; i++) {
-      const svg = svgElements[i];
-      if (!isEmptySvg(svg)) {
-        return;
-      }
-    }
-    addDrawioEmptyStatus(embed);
-  }
-  function getBlockProperties$4(editor, block) {
-    const properties = getStandardEmbedBlockProperties(editor, block, {
-      handleExecuteCommand: (editor2, block2, item) => {
-        if (item.id === "edit") {
-          const data2 = editor2.getBlockData(block2).embedData;
-          editGraph(editor2, block2, data2, false);
-          return true;
-        }
-        if (item.id === "download") {
-          const image = block2.querySelector(".editor-drawio-content img");
-          if (!(image instanceof HTMLImageElement))
-            return true;
-          downloadImageAsPng(image.src);
-          return true;
-        }
-        return false;
-      },
-      extCommands: (editor2, block2) => {
-        const blockContent = getBlockContent(block2);
-        const drawioImg = blockContent.querySelector(".editor-drawio-content img");
-        return [{
-          id: "download",
-          name: i18n$1.t("common.downloadAsImage"),
-          icon: DownloadIcon$1,
-          states: !drawioImg ? ["disabled"] : []
-        }];
-      },
-      presetIds: ["edit"],
-      extIds: ["separator"]
-    });
-    return { ...properties, abstract: i18n$1.t("drawio.abstract") };
-  }
-  const enUS$4 = {
-    drawio: {
-      title: "Flowchart/UML",
-      empty: "Empty graph",
-      loading: "Loading",
-      abstract: "Flowchart/UML",
-      errorTips: "Flowchart/UML loading failed",
-      errorSubTips: "The network service is abnormal, you can",
-      retry: "Try again",
-      save: "Saving"
-    }
-  };
-  const zhCN$4 = {
-    drawio: {
-      title: "\u6D41\u7A0B\u56FE/UML",
-      empty: "\u7A7A\u56FE\u8868",
-      loading: "\u52A0\u8F7D\u4E2D",
-      abstract: "\u6D41\u7A0B\u56FE/UML",
-      errorTips: "\u6D41\u7A0B\u56FE/UML\u52A0\u8F7D\u5931\u8D25",
-      errorSubTips: "\u7F51\u7EDC\u670D\u52A1\u5F02\u5E38\uFF0C\u4F60\u53EF\u4EE5",
-      retry: "\u91CD\u8BD5",
-      save: "\u4FDD\u5B58\u4E2D"
-    }
-  };
-  const jaJP$4 = {
-    drawio: {
-      title: "\u30D5\u30ED\u30FC\u30C1\u30E3\u30FC\u30C8/UML",
-      empty: "\u30B0\u30E9\u30D5\u30C7\u30FC\u30BF\u306A\u3057",
-      loading: "\u8AAD\u8FBC\u4E2D",
-      abstract: "\u30D5\u30ED\u30FC\u30C1\u30E3\u30FC\u30C8/UML",
-      errorTips: "\u30D5\u30ED\u30FC\u30C1\u30E3\u30FC\u30C8/UML \u306E\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9\u306B\u5931\u6557\u3057\u307E\u3057\u305F",
-      errorSubTips: "\u304A\u4F7F\u3044\u306E\u30CD\u30C3\u30C8\u30EF\u30FC\u30AF\u63A5\u7D9A\u306B\u554F\u984C\u304C\u767A\u751F\u3057\u307E\u3057\u305F\u3002\u6B21\u306E\u64CD\u4F5C\u3092\u884C\u3063\u3066\u304F\u3060\u3055\u3044\u3002 ",
-      retry: "\u518D\u8A66\u884C",
-      save: "\u4FDD\u5B58\u4E2D"
-    }
-  };
-  const langs = {
-    "en-US": enUS$4,
     "zh-CN": zhCN$4,
+    "en-US": enUS$4,
     "ja-JP": jaJP$4
-  };
-  i18n$1.mergeLang(langs);
-  const logger$d = getLogger("embed-block-drawio");
-  const isInitializationCompleted = false;
-  function editDrawIO(editor, block, embed, data2) {
-    assert(logger$d, embed, `parameter missing: ${embed}`);
-    assert(logger$d, editor, `parameter missing: ${editor}`);
-    editGraph(editor, block, data2, isInitializationCompleted);
-  }
-  function updateViewLayer(editor, embed, data2) {
-    const { src, xml, xmlSvg } = data2;
-    if (src) {
-      updateGraphBySrc(src, embed, editor);
-    } else if (xml) {
-      updateGraphByXml(xml, embed, editor);
-    } else if (xmlSvg) {
-      updateGraphByXmlSvg(xmlSvg, embed);
-    } else {
-      addDrawioEmptyStatus(embed);
-    }
-  }
-  function mount(editor, content, data2) {
-    const embed = createElement("div", ["editor-drawio-content", "editor-embed"], null);
-    content.appendChild(embed);
-    updateViewLayer(editor, embed, data2);
-    if (data2.height) {
-      content.style.height = `${data2.height}px`;
-      embed.style.height = `${data2.height - 20}px`;
-    }
-  }
-  function update$1(editor, embed, data2) {
-    const { src, xml, xmlSvg } = data2;
-    const preDrawioData = getPreGraphData(embed);
-    if (src !== preDrawioData.src || (xml || "") !== preDrawioData.xml || (xmlSvg || "") !== preDrawioData.xmlSvg) {
-      updateViewLayer(editor, embed, data2);
-      return;
-    }
-    const content = embed.parentElement;
-    const block = getParentBlock(content);
-    if (data2.height && data2.height !== Number.parseInt(content.style.height, 10)) {
-      content.style.height = `${data2.height}px`;
-      if (block && !block.classList.contains("drawio-load-error")) {
-        embed.style.height = `${data2.height - 20}px`;
-      } else {
-        embed.style.height = "100%";
-      }
-    }
-  }
-  function createEmbedContent$4(editor, content, blockData, path, container, block) {
-    const drawioData = blockData.embedData;
-    mount(editor, content, drawioData);
-    if (!clientType.isMobile) {
-      EmbedBlockResizer.register(editor, block);
-    }
-  }
-  function handleUpdateBlock$3(editor, block, blockData) {
-    const data2 = blockData.embedData;
-    const content = getBlockContent(block);
-    const embed = content.querySelector(":scope > .editor-drawio-content");
-    assert(logger$d, embed, "embed should not be null");
-    update$1(editor, embed, data2);
-    return true;
-  }
-  function getOptions$1() {
-    return {
-      name: "UML",
-      insertEmbedCommandItems: [{
-        id: "insert-drawio",
-        name: i18n$1.t("drawio.title"),
-        icon: UmlIcon,
-        group: "common",
-        order: 600,
-        subText: getShortcutById("insert-drawio")
-      }],
-      handleInsertEmptyEmbed: async (editor, options) => {
-        const embedData = {
-          src: "",
-          xml: "",
-          xmlSvg: ""
-        };
-        const block = editor.insertEmbed(options.containerId, options.blockIndex, "drawio", embedData);
-        setTimeout(() => {
-          const blockContent = getBlockContent(block);
-          const embed = blockContent.querySelector(":scope > .editor-drawio-content");
-          assert(logger$d, embed, "embed should not be null");
-          const blockData = editor.getBlockData(block);
-          editDrawIO(editor, block, embed, blockData.embedData);
-        }, 100);
-        return block;
-      }
-    };
-  }
-  function convertTo$4(editor, blockData, doc2, type) {
-    const { embedData } = blockData;
-    const data2 = embedData;
-    if (type === "html") {
-      if (data2.src) {
-        return `<img src="${editor.doc.buildResourceUrl(data2.src, { withToken: true })}" />`;
-      }
-      if (data2.xmlSvg) {
-        return data2.xmlSvg;
-      }
-      return "<p>[drawio]</p>";
-    }
-    if (type === "markdown") {
-      if (data2.src) {
-        return `![drawio](${editor.doc.buildResourceUrl(data2.src, { withToken: true })})`;
-      }
-      if (data2.xmlSvg) {
-        return data2.xmlSvg;
-      }
-      return "[drawio]";
-    }
-    return "";
-  }
-  const DrawioEmbed = {
-    embedType: "drawio",
-    getOptions: getOptions$1,
-    createEmbedContent: createEmbedContent$4,
-    handleUpdateBlock: handleUpdateBlock$3,
-    getBlockProperties: getBlockProperties$4,
-    convertTo: convertTo$4
-  };
-  const style = "";
+  });
+  const webpageStyle = "";
   const index$2 = "";
   const UPDATE_DELAY = 500;
   const DEFAULT_EDIT_CODE_HEIGHT = 300;
@@ -88297,7 +88391,6 @@ ${data2.flowchartText}
     editor.input.addHandler(new ListPasteHandler());
     editor.doc.registerCallback(new HeadingBlockDocEvents(editor));
     editor.addCustom("remote-cursor", () => new RemoteCarets(editor));
-    editor.addCustom("block-attributes-handler", () => new BlockAttributesHandler(editor));
     if (!clientType.isMobile) {
       editor.addCustom("editor-quick-menu", () => {
         var _a2;
@@ -88323,6 +88416,7 @@ ${data2.flowchartText}
     editor.addCustom("list-to-mention", () => new OnesEditorBlockMention(editor));
     editor.addCustom("code-caret", () => new OnesEditorCodeCaret(editor));
     editor.addCustom("image-paste-handler", () => new ImagePasteHandler(editor));
+    editor.addCustom("drawio-paste-handler", () => new DrawioPasteHandler(editor));
     editor.addCustom("layout-paste-handler", () => new LayoutBlockCaptionInputHandler(editor, true));
     if ((_k = options.componentsOptions) == null ? void 0 : _k.mention) {
       const mentionOptions = options.componentsOptions.mention;
@@ -88382,7 +88476,7 @@ ${data2.flowchartText}
         }
       }
     });
-    editor.version = "2.2.16-beta.1";
+    editor.version = "2.2.16-beta.10";
     return editor;
   }
   function isDoc(doc2) {
@@ -88434,7 +88528,6 @@ ${data2.flowchartText}
     editor.input.addHandler(new OnesEditorPasteHandler(editor));
     editor.input.addHandler(new BlockLockerPasteHandler());
     editor.input.addHandler(new ListPasteHandler());
-    editor.addCustom("block-attributes-handler", () => new BlockAttributesHandler(editor));
     if (!clientType.isMobile) {
       editor.addCustom("editor-quick-menu", () => {
         var _a2;
@@ -88448,6 +88541,7 @@ ${data2.flowchartText}
     } else {
       editor.addCustom("mobile-helper", () => new OnesEditorMobileHelper(editor));
     }
+    editor.addCustom("drawio-paste-handler", () => new DrawioPasteHandler(editor));
     editor.addCustom("image-paste-handler", () => new ImagePasteHandler(editor));
     if (enableComments) {
       editor.addCustom(
@@ -88477,7 +88571,7 @@ ${data2.flowchartText}
     });
     editor.addCustom(DOC_RE_AUTH_KEYS, (editor2) => new DocReAuthCallbacks(editor2));
     OnesEditorToolbar.register(editor);
-    editor.version = "2.2.16-beta.1";
+    editor.version = "2.2.16-beta.10";
     return editor;
   }
   async function showDocVersions(editor, options, serverUrl) {
@@ -134242,6 +134336,7 @@ ${data2.flowchartText}
   exports2.DocReAuthCallbacks = DocReAuthCallbacks;
   exports2.DragDrop = DragDrop;
   exports2.DrawioEmbed = DrawioEmbed;
+  exports2.DrawioPasteHandler = DrawioPasteHandler;
   exports2.EditorBlocks = EditorBlocks;
   exports2.EditorBoxes = EditorBoxes;
   exports2.EditorCommandProviders = EditorCommandProviders;