@harbour-enterprises/superdoc 0.20.2 → 0.21.0-RC2

package/dist/super-editor/src/extensions/text-align/text-align.d.ts

@@ -1,3 +1,17 @@
+/**
+ * Configuration options for TextAlign
+ * @typedef {Object} TextAlignOptions
+ * @category Options
+ * @property {string[]} [types=['heading', 'paragraph']] - Node types to apply alignment to
+ * @property {string[]} [alignments=['left', 'center', 'right', 'justify']] - Available alignment options
+ * @property {string} [defaultAlignment='left'] - Default text alignment
+ */
+/**
+ * Attributes for text alignment
+ * @typedef {Object} TextAlignAttributes
+ * @category Attributes
+ * @property {string} [textAlign='left'] - Text alignment value (left, center, right, justify)
+ */
 /**
  * @module TextAlign
  * @sidebarTitle Text Align
@@ -8,4 +22,12 @@
  * @shortcut Mod-Shift-j | setTextAlign('justify') | Justify text
  */
 export const TextAlign: Extension;
+/**
+ * Configuration options for TextAlign
+ */
+export type TextAlignOptions = any;
+/**
+ * Attributes for text alignment
+ */
+export type TextAlignAttributes = any;
 import { Extension } from '@core/index.js';

package/dist/super-editor/src/extensions/text-indent/text-indent.d.ts

@@ -1,7 +1,17 @@
 /**
- * Text indent configuration
- * @typedef {Object} IndentConfig
- * @property {string} indent - Indent value with unit (e.g., '0.5in', '1cm')
+ * Configuration options for TextIndent
+ * @typedef {Object} TextIndentOptions
+ * @category Options
+ * @property {string[]} [types=['heading', 'paragraph']] - Node types to apply indentation to
+ * @property {Object} [defaults] - Default indentation settings
+ * @property {string} [defaults.unit='in'] - Default unit for indentation (in, cm, px, etc.)
+ * @property {number} [defaults.increment=0.125] - Default increment/decrement value
+ */
+/**
+ * Attributes for text indentation
+ * @typedef {Object} TextIndentAttributes
+ * @category Attributes
+ * @property {string} [textIndent] - Text indentation value with unit (e.g., '0.5in')
  */
 /**
  * @module TextIndent
@@ -10,12 +20,11 @@
  */
 export const TextIndent: Extension;
 /**
- * Text indent configuration
+ * Configuration options for TextIndent
+ */
+export type TextIndentOptions = any;
+/**
+ * Attributes for text indentation
  */
-export type IndentConfig = {
-    /**
-     * - Indent value with unit (e.g., '0.5in', '1cm')
-     */
-    indent: string;
-};
+export type TextIndentAttributes = any;
 import { Extension } from '@core/index.js';

package/dist/super-editor/src/extensions/text-style/text-style.d.ts

@@ -1,7 +1,27 @@
+/**
+ * Configuration options for TextStyle
+ * @typedef {Object} TextStyleOptions
+ * @category Options
+ * @property {Object} [htmlAttributes={}] - Custom HTML attributes to apply to text style spans
+ */
+/**
+ * Attributes for text style marks
+ * @typedef {Object} TextStyleAttributes
+ * @category Attributes
+ * @property {string} [styleId] - Style identifier for referencing predefined styles
+ */
 /**
  * @module TextStyle
  * @sidebarTitle Text Style
  * @snippetPath /snippets/extensions/text-style.mdx
  */
 export const TextStyle: Mark;
+/**
+ * Configuration options for TextStyle
+ */
+export type TextStyleOptions = any;
+/**
+ * Attributes for text style marks
+ */
+export type TextStyleAttributes = any;
 import { Mark } from '@core/index.js';

package/dist/super-editor/src/extensions/text-transform/text-transform.d.ts

@@ -1,7 +1,27 @@
+/**
+ * Configuration options for TextTransform
+ * @typedef {Object} TextTransformOptions
+ * @category Options
+ * @property {string[]} [types=['textStyle']] - Mark types to apply text transform to
+ */
+/**
+ * Attributes for text transform
+ * @typedef {Object} TextTransformAttributes
+ * @category Attributes
+ * @property {string} [textTransform] - Text transform value (uppercase, lowercase, capitalize, none)
+ */
 /**
  * @module TextTransform
  * @sidebarTitle Text Transform
  * @snippetPath /snippets/extensions/text-transform.mdx
  */
 export const TextTransform: Extension;
