superdoc 1.0.0-beta.13 → 1.0.0-beta.14

package/dist/super-editor/chunks/{index-BMAfbNel.js → index-I4Ew0HDV.js}

@@ -1,4 +1,4 @@
-import { aJ as getDefaultExportFromCjs } from "./converter-D9KiDgXx.js";
+import { aJ as getDefaultExportFromCjs } from "./converter-CfmIU--8.js";
 import { V as VFile } from "./index-CvBqQJbG.js";
 function bail(error) {
   if (error) {

package/dist/super-editor/chunks/{toolbar-Da2cOhJ-.js → toolbar-BR1GYvwW.js}

@@ -1,6 +1,6 @@
-import { computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, normalizeStyle, ref, withKeys, unref, withModifiers, createBlock, toDisplayString, withDirectives, vModelText, nextTick, getCurrentInstance, createVNode, readonly, watch, onMounted, onBeforeUnmount, reactive, onBeforeMount, inject, onActivated, onDeactivated, createTextVNode, Fragment, Comment, defineComponent, provide, h, Teleport, toRef, renderSlot, isVNode, shallowRef, watchEffect, mergeProps, Transition, vShow, cloneVNode, Text, renderList, withCtx } from "vue";
-import { p as process$1 } from "./converter-D9KiDgXx.js";
-import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-ByPqJ2k8.js";
+import { computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, normalizeStyle, ref, withKeys, unref, withModifiers, createBlock, toDisplayString, withDirectives, vModelText, nextTick, getCurrentInstance, onMounted, onBeforeUnmount, createVNode, readonly, watch, reactive, onBeforeMount, inject, onActivated, onDeactivated, createTextVNode, Fragment, Comment, defineComponent, provide, h, Teleport, toRef, renderSlot, isVNode, shallowRef, watchEffect, mergeProps, Transition, vShow, cloneVNode, Text, renderList, withCtx } from "vue";
+import { p as process$1 } from "./converter-CfmIU--8.js";
+import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-wC_gs8Bl.js";
 const sanitizeNumber = (value, defaultNumber) => {
   let sanitized = value.replace(/[^0-9.]/g, "");
   sanitized = parseFloat(sanitized);
@@ -412,15 +412,16 @@ const _sfc_main$2 = {
       required: true
     }
   },
-  emits: ["buttonClick"],
+  emits: ["buttonClick", "close"],
   setup(__props, { emit: __emit }) {
     const { proxy } = getCurrentInstance();
     const emit = __emit;
     const props = __props;
-    const isDropdownOpened = computed(() => props.toolbarItem.expand.value);
+    const isOverflowMenuOpened = computed(() => props.toolbarItem.expand.value);
+    const hasOpenDropdown = ref(false);
     const overflowToolbarItem = computed(() => ({
       ...props.toolbarItem,
-      active: isDropdownOpened.value
+      active: isOverflowMenuOpened.value
     }));
     const toggleOverflowMenu = () => {
       emit("buttonClick", props.toolbarItem);
@@ -428,6 +429,20 @@ const _sfc_main$2 = {
     const handleCommand = ({ item, argument }) => {
       proxy.$toolbar.emitCommand({ item, argument });
     };
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        if (isOverflowMenuOpened.value && !hasOpenDropdown.value) {
+          e.preventDefault();
+          emit("close");
+        }
+      }
+    };
+    onMounted(() => {
+      document.addEventListener("keydown", handleKeyDown, true);
+    });
+    onBeforeUnmount(() => {
+      document.removeEventListener("keydown", handleKeyDown, true);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
         createElementVNode("div", _hoisted_2$1, [
@@ -436,19 +451,20 @@ const _sfc_main$2 = {
             onButtonClick: toggleOverflowMenu
           }, null, 8, ["toolbar-item"])
         ]),
-        isDropdownOpened.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+        isOverflowMenuOpened.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
           createVNode(ButtonGroup, {
             class: "superdoc-toolbar-overflow",
             "toolbar-items": __props.overflowItems,
             "from-overflow": "",
-            onCommand: handleCommand
+            onCommand: handleCommand,
+            onDropdownUpdateShow: _cache[0] || (_cache[0] = ($event) => hasOpenDropdown.value = $event)
           }, null, 8, ["toolbar-items"])
         ])) : createCommentVNode("", true)
       ]);
     };
   }
 };
