@mdaemon/html-editor 1.0.6 → 1.0.7

package/dist/index.mjs

@@ -12428,7 +12428,6 @@ function isMarkInSet(marks, type, attributes = {}) {
   return !!findMarkInSet(marks, type, attributes);
 }
 function getMarkRange($pos, type, attributes) {
-  var _a;
   if (!$pos || !type) {
     return;
   }
@@ -12439,7 +12438,12 @@ function getMarkRange($pos, type, attributes) {
   if (!start.node || !start.node.marks.some((mark2) => mark2.type === type)) {
     return;
   }
-  attributes = attributes || ((_a = start.node.marks[0]) == null ? void 0 : _a.attrs);
+  if (!attributes) {
+    const firstMark = start.node.marks.find((mark2) => mark2.type === type);
+    if (firstMark) {
+      attributes = firstMark.attrs;
+    }
+  }
   const mark = findMarkInSet([...start.node.marks], type, attributes);
   if (!mark) {
     return;
@@ -12470,7 +12474,7 @@ function getMarkType(nameOrType, schema) {
   }
   return nameOrType;
 }
-var extendMarkRange = (typeOrName, attributes = {}) => ({ tr: tr2, state, dispatch }) => {
+var extendMarkRange = (typeOrName, attributes) => ({ tr: tr2, state, dispatch }) => {
   const type = getMarkType(typeOrName, state.schema);
   const { doc: doc2, selection } = tr2;
   const { $from, from: from2, to } = selection;
@@ -12781,7 +12785,7 @@ var insertContentAt = (position, value, options) => ({ tr: tr2, dispatch, editor
       const fromSelectionAtStart = $from.parentOffset === 0;
       const isTextSelection2 = $fromNode.isText || $fromNode.isTextblock;
       const hasContent = $fromNode.content.size > 0;
-      if (fromSelectionAtStart && isTextSelection2 && hasContent) {
+      if (fromSelectionAtStart && isTextSelection2 && hasContent && isOnlyBlockContent) {
         from2 = Math.max(0, from2 - 1);
       }
       tr2.replaceWith(from2, to, newContent);
@@ -13224,6 +13228,9 @@ function getAttributesFromExtensions(extensions) {
     keepOnSplit: true,
     isRequired: false
   };
+  const nodeExtensionTypes = nodeExtensions.filter((ext) => ext.name !== "text").map((ext) => ext.name);
+  const markExtensionTypes = markExtensions.map((ext) => ext.name);
+  const allExtensionTypes = [...nodeExtensionTypes, ...markExtensionTypes];
   extensions.forEach((extension) => {
     const context = {
       name: extension.name,
@@ -13241,7 +13248,19 @@ function getAttributesFromExtensions(extensions) {
     }
     const globalAttributes = addGlobalAttributes();
     globalAttributes.forEach((globalAttribute) => {
-      globalAttribute.types.forEach((type) => {
+      let resolvedTypes;
+      if (Array.isArray(globalAttribute.types)) {
+        resolvedTypes = globalAttribute.types;
+      } else if (globalAttribute.types === "*") {
+        resolvedTypes = allExtensionTypes;
+      } else if (globalAttribute.types === "nodes") {
+        resolvedTypes = nodeExtensionTypes;
+      } else if (globalAttribute.types === "marks") {
+        resolvedTypes = markExtensionTypes;
+      } else {
+        resolvedTypes = [];
+      }
+      resolvedTypes.forEach((type) => {
         Object.entries(globalAttribute.attributes).forEach(([name, attribute]) => {
           extensionAttributes.push({
             type,
@@ -13290,6 +13309,67 @@ function getAttributesFromExtensions(extensions) {
   });
   return extensionAttributes;
 }
+function splitStyleDeclarations(styles) {
+  const result = [];
+  let current = "";
+  let inSingleQuote = false;
+  let inDoubleQuote = false;
+  let parenDepth = 0;
+  const length = styles.length;
+  for (let i = 0; i < length; i += 1) {
+    const char = styles[i];
+    if (char === "'" && !inDoubleQuote) {
+      inSingleQuote = !inSingleQuote;
+      current += char;
+      continue;
+    }
+    if (char === '"' && !inSingleQuote) {
+      inDoubleQuote = !inDoubleQuote;
+      current += char;
+      continue;
+    }
+    if (!inSingleQuote && !inDoubleQuote) {
+      if (char === "(") {
+        parenDepth += 1;
+        current += char;
+        continue;
+      }
+      if (char === ")" && parenDepth > 0) {
+        parenDepth -= 1;
+        current += char;
+        continue;
+      }
+      if (char === ";" && parenDepth === 0) {
+        result.push(current);
+        current = "";
+        continue;
+      }
+    }
+    current += char;
+  }
+  if (current) {
+    result.push(current);
+  }
+  return result;
+}
+function parseStyleEntries(styles) {
+  const pairs = [];
+  const declarations = splitStyleDeclarations(styles || "");
+  const numDeclarations = declarations.length;
+  for (let i = 0; i < numDeclarations; i += 1) {
+    const declaration = declarations[i];
+    const firstColonIndex = declaration.indexOf(":");
+    if (firstColonIndex === -1) {
+      continue;
+    }
+    const property = declaration.slice(0, firstColonIndex).trim();
+    const value = declaration.slice(firstColonIndex + 1).trim();
+    if (property && value) {
+      pairs.push([property, value]);
+    }
+  }
+  return pairs;
+}
 function mergeAttributes(...objects) {
   return objects.filter((item) => !!item).reduce((items, item) => {
     const mergedAttributes = { ...items };
@@ -13305,17 +13385,7 @@ function mergeAttributes(...objects) {
         const insertClasses = valueClasses.filter((valueClass) => !existingClasses.includes(valueClass));
         mergedAttributes[key] = [...existingClasses, ...insertClasses].join(" ");
       } else if (key === "style") {
-        const newStyles = value ? value.split(";").map((style2) => style2.trim()).filter(Boolean) : [];
-        const existingStyles = mergedAttributes[key] ? mergedAttributes[key].split(";").map((style2) => style2.trim()).filter(Boolean) : [];
-        const styleMap = /* @__PURE__ */ new Map();
-        existingStyles.forEach((style2) => {
-          const [property, val] = style2.split(":").map((part) => part.trim());
-          styleMap.set(property, val);
-        });
-        newStyles.forEach((style2) => {
-          const [property, val] = style2.split(":").map((part) => part.trim());
-          styleMap.set(property, val);
-        });
+        const styleMap = new Map([...parseStyleEntries(mergedAttributes[key]), ...parseStyleEntries(value)]);
         mergedAttributes[key] = Array.from(styleMap.entries()).map(([property, val]) => `${property}: ${val}`).join("; ");
       } else {
         mergedAttributes[key] = value;
@@ -13739,6 +13809,9 @@ function isMarkActive(state, typeOrName, attributes = {}) {
     const from2 = $from.pos;
     const to = $to.pos;
     state.doc.nodesBetween(from2, to, (node, pos) => {
+      if (type && node.inlineContent && !node.type.allowsMarkType(type)) {
+        return false;
+      }
       if (!node.isText && !node.marks.length) {
         return;
       }
@@ -13847,7 +13920,7 @@ function isNodeEmpty(node, {
       return true;
     }
     if (node.isText) {
-      return /^\s*$/m.test((_a = node.text) != null ? _a : "");
+      return !/\S/.test((_a = node.text) != null ? _a : "");
     }
   }
   if (node.isText) {
@@ -14235,6 +14308,16 @@ var joinListForwards = (tr2, listType) => {
   tr2.join(after);
   return true;
 };
+function createInnerSelectionForWholeDocList(tr2) {
+  const doc2 = tr2.doc;
+  const list = doc2.firstChild;
+  if (!list) {
+    return null;
+  }
+  const from2 = 1;
+  const to = list.nodeSize - 1;
+  return TextSelection.create(doc2, from2, to);
+}
 var toggleList = (listTypeOrName, itemTypeOrName, keepMarks, attributes = {}) => ({ editor, tr: tr2, state, dispatch, chain, commands, can }) => {
   const { extensions, splittableMarks } = editor.extensionManager;
   const listType = getNodeType(listTypeOrName, state.schema);
@@ -14247,13 +14330,36 @@ var toggleList = (listTypeOrName, itemTypeOrName, keepMarks, attributes = {}) =>
     return false;
   }
   const parentList = findParentNode((node) => isList(node.type.name, extensions))(selection);
-  if (range.depth >= 1 && parentList && range.depth - parentList.depth <= 1) {
-    if (parentList.node.type === listType) {
+  const isAllSelection = selection.from === 0 && selection.to === state.doc.content.size;
+  const topLevelNodes = state.doc.content.content;
+  const soleTopLevelNode = topLevelNodes.length === 1 ? topLevelNodes[0] : null;
+  const allSelectionList = isAllSelection && soleTopLevelNode && isList(soleTopLevelNode.type.name, extensions) ? {
+    node: soleTopLevelNode,
+    pos: 0
+  } : null;
+  const currentList = parentList != null ? parentList : allSelectionList;
+  const isInsideExistingList = !!parentList && range.depth >= 1 && range.depth - parentList.depth <= 1;
+  const hasWholeDocSelectedList = !!allSelectionList;
+  if ((isInsideExistingList || hasWholeDocSelectedList) && currentList) {
+    if (currentList.node.type === listType) {
+      if (isAllSelection && hasWholeDocSelectedList) {
+        return chain().command(({ tr: trx, dispatch: disp }) => {
+          const nextSelection = createInnerSelectionForWholeDocList(trx);
+          if (!nextSelection) {
+            return false;
+          }
+          trx.setSelection(nextSelection);
+          if (disp) {
+            disp(trx);
+          }
+          return true;
+        }).liftListItem(itemType).run();
+      }
       return commands.liftListItem(itemType);
     }
-    if (isList(parentList.node.type.name, extensions) && listType.validContent(parentList.node.content) && dispatch) {
+    if (isList(currentList.node.type.name, extensions) && listType.validContent(currentList.node.content)) {
       return chain().command(() => {
-        tr2.setNodeMarkup(parentList.pos, listType);
+        tr2.setNodeMarkup(currentList.pos, listType);
         return true;
       }).command(() => joinListBackwards(tr2, listType)).command(() => joinListForwards(tr2, listType)).run();
     }
@@ -15247,6 +15353,39 @@ var ExtensionManager = class {
       };
     }, baseDispatch);
   }
+  /**
+   * Get the composed transformPastedHTML function from all extensions.
+   * @param baseTransform The base transform function (e.g. from the editor props)
+   * @returns A composed transform function that chains all extension transforms
+   */
+  transformPastedHTML(baseTransform) {
+    const { editor } = this;
+    const extensions = sortExtensions([...this.extensions]);
+    return extensions.reduce(
+      (transform, extension) => {
+        const context = {
+          name: extension.name,
+          options: extension.options,
+          storage: this.editor.extensionStorage[extension.name],
+          editor,
+          type: getSchemaTypeByName(extension.name, this.schema)
+        };
+        const extensionTransform = getExtensionField(
+          extension,
+          "transformPastedHTML",
+          context
+        );
+        if (!extensionTransform) {
+          return transform;
+        }
+        return (html, view) => {
+          const transformedHtml = transform(html, view);
+          return extensionTransform.call(context, transformedHtml);
+        };
+      },
+      baseTransform || ((html) => html)
+    );
+  }
   get markViews() {
     const { editor } = this;
     const { markExtensions } = splitExtensions(this.extensions);
@@ -15465,7 +15604,7 @@ var Delete = Extension.create({
           const newEnd = mapping.slice(index).map(step.to);
           const oldStart = mapping.invert().map(newStart, -1);
           const oldEnd = mapping.invert().map(newEnd);
-          const foundBeforeMark = (_a3 = nextTransaction.doc.nodeAt(newStart - 1)) == null ? void 0 : _a3.marks.some((mark) => mark.eq(step.mark));
+          const foundBeforeMark = newStart > 0 ? (_a3 = nextTransaction.doc.nodeAt(newStart - 1)) == null ? void 0 : _a3.marks.some((mark) => mark.eq(step.mark)) : false;
           const foundAfterMark = (_b3 = nextTransaction.doc.nodeAt(newEnd)) == null ? void 0 : _b3.marks.some((mark) => mark.eq(step.mark));
           this.editor.emit("delete", {
             type: "mark",
@@ -16217,7 +16356,7 @@ var Editor = class extends EventEmitter {
     return this.options.editable && this.view && this.view.editable;
   }
   /**
-   * Returns the editor state.
+   * Returns the editor view.
    */
   get view() {
     if (this.editorView) {
@@ -16385,6 +16524,8 @@ var Editor = class extends EventEmitter {
     const { editorProps, enableExtensionDispatchTransaction } = this.options;
     const baseDispatch = editorProps.dispatchTransaction || this.dispatchTransaction.bind(this);
     const dispatch = enableExtensionDispatchTransaction ? this.extensionManager.dispatchTransaction(baseDispatch) : baseDispatch;
+    const baseTransformPastedHTML = editorProps.transformPastedHTML;
+    const transformPastedHTML = this.extensionManager.transformPastedHTML(baseTransformPastedHTML);
     this.editorView = new EditorView(element, {
       ...editorProps,
       attributes: {
@@ -16393,6 +16534,7 @@ var Editor = class extends EventEmitter {
         ...editorProps == null ? void 0 : editorProps.attributes
       },
       dispatchTransaction: dispatch,
+      transformPastedHTML,
       state: this.editorState,
       markViews: this.extensionManager.markViews,
       nodeViews: this.extensionManager.nodeViews
@@ -16900,7 +17042,7 @@ var ResizableNodeView = class {
     const element = document.createElement("div");
     element.dataset.resizeContainer = "";
     element.dataset.node = this.node.type.name;
-    element.style.display = "flex";
+    element.style.display = this.node.type.isInline ? "inline-flex" : "flex";
     if (this.classNames.container) {
       element.className = this.classNames.container;
     }
@@ -17702,17 +17844,21 @@ function renderNestedMarkdownContent(node, h2, prefixOrGenerator, ctx) {
   const prefix = typeof prefixOrGenerator === "function" ? prefixOrGenerator(ctx) : prefixOrGenerator;
   const [content, ...children] = node.content;
   const mainContent = h2.renderChildren([content]);
-  const output = [`${prefix}${mainContent}`];
+  let output = `${prefix}${mainContent}`;
   if (children && children.length > 0) {
-    children.forEach((child) => {
-      const childContent = h2.renderChildren([child]);
-      if (childContent) {
-        const indentedChild = childContent.split("\n").map((line) => line ? h2.indent(line) : "").join("\n");
-        output.push(indentedChild);
+    children.forEach((child, index) => {
+      var _a, _b;
+      const childContent = (_b = (_a = h2.renderChild) == null ? void 0 : _a.call(h2, child, index + 1)) != null ? _b : h2.renderChildren([child]);
+      if (childContent !== void 0 && childContent !== null) {
+        const indentedChild = childContent.split("\n").map((line) => line ? h2.indent(line) : h2.indent("")).join("\n");
+        output += child.type === "paragraph" ? `
+
+${indentedChild}` : `
+${indentedChild}`;
       }
     });
   }
-  return output.join("\n");
+  return output;
 }
 function updateMarkViewAttributes(checkMark, editor, attrs = {}) {
   const { state } = editor;
@@ -17802,7 +17948,10 @@ function markPasteRule(config) {
         }
         markEnd = range.from + startSpaces + captureGroup.length;
         tr2.addMark(range.from + startSpaces, markEnd, config.type.create(attributes || {}));
-        tr2.removeStoredMark(config.type);
+        const isMatchAtEndOfText = match.index !== void 0 && match.input !== void 0 && match.index + match[0].length >= match.input.length;
+        if (!isMatchAtEndOfText) {
+          tr2.removeStoredMark(config.type);
+        }
       }
     }
   });
@@ -17838,7 +17987,9 @@ var Blockquote = Node3.create({
     return /* @__PURE__ */ h("blockquote", { ...mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), children: /* @__PURE__ */ h("slot", {}) });
   },
   parseMarkdown: (token, helpers) => {
-    return helpers.createNode("blockquote", void 0, helpers.parseChildren(token.tokens || []));
+    var _a;
+    const parseBlockChildren = (_a = helpers.parseBlockChildren) != null ? _a : helpers.parseChildren;
+    return helpers.createNode("blockquote", void 0, parseBlockChildren(token.tokens || []));
   },
   renderMarkdown: (node, h2) => {
     if (!node.content) {
@@ -17846,8 +17997,9 @@ var Blockquote = Node3.create({
     }
     const prefix = ">";
     const result = [];
-    node.content.forEach((child) => {
-      const childContent = h2.renderChildren([child]);
+    node.content.forEach((child, index) => {
+      var _a, _b;
+      const childContent = (_b = (_a = h2.renderChild) == null ? void 0 : _a.call(h2, child, index)) != null ? _b : h2.renderChildren([child]);
       const lines = childContent.split("\n");
       const linesWithPrefix = lines.map((line) => {
         if (line.trim() === "") {
@@ -17925,6 +18077,12 @@ var Bold = Mark2.create({
   parseMarkdown: (token, helpers) => {
     return helpers.applyMark("bold", helpers.parseInline(token.tokens || []));
   },
+  markdownOptions: {
+    htmlReopen: {
+      open: "<strong>",
+      close: "</strong>"
+    }
+  },
   renderMarkdown: (node, h2) => {
     return `**${h2.renderChildren(node)}**`;
   },
@@ -18101,8 +18259,8 @@ var CodeBlock = Node3.create({
   },
   markdownTokenName: "code",
   parseMarkdown: (token, helpers) => {
-    var _a;
-    if (((_a = token.raw) == null ? void 0 : _a.startsWith("```")) === false && token.codeBlockStyle !== "indented") {
+    var _a, _b;
+    if (((_a = token.raw) == null ? void 0 : _a.startsWith("```")) === false && ((_b = token.raw) == null ? void 0 : _b.startsWith("~~~")) === false && token.codeBlockStyle !== "indented") {
       return [];
     }
     return helpers.createNode(
@@ -18344,7 +18502,6 @@ var CodeBlock = Node3.create({
     ];
   }
 });
-var index_default = CodeBlock;
 var Document = Node3.create({
   name: "doc",
   topNode: true,
@@ -18621,6 +18778,12 @@ var Italic = Mark2.create({
   parseMarkdown: (token, helpers) => {
     return helpers.applyMark("italic", helpers.parseInline(token.tokens || []));
   },
+  markdownOptions: {
+    htmlReopen: {
+      open: "<em>",
+      close: "</em>"
+    }
+  },
   renderMarkdown: (node, h2) => {
     return `*${h2.renderChildren(node)}*`;
   },
@@ -20319,14 +20482,16 @@ var ListItem = Node3.create({
   },
   markdownTokenName: "list_item",
   parseMarkdown: (token, helpers) => {
+    var _a;
     if (token.type !== "list_item") {
       return [];
     }
+    const parseBlockChildren = (_a = helpers.parseBlockChildren) != null ? _a : helpers.parseChildren;
     let content = [];
     if (token.tokens && token.tokens.length > 0) {
       const hasParagraphTokens = token.tokens.some((t) => t.type === "paragraph");
       if (hasParagraphTokens) {
-        content = helpers.parseChildren(token.tokens);
+        content = parseBlockChildren(token.tokens);
       } else {
         const firstToken = token.tokens[0];
         if (firstToken && firstToken.type === "text" && firstToken.tokens && firstToken.tokens.length > 0) {
@@ -20339,11 +20504,11 @@ var ListItem = Node3.create({
           ];
           if (token.tokens.length > 1) {
             const remainingTokens = token.tokens.slice(1);
-            const additionalContent = helpers.parseChildren(remainingTokens);
+            const additionalContent = parseBlockChildren(remainingTokens);
             content.push(...additionalContent);
           }
         } else {
-          content = helpers.parseChildren(token.tokens);
+          content = parseBlockChildren(token.tokens);
         }
       }
     }
@@ -21261,18 +21426,22 @@ var Paragraph = Node3.create({
       return helpers.parseChildren([tokens[0]]);
     }
     const content = helpers.parseInline(tokens);
-    if (content.length === 1 && content[0].type === "text" && (content[0].text === EMPTY_PARAGRAPH_MARKDOWN || content[0].text === NBSP_CHAR)) {
+    const hasExplicitEmptyParagraphMarker = tokens.length === 1 && tokens[0].type === "text" && (tokens[0].raw === EMPTY_PARAGRAPH_MARKDOWN || tokens[0].text === EMPTY_PARAGRAPH_MARKDOWN || tokens[0].raw === NBSP_CHAR || tokens[0].text === NBSP_CHAR);
+    if (hasExplicitEmptyParagraphMarker && content.length === 1 && content[0].type === "text" && (content[0].text === EMPTY_PARAGRAPH_MARKDOWN || content[0].text === NBSP_CHAR)) {
       return helpers.createNode("paragraph", void 0, []);
     }
     return helpers.createNode("paragraph", void 0, content);
   },
-  renderMarkdown: (node, h2) => {
+  renderMarkdown: (node, h2, ctx) => {
+    var _a, _b;
     if (!node) {
       return "";
     }
     const content = Array.isArray(node.content) ? node.content : [];
     if (content.length === 0) {
-      return EMPTY_PARAGRAPH_MARKDOWN;
+      const previousContent = Array.isArray((_a = ctx == null ? void 0 : ctx.previousNode) == null ? void 0 : _a.content) ? ctx.previousNode.content : [];
+      const previousNodeIsEmptyParagraph = ((_b = ctx == null ? void 0 : ctx.previousNode) == null ? void 0 : _b.type) === "paragraph" && previousContent.length === 0;
+      return previousNodeIsEmptyParagraph ? EMPTY_PARAGRAPH_MARKDOWN : "";
     }
     return h2.renderChildren(content);
   },
@@ -22531,6 +22700,9 @@ var Placeholder = Extension.create({
             doc2.descendants((node, pos) => {
               const hasAnchor = anchor >= pos && anchor <= pos + node.nodeSize;
               const isEmpty2 = !node.isLeaf && isNodeEmpty(node);
+              if (!node.type.isTextblock) {
+                return this.options.includeChildren;
+              }
               if ((hasAnchor || !this.options.showOnlyCurrent) && isEmpty2) {
                 const classes = [this.options.emptyNodeClass];
                 if (isEmptyDoc) {
@@ -22584,6 +22756,7 @@ Extension.create({
     ];
   }
 });
+var skipTrailingNodeMeta = "skipTrailingNode";
 function nodeEqualsType({ types, node }) {
   return node && Array.isArray(types) && types.includes(node.type) || (node == null ? void 0 : node.type) === types;
 }
@@ -22603,11 +22776,14 @@ var TrailingNode = Extension.create({
     return [
       new Plugin({
         key: plugin,
-        appendTransaction: (_, __, state) => {
+        appendTransaction: (transactions, __, state) => {
           const { doc: doc2, tr: tr2, schema } = state;
           const shouldInsertNodeAtEnd = plugin.getState(state);
           const endPosition = doc2.content.size;
           const type = schema.nodes[defaultNode];
+          if (transactions.some((transaction) => transaction.getMeta(skipTrailingNodeMeta))) {
+            return;
+          }
           if (!shouldInsertNodeAtEnd) {
             return;
           }
@@ -25105,6 +25281,35 @@ function tableEditing({ allowTableNodeSelection = false } = {}) {
     }
   });
 }
+function normalizeTableCellAlign(value) {
+  if (value === "left" || value === "right" || value === "center") {
+    return value;
+  }
+  return null;
+}
+function parseAlign(element) {
+  const styleAlign = (element.style.textAlign || "").trim().toLowerCase();
+  const attrAlign = (element.getAttribute("align") || "").trim().toLowerCase();
+  const align = styleAlign || attrAlign;
+  return normalizeTableCellAlign(align);
+}
+function normalizeTableCellAlignFromAttributes(attributes) {
+  return normalizeTableCellAlign(attributes == null ? void 0 : attributes.align);
+}
+function createAlignAttribute() {
+  return {
+    default: null,
+    parseHTML: (element) => parseAlign(element),
+    renderHTML: (attributes) => {
+      if (!attributes.align) {
+        return {};
+      }
+      return {
+        style: `text-align: ${attributes.align}`
+      };
+    }
+  };
+}
 var TableCell = Node3.create({
   name: "tableCell",
   addOptions() {
@@ -25137,7 +25342,8 @@ var TableCell = Node3.create({
           }
           return value;
         }
-      }
+      },
+      align: createAlignAttribute()
     };
   },
   tableRole: "cell",
@@ -25172,7 +25378,8 @@ var TableHeader = Node3.create({
           const value = colwidth ? colwidth.split(",").map((width) => parseInt(width, 10)) : null;
           return value;
         }
-      }
+      },
+      align: createAlignAttribute()
     };
   },
   tableRole: "header_cell",
@@ -25400,7 +25607,8 @@ function renderTableToMarkdown(node, h2, options = {}) {
         }
         const text = collapseWhitespace(raw);
         const isHeader = cellNode.type === "tableHeader";
-        cells.push({ text, isHeader });
+        const align = normalizeTableCellAlignFromAttributes(cellNode.attrs);
+        cells.push({ text, isHeader, align });
       });
     }
     rows.push(cells);
@@ -25426,11 +25634,33 @@ function renderTableToMarkdown(node, h2, options = {}) {
   const pad = (s, width) => s + " ".repeat(Math.max(0, width - s.length));
   const headerRow = rows[0];
   const hasHeader = headerRow.some((c2) => c2.isHeader);
+  const colAlignments = new Array(columnCount).fill(null);
+  rows.forEach((r2) => {
+    var _a2;
+    for (let i = 0; i < columnCount; i += 1) {
+      if (!colAlignments[i] && ((_a2 = r2[i]) == null ? void 0 : _a2.align)) {
+        colAlignments[i] = r2[i].align;
+      }
+    }
+  });
   let out = "\n";
   const headerTexts = new Array(columnCount).fill(0).map((_, i) => hasHeader ? headerRow[i] && headerRow[i].text || "" : "");
   out += `| ${headerTexts.map((t, i) => pad(t, colWidths[i])).join(" | ")} |
 `;
-  out += `| ${colWidths.map((w) => "-".repeat(Math.max(3, w))).join(" | ")} |
+  out += `| ${colWidths.map((w, index) => {
+    const dashCount = Math.max(3, w);
+    const alignment = colAlignments[index];
+    if (alignment === "left") {
+      return `:${"-".repeat(dashCount)}`;
+    }
+    if (alignment === "right") {
+      return `${"-".repeat(dashCount)}:`;
+    }
+    if (alignment === "center") {
+      return `:${"-".repeat(dashCount)}:`;
+    }
+    return "-".repeat(dashCount);
+  }).join(" | ")} |
 `;
   const body = hasHeader ? rows.slice(1) : rows;
   body.forEach((r2) => {
@@ -25484,18 +25714,27 @@ var Table = Node3.create({
   },
   parseMarkdown: (token, h2) => {
     const rows = [];
+    const alignments = Array.isArray(token.align) ? token.align : [];
     if (token.header) {
       const headerCells = [];
-      token.header.forEach((cell) => {
-        headerCells.push(h2.createNode("tableHeader", {}, [{ type: "paragraph", content: h2.parseInline(cell.tokens) }]));
+      token.header.forEach((cell, index) => {
+        var _a;
+        const align = normalizeTableCellAlign((_a = alignments[index]) != null ? _a : cell.align);
+        const attrs = align ? { align } : {};
+        headerCells.push(
+          h2.createNode("tableHeader", attrs, [{ type: "paragraph", content: h2.parseInline(cell.tokens) }])
+        );
       });
       rows.push(h2.createNode("tableRow", {}, headerCells));
     }
     if (token.rows) {
       token.rows.forEach((row) => {
         const bodyCells = [];
-        row.forEach((cell) => {
-          bodyCells.push(h2.createNode("tableCell", {}, [{ type: "paragraph", content: h2.parseInline(cell.tokens) }]));
+        row.forEach((cell, index) => {
+          var _a;
+          const align = normalizeTableCellAlign((_a = alignments[index]) != null ? _a : cell.align);
+          const attrs = align ? { align } : {};
+          bodyCells.push(h2.createNode("tableCell", attrs, [{ type: "paragraph", content: h2.parseInline(cell.tokens) }]));
         });
         rows.push(h2.createNode("tableRow", {}, bodyCells));
       });
@@ -27296,7 +27535,7 @@ function LowlightPlugin({
   });
   return lowlightPlugin;
 }
-var CodeBlockLowlight = index_default.extend({
+var CodeBlockLowlight = CodeBlock.extend({
   addOptions() {
     var _a;
     return {
@@ -42295,6 +42534,9 @@ class Toolbar {
   get trans() {
     return getTranslate();
   }
+  icon(name) {
+    return this.options.iconSet[name] ?? name;
+  }
   render() {
     this.container.innerHTML = "";
     this.container.className = `md-toolbar md-toolbar-${this.options.mode}${this.options.sticky ? " md-toolbar-sticky" : ""}`;
@@ -42347,7 +42589,7 @@ class Toolbar {
     button.className = "md-toolbar-btn md-toolbar-toggle-btn";
     button.setAttribute("data-button", "togglemore");
     button.title = this.trans("More");
-    button.innerHTML = '<span class="md-toolbar-btn-icon">…</span>';
+    button.innerHTML = `<span class="md-toolbar-btn-icon">${this.icon("togglemore")}</span>`;
     button.addEventListener("click", (e) => {
       e.preventDefault();
       this.toggleOverflow();
@@ -42370,43 +42612,43 @@ class Toolbar {
     }
     switch (name.toLowerCase()) {
       case "bold":
-        return this.createActionButton("bold", "B", this.trans("Bold"), () => {
+        return this.createActionButton("bold", this.icon("bold"), this.trans("Bold"), () => {
           this.tiptap?.chain().focus().toggleBold().run();
         }, () => this.tiptap?.isActive("bold") ?? false);
       case "italic":
-        return this.createActionButton("italic", "I", this.trans("Italic"), () => {
+        return this.createActionButton("italic", this.icon("italic"), this.trans("Italic"), () => {
           this.tiptap?.chain().focus().toggleItalic().run();
         }, () => this.tiptap?.isActive("italic") ?? false);
       case "underline":
-        return this.createActionButton("underline", "U", this.trans("Underline"), () => {
+        return this.createActionButton("underline", this.icon("underline"), this.trans("Underline"), () => {
           this.tiptap?.chain().focus().toggleUnderline().run();
         }, () => this.tiptap?.isActive("underline") ?? false);
       case "strikethrough":
-        return this.createActionButton("strikethrough", "S", this.trans("Strikethrough"), () => {
+        return this.createActionButton("strikethrough", this.icon("strikethrough"), this.trans("Strikethrough"), () => {
           this.tiptap?.chain().focus().toggleStrike().run();
         }, () => this.tiptap?.isActive("strike") ?? false);
       case "bullist":
-        return this.createActionButton("bullist", "•", this.trans("Bullet list"), () => {
+        return this.createActionButton("bullist", this.icon("bullist"), this.trans("Bullet list"), () => {
           this.tiptap?.chain().focus().toggleBulletList().run();
         }, () => this.tiptap?.isActive("bulletList") ?? false);
       case "numlist":
-        return this.createActionButton("numlist", "1.", this.trans("Numbered list"), () => {
+        return this.createActionButton("numlist", this.icon("numlist"), this.trans("Numbered list"), () => {
           this.tiptap?.chain().focus().toggleOrderedList().run();
         }, () => this.tiptap?.isActive("orderedList") ?? false);
       case "outdent":
-        return this.createActionButton("outdent", "←", this.trans("Decrease indent"), () => {
+        return this.createActionButton("outdent", this.icon("outdent"), this.trans("Decrease indent"), () => {
           if (this.tiptap?.isActive("listItem")) {
             this.tiptap?.chain().focus().liftListItem("listItem").run();
           }
         });
       case "indent":
-        return this.createActionButton("indent", "→", this.trans("Increase indent"), () => {
+        return this.createActionButton("indent", this.icon("indent"), this.trans("Increase indent"), () => {
           if (this.tiptap?.isActive("listItem")) {
             this.tiptap?.chain().focus().sinkListItem("listItem").run();
           }
         });
       case "blockquote":
-        return this.createActionButton("blockquote", '"', this.trans("Blockquote"), () => {
+        return this.createActionButton("blockquote", this.icon("blockquote"), this.trans("Blockquote"), () => {
           this.tiptap?.chain().focus().toggleBlockquote().run();
         }, () => this.tiptap?.isActive("blockquote") ?? false);
       case "fontfamily":
@@ -42416,19 +42658,19 @@ class Toolbar {
       case "lineheight":
         return this.createLineHeightDropdown();
       case "alignleft":
-        return this.createActionButton("alignleft", '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="15" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>', this.trans("Align left"), () => {
+        return this.createActionButton("alignleft", this.icon("alignleft"), this.trans("Align left"), () => {
           this.tiptap?.chain().focus().setTextAlign("left").run();
         }, () => this.tiptap?.isActive({ textAlign: "left" }) ?? false);
       case "aligncenter":
-        return this.createActionButton("aligncenter", '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="6" y1="12" x2="18" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>', this.trans("Align center"), () => {
+        return this.createActionButton("aligncenter", this.icon("aligncenter"), this.trans("Align center"), () => {
           this.tiptap?.chain().focus().setTextAlign("center").run();
         }, () => this.tiptap?.isActive({ textAlign: "center" }) ?? false);
       case "alignright":
-        return this.createActionButton("alignright", '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="9" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>', this.trans("Align right"), () => {
+        return this.createActionButton("alignright", this.icon("alignright"), this.trans("Align right"), () => {
           this.tiptap?.chain().focus().setTextAlign("right").run();
         }, () => this.tiptap?.isActive({ textAlign: "right" }) ?? false);
       case "alignjustify":
-        return this.createActionButton("alignjustify", '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>', this.trans("Justify"), () => {
+        return this.createActionButton("alignjustify", this.icon("alignjustify"), this.trans("Justify"), () => {
           this.tiptap?.chain().focus().setTextAlign("justify").run();
         }, () => this.tiptap?.isActive({ textAlign: "justify" }) ?? false);
       case "forecolor":
@@ -42440,71 +42682,71 @@ class Toolbar {
           this.tiptap?.chain().focus().setHighlight({ color }).run();
         });
       case "removeformat":
-        return this.createActionButton("removeformat", "✕", this.trans("Remove formatting"), () => {
+        return this.createActionButton("removeformat", this.icon("removeformat"), this.trans("Remove formatting"), () => {
           this.tiptap?.chain().focus().unsetAllMarks().clearNodes().run();
         });
       case "copy":
-        return this.createActionButton("copy", "📋", this.trans("Copy"), () => {
+        return this.createActionButton("copy", this.icon("copy"), this.trans("Copy"), () => {
           document.execCommand("copy");
         });
       case "cut":
-        return this.createActionButton("cut", "✂", this.trans("Cut"), () => {
+        return this.createActionButton("cut", this.icon("cut"), this.trans("Cut"), () => {
           document.execCommand("cut");
         });
       case "paste":
-        return this.createActionButton("paste", "📄", this.trans("Paste"), () => {
+        return this.createActionButton("paste", this.icon("paste"), this.trans("Paste"), () => {
           document.execCommand("paste");
         });
       case "undo":
-        return this.createActionButton("undo", "↩", this.trans("Undo"), () => {
+        return this.createActionButton("undo", this.icon("undo"), this.trans("Undo"), () => {
           this.tiptap?.chain().focus().undo().run();
         });
       case "redo":
-        return this.createActionButton("redo", "↪", this.trans("Redo"), () => {
+        return this.createActionButton("redo", this.icon("redo"), this.trans("Redo"), () => {
           this.tiptap?.chain().focus().redo().run();
         });
       case "image":
-        return this.createActionButton("image", '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>', this.trans("Insert image"), () => {
+        return this.createActionButton("image", this.icon("image"), this.trans("Insert image"), () => {
           this.openImageDialog();
         });
       case "charmap":
-        return this.createActionButton("charmap", "Ω", this.trans("Special character"), () => {
+        return this.createActionButton("charmap", this.icon("charmap"), this.trans("Special character"), () => {
           this.openCharMap();
         });
       case "emoticons":
-        return this.createActionButton("emoticons", "😀", this.trans("Emoticons"), () => {
+        return this.createActionButton("emoticons", this.icon("emoticons"), this.trans("Emoticons"), () => {
           this.openEmojiPicker();
         });
       case "fullscreen":
-        return this.createActionButton("fullscreen", "⛶", this.trans("Fullscreen"), () => {
+        return this.createActionButton("fullscreen", this.icon("fullscreen"), this.trans("Fullscreen"), () => {
           this.toggleFullscreen();
         }, () => this.state.isFullscreen);
       case "preview":
-        return this.createActionButton("preview", "👁", this.trans("Preview"), () => {
+        return this.createActionButton("preview", this.icon("preview"), this.trans("Preview"), () => {
           this.openPreview();
         });
       case "code":
-        return this.createActionButton("code", '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>', this.trans("Source code"), () => {
+        return this.createActionButton("code", this.icon("code"), this.trans("Source code"), () => {
           this.openSourceCode();
         });
       case "link":
-        return this.createActionButton("link", "🔗", this.trans("Insert link"), () => {
+        return this.createActionButton("link", this.icon("link"), this.trans("Insert link"), () => {
           this.openLinkDialog();
         }, () => this.tiptap?.isActive("link") ?? false);
       case "codesample":
-        return this.createActionButton("codesample", "{}", this.trans("Code sample"), () => {
+        return this.createActionButton("codesample", this.icon("codesample"), this.trans("Code sample"), () => {
           this.tiptap?.chain().focus().toggleCodeBlock().run();
         }, () => this.tiptap?.isActive("codeBlock") ?? false);
       case "ltr":
-        return this.createActionButton("ltr", "⇐", this.trans("Left to right"), () => {
+        return this.createActionButton("ltr", this.icon("ltr"), this.trans("Left to right"), () => {
           this.tiptap?.chain().focus().setTextDirection("ltr").run();
         });
       case "rtl":
-        return this.createActionButton("rtl", "⇒", this.trans("Right to left"), () => {
+        return this.createActionButton("rtl", this.icon("rtl"), this.trans("Right to left"), () => {
           this.tiptap?.chain().focus().setTextDirection("rtl").run();
         });
       case "searchreplace":
-        return this.createActionButton("searchreplace", "🔍", this.trans("Find and replace"), () => {
+        return this.createActionButton("searchreplace", this.icon("searchreplace"), this.trans("Find and replace"), () => {
           this.openSearchReplace();
         });
       case "template":
@@ -42980,6 +43222,78 @@ class Toolbar {
     this.container.innerHTML = "";
   }
 }
+const SVG_ALIGN_LEFT = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="15" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>';
+const SVG_ALIGN_CENTER = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="6" y1="12" x2="18" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>';
+const SVG_ALIGN_RIGHT = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="9" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>';
+const SVG_ALIGN_JUSTIFY = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>';
+const SVG_IMAGE = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>';
+const SVG_CODE = '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/></svg>';
+const DEFAULT_ICONS = {
+  bold: "B",
+  italic: "I",
+  underline: "U",
+  strikethrough: "S",
+  bullist: "•",
+  numlist: "1.",
+  outdent: "←",
+  indent: "→",
+  blockquote: '"',
+  alignleft: SVG_ALIGN_LEFT,
+  aligncenter: SVG_ALIGN_CENTER,
+  alignright: SVG_ALIGN_RIGHT,
+  alignjustify: SVG_ALIGN_JUSTIFY,
+  removeformat: "✕",
+  copy: "📋",
+  cut: "✂",
+  paste: "📄",
+  undo: "↩",
+  redo: "↪",
+  image: SVG_IMAGE,
+  charmap: "Ω",
+  emoticons: "😀",
+  fullscreen: "⛶",
+  preview: "👁",
+  code: SVG_CODE,
+  link: "🔗",
+  codesample: "{}",
+  ltr: "⇐",
+  rtl: "⇒",
+  searchreplace: "🔍",
+  togglemore: "…"
+};
+const CONFAB_ICONS = {
+  bold: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"/><path d="M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"/></svg>',
+  italic: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="19" y1="4" x2="10" y2="4"/><line x1="14" y1="20" x2="5" y2="20"/><line x1="15" y1="4" x2="9" y2="20"/></svg>',
+  underline: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3"/><line x1="4" y1="21" x2="20" y2="21"/></svg>',
+  strikethrough: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4c-1.5-1-3.2-1.5-5-1.5C7.7 2.5 5 4.6 5 7.5c0 1.5.7 2.7 1.8 3.5"/><path d="M8 20c1.5 1 3.2 1.5 5 1.5 3.3 0 6-2.1 6-5 0-1.5-.7-2.7-1.8-3.5"/><line x1="2" y1="12" x2="22" y2="12"/></svg>',
+  bullist: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="9" y1="6" x2="20" y2="6"/><line x1="9" y1="12" x2="20" y2="12"/><line x1="9" y1="18" x2="20" y2="18"/><circle cx="5" cy="6" r="1" fill="currentColor" stroke="none"/><circle cx="5" cy="12" r="1" fill="currentColor" stroke="none"/><circle cx="5" cy="18" r="1" fill="currentColor" stroke="none"/></svg>',
+  numlist: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="10" y1="6" x2="21" y2="6"/><line x1="10" y1="12" x2="21" y2="12"/><line x1="10" y1="18" x2="21" y2="18"/><text x="3" y="8" font-size="7" fill="currentColor" stroke="none" font-family="sans-serif">1</text><text x="3" y="14" font-size="7" fill="currentColor" stroke="none" font-family="sans-serif">2</text><text x="3" y="20" font-size="7" fill="currentColor" stroke="none" font-family="sans-serif">3</text></svg>',
+  outdent: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="4" x2="21" y2="4"/><line x1="3" y1="20" x2="21" y2="20"/><line x1="11" y1="9" x2="21" y2="9"/><line x1="11" y1="15" x2="21" y2="15"/><polyline points="7 9 3 12 7 15"/></svg>',
+  indent: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="4" x2="21" y2="4"/><line x1="3" y1="20" x2="21" y2="20"/><line x1="11" y1="9" x2="21" y2="9"/><line x1="11" y1="15" x2="21" y2="15"/><polyline points="3 9 7 12 3 15"/></svg>',
+  blockquote: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 21c3 0 7-1 7-8V5c0-1.25-.76-2.02-2-2H4c-1.25 0-2 .76-2 2v6c0 1.25.76 2 2 2h4.5c-1 2-3.5 3.5-5.5 3.5"/><path d="M15 21c3 0 7-1 7-8V5c0-1.25-.76-2.02-2-2h-4c-1.25 0-2 .76-2 2v6c0 1.25.76 2 2 2h4.5c-1 2-3.5 3.5-5.5 3.5"/></svg>',
+  alignleft: SVG_ALIGN_LEFT,
+  aligncenter: SVG_ALIGN_CENTER,
+  alignright: SVG_ALIGN_RIGHT,
+  alignjustify: SVG_ALIGN_JUSTIFY,
+  removeformat: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 7h11l-3 14"/><line x1="4" y1="7" x2="9" y2="3"/><line x1="18" y1="4" x2="22" y2="8"/><line x1="18" y1="8" x2="22" y2="4"/></svg>',
+  copy: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>',
+  cut: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="6" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><line x1="20" y1="4" x2="8.1" y2="15.9"/><line x1="14.5" y1="9.5" x2="20" y2="4"/><line x1="8.1" y1="8.1" x2="20" y2="20"/></svg>',
+  paste: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><rect x="8" y="2" width="8" height="4" rx="1"/></svg>',
+  undo: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="1 4 1 10 7 10"/><path d="M3.5 14a9 9 0 1 0 2.2-5.8L1 10"/></svg>',
+  redo: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"/><path d="M20.5 14a9 9 0 1 1-2.2-5.8L23 10"/></svg>',
+  image: SVG_IMAGE,
+  charmap: "Ω",
+  emoticons: "😀",
+  fullscreen: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="15 3 21 3 21 9"/><polyline points="9 21 3 21 3 15"/><line x1="21" y1="3" x2="14" y2="10"/><line x1="3" y1="21" x2="10" y2="14"/></svg>',
+  preview: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>',
+  code: SVG_CODE,
+  link: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7.1-7.1l-1.7 1.7"/><path d="M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7.1 7.1l1.7-1.7"/></svg>',
+  codesample: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5a2 2 0 0 0 2 2h1"/><path d="M16 3h1a2 2 0 0 1 2 2v5a2 2 0 0 0 2 2 2 2 0 0 0-2 2v5a2 2 0 0 1-2 2h-1"/></svg>',
+  ltr: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="18" y1="5" x2="18" y2="19"/><path d="M8 5a4 4 0 0 0 0 8h4"/><polyline points="4 17 8 21 12 17"/></svg>',
+  rtl: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="6" y1="5" x2="6" y2="19"/><path d="M16 5a4 4 0 0 1 0 8h-4"/><polyline points="20 17 16 21 12 17"/></svg>',
+  searchreplace: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.6" y2="16.6"/></svg>',
+  togglemore: '<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="1" fill="currentColor"/><circle cx="5" cy="12" r="1" fill="currentColor"/><circle cx="19" cy="12" r="1" fill="currentColor"/></svg>'
+};
 const FontSize = Extension.create({
   name: "fontSize",
   addOptions() {
@@ -43107,6 +43421,30 @@ const TextDirection = Extension.create({
     };
   }
 });
+const SignatureBlock = Node3.create({
+  name: "signatureBlock",
+  group: "block",
+  content: "block+",
+  defining: true,
+  isolating: true,
+  addAttributes() {
+    return {
+      id: {
+        default: "signature"
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'div[id="signature"]'
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes), 0];
+  }
+});
 const en = {
   "Bold": "Bold",
   "Italic": "Italic",
@@ -45238,6 +45576,8 @@ class HTMLEditor {
       directionality: config.directionality ?? "ltr",
       language: config.language ?? "en",
       height: config.height ?? 300,
+      min_height: config.min_height,
+      max_height: config.max_height,
       auto_focus: config.auto_focus,
       setFocus: config.setFocus,
       skin: config.skin ?? "oxide",
@@ -45274,6 +45614,20 @@ class HTMLEditor {
         this.editorWrapper.style.height = this.config.height;
       }
     }
+    if (this.config.min_height) {
+      if (typeof this.config.min_height === "number") {
+        this.editorWrapper.style.minHeight = `${this.config.min_height}px`;
+      } else {
+        this.editorWrapper.style.minHeight = this.config.min_height;
+      }
+    }
+    if (this.config.max_height) {
+      if (typeof this.config.max_height === "number") {
+        this.editorWrapper.style.maxHeight = `${this.config.max_height}px`;
+      } else {
+        this.editorWrapper.style.maxHeight = this.config.max_height;
+      }
+    }
     const toolbarContainer = document.createElement("div");
     toolbarContainer.className = "md-editor-toolbar";
     this.editorWrapper.appendChild(toolbarContainer);
@@ -45312,13 +45666,15 @@ class HTMLEditor {
       }
     };
     this.tiptap = new Editor(editorOptions);
+    const iconSet = this.config.skin?.startsWith("confab") ? CONFAB_ICONS : DEFAULT_ICONS;
     this.toolbar = new Toolbar(toolbarContainer, {
       editor: this,
       buttons: this.config.toolbar ?? BASIC_TOOLBAR,
       mode: this.config.toolbar_mode ?? "sliding",
       sticky: this.config.toolbar_sticky ?? true,
       customButtons: this.customButtons,
-      config: this.config
+      config: this.config,
+      iconSet
     });
     if (this.config.auto_focus) {
       setTimeout(() => this.focus(), 10);
@@ -45401,6 +45757,7 @@ class HTMLEditor {
         codeBlock: false
         // We use CodeBlockLowlight instead
       }),
+      SignatureBlock,
       Underline,
       TextStyle,
       FontFamily,
@@ -45640,13 +45997,16 @@ class HTMLEditor {
 }
 export {
   CHAR_MAP,
+  CONFAB_ICONS,
   CharacterMap,
+  DEFAULT_ICONS,
   EMOJI_CATEGORIES,
   EmojiPicker,
   FontSize,
   HTMLEditor,
   LineHeight,
   SearchReplace,
+  SignatureBlock,
   TRANSLATION_KEYS,
   TextDirection,
   Toolbar,