@harbour-enterprises/superdoc 0.15.11 → 0.15.12-next.2

package/dist/chunks/{eventemitter3-DESeWqCF.es.js → eventemitter3-BKLF7Ip6.es.js}

@@ -1,4 +1,4 @@
-import { g as getDefaultExportFromCjs } from "./jszip-eJOLo2UN.es.js";
+import { g as getDefaultExportFromCjs } from "./jszip-BwJb6_S5.es.js";
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
 function requireEventemitter3() {

package/dist/chunks/{eventemitter3-BgTTc0kr.cjs → eventemitter3-CLT6oufV.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const jszip = require("./jszip-BgN565V6.cjs");
+const jszip = require("./jszip-DWfnW2xV.cjs");
 var eventemitter3 = { exports: {} };
 var hasRequiredEventemitter3;
 function requireEventemitter3() {

package/dist/chunks/{index-5s0lZrRi.cjs → index-B5xS6OKK.cjs}

@@ -1,6 +1,6 @@
 "use strict";
-const jszip = require("./jszip-BgN565V6.cjs");
-const index$2 = require("./index-Dz0ZMALg.cjs");
+const jszip = require("./jszip-DWfnW2xV.cjs");
+const index$2 = require("./index-ibuaxW1X.cjs");
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/chunks/{index-BDb18xQR.es.js → index-BqH3eQTm.es.js}

@@ -1,5 +1,5 @@
-import { g as getDefaultExportFromCjs } from "./jszip-eJOLo2UN.es.js";
-import { r as requireStreamHttp } from "./index-CEIbpU5u.es.js";
+import { g as getDefaultExportFromCjs } from "./jszip-BwJb6_S5.es.js";
+import { r as requireStreamHttp } from "./index-D612mw4O.es.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/chunks/{index-CEIbpU5u.es.js → index-D612mw4O.es.js}

@@ -1,7 +1,7 @@
-import { c as commonjsGlobal, B as Buffer, a as getAugmentedNamespace } from "./jszip-eJOLo2UN.es.js";
-import { p as process$1 } from "./vue-aMYj79Bx.es.js";
-import { r as require_stream_readable, a as require_stream_writable, b as require_stream_duplex, c as require_stream_transform, d as require_stream_passthrough, e as requireEndOfStream, f as requirePipeline, g as requireInherits_browser } from "./xml-js-BWZkA4YC.es.js";
-import { u as url } from "./url-D1vPFtjG.es.js";
+import { c as commonjsGlobal, B as Buffer, a as getAugmentedNamespace } from "./jszip-BwJb6_S5.es.js";
+import { p as process$1 } from "./vue-B_OPNNfX.es.js";
+import { r as require_stream_readable, a as require_stream_writable, b as require_stream_duplex, c as require_stream_transform, d as require_stream_passthrough, e as requireEndOfStream, f as requirePipeline, g as requireInherits_browser } from "./xml-js-Bn0K9fTK.es.js";
+import { u as url } from "./url-CNqDAz7z.es.js";
 var streamHttp = {};
 var request = { exports: {} };
 var capability = {};

package/dist/chunks/{index-CjAcITPh.cjs → index-DhQaJbc2.cjs}

@@ -1,6 +1,6 @@
 "use strict";
-const jszip = require("./jszip-BgN565V6.cjs");
-const index$2 = require("./index-Dz0ZMALg.cjs");
+const jszip = require("./jszip-DWfnW2xV.cjs");
+const index$2 = require("./index-ibuaxW1X.cjs");
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/chunks/{index-gYvWcHA-.es.js → index-DzFLdJgk.es.js}

@@ -1,5 +1,5 @@
-import { g as getDefaultExportFromCjs } from "./jszip-eJOLo2UN.es.js";
-import { r as requireStreamHttp, a as require$$1 } from "./index-CEIbpU5u.es.js";
+import { g as getDefaultExportFromCjs } from "./jszip-BwJb6_S5.es.js";
+import { r as requireStreamHttp, a as require$$1 } from "./index-D612mw4O.es.js";
 function _mergeNamespaces(n, m) {
   for (var i = 0; i < m.length; i++) {
     const e = m[i];

package/dist/chunks/{index-Dz0ZMALg.cjs → index-ibuaxW1X.cjs}

@@ -1,8 +1,8 @@
 "use strict";
-const jszip = require("./jszip-BgN565V6.cjs");
-const vue = require("./vue-BLDJYAe8.cjs");
-const xmlJs = require("./xml-js-DahUgrqx.cjs");
-const url = require("./url-yluXzDeN.cjs");
+const jszip = require("./jszip-DWfnW2xV.cjs");
+const vue = require("./vue-CfKg12kH.cjs");
+const xmlJs = require("./xml-js-B_rfwhrZ.cjs");
+const url = require("./url-7PXI9_kJ.cjs");
 var streamHttp = {};
 var request = { exports: {} };
 var capability = {};

package/dist/chunks/{jszip-eJOLo2UN.es.js → jszip-BwJb6_S5.es.js}

@@ -1,4 +1,4 @@
-import "./vue-aMYj79Bx.es.js";
+import "./vue-B_OPNNfX.es.js";
 var buffer = {};
 var base64Js = {};
 base64Js.byteLength = byteLength;

package/dist/chunks/{jszip-BgN565V6.cjs → jszip-DWfnW2xV.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-require("./vue-BLDJYAe8.cjs");
+require("./vue-CfKg12kH.cjs");
 var buffer = {};
 var base64Js = {};
 base64Js.byteLength = byteLength;

package/dist/chunks/{super-editor.es-C0chUOpB.cjs → super-editor.es-BJj4yabz.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const vue = require("./vue-BLDJYAe8.cjs");
+const vue = require("./vue-CfKg12kH.cjs");
 const Y = require("yjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -12356,11 +12356,9 @@ function removeRange(content, from2, to) {
 function insertInto(content, dist2, insert, parent) {
   let { index: index2, offset: offset2 } = content.findIndex(dist2), child = content.maybeChild(index2);
   if (offset2 == dist2 || child.isText) {
-    if (parent && !parent.canReplace(index2, index2, insert))
-      return null;
     return content.cut(0, dist2).append(insert).append(content.cut(dist2));
   }
-  let inner = insertInto(child.content, dist2 - offset2 - 1, insert, child);
+  let inner = insertInto(child.content, dist2 - offset2 - 1, insert);
   return inner && content.replaceChild(index2, child.copy(inner));
 }
 function replace($from, $to, slice2) {
@@ -22173,9 +22171,11 @@ const getListItemStyleDefinitions = ({ styleId, numId, level, editor, tries }) =
   }
   const numDefinition = getDefinitionForLevel(abstractDefinition, level);
   const numDefPpr = numDefinition?.elements.find((el) => el.name === "w:pPr");
+  const numLvlJs = numDefinition?.elements.find((el) => el.name === "w:lvlJc");
   return {
     stylePpr,
-    numDefPpr
+    numDefPpr,
+    numLvlJs
   };
 };
 const addInlineTextMarks = (currentNode, filteredMarks) => {
@@ -26877,7 +26877,7 @@ const handleRunNode = (params2) => {
   const hasRunProperties = node2.elements?.some((el) => el.name === "w:rPr");
   const defaultNodeStyles = getMarksFromStyles(docx, parentStyleId);
   if (hasRunProperties) {
-    const { marks = [], attributes = {} } = parseProperties(node2);
+    const { marks = [] } = parseProperties(node2);
     let runStyleAttributes = [];
     const runStyleElement = node2.elements?.find((el) => el.name === "w:rPr")?.elements?.find((el) => el.name === "w:rStyle");
     let runStyleId;
@@ -28785,7 +28785,7 @@ const _SuperConverter = class _SuperConverter2 {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.15.11") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.15.12-next.2") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -29265,7 +29265,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(pid = 2, version2 = "0.15.11") {
+function generateSuperdocVersion(pid = 2, version2 = "0.15.12-next.2") {
   return {
     type: "element",
     name: "property",
@@ -34237,14 +34237,14 @@ const splitListItem = () => (props) => {
     secondList = editor.schema.nodes.orderedList.createAndFill(parentListNode.attrs, Fragment.from(secondListItem));
   } else {
     let firstParagraphContent = beforeCursor;
-    if (marks.length > 0 && beforeCursor.size === 0) {
+    if (beforeCursor.size === 0) {
       firstParagraphContent = editor.schema.text(" ", marks);
     }
     const firstParagraph = editor.schema.nodes.paragraph.create(paragraphNode.attrs, firstParagraphContent);
     const firstListItem = editor.schema.nodes.listItem.create({ ...listItemNode.attrs }, firstParagraph);
     firstList = editor.schema.nodes.orderedList.createAndFill(parentListNode.attrs, Fragment.from(firstListItem));
     let secondParagraphContent = afterCursor;
-    if (marks.length > 0 && afterCursor.size === 0) {
+    if (afterCursor.size === 0) {
       secondParagraphContent = editor.schema.text(" ", marks);
     }
     const secondParagraph = editor.schema.nodes.paragraph.create(paragraphNode.attrs, secondParagraphContent);
@@ -45605,7 +45605,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.15.11");
+    console.debug("[checkVersionMigrations] Current editor version", "0.15.12-next.2");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -48199,6 +48199,12 @@ const intToAlpha = (num) => {
   }
   return result;
 };
+const MARKER_PADDING = 6;
+const MARKER_OFFSET_RIGHT = 4;
+const MIN_MARKER_WIDTH = 20;
+const POINT_TO_PIXEL_CONVERSION_FACTOR = 1.33;
+const DEFAULT_FONT_FAMILY = "Arial, sans-serif";
+const DEFAULT_FONT_SIZE = "10pt";
 const activeListItemNodeViews = /* @__PURE__ */ new Set();
 class ListItemNodeView {
   constructor(node2, getPos, decorations, editor) {
@@ -48218,25 +48224,50 @@ class ListItemNodeView {
     const { styleId, numId, level, indent: inlineIndent } = attrs;
     const defs = getListItemStyleDefinitions({ styleId, node: this.node, numId, level, editor: this.editor });
     const visibleIndent = getVisibleIndent(defs.stylePpr, defs.numDefPpr, inlineIndent);
-    let absoluteLeft = visibleIndent.left - (visibleIndent.hanging || 0);
-    if (!absoluteLeft && absoluteLeft !== 0) absoluteLeft = 0;
-    let contentLeft = visibleIndent.left;
-    if (visibleIndent.left === absoluteLeft) {
-      absoluteLeft -= 24;
-    }
-    this.contentDOM.style.marginLeft = `${contentLeft}px`;
-    this.numberingDOM.style.left = `${absoluteLeft}px`;
+    const lvlJc = defs.numLvlJs?.attributes?.["w:val"] || "left";
+    const contentLeft = visibleIndent.left || 0;
+    const hanging = visibleIndent.hanging || 0;
+    const handlers2 = {
+      right: () => {
+        const calculatedWidth = calculateMarkerWidth(this.dom, this.numberingDOM);
+        const minMarkerWidth = Math.max(calculatedWidth, MIN_MARKER_WIDTH);
+        const effectiveHanging = Math.max(hanging, minMarkerWidth);
+        const markerLeft = contentLeft - effectiveHanging - MARKER_OFFSET_RIGHT;
+        this.contentDOM.style.marginLeft = `${contentLeft}px`;
+        this.numberingDOM.style.left = `${markerLeft}px`;
+        this.numberingDOM.style.width = `${effectiveHanging}px`;
+        this.numberingDOM.style.textAlign = "right";
+      },
+      left: () => {
+        const calculatedWidth = calculateMarkerWidth(this.dom, this.numberingDOM);
+        const minMarkerWidth = Math.max(calculatedWidth, MIN_MARKER_WIDTH);
+        let markerLeft = contentLeft - hanging;
+        if (markerLeft === contentLeft) {
+          markerLeft -= minMarkerWidth;
+        } else if (minMarkerWidth > hanging) {
+          const diff = minMarkerWidth - hanging;
+          markerLeft -= diff;
+        }
+        this.contentDOM.style.marginLeft = `${contentLeft}px`;
+        this.numberingDOM.style.left = `${markerLeft}px`;
+        this.numberingDOM.style.width = "";
+        this.numberingDOM.style.textAlign = "";
+      }
+    };
+    const handleStyles = handlers2[lvlJc] ?? handlers2.left;
+    handleStyles();
   }
   update(node2, decorations) {
     this.node = node2;
     this.decorations = decorations;
-    const { fontSize: fontSize2, fontFamily: fontFamily2 } = getTextStyleMarksFromLinkedStyles({
+    const { fontSize: fontSize2, fontFamily: fontFamily2, lineHeight: lineHeight2 } = getTextStyleMarksFromLinkedStyles({
       node: node2,
       pos: this.getPos(),
       editor: this.editor
     });
     this.dom.style.fontSize = fontSize2;
     this.dom.style.fontFamily = fontFamily2 || "inherit";
+    this.dom.style.lineHeight = lineHeight2 || "";
   }
   destroy() {
     activeListItemNodeViews.delete(this);
@@ -48261,7 +48292,7 @@ init_fn2 = function() {
     }
   }
   const pos = this.getPos();
-  const { fontSize: fontSize2, fontFamily: fontFamily2 } = getTextStyleMarksFromLinkedStyles({
+  const { fontSize: fontSize2, fontFamily: fontFamily2, lineHeight: lineHeight2 } = getTextStyleMarksFromLinkedStyles({
     node: this.node,
     pos,
     editor: this.editor
@@ -48270,6 +48301,7 @@ init_fn2 = function() {
   this.dom.className = "sd-editor-list-item-node-view";
   this.dom.style.fontSize = fontSize2;
   this.dom.style.fontFamily = fontFamily2 ? fontFamily2 : "inherit";
+  this.dom.style.lineHeight = lineHeight2 || "";
   this.dom.setAttribute("data-marker-type", orderMarker);
   this.dom.setAttribute("data-num-id", numId);
   this.dom.setAttribute("data-list-level", JSON.stringify(listLevel));
@@ -48298,8 +48330,10 @@ function refreshAllListItemNodeViews() {
 }
 function getListItemTextStyleMarks(listItem, markType) {
   let textStyleMarks = [];
+  let attrs = {};
   listItem.forEach((childNode) => {
     if (childNode.type.name !== "paragraph") return;
+    attrs.lineHeight = childNode.attrs.lineHeight;
     childNode.forEach((textNode) => {
       let isTextNode = textNode.type.name === "text";
       let hasTextStyleMarks = markType.isInSet(textNode.marks);
@@ -48309,15 +48343,19 @@ function getListItemTextStyleMarks(listItem, markType) {
       }
     });
   });
-  return textStyleMarks;
+  return {
+    marks: textStyleMarks,
+    attrs
+  };
 }
 function getTextStyleMarksFromLinkedStyles({ node: node2, pos, editor }) {
   const { font: defaultFont, size: defaultSize } = getStylesFromLinkedStyles({ node: node2, pos, editor });
   const textStyleType = getMarkType("textStyle", editor.schema);
-  const allMarks = getListItemTextStyleMarks(node2, textStyleType);
+  const { marks: allMarks, attrs: allAttrs } = getListItemTextStyleMarks(node2, textStyleType);
   const styleMarks = allMarks.filter((m) => m.type === textStyleType);
   const sizeMark = styleMarks.find((m) => m.attrs.fontSize);
   const familyMark = styleMarks.find((m) => m.attrs.fontFamily);
+  const lineHeight2 = allAttrs.lineHeight;
   let fontSize2 = sizeMark ? (() => {
     const [value, unit = "pt"] = parseSizeUnit(sizeMark.attrs.fontSize);
     return Number.isNaN(value) ? defaultSize : `${value}${unit}`;
@@ -48335,13 +48373,25 @@ function getTextStyleMarksFromLinkedStyles({ node: node2, pos, editor }) {
       if (!familyMark && aFontFamily) fontFamily2 = aFontFamily;
     }
   }
-  return { fontSize: fontSize2, fontFamily: fontFamily2 };
+  return { fontSize: fontSize2, fontFamily: fontFamily2, lineHeight: lineHeight2 };
 }
 const getStylesFromLinkedStyles = ({ node: node2, pos, editor }) => {
   const { state: state2 } = editor.view;
   const linkedStyles = LinkedStylesPluginKey.getState(state2)?.decorations;
   const decorationsInPlace = linkedStyles?.find(pos, pos + node2.nodeSize);
-  const styleDeco = decorationsInPlace?.findLast((dec) => dec.type.attrs?.style);
+  const predicates = [
+    (style22) => style22.includes("font-size") && style22.includes("font-family"),
+    (style22) => style22.includes("font-size"),
+    (style22) => style22.includes("font-family")
+  ];
+  let styleDeco;
+  for (const predicateFn of predicates) {
+    styleDeco = decorationsInPlace?.find((dec) => {
+      const style22 = dec.type.attrs?.style || "";
+      return style22 && predicateFn(style22);
+    });
+    if (styleDeco) break;
+  }
   const style2 = styleDeco?.type.attrs?.style;
   const stylesArray = style2?.split(";") || [];
   const fontSizeFromStyles = stylesArray.find((s) => s.includes("font-size"))?.split(":")[1].trim();
@@ -48357,8 +48407,27 @@ const getVisibleIndent = (stylePpr, numDefPpr, inlineIndent) => {
   const numDefIndentTag = numDefPpr?.elements?.find((el) => el.name === "w:ind") || {};
   const numDefIndent = parseIndentElement(numDefIndentTag);
   const indent = combineIndents(styleIndent, numDefIndent);
-  return combineIndents(indent, inlineIndent);
+  const result = combineIndents(indent, inlineIndent);
+  return result;
 };
+function calculateMarkerWidth(dom, numberingDOM, { withPadding = true } = {}) {
+  const markerText = numberingDOM.textContent || "";
+  const fontSize2 = dom.style.fontSize || DEFAULT_FONT_SIZE;
+  const fontValue = dom.style.fontFamily;
+  const fontFamily2 = fontValue && fontValue !== "inherit" ? fontValue : DEFAULT_FONT_FAMILY;
+  if (!markerText.trim()) return 0;
+  try {
+    const canvas = document.createElement("canvas");
+    const context = canvas.getContext("2d");
+    const fontSizePx = fontSize2.includes("pt") ? Number.parseFloat(fontSize2) * POINT_TO_PIXEL_CONVERSION_FACTOR : Number.parseFloat(fontSize2);
+    context.font = `${fontSizePx}px ${fontFamily2}`;
+    const textWidth = context.measureText(markerText).width;
+    const resultWidth = withPadding ? Math.ceil(textWidth + MARKER_PADDING) : Math.ceil(textWidth);
+    return resultWidth;
+  } catch {
+    return 0;
+  }
+}
 const orderedListSyncPluginKey = new PluginKey("orderedListSync");
 function orderedListSync(editor) {
   let hasInitialized = false;
@@ -72771,7 +72840,7 @@ const _sfc_main$b = {
                 class: "remove-btn__icon",
                 innerHTML: vue.unref(toolbarIcons).removeLink
               }, null, 8, _hoisted_12),
-              _cache[5] || (_cache[5] = vue.createTextVNode(" Remove ", -1))
+              _cache[5] || (_cache[5] = vue.createTextVNode(" Remove "))
             ])) : vue.createCommentVNode("", true),
             vue.createBaseVNode("button", {
               class: vue.normalizeClass(["submit-btn", { "disable-btn": isDisabled2.value }]),
@@ -72970,7 +73039,7 @@ const _sfc_main$9 = {
             innerHTML: vue.unref(DropIcon),
             class: "none-icon"
           }, null, 8, _hoisted_2$5),
-          _cache[1] || (_cache[1] = vue.createTextVNode(" None ", -1))
+          _cache[1] || (_cache[1] = vue.createTextVNode(" None "))
         ])) : vue.createCommentVNode("", true),
         vue.createBaseVNode("div", _hoisted_3$4, [
           vue.createVNode(IconGridRow, {

package/dist/chunks/{super-editor.es-DumS7mlS.es.js → super-editor.es-B_MUM4e0.es.js}

@@ -1,4 +1,4 @@
-import { g as global$2, r as ref$1, c as createApp, a as computed, b as createElementBlock, o as openBlock, F as Fragment$1, d as renderList, n as normalizeClass, w as withModifiers, e as createCommentVNode, t as toDisplayString, f as createBaseVNode, i as inject, h as onBeforeMount, j as onMounted, k as onBeforeUnmount, l as watch, m as defineComponent, q as getCurrentInstance, s as onDeactivated, u as nextTick, v as createBlock, x as createVNode, y as unref, z as withCtx, A as createTextVNode, B as normalizeStyle, C as h, D as toRef, E as provide, G as mergeProps, H as cloneVNode, T as Text$2, I as withDirectives, J as watchEffect, K as shallowRef, L as vModelText, M as withKeys, N as reactive, O as readonly, P as Transition, Q as vShow, R as Comment, S as renderSlot, U as onActivated, V as Teleport, W as isVNode, X as onUnmounted, Y as resolveDynamicComponent, Z as normalizeProps, _ as guardReactiveProps, $ as markRaw } from "./vue-aMYj79Bx.es.js";
+import { g as global$2, r as ref$1, c as createApp, a as computed, b as createElementBlock, o as openBlock, F as Fragment$1, d as renderList, n as normalizeClass, w as withModifiers, e as createCommentVNode, t as toDisplayString, f as createBaseVNode, i as inject, h as onBeforeMount, j as onMounted, k as onBeforeUnmount, l as watch, m as defineComponent, q as getCurrentInstance, s as onDeactivated, u as nextTick, v as createBlock, x as createVNode, y as unref, z as withCtx, A as createTextVNode, B as normalizeStyle, C as h, D as toRef, E as provide, G as mergeProps, H as cloneVNode, T as Text$2, I as withDirectives, J as watchEffect, K as shallowRef, L as vModelText, M as withKeys, N as reactive, O as readonly, P as Transition, Q as vShow, R as Comment, S as renderSlot, U as onActivated, V as Teleport, W as isVNode, X as onUnmounted, Y as resolveDynamicComponent, Z as normalizeProps, _ as guardReactiveProps, $ as markRaw } from "./vue-B_OPNNfX.es.js";
 import * as Y from "yjs";
 import { UndoManager, Item as Item$2, ContentType, Text as Text$1, XmlElement, encodeStateAsUpdate } from "yjs";
 var __defProp$2 = Object.defineProperty;
@@ -12339,11 +12339,9 @@ function removeRange(content, from2, to) {
 function insertInto(content, dist2, insert, parent) {
   let { index: index2, offset: offset2 } = content.findIndex(dist2), child = content.maybeChild(index2);
   if (offset2 == dist2 || child.isText) {
-    if (parent && !parent.canReplace(index2, index2, insert))
-      return null;
     return content.cut(0, dist2).append(insert).append(content.cut(dist2));
   }
-  let inner = insertInto(child.content, dist2 - offset2 - 1, insert, child);
+  let inner = insertInto(child.content, dist2 - offset2 - 1, insert);
   return inner && content.replaceChild(index2, child.copy(inner));
 }
 function replace($from, $to, slice2) {
@@ -22156,9 +22154,11 @@ const getListItemStyleDefinitions = ({ styleId, numId, level, editor, tries }) =
   }
   const numDefinition = getDefinitionForLevel(abstractDefinition, level);
   const numDefPpr = numDefinition?.elements.find((el) => el.name === "w:pPr");
+  const numLvlJs = numDefinition?.elements.find((el) => el.name === "w:lvlJc");
   return {
     stylePpr,
-    numDefPpr
+    numDefPpr,
+    numLvlJs
   };
 };
 const addInlineTextMarks = (currentNode, filteredMarks) => {
@@ -26860,7 +26860,7 @@ const handleRunNode = (params2) => {
   const hasRunProperties = node2.elements?.some((el) => el.name === "w:rPr");
   const defaultNodeStyles = getMarksFromStyles(docx, parentStyleId);
   if (hasRunProperties) {
-    const { marks = [], attributes = {} } = parseProperties(node2);
+    const { marks = [] } = parseProperties(node2);
     let runStyleAttributes = [];
     const runStyleElement = node2.elements?.find((el) => el.name === "w:rPr")?.elements?.find((el) => el.name === "w:rStyle");
     let runStyleId;
@@ -28768,7 +28768,7 @@ const _SuperConverter = class _SuperConverter2 {
       return;
     }
   }
-  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.15.11") {
+  static updateDocumentVersion(docx = this.convertedXml, version2 = "0.15.12-next.2") {
     const customLocation = "docProps/custom.xml";
     if (!docx[customLocation]) {
       docx[customLocation] = generateCustomXml();
@@ -29248,7 +29248,7 @@ function storeSuperdocVersion(docx) {
 function generateCustomXml() {
   return DEFAULT_CUSTOM_XML;
 }
-function generateSuperdocVersion(pid = 2, version2 = "0.15.11") {
+function generateSuperdocVersion(pid = 2, version2 = "0.15.12-next.2") {
   return {
     type: "element",
     name: "property",
@@ -34220,14 +34220,14 @@ const splitListItem = () => (props) => {
     secondList = editor.schema.nodes.orderedList.createAndFill(parentListNode.attrs, Fragment.from(secondListItem));
   } else {
     let firstParagraphContent = beforeCursor;
-    if (marks.length > 0 && beforeCursor.size === 0) {
+    if (beforeCursor.size === 0) {
       firstParagraphContent = editor.schema.text(" ", marks);
     }
     const firstParagraph = editor.schema.nodes.paragraph.create(paragraphNode.attrs, firstParagraphContent);
     const firstListItem = editor.schema.nodes.listItem.create({ ...listItemNode.attrs }, firstParagraph);
     firstList = editor.schema.nodes.orderedList.createAndFill(parentListNode.attrs, Fragment.from(firstListItem));
     let secondParagraphContent = afterCursor;
-    if (marks.length > 0 && afterCursor.size === 0) {
+    if (afterCursor.size === 0) {
       secondParagraphContent = editor.schema.text(" ", marks);
     }
     const secondParagraph = editor.schema.nodes.paragraph.create(paragraphNode.attrs, secondParagraphContent);
@@ -45588,7 +45588,7 @@ const _Editor = class _Editor2 extends EventEmitter$1 {
    * @returns {Object | void} Migration results
    */
   processCollaborationMigrations() {
-    console.debug("[checkVersionMigrations] Current editor version", "0.15.11");
+    console.debug("[checkVersionMigrations] Current editor version", "0.15.12-next.2");
     if (!this.options.ydoc) return;
     const metaMap = this.options.ydoc.getMap("meta");
     let docVersion = metaMap.get("version");
@@ -48182,6 +48182,12 @@ const intToAlpha = (num) => {
   }
   return result;
 };
+const MARKER_PADDING = 6;
+const MARKER_OFFSET_RIGHT = 4;
+const MIN_MARKER_WIDTH = 20;
+const POINT_TO_PIXEL_CONVERSION_FACTOR = 1.33;
+const DEFAULT_FONT_FAMILY = "Arial, sans-serif";
+const DEFAULT_FONT_SIZE = "10pt";
 const activeListItemNodeViews = /* @__PURE__ */ new Set();
 class ListItemNodeView {
   constructor(node2, getPos, decorations, editor) {
@@ -48201,25 +48207,50 @@ class ListItemNodeView {
     const { styleId, numId, level, indent: inlineIndent } = attrs;
     const defs = getListItemStyleDefinitions({ styleId, node: this.node, numId, level, editor: this.editor });
     const visibleIndent = getVisibleIndent(defs.stylePpr, defs.numDefPpr, inlineIndent);
-    let absoluteLeft = visibleIndent.left - (visibleIndent.hanging || 0);
-    if (!absoluteLeft && absoluteLeft !== 0) absoluteLeft = 0;
-    let contentLeft = visibleIndent.left;
-    if (visibleIndent.left === absoluteLeft) {
-      absoluteLeft -= 24;
-    }
-    this.contentDOM.style.marginLeft = `${contentLeft}px`;
-    this.numberingDOM.style.left = `${absoluteLeft}px`;
+    const lvlJc = defs.numLvlJs?.attributes?.["w:val"] || "left";
+    const contentLeft = visibleIndent.left || 0;
+    const hanging = visibleIndent.hanging || 0;
+    const handlers2 = {
+      right: () => {
+        const calculatedWidth = calculateMarkerWidth(this.dom, this.numberingDOM);
+        const minMarkerWidth = Math.max(calculatedWidth, MIN_MARKER_WIDTH);
+        const effectiveHanging = Math.max(hanging, minMarkerWidth);
+        const markerLeft = contentLeft - effectiveHanging - MARKER_OFFSET_RIGHT;
+        this.contentDOM.style.marginLeft = `${contentLeft}px`;
+        this.numberingDOM.style.left = `${markerLeft}px`;
+        this.numberingDOM.style.width = `${effectiveHanging}px`;
+        this.numberingDOM.style.textAlign = "right";
+      },
+      left: () => {
+        const calculatedWidth = calculateMarkerWidth(this.dom, this.numberingDOM);
+        const minMarkerWidth = Math.max(calculatedWidth, MIN_MARKER_WIDTH);
+        let markerLeft = contentLeft - hanging;
+        if (markerLeft === contentLeft) {
+          markerLeft -= minMarkerWidth;
+        } else if (minMarkerWidth > hanging) {
+          const diff = minMarkerWidth - hanging;
+          markerLeft -= diff;
+        }
+        this.contentDOM.style.marginLeft = `${contentLeft}px`;
+        this.numberingDOM.style.left = `${markerLeft}px`;
+        this.numberingDOM.style.width = "";
+        this.numberingDOM.style.textAlign = "";
+      }
+    };
+    const handleStyles = handlers2[lvlJc] ?? handlers2.left;
+    handleStyles();
   }
   update(node2, decorations) {
     this.node = node2;
     this.decorations = decorations;
-    const { fontSize: fontSize2, fontFamily: fontFamily2 } = getTextStyleMarksFromLinkedStyles({
+    const { fontSize: fontSize2, fontFamily: fontFamily2, lineHeight: lineHeight2 } = getTextStyleMarksFromLinkedStyles({
       node: node2,
       pos: this.getPos(),
       editor: this.editor
     });
     this.dom.style.fontSize = fontSize2;
     this.dom.style.fontFamily = fontFamily2 || "inherit";
+    this.dom.style.lineHeight = lineHeight2 || "";
   }
   destroy() {
     activeListItemNodeViews.delete(this);
@@ -48244,7 +48275,7 @@ init_fn2 = function() {
     }
   }
   const pos = this.getPos();
-  const { fontSize: fontSize2, fontFamily: fontFamily2 } = getTextStyleMarksFromLinkedStyles({
+  const { fontSize: fontSize2, fontFamily: fontFamily2, lineHeight: lineHeight2 } = getTextStyleMarksFromLinkedStyles({
     node: this.node,
     pos,
     editor: this.editor
@@ -48253,6 +48284,7 @@ init_fn2 = function() {
   this.dom.className = "sd-editor-list-item-node-view";
   this.dom.style.fontSize = fontSize2;
   this.dom.style.fontFamily = fontFamily2 ? fontFamily2 : "inherit";
+  this.dom.style.lineHeight = lineHeight2 || "";
   this.dom.setAttribute("data-marker-type", orderMarker);
   this.dom.setAttribute("data-num-id", numId);
   this.dom.setAttribute("data-list-level", JSON.stringify(listLevel));
@@ -48281,8 +48313,10 @@ function refreshAllListItemNodeViews() {
 }
 function getListItemTextStyleMarks(listItem, markType) {
   let textStyleMarks = [];
+  let attrs = {};
   listItem.forEach((childNode) => {
     if (childNode.type.name !== "paragraph") return;
+    attrs.lineHeight = childNode.attrs.lineHeight;
     childNode.forEach((textNode) => {
       let isTextNode = textNode.type.name === "text";
       let hasTextStyleMarks = markType.isInSet(textNode.marks);
@@ -48292,15 +48326,19 @@ function getListItemTextStyleMarks(listItem, markType) {
       }
     });
   });
-  return textStyleMarks;
+  return {
+    marks: textStyleMarks,
+    attrs
+  };
 }
 function getTextStyleMarksFromLinkedStyles({ node: node2, pos, editor }) {
   const { font: defaultFont, size: defaultSize } = getStylesFromLinkedStyles({ node: node2, pos, editor });
   const textStyleType = getMarkType("textStyle", editor.schema);
-  const allMarks = getListItemTextStyleMarks(node2, textStyleType);
+  const { marks: allMarks, attrs: allAttrs } = getListItemTextStyleMarks(node2, textStyleType);
   const styleMarks = allMarks.filter((m) => m.type === textStyleType);
   const sizeMark = styleMarks.find((m) => m.attrs.fontSize);
   const familyMark = styleMarks.find((m) => m.attrs.fontFamily);
+  const lineHeight2 = allAttrs.lineHeight;
   let fontSize2 = sizeMark ? (() => {
     const [value, unit = "pt"] = parseSizeUnit(sizeMark.attrs.fontSize);
     return Number.isNaN(value) ? defaultSize : `${value}${unit}`;
@@ -48318,13 +48356,25 @@ function getTextStyleMarksFromLinkedStyles({ node: node2, pos, editor }) {
       if (!familyMark && aFontFamily) fontFamily2 = aFontFamily;
     }
   }
-  return { fontSize: fontSize2, fontFamily: fontFamily2 };
+  return { fontSize: fontSize2, fontFamily: fontFamily2, lineHeight: lineHeight2 };
 }
 const getStylesFromLinkedStyles = ({ node: node2, pos, editor }) => {
   const { state: state2 } = editor.view;
   const linkedStyles = LinkedStylesPluginKey.getState(state2)?.decorations;
   const decorationsInPlace = linkedStyles?.find(pos, pos + node2.nodeSize);
-  const styleDeco = decorationsInPlace?.findLast((dec) => dec.type.attrs?.style);
+  const predicates = [
+    (style22) => style22.includes("font-size") && style22.includes("font-family"),
+    (style22) => style22.includes("font-size"),
+    (style22) => style22.includes("font-family")
+  ];
+  let styleDeco;
+  for (const predicateFn of predicates) {
+    styleDeco = decorationsInPlace?.find((dec) => {
+      const style22 = dec.type.attrs?.style || "";
+      return style22 && predicateFn(style22);
+    });
+    if (styleDeco) break;
+  }
   const style2 = styleDeco?.type.attrs?.style;
   const stylesArray = style2?.split(";") || [];
   const fontSizeFromStyles = stylesArray.find((s) => s.includes("font-size"))?.split(":")[1].trim();
@@ -48340,8 +48390,27 @@ const getVisibleIndent = (stylePpr, numDefPpr, inlineIndent) => {
   const numDefIndentTag = numDefPpr?.elements?.find((el) => el.name === "w:ind") || {};
   const numDefIndent = parseIndentElement(numDefIndentTag);
   const indent = combineIndents(styleIndent, numDefIndent);
-  return combineIndents(indent, inlineIndent);
+  const result = combineIndents(indent, inlineIndent);
+  return result;
 };
+function calculateMarkerWidth(dom, numberingDOM, { withPadding = true } = {}) {
+  const markerText = numberingDOM.textContent || "";
+  const fontSize2 = dom.style.fontSize || DEFAULT_FONT_SIZE;
+  const fontValue = dom.style.fontFamily;
+  const fontFamily2 = fontValue && fontValue !== "inherit" ? fontValue : DEFAULT_FONT_FAMILY;
+  if (!markerText.trim()) return 0;
+  try {
+    const canvas = document.createElement("canvas");
+    const context = canvas.getContext("2d");
+    const fontSizePx = fontSize2.includes("pt") ? Number.parseFloat(fontSize2) * POINT_TO_PIXEL_CONVERSION_FACTOR : Number.parseFloat(fontSize2);
+    context.font = `${fontSizePx}px ${fontFamily2}`;
+    const textWidth = context.measureText(markerText).width;
+    const resultWidth = withPadding ? Math.ceil(textWidth + MARKER_PADDING) : Math.ceil(textWidth);
+    return resultWidth;
+  } catch {
+    return 0;
+  }
+}
 const orderedListSyncPluginKey = new PluginKey("orderedListSync");
 function orderedListSync(editor) {
   let hasInitialized = false;
@@ -72754,7 +72823,7 @@ const _sfc_main$b = {
                 class: "remove-btn__icon",
                 innerHTML: unref(toolbarIcons).removeLink
               }, null, 8, _hoisted_12),
-              _cache[5] || (_cache[5] = createTextVNode(" Remove ", -1))
+              _cache[5] || (_cache[5] = createTextVNode(" Remove "))
             ])) : createCommentVNode("", true),
             createBaseVNode("button", {
               class: normalizeClass(["submit-btn", { "disable-btn": isDisabled2.value }]),
@@ -72953,7 +73022,7 @@ const _sfc_main$9 = {
             innerHTML: unref(DropIcon),
             class: "none-icon"
           }, null, 8, _hoisted_2$5),
-          _cache[1] || (_cache[1] = createTextVNode(" None ", -1))
+          _cache[1] || (_cache[1] = createTextVNode(" None "))
         ])) : createCommentVNode("", true),
         createBaseVNode("div", _hoisted_3$4, [
           createVNode(IconGridRow, {