oasis-editor 0.0.89 → 0.0.90

package/dist/{index-BICQTKCZ.js → index-DcElQi6c.js}

@@ -2519,7 +2519,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-cKm4OFIF.js").then((m) => {
+    import("./OasisEditorApp-2b7y3aGj.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -3110,6 +3110,16 @@ const DEFAULT_TEXT_STYLE = asRequired({
   noProof: false,
   webHidden: false,
   specVanish: false,
+  rtl: false,
+  complexScript: false,
+  snapToGrid: true,
+  fitText: null,
+  emphasisMark: null,
+  textBorder: null,
+  outline: false,
+  shadow: false,
+  emboss: false,
+  imprint: false,
   textEffect: null,
   characterScale: null,
   characterSpacing: null,
@@ -20568,6 +20578,36 @@ function underlineStyleDashArray(underlineStyle) {
       return void 0;
   }
 }
+function drawEdge(ctx, border, x1, y1, x2, y2) {
+  if (!border || border.type === "none" || border.width <= 0) {
+    return;
+  }
+  ctx.save();
+  ctx.beginPath();
+  ctx.strokeStyle = border.color;
+  ctx.lineWidth = border.width;
+  if (border.type === "dashed") {
+    ctx.setLineDash([5, 3]);
+  } else if (border.type === "dotted") {
+    ctx.setLineDash([1, 3]);
+  } else {
+    ctx.setLineDash([]);
+  }
+  ctx.moveTo(x1, y1);
+  ctx.lineTo(x2, y2);
+  ctx.stroke();
+  ctx.restore();
+}
+function drawBorderBox(ctx, left, top, width, height, borders) {
+  const right = left + width;
+  const bottom = top + height;
+  drawEdge(ctx, borders.top, left, top, right, top);
+  drawEdge(ctx, borders.right, right, top, right, bottom);
+  drawEdge(ctx, borders.bottom, left, bottom, right, bottom);
+  drawEdge(ctx, borders.left, left, top, left, bottom);
+  drawEdge(ctx, borders.topLeftToBottomRight, left, top, right, bottom);
+  drawEdge(ctx, borders.topRightToBottomLeft, right, top, left, bottom);
+}
 const canvasTextLogger = createEditorLogger("canvas-text");
 const loggedCanvasFontKeys = /* @__PURE__ */ new Set();
 const MAX_CANVAS_FONT_LOGS = 40;
@@ -20824,6 +20864,16 @@ function drawParagraph(ctx, paragraph, lines, state, originX, originY, onUpdate,
           styles.highlight
         );
       }
+      if (styles.textBorder) {
+        drawFragmentBorder(
+          ctx,
+          line,
+          fragment,
+          originX,
+          originY,
+          styles.textBorder
+        );
+      }
       if (fragment.image && !fragment.image.floating) {
         const slot = slotByOffset.get(fragment.startOffset);
         if (slot) {
@@ -20898,6 +20948,18 @@ function drawParagraph(ctx, paragraph, lines, state, originX, originY, onUpdate,
           "doubleStrike"
         );
       }
+      if (styles.emphasisMark) {
+        drawFragmentEmphasis(
+          ctx,
+          line,
+          fragment,
+          slotByOffset,
+          originX,
+          originY,
+          styles.emphasisMark,
+          styles.color ?? "#000000"
+        );
+      }
       ctx.restore();
     }
     const isLastLine = line.index === lines.length - 1;
@@ -20977,6 +21039,82 @@ function drawScaledText(ctx, text, x, y, scale) {
   ctx.fillText(text, 0, 0);
   ctx.restore();
 }