-const OverflowMenu = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-8bf2f427"]]);
+const OverflowMenu = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-ef28da92"]]);
 function plugin$1(options) {
   let _bPrefix = ".";
   let _ePrefix = "__";
@@ -9820,7 +9836,7 @@ const _sfc_main$1 = {
       default: false
     }
   },
-  emits: ["command", "item-clicked"],
+  emits: ["command", "item-clicked", "dropdown-update-show"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const toolbarItemRefs = ref([]);
@@ -9891,15 +9907,6 @@ const _sfc_main$1 = {
         ariaLabel: `${item.attributes.value.ariaLabel} - ${option.label}`
       };
     };
-    const handleClickOutside = (e) => {
-      const target = e.target;
-      const itemCtn = target.closest(".toolbar-item-ctn");
-      const targetItemId = itemCtn?.dataset.itemId;
-      if (targetItemId === currentItem.value.id) {
-        return;
-      }
-      closeDropdowns();
-    };
     const moveToNextButton = (e) => {
       const currentButton = e.target;
       const nextButton = e.target.closest(".toolbar-item-ctn").nextElementSibling;
@@ -9975,6 +9982,12 @@ const _sfc_main$1 = {
         firstButton.focus();
       }
     };
+    const handleDropdownUpdateShow = (open) => {
+      if (!open) {
+        closeDropdowns();
+      }
+      emit("dropdown-update-show", open);
+    };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         style: normalizeStyle(getPositionStyle.value),
@@ -10010,7 +10023,7 @@ const _sfc_main$1 = {
               placement: "bottom-start",
               class: normalizeClass(["toolbar-button toolbar-dropdown sd-editor-toolbar-dropdown", { "high-contrast": unref(isHighContrastMode) }]),
               onSelect: (key, option) => handleSelect(item, option),
-              onClickoutside: handleClickOutside,
+              onUpdateShow: handleDropdownUpdateShow,
               style: normalizeStyle(item.dropdownStyles.value),
               "menu-props": () => ({
                 role: "menu"
@@ -10065,7 +10078,8 @@ const _sfc_main$1 = {
               key: 3,
               "toolbar-item": item,
               onButtonClick: ($event) => handleToolbarButtonClick(item),
-              "overflow-items": __props.overflowItems
+              "overflow-items": __props.overflowItems,
+              onClose: closeDropdowns
             }, null, 8, ["toolbar-item", "onButtonClick", "overflow-items"])) : createCommentVNode("", true)
           ], 42, _hoisted_1);
         }), 128))
@@ -10073,7 +10087,7 @@ const _sfc_main$1 = {
     };
   }
 };