+/**
+ * Configuration options for TextTransform
+ */
+export type TextTransformOptions = any;
+/**
+ * Attributes for text transform
+ */
+export type TextTransformAttributes = any;
 import { Extension } from '@core/index.js';

package/dist/super-editor/src/extensions/underline/underline.d.ts

@@ -1,3 +1,20 @@
+/**
+ * Underline style configuration
+ * @typedef {Object} UnderlineConfig
+ * @property {'single'|'double'|'thick'|'dotted'|'dashed'|'wavy'} value - Style variant
+ */
+/**
+ * Configuration options for Underline
+ * @typedef {Object} UnderlineOptions
+ * @category Options
+ * @property {Object} [htmlAttributes={}] - HTML attributes for underline elements
+ */
+/**
+ * Attributes for underline marks
+ * @typedef {Object} UnderlineAttributes
+ * @category Attributes
+ * @property {UnderlineConfig} [underlineType='single'] - Style of underline
+ */
 /**
  * @module Underline
  * @sidebarTitle Underline
@@ -15,4 +32,12 @@ export type UnderlineConfig = {
      */
     value: "single" | "double" | "thick" | "dotted" | "dashed" | "wavy";
 };
+/**
+ * Configuration options for Underline
+ */
+export type UnderlineOptions = any;
+/**
+ * Attributes for underline marks
+ */
+export type UnderlineAttributes = any;
 import { Mark } from '@core/index.js';

package/dist/super-editor/src/tests/helpers/editor-test-utils.d.ts

@@ -0,0 +1,14 @@
+export function createTestEditor(options?: {
+    extensions: any[];
+    content: any;
+    editorOptions: any;
+}): Editor;
+export function createMinimalTestEditor(extensions?: any[], options?: any): Editor;
+export function createDocxTestEditor(options?: any): Editor;
+export function getNodeFromEditor(editor: Editor, nodeType: string, pos?: number): Node | null;
+export function insertText(editor: Editor, text: string, pos?: number): void;
+export function createTransaction(editor: Editor): Transaction;
+export function applyTransaction(editor: Editor, tr: Transaction): void;
+export function getEditorJSON(editor: Editor): any;
+export function setEditorContent(editor: Editor, content: any): void;
+import { Editor } from '@core/Editor.js';

package/dist/super-editor/src/tests/helpers/getParagraphText.d.ts

@@ -0,0 +1,2 @@
+export function extractParagraphText(paragraphNode: any): string;
+export function extractRunTextNodes(paragraphNode: any): any;

package/dist/super-editor/style.css

