@harbour-enterprises/superdoc 0.14.9 → 0.14.10

package/dist/chunks/{super-editor.es-CRo90k3Y.cjs → super-editor.es-D2ZGswk-.cjs}

@@ -19222,7 +19222,7 @@ function parseMarks(property2, unknownMarks = [], docx = null) {
       seen.add(m.type);
       const { attributes = {} } = element;
       const newMark = { type: m.type };
-      if (attributes["w:val"] == "0" || attributes["w:val"] === "none") {
+      if (attributes["w:val"] === "0" || attributes["w:val"] === "none") {
         return;
       }
       if (m.mark) newMark.type = m.mark;
@@ -19280,7 +19280,8 @@ function getMarkValue(markType, attributes, docx) {
     underline: () => attributes["w:val"],
     bold: () => attributes?.["w:val"] || null,
     italic: () => attributes?.["w:val"] || null,
-    highlight: () => getHighLightValue(attributes)
+    highlight: () => getHighLightValue(attributes),
+    strike: () => getStrikeValue(attributes)
   };
   if (!(markType in markValueMapper)) {
     console.debug("❗️❗️ No value mapper for:", markType, "Attributes:", attributes);
@@ -19323,6 +19324,9 @@ function getHighLightValue(attributes) {
   if (isValidHexColor(attributes?.["w:val"])) return `#${attributes["w:val"]}`;
   return getHexColorFromDocxSystem(attributes?.["w:val"]) || null;
 }
+function getStrikeValue(attributes) {
+  return attributes?.["w:val"] === "1" ? attributes["w:val"] : null;
+}
 function parseProperties(node2, docx) {
   const marks = [];
   const unknownMarks = [];
@@ -20461,9 +20465,9 @@ const getAbstractDefinition = (numId, docx) => {
   const { elements } = def;
   const listData = elements[0];
   const numberingElements = listData.elements;
-  const abstractDefinitions = numberingElements.filter((style2) => style2.name === "w:abstractNum");
-  const numDefinitions = numberingElements.filter((style2) => style2.name === "w:num");
-  const numDefinition = numDefinitions.find((style2) => style2.attributes["w:numId"] == numId);
+  const abstractDefinitions = numberingElements?.filter((style2) => style2.name === "w:abstractNum");
+  const numDefinitions = numberingElements?.filter((style2) => style2.name === "w:num");
+  const numDefinition = numDefinitions?.find((style2) => style2.attributes["w:numId"] == numId);
   const abstractNumId = numDefinition?.elements[0].attributes["w:val"];
   let listDefinitionForThisNumId = abstractDefinitions?.find(
     (style2) => style2.attributes["w:abstractNumId"] === abstractNumId
@@ -22331,6 +22335,24 @@ const generateNewListDefinition = ({ numId, listType, editor }) => {
   editor.emit("list-definitions-change", { change, numbering: newNumbering, editor });
   return { abstract: newAbstractDef, definition: newNumDef };
 };
+const changeNumIdSameAbstract = (numId, level, listType, editor) => {
+  const newId = getNewListId(editor, "definitions");
+  const { abstract } = ListHelpers.getListDefinitionDetails({ numId, level, listType, editor });
+  const numbering = editor.converter.numbering;
+  const newNumbering = { ...numbering };
+  const newAbstractId = getNewListId(editor, "abstracts");
+  const newAbstractDef = {
+    ...abstract,
+    attributes: {
+      ...abstract.attributes,
+      "w:abstractNumId": String(newAbstractId)
+    }
+  };
+  newNumbering.abstracts[newAbstractId] = newAbstractDef;
+  const newNumDef = getBasicNumIdTag(newId, newAbstractId);
+  newNumbering.definitions[newId] = newNumDef;
+  return newId;
+};
 const getBasicNumIdTag = (numId, abstractId) => {
   return {
     type: "element",
@@ -22365,7 +22387,7 @@ const getListDefinitionDetails = ({ numId, level, listType, editor }) => {
   const listNumberingType = listDefinition?.elements?.find((item) => item.name === "w:numFmt")?.attributes["w:val"];
   let customFormat;
   if (numFmt === "custom") customFormat = numFmtTag?.attributes?.["w:format"];
-  return { start: start2, numFmt, lvlText, listNumberingType, customFormat, abstract };
+  return { start: start2, numFmt, lvlText, listNumberingType, customFormat, abstract, abstractId };
 };
 const removeListDefinitions = (listId, editor) => {
   const { numbering } = editor.converter;
@@ -22532,6 +22554,7 @@ const ListHelpers = {
   createSchemaOrderedListNode,
   createListItemNodeJSON,
   addInlineTextMarks,
+  changeNumIdSameAbstract,
   // Base list definitions
   baseOrderedListDef,
   baseBulletList
@@ -22732,6 +22755,113 @@ function createSingleItemList(li, tag, rootNumId, level, editor, NodeInterface)
   newList.appendChild(newLi);
   return newList;
 }
+function unflattenListsInHtml(html) {
+  const parser = new DOMParser();
+  const doc2 = parser.parseFromString(html, "text/html");
+  const allNodes = [...doc2.body.children];
+  const listSequences = [];
+  let currentSequence = null;
+  allNodes.forEach((node2, index2) => {
+    const isFlattenList = node2.tagName && (node2.tagName === "OL" || node2.tagName === "UL") && node2.hasAttribute("data-list-id");
+    if (isFlattenList) {
+      const listId = node2.getAttribute("data-list-id");
+      if (currentSequence && currentSequence.id === listId) {
+        currentSequence.lists.push({ element: node2, index: index2 });
+      } else {
+        currentSequence = {
+          id: listId,
+          lists: [{ element: node2, index: index2 }]
+        };
+        listSequences.push(currentSequence);
+      }
+    } else {
+      currentSequence = null;
+    }
+  });
+  listSequences.reverse().forEach((sequence) => {
+    const sequenceLists = sequence.lists;
+    if (sequenceLists.length === 0) {
+      return;
+    }
+    const items = sequenceLists.map(({ element: list }) => {
+      const liElement = list.querySelector("li");
+      if (!liElement) return null;
+      return {
+        element: liElement,
+        level: parseInt(liElement.getAttribute("data-level") || "0"),
+        numFmt: liElement.getAttribute("data-num-fmt") || "bullet",
+        listLevel: JSON.parse(liElement.getAttribute("data-list-level") || "[1]")
+      };
+    }).filter((item) => item !== null);
+    if (items.length === 0) {
+      return;
+    }
+    const rootList = buildNestedList({ items });
+    const firstOriginalList = sequenceLists[0].element;
+    firstOriginalList?.parentNode?.insertBefore(rootList, firstOriginalList);
+    sequenceLists.forEach(({ element: list }) => {
+      if (list.parentNode) list.parentNode.removeChild(list);
+    });
+  });
+  return doc2.body.innerHTML;
+}
+function buildNestedList({ items }) {
+  if (!items.length) {
+    return null;
+  }
+  const [rootItem] = items;
+  const doc2 = rootItem.element.ownerDocument;
+  const isOrderedList = rootItem.numFmt && !["bullet", "none"].includes(rootItem.numFmt);
+  const rootList = doc2.createElement(isOrderedList ? "ol" : "ul");
+  if (isOrderedList && rootItem.listLevel?.[0] && rootItem.listLevel[0] > 1) {
+    rootList.setAttribute("start", rootItem.listLevel[0]);
+  }
+  const lastLevelItem = /* @__PURE__ */ new Map();
+  items.forEach((item) => {
+    const { element: liElement, level, numFmt, listLevel } = item;
+    const cleanLi = cleanListItem(liElement.cloneNode(true));
+    if (level === 0) {
+      rootList.append(cleanLi);
+      lastLevelItem.set(0, cleanLi);
+    } else {
+      const parentLi = lastLevelItem.get(level - 1);
+      if (!parentLi) {
+        rootList.append(cleanLi);
+        lastLevelItem.set(level, cleanLi);
+        return;
+      }
+      let nestedList = null;
+      [...parentLi.children].forEach((child) => {
+        if (child.tagName && (child.tagName === "OL" || child.tagName === "UL")) {
+          nestedList = child;
+        }
+      });
+      if (!nestedList) {
+        const listType = numFmt && !["bullet", "none"].includes(numFmt) ? "ol" : "ul";
+        nestedList = doc2.createElement(listType);
+        parentLi.append(nestedList);
+      }
+      nestedList.append(cleanLi);
+      lastLevelItem.set(level, cleanLi);
+    }
+  });
+  return rootList;
+}
+function cleanListItem(listItem) {
+  const attrs = [
+    "data-num-id",
+    "data-level",
+    "data-num-fmt",
+    "data-lvl-text",
+    "data-list-level",
+    "data-marker-type",
+    "aria-label"
+  ];
+  attrs.forEach((attr) => {
+    listItem.removeAttribute(attr);
+  });
+  return listItem;
+}
 class InputRule {
   constructor(config) {
     __publicField$2(this, "match");
@@ -23936,6 +24066,7 @@ function translateImageNode(params2, imageSize) {
   let imageId = attrs.rId;
   const src = attrs.src || attrs.imageSrc;
   const { originalWidth, originalHeight } = getPngDimensions(src);
+  const imageName = params2.node.type === "image" ? src?.split("word/media/")[1] : attrs.fieldId?.replace("-", "_");
   let size2 = attrs.size ? {
     w: pixelsToEmu(attrs.size.width),
     h: pixelsToEmu(attrs.size.height)
@@ -23965,11 +24096,9 @@ function translateImageNode(params2, imageSize) {
     if (!type2) {
       return prepareTextAnnotation(params2);
     }
-    const hash2 = generateDocxRandomId(4);
-    const cleanUrl = attrs.fieldId.replace("-", "_");
-    const imageUrl = `media/${cleanUrl}_${hash2}.${type2}`;
+    const imageUrl = `media/${imageName}_${attrs.hash}.${type2}`;
     imageId = addNewImageRelationship(params2, imageUrl);
-    params2.media[`${cleanUrl}_${hash2}.${type2}`] = src;
+    params2.media[`${imageName}_${attrs.hash}.${type2}`] = src;
   }
   let inlineAttrs = attrs.originalPadding || {
     distT: 0,
@@ -24094,8 +24223,7 @@ function translateImageNode(params2, imageSize) {
               name: "wp:docPr",
               attributes: {
                 id: attrs.id || 0,
-                name: attrs.alt,
-                descr: attrs.title
+                name: attrs.alt || `Picture ${imageName}`
               }
             },
             {
@@ -24129,7 +24257,7 @@ function translateImageNode(params2, imageSize) {
                               name: "pic:cNvPr",
                               attributes: {
                                 id: attrs.id || 0,
-                                name: attrs.title
+                                name: attrs.title || `Picture ${imageName}`
                               }
                             },
                             {
@@ -24239,12 +24367,31 @@ function prepareHtmlAnnotation(params2) {
     state2 = applyMarksToHtmlAnnotation(state2, allMarks);
   }
   const htmlAnnotationNode = state2.doc.toJSON();
+  const listTypes = ["bulletList", "orderedList"];
+  const { editor } = params2;
+  const seenLists = /* @__PURE__ */ new Map();
+  state2.doc.descendants((node2, pos) => {
+    if (listTypes.includes(node2.type.name)) {
+      const listItem = node2.firstChild;
+      const { attrs: attrs2 } = listItem;
+      const { level, numId } = attrs2;
+      if (!seenLists.has(numId)) {
+        const newNumId = ListHelpers.changeNumIdSameAbstract(numId, level, node2.type.name, editor);
+        listItem.attrs.numId = newNumId;
+        seenLists.set(numId, newNumId);
+      } else {
+        const newNumId = seenLists.get(numId);
+        listItem.attrs.numId = newNumId;
+      }
+    }
+  });
+  const elements = translateChildNodes({
+    ...params2,
+    node: htmlAnnotationNode
+  });
   return {
     name: "htmlAnnotation",
-    elements: translateChildNodes({
-      ...params2,
-      node: htmlAnnotationNode
-    })
+    elements
   };
 }
 function prepareImageAnnotation(params2, imageSize) {
@@ -25381,6 +25528,7 @@ const handleAnnotationNode = (params2) => {
   }
   const { attrs: marksAsAttrs, marks } = parseAnnotationMarks(sdtContent);
   const allAttrs = { ...attrs, ...marksAsAttrs };
+  allAttrs.hash = generateDocxRandomId(4);
   if (!attrs.fieldId || !attrs.displayLabel) {
     return { nodes: [], consumed: 0 };
   }
@@ -26376,7 +26524,7 @@ const _SuperConverter = class _SuperConverter2 {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.14.9") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.14.10") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -26764,7 +26912,6 @@ exportProcessNewRelationships_fn = function(rels = []) {
     newRels.push(rel);
   });
   relationships.elements = [...relationships.elements, ...newRels];
-  this.convertedXml["word/_rels/document.xml.rels"] = relsData;
 };
 exportProcessMediaFiles_fn = async function(media, editor) {
   const processedData = {};
@@ -26808,7 +26955,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" },
+  { name: "w:strike", type: "strike", mark: "strike" },
   { 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" },
@@ -26852,7 +26999,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(pid = 2, version2 = "0.14.9") {
+function generateSuperdocVersion(pid = 2, version2 = "0.14.10") {
   return {
     type: "element",
     name: "property",
@@ -42113,6 +42260,9 @@ const generateMissingListDefinition = (listNode, editor) => {
 const migrateParagraphFieldsListsV2 = async (annotationValues = [], editor) => {
   const annotations = getAllFieldAnnotations(editor.state);
   const newValues = [];
+  if (!annotations.length) {
+    return annotationValues;
+  }
   for (const annotation of annotations) {
     const type2 = annotation.node?.attrs?.type;
     const matchedAnnotation = annotationValues.find((v) => v.input_id === annotation.node.attrs.fieldId);
@@ -42739,9 +42889,6 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
     const attributes = typeof nameOrAttributes === "string" ? attributesOrUndefined : nameOrAttributes;
     return isActive(this.state, name, attributes);
   }
-  /**
-   * Get the document as JSON.
-   */
   /**
    * Get the editor content as JSON
    * @returns {Object} Editor content as JSON
@@ -42749,18 +42896,20 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
   getJSON() {
     return this.state.doc.toJSON();
   }
-  /**
-   * Get HTML string of the document
-   */
   /**
    * Get the editor content as HTML
    * @returns {string} Editor content as HTML
    */
-  getHTML() {
-    const div2 = document.createElement("div");
+  getHTML({ unflattenLists = false } = {}) {
+    const tempDocument = document.implementation.createHTMLDocument();
+    const container = tempDocument.createElement("div");
     const fragment = DOMSerializer.fromSchema(this.schema).serializeFragment(this.state.doc.content);
-    div2.appendChild(fragment);
-    return div2.innerHTML;
+    container.appendChild(fragment);
+    let html = container.innerHTML;
+    if (unflattenLists) {
+      html = unflattenListsInHtml(html);
+    }
+    return html;
   }
   /**
    * Create a child editor linked to this editor.
@@ -42772,9 +42921,6 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
   createChildEditor(options2) {
     return createLinkedChildEditor(this, options2);
   }
-  /**
-   * Get page styles
-   */
   /**
    * Get page styles
    * @returns {Object} Page styles
@@ -42939,7 +43085,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.14.9");
+    console.debug("[checkVersionMigrations] Current editor version", "0.14.10");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -43069,7 +43215,8 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    */
   async migrateParagraphFields(annotationValues = []) {
     if (!Array.isArray(annotationValues) || !annotationValues.length) return annotationValues;
-    return await migrateParagraphFieldsListsV2(annotationValues, this);
+    const result = await migrateParagraphFieldsListsV2(annotationValues, this);
+    return result;
   }
   /**
    * Annotate the document with the given annotation values.
@@ -45471,7 +45618,7 @@ const ListItem = Node$1.create({
         renderDOM: (attrs) => {
           if (attrs.level === void 0 || attrs.level === null) return {};
           return {
-            "data-level": JSON.stringify(attrs.level)
+            "data-level": attrs.level
           };
         }
       },
@@ -49761,6 +49908,10 @@ const FieldAnnotation = Node$1.create({
       generatorIndex: {
         rendered: false,
         default: null
+      },
+      hash: {
+        rendered: false,
+        default: null
       }
     };
   },
@@ -49870,6 +50021,7 @@ const FieldAnnotation = Node$1.create({
           currentMarks = currentMarks.length ? [...currentMarks] : null;
           let formatAttrs = getFormatAttrsFromMarks(currentMarks);
           let defaultDisplayLabel = attrs.defaultDisplayLabel ? attrs.defaultDisplayLabel : attrs.displayLabel || "";
+          attrs.hash = generateDocxRandomId(4);
           let node2 = schema.nodes[this.name].create({
             ...attrs,
             ...formatAttrs,
@@ -49907,6 +50059,7 @@ const FieldAnnotation = Node$1.create({
           let newPosFrom = tr.mapping.map(from2);
           let newPosTo = tr.mapping.map(to);
           let defaultDisplayLabel = attrs.defaultDisplayLabel ? attrs.defaultDisplayLabel : attrs.displayLabel || "";
+          attrs.hash = generateDocxRandomId(4);
           let node2 = schema.nodes[this.name].create({
             ...attrs,
             defaultDisplayLabel
@@ -50573,7 +50726,7 @@ const Image = Node$1.create({
         }
       },
       alt: {
-        default: null
+        default: "Uploaded picture"
       },
       id: { rendered: false },
       title: {
@@ -50620,11 +50773,16 @@ const Image = Node$1.create({
       },
       marginOffset: {
         default: {},
-        renderDOM: ({ marginOffset }) => {
+        renderDOM: ({ marginOffset, anchorData }) => {
+          const relativeFromPageV = anchorData?.vRelativeFrom === "page";
+          const maxMarginV = 500;
           const { left: left2 = 0, top: top2 = 0 } = marginOffset ?? {};
           let style2 = "";
           if (left2) style2 += `margin-left: ${left2}px;`;
-          if (top2) style2 += `margin-top: ${top2}px;`;
+          if (top2) {
+            if (relativeFromPageV && top2 >= maxMarginV) style2 += `margin-top: ${maxMarginV}px;`;
+            else style2 += `margin-top: ${top2}px;`;
+          }
           return { style: style2 };
         }
       },
@@ -57630,6 +57788,7 @@ const magnifyingGlassSvg = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0
 const scissorsIconSvg = '<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="M278.1 256L444.5 89.6c4.7-4.7 4.7-12.3 0-17-32.8-32.8-86-32.8-118.8 0L210.2 188.1l-24.9-24.9c4.3-10.9 6.7-22.8 6.7-35.3 0-53-43-96-96-96S0 75 0 128s43 96 96 96c4.5 0 9-.3 13.4-.9L142.3 256l-32.9 32.9c-4.4-.6-8.8-.9-13.4-.9-53 0-96 43-96 96s43 96 96 96 96-43 96-96c0-12.5-2.4-24.3-6.7-35.3l24.9-24.9L325.7 439.4c32.8 32.8 86 32.8 118.8 0 4.7-4.7 4.7-12.3 0-17L278.1 256zM96 160c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32zm0 256c-17.6 0-32-14.4-32-32s14.4-32 32-32 32 14.4 32 32-14.4 32-32 32z"/></svg>';
 const copyIconSvg = '<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="M320 448v40c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V120c0-13.3 10.7-24 24-24h72v296c0 30.9 25.1 56 56 56h168zm0-344V0H152c-13.3 0-24 10.7-24 24v368c0 13.3 10.7 24 24 24h272c13.3 0 24-10.7 24-24V128H344c-13.2 0-24-10.8-24-24zm121-31L375 7A24 24 0 0 0 358.1 0H352v96h96v-6.1a24 24 0 0 0 -7-17z"/></svg>';
 const pasteIconSvg = '<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="M128 184c0-30.9 25.1-56 56-56h136V56c0-13.3-10.7-24-24-24h-80.6C204.3 12.9 183.6 0 160 0s-44.3 12.9-55.4 32H24C10.7 32 0 42.7 0 56v336c0 13.3 10.7 24 24 24h104V184zm32-144c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm184 248h104v200c0 13.3-10.7 24-24 24H184c-13.3 0-24-10.7-24-24V184c0-13.3 10.7-24 24-24h136v104c0 13.2 10.8 24 24 24zm104-38.1V256h-96v-96h6.1a24 24 0 0 1 17 7l65.9 65.9a24 24 0 0 1 7 17z"/></svg>';
+const strikethroughSvg = '<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.--><path d="M161.3 144c3.2-17.2 14-30.1 33.7-38.6c21.1-9 51.8-12.3 88.6-6.5c11.9 1.9 48.8 9.1 60.1 12c17.1 4.5 34.6-5.6 39.2-22.7s-5.6-34.6-22.7-39.2c-14.3-3.8-53.6-11.4-66.6-13.4c-44.7-7-88.3-4.2-123.7 10.9c-36.5 15.6-64.4 44.8-71.8 87.3c-.1 .6-.2 1.1-.2 1.7c-2.8 23.9 .5 45.6 10.1 64.6c4.5 9 10.2 16.9 16.7 23.9L32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l448 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-209.9 0-.4-.1-1.1-.3c-36-10.8-65.2-19.6-85.2-33.1c-9.3-6.3-15-12.6-18.2-19.1c-3.1-6.1-5.2-14.6-3.8-27.4zM348.9 337.2c2.7 6.5 4.4 15.8 1.9 30.1c-3 17.6-13.8 30.8-33.9 39.4c-21.1 9-51.7 12.3-88.5 6.5c-18-2.9-49.1-13.5-74.4-22.1c-5.6-1.9-11-3.7-15.9-5.4c-16.8-5.6-34.9 3.5-40.5 20.3s3.5 34.9 20.3 40.5c3.6 1.2 7.9 2.7 12.7 4.3c0 0 0 0 0 0s0 0 0 0c24.9 8.5 63.6 21.7 87.6 25.6c0 0 0 0 0 0l.2 0c44.7 7 88.3 4.2 123.7-10.9c36.5-15.6 64.4-44.8 71.8-87.3c3.6-21 2.7-40.4-3.1-58.1l-75.7 0c7 5.6 11.4 11.2 13.9 17.2z"/></svg>\n';
 const toolbarIcons = {
   undo: rotateLeftIconSvg,
   redo: rotateRightIconSvg,
@@ -57676,7 +57835,8 @@ const toolbarIcons = {
   search: magnifyingGlassSvg,
   cut: scissorsIconSvg,
   copy: copyIconSvg,
-  paste: pasteIconSvg
+  paste: pasteIconSvg,
+  strikethrough: strikethroughSvg
 };
 const _hoisted_1$4$1 = { class: "toolbar-icon" };
 const _hoisted_2$3$1 = ["innerHTML"];
@@ -67328,11 +67488,11 @@ const _sfc_main$1$1 = {
     const isMobile = window.matchMedia("(max-width: 768px)").matches;
     const styleMap = {
       left: {
-        minWidth: "140px",
+        minWidth: "120px",
         justifyContent: "flex-start"
       },
       right: {
-        minWidth: "140px",
+        minWidth: "120px",
         justifyContent: "flex-end"
       },
       default: {
@@ -67565,7 +67725,7 @@ const _sfc_main$1$1 = {
     };
   }
 };
-const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1$1, [["__scopeId", "data-v-630d1841"]]);
+const ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1$1, [["__scopeId", "data-v-a40b6226"]]);
 const _sfc_main$g = {
   __name: "Toolbar",
   emits: ["command", "toggle", "select"],
@@ -69678,6 +69838,16 @@ const makeDefaultItems = ({
       ariaLabel: "Underline"
     }
   });
+  const strikethrough = useToolbarItem({
+    type: "button",
+    name: "strikethrough",
+    command: "toggleStrike",
+    icon: toolbarIcons2.strikethrough,
+    tooltip: toolbarTexts2.strikethrough,
+    attributes: {
+      ariaLabel: "Strikethrough"
+    }
+  });
   const highlight = useToolbarItem({
     type: "dropdown",
     name: "highlight",
@@ -70301,6 +70471,7 @@ const makeDefaultItems = ({
     bold,
     italic,
     underline,
+    strikethrough,
     colorButton,
     highlight,
     separator,
@@ -70391,6 +70562,7 @@ const toolbarTexts = {
   italic: "Italic",
   underline: "Underline",
   highlight: "Highlight color",
+  strikethrough: "Strikethrough",
   color: "Text color",
   search: "Search",
   link: "Link",