-const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f42ec7e6"]]);
+const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-c80a1e51"]]);
 const _sfc_main = {
   __name: "Toolbar",
   emits: ["command", "toggle", "select"],

package/dist/super-editor/converter.es.js

@@ -1,4 +1,4 @@
-import { ac } from "./chunks/converter-D9KiDgXx.js";
+import { ac } from "./chunks/converter-CfmIU--8.js";
 export {
   ac as SuperConverter
 };

package/dist/super-editor/docx-zipper.es.js

@@ -1,5 +1,5 @@
-import "./chunks/converter-D9KiDgXx.js";
-import { D } from "./chunks/docx-zipper-DQmUj-ef.js";
+import "./chunks/converter-CfmIU--8.js";
+import { D } from "./chunks/docx-zipper-B-CXiNSb.js";
 export {
   D as default
 };

package/dist/super-editor/editor.es.js

@@ -1,6 +1,6 @@
-import { E } from "./chunks/editor-ByPqJ2k8.js";
-import "./chunks/converter-D9KiDgXx.js";
-import "./chunks/docx-zipper-DQmUj-ef.js";
+import { E } from "./chunks/editor-wC_gs8Bl.js";
+import "./chunks/converter-CfmIU--8.js";
+import "./chunks/docx-zipper-B-CXiNSb.js";
 export {
   E as Editor
 };

package/dist/super-editor/file-zipper.es.js

@@ -1,4 +1,4 @@
-import { J as JSZip } from "./chunks/docx-zipper-DQmUj-ef.js";
+import { J as JSZip } from "./chunks/docx-zipper-B-CXiNSb.js";
 async function createZip(blobs, fileNames) {
   const zip = new JSZip();
   blobs.forEach((blob, index) => {

package/dist/super-editor/style.css

@@ -219,10 +219,10 @@
   background-color: #c8d0d8;
 }
 
-.overflow-menu[data-v-8bf2f427] {
+.overflow-menu[data-v-ef28da92] {
   position: relative;
 }
-.overflow-menu_items[data-v-8bf2f427] {
+.overflow-menu_items[data-v-ef28da92] {
     position: absolute;
     width: 200px;
     top: calc(100% + 3px);
@@ -234,13 +234,13 @@
     box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
     box-sizing: border-box;
 }
-.superdoc-toolbar-overflow[data-v-8bf2f427] {
+.superdoc-toolbar-overflow[data-v-ef28da92] {
   min-width: auto !important;
   max-width: 200px;
   flex-wrap: wrap;
 }
 @media (max-width: 300px) {
-.overflow-menu_items[data-v-8bf2f427] {
+.overflow-menu_items[data-v-ef28da92] {
     right: auto;
     left: 0;
     transform: translateX(-50%);
@@ -282,7 +282,7 @@
   border-radius: 8px !important;
 }
 
-.button-group[data-v-f42ec7e6] {
+.button-group[data-v-c80a1e51] {
   display: flex;
 }
 
@@ -1930,10 +1930,49 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   box-shadow: 0 0 4px rgba(74, 144, 226, 0.5);
 }
 
-.editor-element[data-v-f1e98438] {
+.superdoc-image-resize-overlay[data-v-e66ec7bb] {
+  position: absolute;
+  pointer-events: none;
+  user-select: none;
+  overflow: visible;
+}
+.resize-handle[data-v-e66ec7bb] {
+  position: absolute;
+  width: var(--v1e81f81d);
+  height: var(--v1e81f81d);
+  background-color: #ffffff;
+  border: 2px solid #4a90e2;
+  border-radius: 50%;
+  user-select: none;
+  z-index: var(--v12763124);
+  pointer-events: auto;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  transition:
+    transform 0.2s ease,
+    box-shadow 0.2s ease;
+}
+.resize-handle[data-v-e66ec7bb]:hover {
+  transform: scale(1.2);
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
+  background-color: #4a90e2;
+  border-color: #ffffff;
+}
+.resize-handle--active[data-v-e66ec7bb] {
+  transform: scale(1.2);
+  background-color: #4a90e2;
+  border-color: #ffffff;
+}
+.resize-guideline[data-v-e66ec7bb] {
+  position: absolute;
+  background-color: rgba(74, 144, 226, 0.1);
+  pointer-events: none;
+  box-shadow: 0 0 4px rgba(74, 144, 226, 0.5);
+}
+
+.editor-element[data-v-a84087aa] {
   position: relative;
 }
-.super-editor-container[data-v-f1e98438] {
+.super-editor-container[data-v-a84087aa] {
   width: auto;
   height: auto;
   min-width: 8in;
@@ -1942,14 +1981,14 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   display: flex;
   flex-direction: column;
 }
-.ruler[data-v-f1e98438] {
+.ruler[data-v-a84087aa] {
   margin-bottom: 2px;
 }
-.super-editor[data-v-f1e98438] {
+.super-editor[data-v-a84087aa] {
   color: initial;
   overflow: hidden;
 }
-.placeholder-editor[data-v-f1e98438] {
+.placeholder-editor[data-v-a84087aa] {
   position: absolute;
   top: 0;
   left: 0;
@@ -1961,7 +2000,7 @@ https://github.com/ProseMirror/prosemirror-tables/blob/master/demo/index.html
   background-color: white;
   box-sizing: border-box;
 }
-.placeholder-title[data-v-f1e98438] {
+.placeholder-title[data-v-a84087aa] {
   display: flex;
   justify-content: center;
   margin-bottom: 40px;