+function drawStyledText(ctx, text, x, y, scale, styles) {
+  if (!styles.outline && !styles.shadow && !styles.emboss && !styles.imprint) {
+    drawScaledText(ctx, text, x, y, scale);
+    return;
+  }
+  if (styles.emboss || styles.imprint) {
+    const offset = styles.imprint ? 1 : -1;
+    ctx.save();
+    ctx.shadowColor = "transparent";
+    ctx.fillStyle = "rgba(255,255,255,0.75)";
+    drawScaledText(ctx, text, x + offset, y + offset, scale);
+    ctx.restore();
+  }
+  ctx.save();
+  if (styles.shadow) {
+    ctx.shadowColor = "rgba(0,0,0,0.45)";
+    ctx.shadowOffsetX = 1;
+    ctx.shadowOffsetY = 1;
+    ctx.shadowBlur = 1;
+  }
+  if (styles.outline) {
+    ctx.strokeStyle = ctx.fillStyle;
+    ctx.lineWidth = 0.75;
+    if (scale === 1) {
+      ctx.strokeText(text, x, y);
+    } else {
+      ctx.translate(x, y);
+      ctx.scale(scale, 1);
+      ctx.strokeText(text, 0, 0);
+    }
+  } else {
+    drawScaledText(ctx, text, x, y, scale);
+  }
+  ctx.restore();
+}
+function drawFragmentBorder(ctx, line, fragment, originX, originY, border) {
+  if (border.type === "none" || border.width <= 0) return;
+  const bounds = resolveFragmentPaintBounds(line, fragment);
+  if (!bounds) return;
+  const edge = { ...border, width: Math.max(0.5, border.width * PX_PER_POINT) };
+  drawBorderBox(
+    ctx,
+    originX + bounds.left,
+    originY + line.top + 1,
+    Math.max(0, bounds.right - bounds.left),
+    Math.max(2, line.height - 2),
+    { top: edge, right: edge, bottom: edge, left: edge }
+  );
+}
+const EMPHASIS_GLYPH = {
+  dot: "•",
+  comma: "‚",
+  circle: "○",
+  underDot: "•"
+};
+function drawFragmentEmphasis(ctx, line, fragment, slotByOffset, originX, originY, mark, color) {
+  if (mark === "none") return;
+  const glyph = EMPHASIS_GLYPH[mark];
+  if (!glyph) return;
+  const below = mark === "underDot";
+  const y = below ? originY + line.top + line.height + 1 : originY + line.top + 2;
+  ctx.save();
+  ctx.fillStyle = color;
+  ctx.textAlign = "center";
+  ctx.textBaseline = below ? "top" : "bottom";
+  ctx.font = `400 ${Math.max(6, line.height * 0.35)}px Calibri`;
+  for (const char of fragment.chars) {
+    if (char.char === "\n" || char.char === "	" || char.char === " ") continue;
+    const slot = slotByOffset.get(char.paragraphOffset);
+    const nextSlot = slotByOffset.get(char.paragraphOffset + 1);
+    if (!slot) continue;
+    const centerX = nextSlot ? (slot.left + nextSlot.left) / 2 : slot.left + line.height * 0.25;
+    ctx.fillText(glyph, originX + centerX, y);
+  }
+  ctx.restore();
+}
 function drawTextFragment(ctx, paragraph, line, fragment, slotByOffset, state, styles, originX, baselineY) {
   const scale = styles.characterScale && styles.characterScale > 0 ? styles.characterScale / 100 : 1;
   const hasManualCharacterSpacing = styles.characterSpacing !== void 0 && styles.characterSpacing !== null && styles.characterSpacing !== 0;
@@ -20988,7 +21126,14 @@ function drawTextFragment(ctx, paragraph, line, fragment, slotByOffset, state, s
       segmentLeft = null;
       return;
     }
-    drawScaledText(ctx, segmentText, originX + segmentLeft, baselineY, scale);
+    drawStyledText(
+      ctx,
+      segmentText,
+      originX + segmentLeft,
+      baselineY,
+      scale,
+      styles
+    );
     segmentText = "";
     segmentLeft = null;
   };
