@harbour-enterprises/superdoc 0.29.0-next.1 → 0.29.0-next.11

package/dist/chunks/{super-editor.es-BV85aAFJ.cjs → super-editor.es-q77PJY-s.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const vue = require("./vue-DKMj1I9B.cjs");
+const vue = require("./vue-BQxRC6G7.cjs");
 const Y = require("yjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -25010,7 +25010,7 @@ function parseMarks(property2, unknownMarks = [], docx = null) {
       seen.add(m2.type);
       const { attributes = {} } = element;
       const newMark = { type: m2.type };
-      const exceptionMarks = ["w:b", "w:caps"];
+      const exceptionMarks = ["w:b", "w:caps", "w:strike", "w:dstrike"];
       if ((attributes["w:val"] === "0" || attributes["w:val"] === "none") && !exceptionMarks.includes(m2.name)) {
         return;
       }
@@ -25133,7 +25133,8 @@ function getStrikeValue(attributes) {
   if (raw === void 0 || raw === null) return "1";
   const value = String(raw).trim().toLowerCase();
   if (value === "1" || value === "true" || value === "on") return "1";
-  return null;
+  if (value === "0" || value === "false" || value === "off") return "0";
+  return "1";
 }
 const parseParagraphBorders = (pBdr) => {
   if (!pBdr || !pBdr.elements) return {};
@@ -33136,70 +33137,74 @@ const DocxHelpers = {
   getNewRelationshipId
 };
 const kebabCase$1 = (str) => str.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
-const comments_module_events = Object.freeze({
-  RESOLVED: "resolved",
-  NEW: "new",
+const comments_module_events = {
   ADD: "add",
   UPDATE: "update",
-  DELETED: "deleted",
-  PENDING: "pending",
-  SELECTED: "selected",
-  // Comments list
-  COMMENTS_LIST: "comments-list",
-  // Tracked changes
-  CHANGE_ACCEPTED: "change-accepted",
-  CHANGE_REJECTED: "change-rejected"
-});
+  SELECTED: "selected"
+};
+class FileObjectError extends Error {
+  constructor(message, cause) {
+    super(message);
+    this.cause = cause;
+    this.name = "FileObjectError";
+    if (typeof Error.captureStackTrace === "function") {
+      Error.captureStackTrace(this, FileObjectError);
+    }
+  }
+}
+class InvalidDataUriError extends FileObjectError {
+  constructor(uri2) {
+    super(`Invalid data URI format: URI must contain exactly one comma separator`);
+    this.uri = uri2;
+    this.name = "InvalidDataUriError";
+  }
+}
+class FetchFailedError extends FileObjectError {
+  constructor(url, cause) {
+    super(`Failed to fetch file from URL: ${url}`, cause);
+    this.url = url;
+    this.name = "FetchFailedError";
+  }
+}
 const getFileObject = async (fileUrl, name, type2) => {
-  if (fileUrl.startsWith("data:") && fileUrl.includes(";base64,")) {
-    const binary = atob(fileUrl.split(",")[1]);
-    const bytes = Uint8Array.from(binary, (c2) => c2.charCodeAt(0));
-    return new File([bytes], name, { type: type2 });
+  try {
+    if (fileUrl.startsWith("data:") && fileUrl.includes(";base64,")) {
+      const parts = fileUrl.split(",");
+      if (parts.length !== 2) {
+        throw new InvalidDataUriError(fileUrl);
+      }
+      const binary = atob(parts[1]);
+      const bytes = Uint8Array.from(binary, (c2) => c2.charCodeAt(0));
+      return new File([bytes], name, { type: type2 });
+    }
+    const response = await fetch(fileUrl);
+    if (!response.ok) {
+      throw new FetchFailedError(fileUrl, new Error(`HTTP ${response.status}: ${response.statusText}`));
+    }
+    const blob = await response.blob();
+    return new File([blob], name, { type: type2 });
+  } catch (error) {
+    if (error instanceof FileObjectError) {
+      throw error;
+    }
+    throw new FileObjectError("Failed to create file object", error);
   }
-  const response = await fetch(fileUrl);
-  const blob = await response.blob();
-  return new File([blob], name, { type: type2 });
 };
 const vClickOutside = {
   mounted(el, binding) {
     const clickOutsideHandler = (event) => {
       if (!el.contains(event.target)) {
-        binding.value(event);
+        binding.value?.(event);
       }
     };
     document.addEventListener("click", clickOutsideHandler);
     el.__clickOutsideHandler = clickOutsideHandler;
   },
   unmounted(el) {
-    document.removeEventListener("click", el.__clickOutsideHandler);
-    delete el.__clickOutsideHandler;
-  }
-};
-const _hoisted_1$g = ["accept"];
-const _sfc_main$h = {
-  __name: "BasicUpload",
-  props: {
-    accept: {
-      type: String,
-      default: ".docx, .pdf, .html, .md"
+    if (el.__clickOutsideHandler) {
+      document.removeEventListener("click", el.__clickOutsideHandler);
+      delete el.__clickOutsideHandler;
     }
-  },
-  emits: ["file-change"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const onFileChange = (event) => {
-      emit("file-change", event.target.files[0]);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", null, [
-        vue.createBaseVNode("input", {
-          type: "file",
-          id: "fileInput",
-          onChange: onFileChange,
-          accept: __props.accept
-        }, null, 40, _hoisted_1$g)
-      ]);
-    };
   }
 };
 const getDefaultStyleDefinition = (defaultStyleId, docx) => {
@@ -35045,6 +35050,9 @@ function translateMark(mark) {
       const translated = translator$1r.decode({ node: { attrs: { highlight: highlightValue } } });
       return translated || {};
     }
+    case "strike":
+      if (attrs?.value === "0") markElement.attributes["w:val"] = attrs.value;
+      break;
     case "link":
       return {};
   }
@@ -35379,6 +35387,12 @@ const mergeRelationshipElements = (existingRelationships = [], newRelationships
   if (!newRelationships?.length) return existingRelationships;
   let largestId = getLargestRelationshipId(existingRelationships);
   const seenIds = new Set(existingRelationships.map((rel) => rel?.attributes?.Id).filter(Boolean));
+  for (const rel of newRelationships) {
+    const id = rel?.attributes?.Id;
+    if (!id || seenIds.has(id)) continue;
+    const numeric = Number(String(id).replace(REL_ID_NUMERIC_PATTERN, ""));
+    if (Number.isFinite(numeric) && numeric > largestId) largestId = numeric;
+  }
   const additions = [];
   newRelationships.forEach((rel) => {
     if (!rel?.attributes) return;
@@ -35386,13 +35400,22 @@ const mergeRelationshipElements = (existingRelationships = [], newRelationships
     const currentId = attributes.Id || "";
     attributes.Target = attributes?.Target?.replace(/&/g, "&");
     const existingTarget = existingRelationships.find((el) => el.attributes.Target === attributes.Target);
-    const isMedia = attributes.Target?.startsWith("media/");
+    attributes.Target?.startsWith("media/");
     const isNewHyperlink = attributes.Type === HYPERLINK_RELATIONSHIP_TYPE && currentId.length > 6;
     const isNewHeadFoot = (attributes.Type === HEADER_RELATIONSHIP_TYPE || attributes.Type === FOOTER_RELATIONSHIP_TYPE) && currentId.length > 6;
     const hasSeenId = currentId && seenIds.has(currentId);
-    const shouldSkip = !isNewHyperlink && !isNewHeadFoot && (hasSeenId || existingTarget);
-    if (shouldSkip) return;
-    attributes.Id = currentId.length > 6 || isMedia ? currentId : `rId${++largestId}`;
+    if (!isNewHyperlink && !isNewHeadFoot && existingTarget) return;
+    if (!currentId || hasSeenId) {
+      let candidate = Math.max(largestId, 1);
+      while (seenIds.has(`rId${candidate}`)) {
+        candidate += 1;
+      }
+      attributes.Id = `rId${candidate}`;
+      largestId = candidate;
+    } else {
+      const numeric = Number(String(currentId).replace(REL_ID_NUMERIC_PATTERN, ""));
+      if (Number.isFinite(numeric) && numeric > largestId) largestId = numeric;
+    }
     seenIds.add(attributes.Id);
     additions.push(rel);
   });
@@ -35606,7 +35629,7 @@ const _SuperConverter = class _SuperConverter2 {
   static getStoredSuperdocVersion(docx) {
     return _SuperConverter2.getStoredCustomProperty(docx, "SuperdocVersion");
   }
-  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "0.28.2") {
+  static setStoredSuperdocVersion(docx = this.convertedXml, version2 = "0.29.0-next.11") {
     return _SuperConverter2.setStoredCustomProperty(docx, "SuperdocVersion", version2, false);
   }
   /**
@@ -36156,7 +36179,7 @@ __publicField$2(_SuperConverter, "markTypes", [
   { name: "w:i", type: "italic" },
   // { name: 'w:iCs', type: 'italic' },
   { name: "w:u", type: "underline", mark: "underline", property: "underlineType" },
-  { name: "w:strike", type: "strike", mark: "strike" },
+  { name: "w:strike", type: "strike", mark: "strike", property: "value" },
   { name: "w:color", type: "color", mark: "textStyle", property: "color" },
   { name: "w:sz", type: "fontSize", mark: "textStyle", property: "fontSize" },
   // { name: 'w:szCs', type: 'fontSize', mark: 'textStyle', property: 'fontSize' },
@@ -50886,9 +50909,10 @@ const CommentsPlugin = Extension.create({
         }
       },
       view() {
-        let prevDoc;
-        let prevActiveThreadId;
+        let prevDoc = null;
+        let prevActiveThreadId = null;
         let prevAllCommentPositions = {};
+        let hasEverEmitted = false;
         return {
           update(view) {
             const { state: state2 } = view;
@@ -50899,14 +50923,15 @@ const CommentsPlugin = Extension.create({
             if (meta?.type === "setActiveComment" || meta?.forceUpdate) {
               shouldUpdate = true;
             }
-            const docChanged = prevDoc && !prevDoc.eq(doc2);
+            const docChanged = !prevDoc || !prevDoc.eq(doc2);
             if (docChanged) shouldUpdate = true;
             const activeThreadChanged = prevActiveThreadId !== currentActiveThreadId;
             if (activeThreadChanged) {
               shouldUpdate = true;
               prevActiveThreadId = currentActiveThreadId;
             }
-            const onlyActiveThreadChanged = !docChanged && activeThreadChanged;
+            const isInitialLoad = prevDoc === null;
+            const onlyActiveThreadChanged = !isInitialLoad && !docChanged && activeThreadChanged;
             if (!shouldUpdate) return;
             prevDoc = doc2;
             shouldUpdate = false;
@@ -50986,8 +51011,11 @@ const CommentsPlugin = Extension.create({
             }
             if (!onlyActiveThreadChanged) {
               const positionsChanged = hasPositionsChanged(prevAllCommentPositions, allCommentPositions);
-              if (positionsChanged) {
+              const hasComments = Object.keys(allCommentPositions).length > 0;
+              const shouldEmitPositions = positionsChanged || !hasEverEmitted && hasComments;
+              if (shouldEmitPositions) {
                 prevAllCommentPositions = allCommentPositions;
+                hasEverEmitted = true;
                 editor.emit("comment-positions", { allCommentPositions });
               }
             }
@@ -51005,7 +51033,10 @@ const hasPositionsChanged = (prevPositions, currPositions) => {
   for (const key2 of currKeys) {
     const prev = prevPositions[key2];
     const curr = currPositions[key2];
-    if (!prev || prev.top !== curr.top || prev.left !== curr.left) {
+    if (!prev || !prev.bounds || !curr.bounds) {
+      return true;
+    }
+    if (prev.bounds.top !== curr.bounds.top || prev.bounds.left !== curr.bounds.left) {
       return true;
     }
   }
@@ -53787,7 +53818,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
       { default: remarkStringify },
       { default: remarkGfm }
     ] = await Promise.all([
-      Promise.resolve().then(() => require("./index-DQ6dCde6-BnMDi7G1.cjs")),
+      Promise.resolve().then(() => require("./index-vgCtdrE1-BMfi7kYY.cjs")),
       Promise.resolve().then(() => require("./index-DRCvimau-H4Ck3S9a.cjs")),
       Promise.resolve().then(() => require("./index-C_x_N6Uh-Db3CUJMX.cjs")),
       Promise.resolve().then(() => require("./index-D_sWOSiG-BtDZzJ6I.cjs")),
@@ -54005,7 +54036,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.28.2");
+    console.debug("[checkVersionMigrations] Current editor version", "0.29.0-next.11");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -70445,9 +70476,10 @@ const Strike = Mark2.create({
       { style: "text-decoration=auto", clearMark: (m2) => m2.type.name == "s" }
     ];
   },
-  renderDOM({ htmlAttributes }) {
+  renderDOM({ mark, htmlAttributes }) {
     const merged = Attribute2.mergeAttributes(this.options.htmlAttributes, htmlAttributes);
-    const { value, ...rest } = merged || {};
+    const { value } = mark.attrs;
+    const { ...rest } = merged || {};
     if (value === "0") {
       return ["span", rest, 0];
     }
@@ -74087,12 +74119,12 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$f = ["onClick", "onMouseenter"];
+const _hoisted_1$g = ["onClick", "onMouseenter"];
 const _hoisted_2$c = { key: 0 };
 const _hoisted_3$a = { key: 0 };
 const _hoisted_4$6 = { key: 1 };
 const _hoisted_5$5 = { key: 1 };
-const _sfc_main$g = {
+const _sfc_main$h = {
   __name: "Mentions",
   props: {
     users: {
@@ -74169,13 +74201,13 @@ const _sfc_main$g = {
             ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, [
               vue.createBaseVNode("span", null, vue.toDisplayString(user.email), 1)
             ]))
-          ], 42, _hoisted_1$f);
+          ], 42, _hoisted_1$g);
         }), 128))
       ], 544);
     };
   }
 };
-const Mentions = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-bcae18cf"]]);
+const Mentions = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-bcae18cf"]]);
 const popoverPluginKey = new PluginKey("popoverPlugin");
 const PopoverPlugin = Extension.create({
   name: "popoverPlugin",
@@ -86735,7 +86767,7 @@ const NSkeleton = vue.defineComponent({
     return child;
   }
 });
-const _hoisted_1$e = ["onKeydown", "tabindex", "data-item-id"];
+const _hoisted_1$f = ["onKeydown", "tabindex", "data-item-id"];
 const _hoisted_2$b = { key: 0 };
 const _hoisted_3$9 = { key: 0 };
 const _hoisted_4$5 = { key: 0 };
@@ -87006,14 +87038,14 @@ const _sfc_main$1$1 = {
               onButtonClick: ($event) => handleToolbarButtonClick(item),
               "overflow-items": __props.overflowItems
             }, null, 8, ["toolbar-item", "onButtonClick", "overflow-items"])) : vue.createCommentVNode("", true)
-          ], 42, _hoisted_1$e);
+          ], 42, _hoisted_1$f);
         }), 128))
       ], 36);
     };
   }
 };
 const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1$1, [["__scopeId", "data-v-f42ec7e6"]]);
-const _sfc_main$f = {
+const _sfc_main$g = {
   __name: "Toolbar",
   emits: ["command", "toggle", "select"],
   setup(__props, { emit: __emit }) {
@@ -87094,7 +87126,7 @@ const _sfc_main$f = {
     };
   }
 };
-const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-639f50b4"]]);
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-639f50b4"]]);
 const DEFAULT_API_ENDPOINT = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights";
 const SYSTEM_PROMPT = "You are an expert copywriter and you are immersed in a document editor. You are to provide document related text responses based on the user prompts. Only write what is asked for. Do not provide explanations. Try to keep placeholders as short as possible. Do not output your prompt. Your instructions are: ";
 async function baseInsightsFetch(payload, options = {}) {
@@ -87330,12 +87362,12 @@ function formatDocument(editor) {
 }
 const edit = '<!-- @note: includes color gradient for inline svg AI Writer -->\n<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->\n    <linearGradient id="gradient" x1="125%" y1="50%" x2="-25%" y2="50%">\n        <stop offset="-20%" stop-color="rgba(218, 215, 118, 0.5)" />\n        <stop offset="30%" stop-color="rgb(191, 100, 100)" />\n        <stop offset="60%" stop-color="rgb(77, 82, 217)" />\n        <stop offset="150%" stop-color="rgb(255, 219, 102)" />\n    </linearGradient>\n    <path fill="url(#gradient)" d="M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1 .8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z"/>\n</svg>';
 const paperPlane = '<!-- @note: includes color gradient for inline svg AI Writer -->\n<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->\n  <defs>\n    <linearGradient id="gradient" x1="125%" y1="50%" x2="-25%" y2="50%">\n      <stop offset="-20%" stop-color="rgba(218, 215, 118, 0.5)" />\n      <stop offset="30%" stop-color="rgb(191, 100, 100)" />\n      <stop offset="60%" stop-color="rgb(77, 82, 217)" />\n      <stop offset="150%" stop-color="rgb(255, 219, 102)" />\n    </linearGradient>\n  </defs>\n  <path fill="url(#gradient)" d="M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"/>\n</svg>';
-const _hoisted_1$d = { class: "ai-user-input-field" };
+const _hoisted_1$e = { class: "ai-user-input-field" };
 const _hoisted_2$a = ["innerHTML"];
 const _hoisted_3$8 = ["placeholder"];
 const _hoisted_4$4 = { class: "ai-loader" };
 const _hoisted_5$3 = ["innerHTML"];
-const _sfc_main$e = {
+const _sfc_main$f = {
   __name: "AIWriter",
   props: {
     selectedText: {
@@ -87581,7 +87613,7 @@ const _sfc_main$e = {
         onMousedown: _cache[1] || (_cache[1] = vue.withModifiers(() => {
         }, ["stop"]))
       }, [
-        vue.createBaseVNode("div", _hoisted_1$d, [
+        vue.createBaseVNode("div", _hoisted_1$e, [
           vue.createBaseVNode("span", {
             class: "ai-textarea-icon",
             innerHTML: vue.unref(edit)
@@ -87611,7 +87643,7 @@ const _sfc_main$e = {
     };
   }
 };
-const AIWriter = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-e8e0f607"]]);
+const AIWriter = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-d869be75"]]);
 async function createZip(blobs, fileNames) {
   const zip = new JSZip();
   blobs.forEach((blob, index2) => {
@@ -87924,8 +87956,8 @@ const useToolbarItem = (options) => {
     onDeactivate
   };
 };
-const _hoisted_1$c = ["onClick", "innerHTML", "aria-label", "onKeydown"];
-const _sfc_main$d = {
+const _hoisted_1$d = ["onClick", "innerHTML", "aria-label", "onKeydown"];
+const _sfc_main$e = {
   __name: "AlignmentButtons",
   emits: ["select"],
   setup(__props, { emit: __emit }) {
@@ -88010,20 +88042,20 @@ const _sfc_main$d = {
             ref_key: "alignmentButtonsRefs",
             ref: alignmentButtonsRefs,
             onKeydown: vue.withModifiers((event) => handleKeyDown2(event, index2), ["prevent"])
-          }, null, 40, _hoisted_1$c);
+          }, null, 40, _hoisted_1$d);
         }), 64))
       ], 2);
     };
   }
 };
-const AlignmentButtons = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-d84f57b6"]]);
-const _hoisted_1$b = ["onClick", "onKeydown"];
+const AlignmentButtons = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-d84f57b6"]]);
+const _hoisted_1$c = ["onClick", "onKeydown"];
 const _hoisted_2$9 = { class: "document-mode-column icon-column" };
 const _hoisted_3$7 = ["innerHTML"];
 const _hoisted_4$3 = { class: "document-mode-column text-column" };
 const _hoisted_5$2 = { class: "document-mode-type" };
 const _hoisted_6$1 = { class: "document-mode-description" };
-const _sfc_main$c = {
+const _sfc_main$d = {
   __name: "DocumentMode",
   props: {
     options: {
@@ -88097,19 +88129,19 @@ const _sfc_main$c = {
               vue.createBaseVNode("div", _hoisted_5$2, vue.toDisplayString(option.label), 1),
               vue.createBaseVNode("div", _hoisted_6$1, vue.toDisplayString(option.description), 1)
             ])
-          ], 42, _hoisted_1$b);
+          ], 42, _hoisted_1$c);
         }), 256))
       ], 2);
     };
   }
 };
-const DocumentMode = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-8730b752"]]);
-const _hoisted_1$a = {
+const DocumentMode = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-8730b752"]]);
+const _hoisted_1$b = {
   key: 0,
   class: "linked-style-buttons"
 };
 const _hoisted_2$8 = ["onClick", "onKeydown"];
-const _sfc_main$b = {
+const _sfc_main$c = {
   __name: "LinkedStyle",
   props: {
     editor: {
@@ -88163,7 +88195,7 @@ const _sfc_main$b = {
       styleRefs.value[0].focus();
     });
     return (_ctx, _cache) => {
-      return props.editor ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
+      return props.editor ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getQuickFormatList)(__props.editor), (style2, index2) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: vue.normalizeClass(["style-item", { selected: __props.selectedOption === style2.id }]),
@@ -88184,8 +88216,8 @@ const _sfc_main$b = {
     };
   }
 };
-const LinkedStyle = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-698bdb8e"]]);
-const _hoisted_1$9 = {
+const LinkedStyle = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-698bdb8e"]]);
+const _hoisted_1$a = {
   key: 0,
   class: "link-title"
 };
@@ -88213,7 +88245,7 @@ const _hoisted_13 = {
   key: 4,
   class: "input-row go-to-anchor clickable"
 };
-const _sfc_main$a = {
+const _sfc_main$b = {
   __name: "LinkInput",
   props: {
     showInput: {
@@ -88352,7 +88384,7 @@ const _sfc_main$a = {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(["link-input-ctn", { "high-contrast": vue.unref(isHighContrastMode2) }])
       }, [
-        isAnchor.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, "Page anchor")) : isEditing.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, "Edit link")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, "Add link")),
+        isAnchor.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, "Page anchor")) : isEditing.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$7, "Edit link")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, "Add link")),
         __props.showInput && !isAnchor.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
           vue.createBaseVNode("div", _hoisted_5$1, [
             _cache[4] || (_cache[4] = vue.createBaseVNode("div", { class: "input-icon text-input-icon" }, "T", -1)),
@@ -88419,12 +88451,12 @@ const _sfc_main$a = {
     };
   }
 };
-const LinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-ba50627b"]]);
-const _hoisted_1$8 = ["aria-label", "onClick", "onKeydown"];
+const LinkInput = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-ba50627b"]]);
+const _hoisted_1$9 = ["aria-label", "onClick", "onKeydown"];
 const _hoisted_2$6 = ["innerHTML"];
 const _hoisted_3$5 = ["innerHTML"];
 const ROW_SIZE$1 = 7;
-const _sfc_main$9 = {
+const _sfc_main$a = {
   __name: "IconGridRow",
   props: {
     icons: {
@@ -88550,19 +88582,19 @@ const _sfc_main$9 = {
                 innerHTML: vue.unref(toolbarIcons).colorOptionCheck,
                 style: vue.normalizeStyle(getCheckStyle(option.value, optionIndex))
               }, null, 12, _hoisted_3$5)) : vue.createCommentVNode("", true)
-            ], 40, _hoisted_1$8);
+            ], 40, _hoisted_1$9);
           }), 128))
         ]);
       }), 128);
     };
   }
 };
-const IconGridRow = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-0f479b6c"]]);
+const IconGridRow = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-0f479b6c"]]);
 const DropIcon = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M320 512c53.2 0 101.4-21.6 136.1-56.6l-298.3-235C140 257.1 128 292.3 128 320c0 106 86 192 192 192zM505.2 370.7c4.4-16.2 6.8-33.1 6.8-50.7c0-91.2-130.2-262.3-166.6-308.3C339.4 4.2 330.5 0 320.9 0l-1.8 0c-9.6 0-18.5 4.2-24.5 11.7C277.8 33 240.7 81.3 205.8 136L38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L505.2 370.7zM224 336c0 44.2 35.8 80 80 80c8.8 0 16 7.2 16 16s-7.2 16-16 16c-61.9 0-112-50.1-112-112c0-8.8 7.2-16 16-16s16 7.2 16 16z"/></svg>\n';
-const _hoisted_1$7 = { class: "options-grid-wrap" };
+const _hoisted_1$8 = { class: "options-grid-wrap" };
 const _hoisted_2$5 = ["innerHTML"];
 const _hoisted_3$4 = { class: "option-grid-ctn" };
-const _sfc_main$8 = {
+const _sfc_main$9 = {
   __name: "IconGrid",
   props: {
     icons: {
@@ -88589,7 +88621,7 @@ const _sfc_main$8 = {
       emit("select", option);
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [
         __props.hasNoneIcon ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "none-option",
@@ -88622,7 +88654,7 @@ const _sfc_main$8 = {
     };
   }
 };
-const IconGrid = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-4c0091c8"]]);
+const IconGrid = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-3d19fedf"]]);
 const closeDropdown$1 = (dropdown) => {
   dropdown.expand.value = false;
 };
@@ -88731,10 +88763,10 @@ const icons = [
 const getAvailableColorOptions = () => {
   return icons.flat().map((item) => item.value);
 };
-const _hoisted_1$6 = ["data-cols", "data-rows", "onKeydown", "onClick"];
+const _hoisted_1$7 = ["data-cols", "data-rows", "onKeydown", "onClick"];
 const _hoisted_2$4 = ["aria-valuetext"];
 const ROW_SIZE = 5;
-const _sfc_main$7 = {
+const _sfc_main$8 = {
   __name: "TableGrid",
   emits: ["select", "clickoutside"],
   setup(__props, { emit: __emit }) {
@@ -88850,7 +88882,7 @@ const _sfc_main$7 = {
                   ref: tableGridItems,
                   onKeydown: vue.withModifiers((event) => handleKeyDown2(event, n, i2), ["prevent"]),
                   onClick: vue.withModifiers(($event) => handleClick2({ cols: n, rows: i2 }), ["stop", "prevent"])
-                }, null, 40, _hoisted_1$6);
+                }, null, 40, _hoisted_1$7);
               }), 64))
             ], 64);
           }), 64))
@@ -88863,13 +88895,13 @@ const _sfc_main$7 = {
     };
   }
 };
-const TableGrid = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-92e8d5fb"]]);
-const _hoisted_1$5 = { class: "toolbar-table-actions" };
+const TableGrid = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-92e8d5fb"]]);
+const _hoisted_1$6 = { class: "toolbar-table-actions" };
 const _hoisted_2$3 = ["onClick", "data-item", "ariaLabel"];
 const _hoisted_3$3 = { class: "toolbar-table-actions__icon" };
 const _hoisted_4$1 = ["innerHTML"];
 const _hoisted_5 = { class: "toolbar-table-actions__label" };
-const _sfc_main$6 = {
+const _sfc_main$7 = {
   __name: "TableActions",
   props: {
     options: {
@@ -88883,7 +88915,7 @@ const _sfc_main$6 = {
       emit("select", { command: item.command });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.options, (option) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: vue.normalizeClass(["toolbar-table-actions__item", { "toolbar-table-actions__item--border": option.bottomBorder }]),
@@ -88905,7 +88937,7 @@ const _sfc_main$6 = {
     };
   }
 };
-const TableActions = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-990b9a25"]]);
+const TableActions = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-990b9a25"]]);
 function getScrollableParent(element) {
   let currentElement = element;
   while (currentElement) {
@@ -88929,10 +88961,10 @@ function scrollToElement(targetElement, options = { behavior: "smooth", block: "
   });
 }
 const checkIconSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>\n';
-const _hoisted_1$4 = { class: "search-input-ctn" };
+const _hoisted_1$5 = { class: "search-input-ctn" };
 const _hoisted_2$2 = { class: "row" };
 const _hoisted_3$2 = ["onKeydown"];
-const _sfc_main$5 = {
+const _sfc_main$6 = {
   __name: "SearchInput",
   props: {
     searchRef: {
@@ -88947,7 +88979,7 @@ const _sfc_main$5 = {
       emit("submit", { value: searchValue.value });
     };
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [
         vue.createBaseVNode("div", _hoisted_2$2, [
           vue.withDirectives(vue.createBaseVNode("input", {
             ref: __props.searchRef,
@@ -88971,7 +89003,7 @@ const _sfc_main$5 = {
     };
   }
 };
-const SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-957cbcf2"]]);
+const SearchInput = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-957cbcf2"]]);
 const TOOLBAR_FONTS = [
   {
     label: "Georgia",
@@ -91613,7 +91645,7 @@ function getItems(context, customItems = [], includeDefaultItems = true) {
   }).filter((section) => section.items.length > 0);
   return filteredSections;
 }
-const _hoisted_1$3 = { class: "slash-menu-items" };
+const _hoisted_1$4 = { class: "slash-menu-items" };
 const _hoisted_2$1 = {
   key: 0,
   class: "slash-menu-divider",
@@ -91621,7 +91653,7 @@ const _hoisted_2$1 = {
 };
 const _hoisted_3$1 = ["onClick"];
 const _hoisted_4 = ["innerHTML"];
-const _sfc_main$4 = {
+const _sfc_main$5 = {
   __name: "SlashMenu",
   props: {
     editor: {
@@ -91919,7 +91951,7 @@ const _sfc_main$4 = {
         }, null, 544), [
           [vue.vModelText, searchQuery.value]
         ]),
-        vue.createBaseVNode("div", _hoisted_1$3, [
+        vue.createBaseVNode("div", _hoisted_1$4, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredSections.value, (section, sectionIndex) => {
             return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
               key: section.id
@@ -91954,6 +91986,33 @@ const _sfc_main$4 = {
     };
   }
 };
+const _hoisted_1$3 = ["accept"];
+const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
+  __name: "BasicUpload",
+  props: {
+    accept: { default: ".docx, .pdf, .html, .md" }
+  },
+  emits: ["file-change"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onFileChange = (event) => {
+      const target = event.target;
+      if (target.files?.[0]) {
+        emit("file-change", target.files[0]);
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createBaseVNode("input", {
+          type: "file",
+          id: "fileInput",
+          onChange: onFileChange,
+          accept: __props.accept
+        }, null, 40, _hoisted_1$3)
+      ]);
+    };
+  }
+});
 function adjustPaginationBreaks(editorElem, editor) {
   if (!editorElem.value || !editor?.value?.options?.scale) return;
   const zoom = editor.value.options.scale;
@@ -92478,7 +92537,7 @@ const _sfc_main$1 = {
             class: "editor-element super-editor__element",
             role: "presentation"
           }, null, 512),
-          !props.options.disableContextMenu && editorReady.value && editor.value ? (vue.openBlock(), vue.createBlock(_sfc_main$4, {
+          !props.options.disableContextMenu && editorReady.value && editor.value ? (vue.openBlock(), vue.createBlock(_sfc_main$5, {
             key: 0,
             editor: editor.value,
             popoverControls,
@@ -92547,7 +92606,7 @@ const _sfc_main$1 = {
     };
   }
 };
-const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-0c36dd72"]]);
+const SuperEditor = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-9d25f5b3"]]);
 const _hoisted_1 = ["innerHTML"];
 const _sfc_main = {
   __name: "SuperInput",
@@ -92754,8 +92813,8 @@ exports.SuperInput = SuperInput;
 exports.SuperToolbar = SuperToolbar;
 exports.Toolbar = Toolbar;
 exports.TrackChangesBasePluginKey = TrackChangesBasePluginKey;
-exports._sfc_main = _sfc_main$h;
 exports._sfc_main$4 = _sfc_main$4;
+exports._sfc_main$5 = _sfc_main$5;
 exports.createZip = createZip;
 exports.getActiveFormatting = getActiveFormatting;
 exports.getAllowedImageDimensions = getAllowedImageDimensions;