@harbour-enterprises/superdoc 0.25.0-next.1 → 0.25.0-next.3

package/dist/style.css

@@ -438,20 +438,20 @@ span[data-v-53e13009] {
   width: 16px;
 }
 
-.toolbar-item[data-v-cea02a58] {
+.toolbar-item[data-v-ea93b080] {
   position: relative;
   z-index: 1;
   min-width: 30px;
   margin: 0 1px;
 }
-.visually-hidden[data-v-cea02a58] {
+.visually-hidden[data-v-ea93b080] {
   position: absolute;
   left: -9999px;
   height: 1px;
   width: 1px;
   overflow: hidden;
 }
-.toolbar-button[data-v-cea02a58] {
+.toolbar-button[data-v-ea93b080] {
   padding: 5px;
   height: 32px;
   max-height: 32px;
@@ -467,21 +467,21 @@ span[data-v-53e13009] {
   position: relative;
   box-sizing: border-box;
 }
-.toolbar-button[data-v-cea02a58]:hover {
+.toolbar-button[data-v-ea93b080]:hover {
   background-color: #dbdbdb;
 }
-.toolbar-button:hover .toolbar-icon.high-contrast[data-v-cea02a58] {
+.toolbar-button:hover .toolbar-icon.high-contrast[data-v-ea93b080] {
       color: #fff;
 }
-.toolbar-button:hover.high-contrast[data-v-cea02a58] {
+.toolbar-button:hover.high-contrast[data-v-ea93b080] {
     background-color: #000;
     color: #fff;
 }
-.toolbar-button[data-v-cea02a58]:active,
-.active[data-v-cea02a58] {
+.toolbar-button[data-v-ea93b080]:active,
+.active[data-v-ea93b080] {
   background-color: #c8d0d8;
 }
-.button-label[data-v-cea02a58] {
+.button-label[data-v-ea93b080] {
   overflow: hidden;
   width: 100%;
   text-align: center;
@@ -491,37 +491,37 @@ span[data-v-53e13009] {
   font-size: 15px;
   margin: 5px;
 }
-.toolbar-icon + .dropdown-caret[data-v-cea02a58] {
+.toolbar-icon + .dropdown-caret[data-v-ea93b080] {
   margin-left: 4px;
 }
-.left[data-v-cea02a58],
-.right[data-v-cea02a58] {
+.left[data-v-ea93b080],
+.right[data-v-ea93b080] {
   width: 50%;
   height: 100%;
   background-color: #dbdbdb;
   border-radius: 60%;
 }
-.has-inline-text-input[data-v-cea02a58]:hover {
+.has-inline-text-input[data-v-ea93b080]:hover {
   cursor: text;
 }
-.disabled[data-v-cea02a58] {
+.disabled[data-v-ea93b080] {
   cursor: default;
 }
-.disabled[data-v-cea02a58]:hover {
+.disabled[data-v-ea93b080]:hover {
   cursor: default;
   background-color: initial;
 }
-.disabled .toolbar-icon[data-v-cea02a58],
-.disabled .caret[data-v-cea02a58],
-.disabled .button-label[data-v-cea02a58] {
+.disabled .toolbar-icon[data-v-ea93b080],
+.disabled .caret[data-v-ea93b080],
+.disabled .button-label[data-v-ea93b080] {
   opacity: 0.35;
 }
-.caret[data-v-cea02a58] {
+.caret[data-v-ea93b080] {
   font-size: 1em;
   padding-left: 2px;
   padding-right: 2px;
 }
-.button-text-input[data-v-cea02a58] {
+.button-text-input[data-v-ea93b080] {
   color: #47484a;
   border-radius: 4px;
   text-align: center;
@@ -535,13 +535,16 @@ span[data-v-53e13009] {
   border: 1px solid #d8dee5;
   box-sizing: border-box;
 }
-.button-text-input.high-contrast[data-v-cea02a58] {
+.button-text-input.high-contrast[data-v-ea93b080] {
     background-color: #fff;
 }
-.button-text-input[data-v-cea02a58]::placeholder {
+.button-text-input--font-size[data-v-ea93b080] {
+  width: 36px;
+}
+.button-text-input[data-v-ea93b080]::placeholder {
   color: #47484a;
 }
-.dropdown-caret[data-v-cea02a58] {
+.dropdown-caret[data-v-ea93b080] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -551,16 +554,16 @@ span[data-v-53e13009] {
   height: 10px;
 }
 @media (max-width: 1280px) {
-.toolbar-item--doc-mode .button-label[data-v-cea02a58] {
+.toolbar-item--doc-mode .button-label[data-v-ea93b080] {
     display: none;
 }
-.toolbar-item--doc-mode .toolbar-icon[data-v-cea02a58] {
+.toolbar-item--doc-mode .toolbar-icon[data-v-ea93b080] {
     margin-right: 5px;
 }
-.toolbar-item--linked-styles[data-v-cea02a58] {
+.toolbar-item--linked-styles[data-v-ea93b080] {
     width: auto !important;
 }
-.toolbar-item--linked-styles .button-label[data-v-cea02a58] {
+.toolbar-item--linked-styles .button-label[data-v-ea93b080] {
     display: none;
 }
 }
@@ -2471,46 +2474,46 @@ img[data-v-7dd69850] {
     box-shadow: 0 0 5px hsla(0, 0%, 0%, 0.05);
 }
 
-.superdoc[data-v-ac4ea6eb] {
+.superdoc[data-v-715d68b1] {
   display: flex;
 }
-.right-sidebar[data-v-ac4ea6eb] {
+.right-sidebar[data-v-715d68b1] {
   min-width: 320px;
 }
-.floating-comments[data-v-ac4ea6eb] {
+.floating-comments[data-v-715d68b1] {
   min-width: 300px;
   width: 300px;
 }
-.superdoc__layers[data-v-ac4ea6eb] {
+.superdoc__layers[data-v-715d68b1] {
   height: 100%;
   position: relative;
   box-sizing: border-box;
 }
-.superdoc__document[data-v-ac4ea6eb] {
+.superdoc__document[data-v-715d68b1] {
   width: 100%;
   position: relative;
 }
-.superdoc__sub-document[data-v-ac4ea6eb] {
+.superdoc__sub-document[data-v-715d68b1] {
   width: 100%;
   position: relative;
 }
-.superdoc__selection-layer[data-v-ac4ea6eb] {
+.superdoc__selection-layer[data-v-715d68b1] {
   position: absolute;
   min-width: 100%;
   min-height: 100%;
   z-index: 10;
   pointer-events: none;
 }
-.superdoc__temp-selection[data-v-ac4ea6eb] {
+.superdoc__temp-selection[data-v-715d68b1] {
   position: absolute;
 }
-.superdoc__comments-layer[data-v-ac4ea6eb] {
+.superdoc__comments-layer[data-v-715d68b1] {
   /* position: absolute; */
   top: 0;
   height: 100%;
   position: relative;
 }
-.superdoc__right-sidebar[data-v-ac4ea6eb] {
+.superdoc__right-sidebar[data-v-715d68b1] {
   width: 320px;
   min-width: 320px;
   padding: 0 10px;
@@ -2520,14 +2523,14 @@ img[data-v-7dd69850] {
 }
 
 /* Tools styles */
-.tools[data-v-ac4ea6eb] {
+.tools[data-v-715d68b1] {
   position: absolute;
   z-index: 3;
   display: flex;
   flex-direction: column;
   gap: 6px;
 }
-.tools .tool-icon[data-v-ac4ea6eb] {
+.tools .tool-icon[data-v-715d68b1] {
   font-size: 20px;
   border-radius: 12px;
   border: none;
@@ -2535,7 +2538,7 @@ img[data-v-7dd69850] {
   background-color: #dbdbdb;
   cursor: pointer;
 }
-.tools-item[data-v-ac4ea6eb] {
+.tools-item[data-v-715d68b1] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2545,10 +2548,10 @@ img[data-v-7dd69850] {
   border-radius: 12px;
   cursor: pointer;
 }
-.tools-item i[data-v-ac4ea6eb] {
+.tools-item i[data-v-715d68b1] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-ac4ea6eb] {
+.superdoc__tools-icon[data-v-715d68b1] {
   width: 20px;
   height: 20px;
   flex-shrink: 0;
@@ -2563,15 +2566,15 @@ img[data-v-7dd69850] {
 
 /* 834px is iPad screen size in portrait orientation */
 @media (max-width: 834px) {
-.superdoc .superdoc__layers[data-v-ac4ea6eb] {
+.superdoc .superdoc__layers[data-v-715d68b1] {
     margin: 0;
     border: 0 !important;
     box-shadow: none;
 }
-.superdoc__sub-document[data-v-ac4ea6eb] {
+.superdoc__sub-document[data-v-715d68b1] {
     max-width: 100%;
 }
-.superdoc__right-sidebar[data-v-ac4ea6eb] {
+.superdoc__right-sidebar[data-v-715d68b1] {
     padding: 10px;
     width: 55px;
     position: relative;
@@ -2579,7 +2582,7 @@ img[data-v-7dd69850] {
 }
 
 /* AI Writer styles */
-.ai-writer-container[data-v-ac4ea6eb] {
+.ai-writer-container[data-v-715d68b1] {
   position: fixed;
   z-index: 1000;
   background: white;
@@ -2597,13 +2600,13 @@ img[data-v-7dd69850] {
 } */
 
 /* Tools styles */
-.tools[data-v-ac4ea6eb] {
+.tools[data-v-715d68b1] {
   position: absolute;
   z-index: 3;
   display: flex;
   gap: 6px;
 }
-.tools .tool-icon[data-v-ac4ea6eb] {
+.tools .tool-icon[data-v-715d68b1] {
   font-size: 20px;
   border-radius: 12px;
   border: none;
@@ -2611,7 +2614,7 @@ img[data-v-7dd69850] {
   background-color: #dbdbdb;
   cursor: pointer;
 }
-.tools-item[data-v-ac4ea6eb] {
+.tools-item[data-v-715d68b1] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2622,18 +2625,18 @@ img[data-v-7dd69850] {
   border-radius: 12px;
   cursor: pointer;
 }
-.tools-item i[data-v-ac4ea6eb] {
+.tools-item i[data-v-715d68b1] {
   cursor: pointer;
 }
-.superdoc__tools-icon[data-v-ac4ea6eb] {
+.superdoc__tools-icon[data-v-715d68b1] {
   width: 20px;
   height: 20px;
   flex-shrink: 0;
 }
-.ai-tool > svg[data-v-ac4ea6eb] {
+.ai-tool > svg[data-v-715d68b1] {
   fill: transparent;
 }
-.ai-tool[data-v-ac4ea6eb]::before {
+.ai-tool[data-v-715d68b1]::before {
   content: '';
   position: absolute;
   width: 20px;
@@ -2654,7 +2657,7 @@ img[data-v-7dd69850] {
   filter: brightness(1.2);
   transition: filter 0.2s ease;
 }
-.ai-tool[data-v-ac4ea6eb]:hover::before {
+.ai-tool[data-v-715d68b1]:hover::before {
   filter: brightness(1.3);
 }
 

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

@@ -1,6 +1,6 @@
 import { ref, onMounted, onUnmounted, computed, createElementBlock, openBlock, withModifiers, createElementVNode, withDirectives, unref, vModelText, createCommentVNode, nextTick } from "vue";
 import { T as TextSelection } from "./chunks/converter-gSy6s2VK.js";
-import { _ as _export_sfc } from "./chunks/editor-CyBtLJFF.js";
+import { _ as _export_sfc } from "./chunks/editor-CoX24lXQ.js";
 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 = {}) {

package/dist/super-editor/chunks/{editor-CyBtLJFF.js → editor-CoX24lXQ.js}

@@ -11034,7 +11034,7 @@ const markInsertion = ({ tr, from: from2, to, user, date }) => {
   });
   return insertionMark;
 };
-const markDeletion = ({ tr, from: from2, to, user, date }) => {
+const markDeletion = ({ tr, from: from2, to, user, date, id: providedId }) => {
   let trackedMark = findTrackedMarkBetween({
     tr,
     from: from2,
@@ -11043,7 +11043,9 @@ const markDeletion = ({ tr, from: from2, to, user, date }) => {
     attrs: { authorEmail: user.email }
   });
   let id;
-  if (trackedMark) {
+  if (providedId) {
+    id = providedId;
+  } else if (trackedMark) {
     id = trackedMark.mark.attrs.id;
   } else {
     id = v4();
@@ -12315,7 +12317,8 @@ const replaceStep = ({ state, tr, step, newTr, map: map2, user, date, originalSt
       from: step.from,
       to: step.to,
       user,
-      date
+      date,
+      id: meta.insertedMark?.attrs?.id
     });
     meta.deletionNodes = deletionNodes;
     meta.deletionMark = deletionMark2;
@@ -15287,6 +15290,7 @@ init_fn = function() {
   this.on("paginationUpdate", this.options.onPaginationUpdate);
   this.on("comment-positions", this.options.onCommentLocationsUpdate);
   this.on("list-definitions-change", this.options.onListDefinitionsChange);
+  this.on("fonts-resolved", this.options.onFontsResolved);
   this.on("exception", this.options.onException);
   if (!this.options.isHeadless) {
     this.initializeCollaborationData();
@@ -15490,7 +15494,7 @@ checkFonts_fn = async function() {
   if (!("queryLocalFonts" in window)) {
     console.warn("[SuperDoc] Could not get access to local fonts. Using fallback solution.");
     const unsupportedFonts = __privateMethod(this, _Editor_instances, determineUnsupportedFontsWithCanvas_fn).call(this, fontsUsedInDocument);
-    this.options.onFontsResolved({
+    this.emit("fonts-resolved", {
       documentFonts: fontsUsedInDocument,
       unsupportedFonts
     });
@@ -15500,7 +15504,7 @@ checkFonts_fn = async function() {
   if (localFontAccess.state === "denied") {
     console.warn("[SuperDoc] Could not get access to local fonts. Using fallback solution.");
     const unsupportedFonts = __privateMethod(this, _Editor_instances, determineUnsupportedFontsWithCanvas_fn).call(this, fontsUsedInDocument);
-    this.options.onFontsResolved({
+    this.emit("fonts-resolved", {
       documentFonts: fontsUsedInDocument,
       unsupportedFonts
     });
@@ -15510,14 +15514,14 @@ checkFonts_fn = async function() {
     const localFonts = await window.queryLocalFonts();
     const uniqueLocalFonts = [...new Set(localFonts.map((font) => font.family))];
     const unsupportedFonts = __privateMethod(this, _Editor_instances, determineUnsupportedFontsWithLocalFonts_fn).call(this, fontsUsedInDocument, uniqueLocalFonts);
-    this.options.onFontsResolved({
+    this.emit("fonts-resolved", {
       documentFonts: fontsUsedInDocument,
       unsupportedFonts
     });
   } catch {
     console.warn("[SuperDoc] Could not get access to local fonts. Using fallback solution.");
     const unsupportedFonts = __privateMethod(this, _Editor_instances, determineUnsupportedFontsWithCanvas_fn).call(this, fontsUsedInDocument);
-    this.options.onFontsResolved({
+    this.emit("fonts-resolved", {
       documentFonts: fontsUsedInDocument,
       unsupportedFonts
     });

package/dist/super-editor/chunks/{toolbar-1Ejr8Exl.js → toolbar-BTw9-jfX.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-gSy6s2VK.js";
-import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-CyBtLJFF.js";
+import { _ as _export_sfc, u as useHighContrastMode, g as global$1 } from "./editor-CoX24lXQ.js";
 const sanitizeNumber = (value, defaultNumber) => {
   let sanitized = value.replace(/[^0-9.]/g, "");
   sanitized = parseFloat(sanitized);
@@ -326,7 +326,7 @@ const _sfc_main$4 = {
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inlineTextInput.value = $event),
               onKeydown: withKeys(withModifiers(handleInputSubmit, ["prevent"]), ["enter"]),
               type: "text",
-              class: normalizeClass(["button-text-input", { "high-contrast": unref(isHighContrastMode) }]),
+              class: normalizeClass(["button-text-input button-text-input--font-size", { "high-contrast": unref(isHighContrastMode) }]),
               id: "inlineTextInput-" + unref(name),
               autocomplete: "off",
               ref_key: "inlineInput",
@@ -360,7 +360,7 @@ const _sfc_main$4 = {
     };
   }
 };
-const ToolbarButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-cea02a58"]]);
+const ToolbarButton = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-ea93b080"]]);
 const _hoisted_1$2 = {
   class: "toolbar-separator",
   role: "separator",

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

@@ -1,4 +1,4 @@
-import { E } from "./chunks/editor-CyBtLJFF.js";
+import { E } from "./chunks/editor-CoX24lXQ.js";
 import "./chunks/converter-gSy6s2VK.js";
 import "./chunks/docx-zipper-CceGxV02.js";
 export {

package/dist/super-editor/style.css

@@ -64,20 +64,20 @@
   width: 16px;
 }
 
-.toolbar-item[data-v-cea02a58] {
+.toolbar-item[data-v-ea93b080] {
   position: relative;
   z-index: 1;
   min-width: 30px;
   margin: 0 1px;
 }
-.visually-hidden[data-v-cea02a58] {
+.visually-hidden[data-v-ea93b080] {
   position: absolute;
   left: -9999px;
   height: 1px;
   width: 1px;
   overflow: hidden;
 }
-.toolbar-button[data-v-cea02a58] {
+.toolbar-button[data-v-ea93b080] {
   padding: 5px;
   height: 32px;
   max-height: 32px;
@@ -93,21 +93,21 @@
   position: relative;
   box-sizing: border-box;
 }
-.toolbar-button[data-v-cea02a58]:hover {
+.toolbar-button[data-v-ea93b080]:hover {
   background-color: #dbdbdb;
 }
-.toolbar-button:hover .toolbar-icon.high-contrast[data-v-cea02a58] {
+.toolbar-button:hover .toolbar-icon.high-contrast[data-v-ea93b080] {
       color: #fff;
 }
-.toolbar-button:hover.high-contrast[data-v-cea02a58] {
+.toolbar-button:hover.high-contrast[data-v-ea93b080] {
     background-color: #000;
     color: #fff;
 }
-.toolbar-button[data-v-cea02a58]:active,
-.active[data-v-cea02a58] {
+.toolbar-button[data-v-ea93b080]:active,
+.active[data-v-ea93b080] {
   background-color: #c8d0d8;
 }
-.button-label[data-v-cea02a58] {
+.button-label[data-v-ea93b080] {
   overflow: hidden;
   width: 100%;
   text-align: center;
@@ -117,37 +117,37 @@
   font-size: 15px;
   margin: 5px;
 }
-.toolbar-icon + .dropdown-caret[data-v-cea02a58] {
+.toolbar-icon + .dropdown-caret[data-v-ea93b080] {
   margin-left: 4px;
 }
-.left[data-v-cea02a58],
-.right[data-v-cea02a58] {
+.left[data-v-ea93b080],
+.right[data-v-ea93b080] {
   width: 50%;
   height: 100%;
   background-color: #dbdbdb;
   border-radius: 60%;
 }
-.has-inline-text-input[data-v-cea02a58]:hover {
+.has-inline-text-input[data-v-ea93b080]:hover {
   cursor: text;
 }
-.disabled[data-v-cea02a58] {
+.disabled[data-v-ea93b080] {
   cursor: default;
 }
-.disabled[data-v-cea02a58]:hover {
+.disabled[data-v-ea93b080]:hover {
   cursor: default;
   background-color: initial;
 }
-.disabled .toolbar-icon[data-v-cea02a58],
-.disabled .caret[data-v-cea02a58],
-.disabled .button-label[data-v-cea02a58] {
+.disabled .toolbar-icon[data-v-ea93b080],
+.disabled .caret[data-v-ea93b080],
+.disabled .button-label[data-v-ea93b080] {
   opacity: 0.35;
 }
-.caret[data-v-cea02a58] {
+.caret[data-v-ea93b080] {
   font-size: 1em;
   padding-left: 2px;
   padding-right: 2px;
 }
-.button-text-input[data-v-cea02a58] {
+.button-text-input[data-v-ea93b080] {
   color: #47484a;
   border-radius: 4px;
   text-align: center;
@@ -161,13 +161,16 @@
   border: 1px solid #d8dee5;
   box-sizing: border-box;
 }
-.button-text-input.high-contrast[data-v-cea02a58] {
+.button-text-input.high-contrast[data-v-ea93b080] {
     background-color: #fff;
 }
-.button-text-input[data-v-cea02a58]::placeholder {
+.button-text-input--font-size[data-v-ea93b080] {
+  width: 36px;
+}
+.button-text-input[data-v-ea93b080]::placeholder {
   color: #47484a;
 }
-.dropdown-caret[data-v-cea02a58] {
+.dropdown-caret[data-v-ea93b080] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -177,16 +180,16 @@
   height: 10px;
 }
 @media (max-width: 1280px) {
-.toolbar-item--doc-mode .button-label[data-v-cea02a58] {
+.toolbar-item--doc-mode .button-label[data-v-ea93b080] {
     display: none;
 }
-.toolbar-item--doc-mode .toolbar-icon[data-v-cea02a58] {
+.toolbar-item--doc-mode .toolbar-icon[data-v-ea93b080] {
     margin-right: 5px;
 }
-.toolbar-item--linked-styles[data-v-cea02a58] {
+.toolbar-item--linked-styles[data-v-ea93b080] {
     width: auto !important;
 }
-.toolbar-item--linked-styles .button-label[data-v-cea02a58] {
+.toolbar-item--linked-styles .button-label[data-v-ea93b080] {
     display: none;
 }
 }

package/dist/super-editor/super-editor/src/components/toolbar/use-toolbar-item.d.ts

@@ -1,6 +1,6 @@
 export function useToolbarItem(options: any): {
     unref: () => {};
-    activate: (attrs: any) => void;
+    activate: (attrs: any, ...args: any[]) => void;
     deactivate: () => void;
     setDisabled: (state: any) => void;
     resetDisabled: () => void;

package/dist/super-editor/super-editor/src/extensions/track-changes/trackChangesHelpers/markDeletion.d.ts

@@ -1 +1 @@
-export function markDeletion({ tr, from, to, user, date }: Transaction): any;
+export function markDeletion({ tr, from, to, user, date, id: providedId }: Transaction): any;

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

@@ -11,10 +11,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
 var _SuperToolbar_instances, initToolbarGroups_fn, _interceptedCommands, makeToolbarItems_fn, initDefaultFonts_fn, updateHighlightColors_fn, deactivateAll_fn, updateToolbarHistory_fn, enrichTrackedChanges_fn, runCommandWithArgumentOnly_fn;
 import { aA as getDefaultExportFromCjs, V as v4, T as TextSelection$1, v as getMarkRange, aD as vClickOutside, H as findParentNode, aE as getActiveFormatting, av as isInTable, aF as readFromClipboard, aG as handleClipboardPaste, aH as getFileObject, aI as runPropertyTranslators, aJ as translator, aK as translator$1, aL as translator$2, aM as translator$3, aN as translator$4, aO as translator$5, aP as translator$6, aQ as translator$7, aR as translator$8, aS as translator$9, aT as translator$a, aU as translator$b, aV as translator$c, aW as translator$d, aX as translator$e, aY as commentRangeEndTranslator, aZ as commentRangeStartTranslator, a_ as translator$f, a$ as translator$g, b0 as translator$h, b1 as translator$i, b2 as translator$j, b3 as translator$k, b4 as translator$l, b5 as translator$m, b6 as translator$n, b7 as translator$o, b8 as translator$p, b9 as translator$q, ba as translator$r, bb as translator$s, bc as translator$t, bd as translator$u, be as translator$v, bf as translator$w, bg as translator$x, bh as translator$y, bi as translator$z, bj as translator$A, bk as translator$B, bl as translator$C, bm as translator$D, bn as translator$E, bo as translator$F, bp as translator$G, bq as translator$H, br as translator$I, bs as translator$J, bt as translator$K, bu as translator$L, bv as translator$M, bw as translator$N, bx as translator$O, by as translator$P, bz as translator$Q, bA as translator$R, bB as translator$S, bC as translator$T, bD as translator$U, bE as translator$V, bF as translator$W, bG as translator$X, bH as translator$Y, bI as translator$Z, bJ as translator$_, bK as translator$$, bL as translator$10, bM as translator$11, bN as translator$12, bO as translator$13, bP as translator$14, bQ as translator$15, bR as translator$16, bS as translator$17, bT as translator$18, bU as translator$19, bV as translator$1a, bW as translator$1b, bX as translator$1c, bY as translator$1d, bZ as translator$1e, b_ as translator$1f, b$ as translator$1g, c0 as translator$1h, a as Plugin } from "./chunks/converter-gSy6s2VK.js";
 import { c1, a5, i, a2 } from "./chunks/converter-gSy6s2VK.js";
-import { _ as _export_sfc, u as useHighContrastMode, a as getQuickFormatList, b as generateLinkedStyleString, c as getFileOpener, d as checkAndProcessImage, r as replaceSelectionWithImagePlaceholder, e as uploadAndInsertImage, f as collectTrackedChanges, i as isTrackedChangeActionAllowed, y as yUndoPluginKey, h as undoDepth, j as redoDepth, k as collectTrackedChangesForContext, s as shouldBypassContextMenu, S as SlashMenuPluginKey, E as Editor, l as getStarterExtensions, P as Placeholder, m as getRichTextExtensions, M as Mark, n as Extension, A as Attribute, N as Node } from "./chunks/editor-CyBtLJFF.js";
-import { q, C, t, T, o, v, p } from "./chunks/editor-CyBtLJFF.js";
+import { _ as _export_sfc, u as useHighContrastMode, a as getQuickFormatList, b as generateLinkedStyleString, c as getFileOpener, d as checkAndProcessImage, r as replaceSelectionWithImagePlaceholder, e as uploadAndInsertImage, f as collectTrackedChanges, i as isTrackedChangeActionAllowed, y as yUndoPluginKey, h as undoDepth, j as redoDepth, k as collectTrackedChangesForContext, s as shouldBypassContextMenu, S as SlashMenuPluginKey, E as Editor, l as getStarterExtensions, P as Placeholder, m as getRichTextExtensions, M as Mark, n as Extension, A as Attribute, N as Node } from "./chunks/editor-CoX24lXQ.js";
+import { q, C, t, T, o, v, p } from "./chunks/editor-CoX24lXQ.js";
 import { ref, onMounted, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createElementVNode, withModifiers, toDisplayString, createCommentVNode, normalizeStyle, computed, watch, withDirectives, withKeys, vModelText, createTextVNode, createVNode, h, createApp, markRaw, nextTick, onBeforeUnmount, reactive, onUnmounted, renderSlot, shallowRef, createBlock, withCtx, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
-import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, p as plusIconSvg, a as trashIconSvg, b as borderNoneIconSvg, c as arrowsToDotIconSvg, d as arrowsLeftRightIconSvg, w as wrenchIconSvg, m as magicWandIcon, e as checkIconSvg$1, x as xMarkIconSvg, l as linkIconSvg, f as tableIconSvg, g as scissorsIconSvg, h as copyIconSvg, i as pasteIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-1Ejr8Exl.js";
+import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, p as plusIconSvg, a as trashIconSvg, b as borderNoneIconSvg, c as arrowsToDotIconSvg, d as arrowsLeftRightIconSvg, w as wrenchIconSvg, m as magicWandIcon, e as checkIconSvg$1, x as xMarkIconSvg, l as linkIconSvg, f as tableIconSvg, g as scissorsIconSvg, h as copyIconSvg, i as pasteIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-BTw9-jfX.js";
 import AIWriter from "./ai-writer.es.js";
 import { D } from "./chunks/docx-zipper-CceGxV02.js";
 import { createZip } from "./file-zipper.es.js";
@@ -236,8 +236,8 @@ const useToolbarItem = (options) => {
     if (!Array.isArray(options.options)) throw new Error("Invalid toolbar item options - " + options.options);
     nestedOptions.value?.push(...options.options);
   }
-  const activate = (attrs) => {
-    onActivate(attrs);
+  const activate = (attrs, ...args) => {
+    onActivate(attrs, ...args);
     if (suppressActiveHighlight.value) return;
     active.value = true;
   };
@@ -1538,7 +1538,12 @@ const makeDefaultItems = ({
       ariaLabel: "Font size"
     },
     options: fontSizeOptions,
-    onActivate: ({ fontSize: size }) => {
+    onActivate: ({ fontSize: size }, isMultiple = false) => {
+      if (isMultiple) {
+        fontSize.label.value = "";
+        fontSize.selectedValue.value = "";
+        return;
+      }
       const defaultSize = fontSizeOptions.find((i2) => i2.label === String(fontSize.defaultLabel.value));
       if (!size) {
         fontSize.label.value = fontSize.defaultLabel.value;
@@ -1555,8 +1560,6 @@ const makeDefaultItems = ({
       });
       if (foundSize) {
         fontSize.selectedValue.value = foundSize.key;
-      } else if (defaultSize) {
-        fontSize.selectedValue.value = defaultSize.key;
       } else {
         fontSize.selectedValue.value = "";
       }
@@ -3020,7 +3023,13 @@ class SuperToolbar extends EventEmitter {
       const markNegated = rawActiveMark ? isNegatedMark(rawActiveMark.name, rawActiveMark.attrs) : false;
       const activeMark = markNegated ? null : rawActiveMark;
       if (activeMark) {
-        item.activate(activeMark.attrs);
+        if (activeMark.name === "fontSize") {
+          const fontSizes = marks.filter((i2) => i2.name === "fontSize").map((i2) => i2.attrs.fontSize);
+          const isMultiple = [...new Set(fontSizes)].length > 1;
+          item.activate(activeMark.attrs, isMultiple);
+        } else {
+          item.activate(activeMark.attrs);
+        }
       } else {
         item.deactivate();
       }

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

@@ -1,6 +1,6 @@
 import "vue";
-import { T } from "./chunks/toolbar-1Ejr8Exl.js";
-import "./chunks/editor-CyBtLJFF.js";
+import { T } from "./chunks/toolbar-BTw9-jfX.js";
+import "./chunks/editor-CoX24lXQ.js";
 export {
   T as default
 };

package/dist/super-editor.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-Bh07I_ue.cjs");
+const superEditor_es = require("./chunks/super-editor.es-Ct2sXbNV.cjs");
 require("./chunks/vue-DKMj1I9B.cjs");
 exports.AIWriter = superEditor_es.AIWriter;
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;