@@ -1117,6 +1117,44 @@ on the right if it is inside shape textbox.
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+.sd-structured-content,
+.sd-structured-content-block {
+  padding: 1px;
+  box-sizing: border-box;
+  border-radius: 4px;
+  border: 1px solid #629be7;
+  position: relative;
+}
+.sd-structured-content-draggable {
+  font-size: 10px;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  left: 2px;
+  bottom: 100%;
+  width: calc(100% - 4px);
+  max-width: 110px;
+  min-width: 0;
+  height: 18px;
+  padding: 0 4px;
+  border: 1px solid #629be7;
+  border-bottom: none;
+  border-radius: 6px 6px 0 0;
+  background-color: #629be733;
+  z-index: 10;
+  cursor: grab;
+  display: none;
+}
+.sd-structured-content-draggable span {
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.sd-structured-content:hover .sd-structured-content-draggable,
+.sd-structured-content-block:hover .sd-structured-content-draggable {
+  display: inline-flex;
+}
 
 .alignment-buttons[data-v-d84f57b6] {
   display: flex;

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

@@ -9,14 +9,14 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _SuperToolbar_instances, initToolbarGroups_fn, _interceptedCommands, makeToolbarItems_fn, initDefaultFonts_fn, updateHighlightColors_fn, deactivateAll_fn, updateToolbarHistory_fn, runCommandWithArgumentOnly_fn;
-import { ax as getDefaultExportFromCjs, V as v4, T as TextSelection$1, v as getMarkRange, aA as vClickOutside, H as findParentNode, aB as getActiveFormatting, ar as isInTable, aC as readFromClipboard, aD as handleClipboardPaste, aE as getFileObject, aF as translator, aG as translator$1, aH as translator$2, a as Plugin } from "./chunks/converter-DyzbfydS.js";
-import { aI, a5, i, a2 } from "./chunks/converter-DyzbfydS.js";
-import { _ as _export_sfc, u as useHighContrastMode, a as getQuickFormatList, b as generateLinkedStyleString, c as getFileOpener, s as startImageUpload, y as yUndoPluginKey, d as undoDepth, r as redoDepth, S as SlashMenuPluginKey, E as Editor, e as getStarterExtensions, P as Placeholder, f as getRichTextExtensions, M as Mark, h as Extension, A as Attribute, N as Node } from "./chunks/editor-BWE7oMgS.js";
-import { k, C, l, T, i as i2, m, j } from "./chunks/editor-BWE7oMgS.js";
+import { av as getDefaultExportFromCjs, V as v4, T as TextSelection$1, v as getMarkRange, ay as vClickOutside, H as findParentNode, az as getActiveFormatting, ap as isInTable, aA as readFromClipboard, aB as handleClipboardPaste, aC as getFileObject, aD as runPropertyTranslators, aE as translator, aF as translator$1, aG as translator$2, aH as translator$3, aI as translator$4, aJ as translator$5, aK as translator$6, aL as translator$7, aM as translator$8, aN as translator$9, aO as translator$a, aP as translator$b, aQ as translator$c, aR as translator$d, aS as translator$e, aT as translator$f, aU as translator$g, aV as translator$h, aW as translator$i, aX as translator$j, aY as translator$k, aZ as translator$l, a_ as translator$m, a$ as translator$n, b0 as translator$o, b1 as translator$p, a as Plugin } from "./chunks/converter-DUqGq6qj.js";
+import { b2, a5, i, a2 } from "./chunks/converter-DUqGq6qj.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, y as yUndoPluginKey, f as undoDepth, h as redoDepth, S as SlashMenuPluginKey, E as Editor, i as getStarterExtensions, P as Placeholder, j as getRichTextExtensions, M as Mark, k as Extension, A as Attribute, N as Node } from "./chunks/editor-gMF6aWiz.js";
+import { n, C, o, T, l, p, m } from "./chunks/editor-gMF6aWiz.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, m as magicWandIcon, p as plusIconSvg, a as trashIconSvg, l as linkIconSvg, b as tableIconSvg, c as scissorsIconSvg, d as copyIconSvg, e as pasteIconSvg, f as borderNoneIconSvg, g as arrowsToDotIconSvg, h as arrowsLeftRightIconSvg, w as wrenchIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-BmHEsvA1.js";
+import { t as toolbarIcons, s as sanitizeNumber, T as Toolbar, m as magicWandIcon, p as plusIconSvg, a as trashIconSvg, l as linkIconSvg, b as tableIconSvg, c as scissorsIconSvg, d as copyIconSvg, e as pasteIconSvg, f as borderNoneIconSvg, g as arrowsToDotIconSvg, h as arrowsLeftRightIconSvg, w as wrenchIconSvg, u as useMessage, N as NSkeleton } from "./chunks/toolbar-BxsT1ZgG.js";
 import AIWriter from "./ai-writer.es.js";
-import { D } from "./chunks/docx-zipper-Bk9SAmal.js";
+import { D } from "./chunks/docx-zipper-CQsQR8Zs.js";
 import { createZip } from "./file-zipper.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
@@ -69,8 +69,8 @@ function requireEventemitter3() {
       var evt = prefix ? prefix + event : event, handlers = this._events[evt];
       if (!handlers) return [];
       if (handlers.fn) return [handlers.fn];
-      for (var i3 = 0, l2 = handlers.length, ee = new Array(l2); i3 < l2; i3++) {
-        ee[i3] = handlers[i3].fn;
+      for (var i2 = 0, l2 = handlers.length, ee = new Array(l2); i2 < l2; i2++) {
+        ee[i2] = handlers[i2].fn;
       }
       return ee;
     };
@@ -83,7 +83,7 @@ function requireEventemitter3() {
     EventEmitter2.prototype.emit = function emit(event, a1, a22, a3, a4, a52) {
       var evt = prefix ? prefix + event : event;
       if (!this._events[evt]) return false;
-      var listeners = this._events[evt], len = arguments.length, args, i3;
+      var listeners = this._events[evt], len = arguments.length, args, i2;
       if (listeners.fn) {
         if (listeners.once) this.removeListener(event, listeners.fn, void 0, true);
         switch (len) {
@@ -100,32 +100,32 @@ function requireEventemitter3() {
           case 6:
             return listeners.fn.call(listeners.context, a1, a22, a3, a4, a52), true;
         }
-        for (i3 = 1, args = new Array(len - 1); i3 < len; i3++) {
-          args[i3 - 1] = arguments[i3];
+        for (i2 = 1, args = new Array(len - 1); i2 < len; i2++) {
+          args[i2 - 1] = arguments[i2];
         }
         listeners.fn.apply(listeners.context, args);
       } else {
-        var length = listeners.length, j2;
-        for (i3 = 0; i3 < length; i3++) {
-          if (listeners[i3].once) this.removeListener(event, listeners[i3].fn, void 0, true);
+        var length = listeners.length, j;
+        for (i2 = 0; i2 < length; i2++) {
+          if (listeners[i2].once) this.removeListener(event, listeners[i2].fn, void 0, true);
           switch (len) {
             case 1:
-              listeners[i3].fn.call(listeners[i3].context);
+              listeners[i2].fn.call(listeners[i2].context);
               break;
             case 2:
-              listeners[i3].fn.call(listeners[i3].context, a1);
+              listeners[i2].fn.call(listeners[i2].context, a1);
               break;
             case 3:
-              listeners[i3].fn.call(listeners[i3].context, a1, a22);
+              listeners[i2].fn.call(listeners[i2].context, a1, a22);
               break;
             case 4:
-              listeners[i3].fn.call(listeners[i3].context, a1, a22, a3);
+              listeners[i2].fn.call(listeners[i2].context, a1, a22, a3);
               break;
             default:
-              if (!args) for (j2 = 1, args = new Array(len - 1); j2 < len; j2++) {
-                args[j2 - 1] = arguments[j2];
+              if (!args) for (j = 1, args = new Array(len - 1); j < len; j++) {
+                args[j - 1] = arguments[j];
               }
-              listeners[i3].fn.apply(listeners[i3].context, args);
+              listeners[i2].fn.apply(listeners[i2].context, args);
           }
         }
       }
@@ -150,9 +150,9 @@ function requireEventemitter3() {
           clearEvent(this, evt);
         }
       } else {
-        for (var i3 = 0, events = [], length = listeners.length; i3 < length; i3++) {
-          if (listeners[i3].fn !== fn || once && !listeners[i3].once || context && listeners[i3].context !== context) {
-            events.push(listeners[i3]);
+        for (var i2 = 0, events = [], length = listeners.length; i2 < length; i2++) {
+          if (listeners[i2].fn !== fn || once && !listeners[i2].once || context && listeners[i2].context !== context) {
+            events.push(listeners[i2]);
           }
         }
         if (events.length) this._events[evt] = events.length === 1 ? events[0] : events;
@@ -1145,8 +1145,8 @@ const _sfc_main$7 = {
     const selectGridItems = (allItems, cols, rows) => {
       selectedCols.value = cols;
       selectedRows.value = rows;
-      for (let i3 = 0; i3 < allItems.length; i3++) {
-        let item = allItems[i3];
+      for (let i2 = 0; i2 < allItems.length; i2++) {
+        let item = allItems[i2];
         let itemsCols = parseInt(item.dataset.cols, 10);
         let itemsRows = parseInt(item.dataset.rows, 10);
         if (itemsCols <= cols && itemsRows <= rows) {
@@ -1223,20 +1223,20 @@ const _sfc_main$7 = {
           onMouseover: onTableGridMouseOver,
           "data-grid": "true"
         }, [
-          (openBlock(), createElementBlock(Fragment, null, renderList(5, (i3) => {
-            return openBlock(), createElementBlock(Fragment, { key: i3 }, [
-              (openBlock(), createElementBlock(Fragment, null, renderList(5, (n) => {
+          (openBlock(), createElementBlock(Fragment, null, renderList(5, (i2) => {
+            return openBlock(), createElementBlock(Fragment, { key: i2 }, [
+              (openBlock(), createElementBlock(Fragment, null, renderList(5, (n2) => {
                 return createElementVNode("div", {
                   class: "toolbar-table-grid__item",
-                  key: `${i3}_${n}`,
-                  "data-cols": n,
-                  "data-rows": i3,
+                  key: `${i2}_${n2}`,
+                  "data-cols": n2,
+                  "data-rows": i2,
                   "data-item": "true",
                   ref_for: true,
                   ref_key: "tableGridItems",
                   ref: tableGridItems,
-                  onKeydown: withModifiers((event) => handleKeyDown(event, n, i3), ["prevent"]),
-                  onClick: withModifiers(($event) => handleClick({ cols: n, rows: i3 }), ["stop", "prevent"])
+                  onKeydown: withModifiers((event) => handleKeyDown(event, n2, i2), ["prevent"]),
+                  onClick: withModifiers(($event) => handleClick({ cols: n2, rows: i2 }), ["stop", "prevent"])
                 }, null, 40, _hoisted_1$6);
               }), 64))
             ], 64);
@@ -1457,7 +1457,7 @@ const makeDefaultItems = ({
     onActivate: ({ fontFamily }) => {
       if (!fontFamily) return;
       fontButton.label.value = fontFamily;
-      const foundFont = fontOptions.find((i3) => i3.label === fontFamily);
+      const foundFont = fontOptions.find((i2) => i2.label === fontFamily);
       if (foundFont) {
         fontButton.selectedValue.value = foundFont.key;
       } else {
@@ -1543,8 +1543,8 @@ const makeDefaultItems = ({
       if (sanitizedValue < 8) sanitizedValue = 8;
       if (sanitizedValue > 96) sanitizedValue = 96;
       let sanitizedValueStr = String(sanitizedValue);
-      const foundSize = fontSizeOptions.find((i3) => {
-        return i3.label === sanitizedValueStr || i3.key === sanitizedValueStr;
+      const foundSize = fontSizeOptions.find((i2) => {
+        return i2.label === sanitizedValueStr || i2.key === sanitizedValueStr;
       });
       if (foundSize) {
         fontSize.selectedValue.value = foundSize.key;
@@ -2504,6 +2504,38 @@ const toolbarTexts = {
   documentViewingModeDescription: "View clean version of document only",
   linkedStyles: "Linked styles"
 };
+const isOffValue = (value) => {
+  if (value == null) return false;
+  const normalized = String(value).toLowerCase();
+  return normalized === "0" || normalized === "false" || normalized === "off";
+};
+const negationChecks = {
+  bold: (attrs = {}) => isOffValue(attrs.value),
+  italic: (attrs = {}) => isOffValue(attrs.value),
+  strike: (attrs = {}) => isOffValue(attrs.value),
+  underline: (attrs = {}) => {
+    const type = attrs.underlineType ?? attrs.value;
+    if (type == null) return false;
+    const normalized = String(type).toLowerCase();
+    return normalized === "none" || isOffValue(normalized);
+  },
+  color: (attrs = {}) => {
+    const value = attrs.color;
+    if (value == null) return true;
+    return String(value).toLowerCase() === "inherit";
+  },
+  highlight: (attrs = {}) => {
+    const value = attrs.color;
+    if (value == null) return true;
+    const normalized = String(value).toLowerCase();
+    return normalized === "transparent" || normalized === "none";
+  }
+};
+const isNegatedMark = (name, attrs = {}) => {
+  const checker = negationChecks[name];
+  if (typeof checker !== "function") return false;
+  return Boolean(checker(attrs));
+};
 class SuperToolbar extends EventEmitter {
   /**
    * Creates a new SuperToolbar instance
@@ -2606,10 +2638,14 @@ class SuperToolbar extends EventEmitter {
        * @param {string} params.argument - The color to set
        * @returns {void}
        */
-      setColor: ({ item, argument }) => {
-        __privateMethod(this, _SuperToolbar_instances, runCommandWithArgumentOnly_fn).call(this, { item, argument }, () => {
-          this.activeEditor?.commands.setFieldAnnotationsTextColor(argument, true);
-        });
+      setColor: ({ argument }) => {
+        if (!argument || !this.activeEditor) return;
+        const isNone = argument === "none";
+        const value = isNone ? "inherit" : argument;
+        if (this.activeEditor?.commands?.setColor) this.activeEditor.commands.setColor(value);
+        const argValue = isNone ? null : argument;
+        this.activeEditor?.commands.setFieldAnnotationsTextColor(argValue, true);
+        this.updateToolbarState();
       },
       /**
        * Sets the highlight color for text
@@ -2618,12 +2654,14 @@ class SuperToolbar extends EventEmitter {
        * @param {string} params.argument - The highlight color to set
        * @returns {void}
        */
-      setHighlight: ({ item, argument }) => {
-        __privateMethod(this, _SuperToolbar_instances, runCommandWithArgumentOnly_fn).call(this, { item, argument, noArgumentCallback: true }, () => {
-          let arg = argument !== "none" ? argument : null;
-          this.activeEditor?.commands.setFieldAnnotationsTextHighlight(arg, true);
-          this.activeEditor?.commands.setCellBackground(arg);
-        });
+      setHighlight: ({ argument }) => {
+        if (!argument || !this.activeEditor) return;
+        const inlineColor = argument !== "none" ? argument : "transparent";
+        if (this.activeEditor?.commands?.setHighlight) this.activeEditor.commands.setHighlight(inlineColor);
+        const argValue = argument !== "none" ? argument : null;
+        this.activeEditor?.commands.setFieldAnnotationsTextHighlight(argValue, true);
+        this.activeEditor?.commands.setCellBackground(argValue);
+        this.updateToolbarState();
       },
       /**
        * Toggles the ruler visibility
@@ -2643,10 +2681,25 @@ class SuperToolbar extends EventEmitter {
         if (!result?.file) {
           return;
         }
-        startImageUpload({
+        const { size, file } = await checkAndProcessImage({
+          file: result.file,
+          getMaxContentSize: () => this.activeEditor.getMaxContentSize()
+        });
+        if (!file) {
+          return;
+        }
+        const id = {};
+        replaceSelectionWithImagePlaceholder({
+          view: this.activeEditor.view,
+          editorOptions: this.activeEditor.options,
+          id
+        });
+        await uploadAndInsertImage({
           editor: this.activeEditor,
           view: this.activeEditor.view,
-          file: result.file
+          file,
+          size,
+          id
         });
       },
       /**
@@ -2929,14 +2982,16 @@ class SuperToolbar extends EventEmitter {
           return item.activate();
         }
       }
-      const activeMark = marks.find((mark) => mark.name === item.name.value);
+      const rawActiveMark = marks.find((mark) => mark.name === item.name.value);
+      const markNegated = rawActiveMark ? isNegatedMark(rawActiveMark.name, rawActiveMark.attrs) : false;
+      const activeMark = markNegated ? null : rawActiveMark;
       if (activeMark) {
         item.activate(activeMark.attrs);
       } else {
         item.deactivate();
       }
       const styleIdMark = marks.find((mark) => mark.name === "styleId");
-      if (!activeMark && styleIdMark?.attrs.styleId) {
+      if (!activeMark && !markNegated && styleIdMark?.attrs.styleId) {
         const markToStyleMap = {
           fontSize: "font-size",
           fontFamily: "font-family",
@@ -2994,7 +3049,6 @@ class SuperToolbar extends EventEmitter {
     if (!command) {
       return;
     }
-    this.log("(emmitCommand) Command:", command, "\n	item:", item, "\n	argument:", argument, "\n	option:", option);
     if (command in __privateGet(this, _interceptedCommands)) {
       return __privateGet(this, _interceptedCommands)[command]({ item, argument });
     }
@@ -3977,11 +4031,11 @@ const _sfc_main$3 = {
       pageMargins.value = docMargins;
       rightHandle.x = docSize.width * 96 - docMargins.right * 96;
       leftHandle.x = docMargins.left * 96;
-      for (let i3 = 0; i3 < docSize.width; i3++) {
+      for (let i2 = 0; i2 < docSize.width; i2++) {
         const marginNum = 0.0625 * 96 - 0.5;
         const margin = `${marginNum}px`;
-        const diff = docSize.width - i3;
-        rulerItems.push(...generateSection(1, "main", "20%", margin, i3));
+        const diff = docSize.width - i2;
+        rulerItems.push(...generateSection(1, "main", "20%", margin, i2));
         rulerItems.push(...generateSection(3, "eighth", "10%", margin));
         rulerItems.push(...generateSection(1, "half", "40%", margin));
         if (diff <= 0.5) break;
@@ -3990,7 +4044,7 @@ const _sfc_main$3 = {
       return rulerItems;
     };
     const generateSection = (qty, size, height, margin, index) => {
-      return Array.from({ length: qty }, (_, i3) => {
+      return Array.from({ length: qty }, (_, i2) => {
         const item = {
           className: `${size}-unit ruler-section`,
           height,
@@ -4602,11 +4656,36 @@ const _sfc_main = {
   }
 };
 const SuperInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4d5cff52"]]);
-const registeredHandlers = Object.freeze({
-  "w:br": translator$2,
-  "w:tab": translator$1,
-  "w:p": translator
-});
+const baseHandlers = {
+  ...runPropertyTranslators,
+  "w:br": translator$p,
+  "w:cantSplit": translator$o,
+  "w:cnfStyle": translator$n,
+  "w:divId": translator$m,
+  "w:gridAfter": translator$l,
+  "w:gridBefore": translator$k,
+  "w:hidden": translator$j,
+  "w:hyperlink": translator$i,
+  "w:jc": translator$h,
+  "w:p": translator$g,
+  "w:r": translator$f,
+  "w:rPr": translator$e,
+  "w:sdt": translator$d,
+  "w:tab": translator$c,
+  "w:tblCellSpacing": translator$b,
+  "w:tblHeader": translator$a,
+  "w:tc": translator$9,
+  "w:tr": translator$8,
+  "w:trHeight": translator$7,
+  "w:trPr": translator$6,
+  "w:wAfter": translator$5,
+  "w:wBefore": translator$4,
+  "wp:anchor": translator$3,
+  "wp:inline": translator$2,
+  "w:bookmarkStart": translator$1,
+  "w:bookmarkEnd": translator
+};
+const registeredHandlers = Object.freeze(baseHandlers);
 const Extensions = {
   Node,
   Attribute,
@@ -4616,13 +4695,13 @@ const Extensions = {
 };
 export {
   AIWriter,
-  k as AnnotatorHelpers,
-  aI as BasicUpload,
+  n as AnnotatorHelpers,
+  b2 as BasicUpload,
   C as CommentsPluginKey,
   D as DocxZipper,
   Editor,
   Extensions,
-  l as SectionHelpers,
+  o as SectionHelpers,
   _sfc_main$4 as SlashMenu,
   a5 as SuperConverter,
   SuperEditor,
@@ -4631,13 +4710,13 @@ export {
   Toolbar,
   T as TrackChangesBasePluginKey,
   createZip,
-  i2 as fieldAnnotationHelpers,
+  l as fieldAnnotationHelpers,
   getActiveFormatting,
-  m as getAllowedImageDimensions,
+  p as getAllowedImageDimensions,
   i as getMarksFromSelection,
   getRichTextExtensions,
   getStarterExtensions,
   a2 as helpers,
   registeredHandlers,
-  j as trackChangesHelpers
+  m as trackChangesHelpers
 };

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

@@ -1,6 +1,6 @@
 import "vue";
-import { T } from "./chunks/toolbar-BmHEsvA1.js";
-import "./chunks/editor-BWE7oMgS.js";
+import { T } from "./chunks/toolbar-BxsT1ZgG.js";
+import "./chunks/editor-gMF6aWiz.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-Dzt_HBkR.cjs");
+const superEditor_es = require("./chunks/super-editor.es-CS5l-cVZ.cjs");
 require("./chunks/vue-DWle4Cai.cjs");
 exports.AIWriter = superEditor_es.AIWriter;
 exports.AnnotatorHelpers = superEditor_es.AnnotatorHelpers;

package/dist/super-editor.es.js

@@ -1,4 +1,4 @@
-import { A, a, _, C, D, E, b, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-BollA_Sr.es.js";
+import { A, a, _, C, D, E, b, S, c, d, e, f, g, T, h, i, j, k, l, m, n, o, p, r, q } from "./chunks/super-editor.es-BF_Xaucb.es.js";
 import "./chunks/vue-CXxsqYcP.es.js";
 export {
   A as AIWriter,

package/dist/superdoc.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const superEditor_es = require("./chunks/super-editor.es-Dzt_HBkR.cjs");
-const superdoc = require("./chunks/index-B6tAKGVb.cjs");
+const superEditor_es = require("./chunks/super-editor.es-CS5l-cVZ.cjs");
+const superdoc = require("./chunks/index-ecl0ZFNw.cjs");
 require("./chunks/vue-DWle4Cai.cjs");
 require("./chunks/jszip-b7l8QkfH.cjs");
 const blankDocx = require("./chunks/blank-docx-CPqX9RF5.cjs");