@@ -21020,7 +21165,14 @@ function drawTextFragment(ctx, paragraph, line, fragment, slotByOffset, state, s
     const renderedChar = getRenderedChar(char.char, styles);
     if (hasManualCharacterSpacing) {
       flushSegment();
-      drawScaledText(ctx, renderedChar, originX + slot.left, baselineY, scale);
+      drawStyledText(
+        ctx,
+        renderedChar,
+        originX + slot.left,
+        baselineY,
+        scale,
+        styles
+      );
       continue;
     }
     if (char.char === " ") {
@@ -21105,36 +21257,6 @@ function drawWavyLine(ctx, x1, x2, y) {
   }
   ctx.stroke();
 }
-function drawEdge(ctx, border, x1, y1, x2, y2) {
-  if (!border || border.type === "none" || border.width <= 0) {
-    return;
-  }
-  ctx.save();
-  ctx.beginPath();
-  ctx.strokeStyle = border.color;
-  ctx.lineWidth = border.width;
-  if (border.type === "dashed") {
-    ctx.setLineDash([5, 3]);
-  } else if (border.type === "dotted") {
-    ctx.setLineDash([1, 3]);
-  } else {
-    ctx.setLineDash([]);
-  }
-  ctx.moveTo(x1, y1);
-  ctx.lineTo(x2, y2);
-  ctx.stroke();
-  ctx.restore();
-}
-function drawBorderBox(ctx, left, top, width, height, borders) {
-  const right = left + width;
-  const bottom = top + height;
-  drawEdge(ctx, borders.top, left, top, right, top);
-  drawEdge(ctx, borders.right, right, top, right, bottom);
-  drawEdge(ctx, borders.bottom, left, bottom, right, bottom);
-  drawEdge(ctx, borders.left, left, top, left, bottom);
-  drawEdge(ctx, borders.topLeftToBottomRight, left, top, right, bottom);
-  drawEdge(ctx, borders.topRightToBottomLeft, right, top, left, bottom);
-}
 const __vite_import_meta_env__ = { "DEV": false };
 function drawVerticalCell(ctx, cell, state, pageIndex, onUpdate, painters) {
   const box = {
@@ -32538,6 +32660,66 @@ function parseParagraphList(paragraphProperties, numberingMaps) {
     indent: effective.indent
   };
 }
+function parseDocxBorder(borderNode) {
+  if (!borderNode) {
+    return void 0;
+  }
+  const value = getAttributeValue(borderNode, "val");
+  if (value === "nil" || value === "none") {
+    return { width: 0, type: "none", color: "transparent" };
+  }
+  const size = Number(getAttributeValue(borderNode, "sz"));
+  const width = Number.isFinite(size) && size > 0 ? Math.round(size / 8 * 1e4) / 1e4 : 0.75;
+  const color = normalizeImportedHexColor(getAttributeValue(borderNode, "color")) ?? "#000000";
+  const normalizedValue = (value == null ? void 0 : value.toLowerCase()) ?? "single";
+  const type = normalizedValue.includes("dotted") || normalizedValue.includes("dot") ? "dotted" : normalizedValue.includes("dash") ? "dashed" : "solid";
+  return { width, type, color };
+}
+function parseDocxBoxBorders(container) {
+  if (!container) {
+    return {};
+  }
+  return {
+    borderTop: parseDocxBorder(
+      getFirstChildByTagNameNS(container, WORD_NS, "top")
+    ),
+    borderRight: parseDocxBorder(
+      getFirstChildByTagNameNS(container, WORD_NS, "right")
+    ),
+    borderBottom: parseDocxBorder(
+      getFirstChildByTagNameNS(container, WORD_NS, "bottom")
+    ),
+    borderLeft: parseDocxBorder(
+      getFirstChildByTagNameNS(container, WORD_NS, "left")
+    ),
+    borderStart: parseDocxBorder(
+      getFirstChildByTagNameNS(container, WORD_NS, "start")
+    ),
+    borderEnd: parseDocxBorder(
+      getFirstChildByTagNameNS(container, WORD_NS, "end")
+    ),
+    borderTopLeftToBottomRight: parseDocxBorder(
+      getFirstChildByTagNameNS(container, WORD_NS, "tl2br")
+    ),
+    borderTopRightToBottomLeft: parseDocxBorder(
+      getFirstChildByTagNameNS(container, WORD_NS, "tr2bl")
+    )
+  };
+}
+function parseDocxTableBorders(container) {
+  if (!container) {
+    return {};
+  }
+  return {
+    ...parseDocxBoxBorders(container),
+    borderInsideH: parseDocxBorder(
+      getFirstChildByTagNameNS(container, WORD_NS, "insideH")
+    ),
+    borderInsideV: parseDocxBorder(
+      getFirstChildByTagNameNS(container, WORD_NS, "insideV")
+    )
+  };
+}
 function stripUndefined(value) {
   const entries2 = Object.entries(value).filter(([, v]) => v !== void 0);
   return entries2.length > 0 ? Object.fromEntries(entries2) : void 0;
@@ -32606,6 +32788,24 @@ function normalizeImportedRunStyle(style2, paragraphStyleId) {
       effective.specVanish,
       defaultEffective.specVanish
     ),
+    rtl: hd(style2.rtl, effective.rtl, defaultEffective.rtl),
+    complexScript: hd(
+      style2.complexScript,
+      effective.complexScript,
+      defaultEffective.complexScript
+    ),
+    snapToGrid: hd(
+      style2.snapToGrid,
+      effective.snapToGrid,
+      defaultEffective.snapToGrid
+    ),
+    outline: hd(style2.outline, effective.outline, defaultEffective.outline),
+    shadow: hd(style2.shadow, effective.shadow, defaultEffective.shadow),
+    emboss: hd(style2.emboss, effective.emboss, defaultEffective.emboss),
+    imprint: hd(style2.imprint, effective.imprint, defaultEffective.imprint),
+    fitText: dd(effective.fitText, defaultEffective.fitText),
+    emphasisMark: dd(effective.emphasisMark, defaultEffective.emphasisMark),
+    textBorder: dd(effective.textBorder, defaultEffective.textBorder),
     textEffect: dd(effective.textEffect, defaultEffective.textEffect),
     characterScale: dd(
       effective.characterScale,
@@ -32692,6 +32892,57 @@ function parseRunStyle(runProperties, theme) {
   if (specVanish !== void 0) {
     styles.specVanish = specVanish;
   }
+  const rtl = parseOnOffProperty(runProperties, "rtl");
+  if (rtl !== void 0) {
+    styles.rtl = rtl;
+  }
+  const complexScript = parseOnOffProperty(runProperties, "cs");
+  if (complexScript !== void 0) {
+    styles.complexScript = complexScript;
+  }
+  const snapToGrid = parseOnOffProperty(runProperties, "snapToGrid");
+  if (snapToGrid !== void 0) {
+    styles.snapToGrid = snapToGrid;
+  }
+  const outline = parseOnOffProperty(runProperties, "outline");
+  if (outline !== void 0) {
+    styles.outline = outline;
+  }
+  const shadow = parseOnOffProperty(runProperties, "shadow");
+  if (shadow !== void 0) {
+    styles.shadow = shadow;
+  }
+  const emboss = parseOnOffProperty(runProperties, "emboss");
+  if (emboss !== void 0) {
+    styles.emboss = emboss;
+  }
+  const imprint = parseOnOffProperty(runProperties, "imprint");
+  if (imprint !== void 0) {
+    styles.imprint = imprint;
+  }
+  const emphasisMark = getAttributeValue(
+    getFirstChildByTagNameNS(runProperties, WORD_NS, "em"),
+    "val"
+  );
+  if (emphasisMark === "dot" || emphasisMark === "comma" || emphasisMark === "circle" || emphasisMark === "underDot" || emphasisMark === "none") {
+    styles.emphasisMark = emphasisMark;
+  }
+  const fitText = getAttributeValue(
+    getFirstChildByTagNameNS(runProperties, WORD_NS, "fitText"),
+    "val"
+  );
+  if (fitText) {
+    const parsed = twipsToPoints(fitText);
+    if (parsed !== void 0 && parsed > 0) {
+      styles.fitText = parsed;
+    }
+  }
+  const textBorder = parseDocxBorder(
+    getFirstChildByTagNameNS(runProperties, WORD_NS, "bdr")
+  );
+  if (textBorder) {
+    styles.textBorder = textBorder;
+  }
   const textEffect = getAttributeValue(
     getFirstChildByTagNameNS(runProperties, WORD_NS, "effect"),
     "val"
@@ -32862,66 +33113,6 @@ function parseRunStyle(runProperties, theme) {
   }
   return emptyOrUndefined(styles);
 }
-function parseDocxBorder(borderNode) {
-  if (!borderNode) {
-    return void 0;
-  }
-  const value = getAttributeValue(borderNode, "val");
-  if (value === "nil" || value === "none") {
-    return { width: 0, type: "none", color: "transparent" };
-  }
-  const size = Number(getAttributeValue(borderNode, "sz"));
-  const width = Number.isFinite(size) && size > 0 ? Math.round(size / 8 * 1e4) / 1e4 : 0.75;
-  const color = normalizeImportedHexColor(getAttributeValue(borderNode, "color")) ?? "#000000";
-  const normalizedValue = (value == null ? void 0 : value.toLowerCase()) ?? "single";
-  const type = normalizedValue.includes("dotted") || normalizedValue.includes("dot") ? "dotted" : normalizedValue.includes("dash") ? "dashed" : "solid";
-  return { width, type, color };
-}
-function parseDocxBoxBorders(container) {
-  if (!container) {
-    return {};
-  }
-  return {
-    borderTop: parseDocxBorder(
-      getFirstChildByTagNameNS(container, WORD_NS, "top")
-    ),
-    borderRight: parseDocxBorder(
-      getFirstChildByTagNameNS(container, WORD_NS, "right")
-    ),
-    borderBottom: parseDocxBorder(
-      getFirstChildByTagNameNS(container, WORD_NS, "bottom")
-    ),
-    borderLeft: parseDocxBorder(
-      getFirstChildByTagNameNS(container, WORD_NS, "left")
-    ),
-    borderStart: parseDocxBorder(
-      getFirstChildByTagNameNS(container, WORD_NS, "start")
-    ),
-    borderEnd: parseDocxBorder(
-      getFirstChildByTagNameNS(container, WORD_NS, "end")
-    ),
-    borderTopLeftToBottomRight: parseDocxBorder(
-      getFirstChildByTagNameNS(container, WORD_NS, "tl2br")
-    ),
-    borderTopRightToBottomLeft: parseDocxBorder(
-      getFirstChildByTagNameNS(container, WORD_NS, "tr2bl")
-    )
-  };
-}
-function parseDocxTableBorders(container) {
-  if (!container) {
-    return {};
-  }
-  return {
-    ...parseDocxBoxBorders(container),
-    borderInsideH: parseDocxBorder(
-      getFirstChildByTagNameNS(container, WORD_NS, "insideH")
-    ),
-    borderInsideV: parseDocxBorder(
-      getFirstChildByTagNameNS(container, WORD_NS, "insideV")
-    )
-  };
-}
 function normalizeImportedParagraphStyle(style2) {
   if (!style2) {
     return void 0;
@@ -36389,7 +36580,7 @@ function importDocxInWorker(buffer, options = {}) {
     const worker = new Worker(
       new URL(
         /* @vite-ignore */
-        "" + new URL("assets/importDocxWorker-DVDyiqYf.js", import.meta.url).href,
+        "" + new URL("assets/importDocxWorker-BN5o1geV.js", import.meta.url).href,
         import.meta.url
       ),
       {

package/dist/oasis-editor.js

@@ -1,4 +1,4 @@
-import { O, c6, c7, c8, c9, ca, a8, cb, Q, bR, cc, cd, ce, N, cf, bP, cg, ch, ci, cj, ck, c1, cl, cm, cn, co, cp, cq, cr, cs, ct, cu, cv, cw, ad, cx, c0, cy, c8 as c82, cd as cd2, cf as cf2, co as co2, cq as cq2, cv as cv2, cz, bT, bO, cA, cB, cC, bQ, cD, cE, bS } from "./index-BICQTKCZ.js";
+import { O, c6, c7, c8, c9, ca, a8, cb, Q, bR, cc, cd, ce, N, cf, bP, cg, ch, ci, cj, ck, c1, cl, cm, cn, co, cp, cq, cr, cs, ct, cu, cv, cw, ad, cx, c0, cy, c8 as c82, cd as cd2, cf as cf2, co as co2, cq as cq2, cv as cv2, cz, bT, bO, cA, cB, cC, bQ, cD, cE, bS } from "./index-DcElQi6c.js";
 export {
   O as BalloonShell,
   c6 as Button,