oasis-editor 0.0.96 → 0.0.97

package/dist/core/model/index.d.ts

@@ -6,7 +6,7 @@
  * statements that pointed there continue to work via the barrel
  * re-export in `src/core/model.ts`.
  */
-export type { EditorUnderlineStyle, EditorLigatures, EditorNumberSpacing, EditorNumberForm, EditorTextLanguage, EditorBorderStyle, EditorEmphasisMark, EditorTabStop, EditorParagraphListStyle, EditorImageCrop, EditorImageFillMode, EditorImageFloatingPosition, EditorImageFloatingLayout, EditorImageRunData, EditorWrapPolygonPoint, EditorFieldData, EditorFieldChar, EditorFootnoteReferenceData, EditorEndnoteReferenceData, EditorRevision, EditorRevisionMetadata, EditorStructuralRevision, EditorPropertyRevision, EditorAsset, EditorFootnoteNumberFormat, EditorFootnoteRestart, EditorDocxWidthValue, EditorTableLayout, EditorTableRowHeightRule, EditorGradientStop, EditorTextFill, EditorTextOutline, } from './types/primitives.js';
+export type { EditorUnderlineStyle, EditorLigatures, EditorNumberSpacing, EditorNumberForm, EditorTextLanguage, EditorBorderStyle, EditorEmphasisMark, EditorTabStop, EditorParagraphListStyle, EditorImageCrop, EditorImageFillMode, EditorImageFloatingPosition, EditorImageFloatingLayout, EditorImageRunData, EditorWrapPolygonPoint, EditorFieldData, EditorFieldChar, EditorFootnoteReferenceData, EditorEndnoteReferenceData, EditorRevision, EditorRevisionMetadata, EditorStructuralRevision, EditorPropertyRevision, EditorAsset, EditorFootnoteNumberFormat, EditorFootnoteRestart, EditorDocxWidthValue, EditorTableLayout, EditorTableRowHeightRule, EditorGradientStop, EditorTextFill, EditorTextOutline, EditorTextShadow, EditorGlow, EditorReflection, } from './types/primitives.js';
 export type { EditorTextStyle, EditorParagraphStyle, EditorTableStyle, EditorTableFloatingLayout, EditorTableConditionalFormat, EditorConditionalRowStyle, EditorTableConditionalType, EditorTableConditionalFlags, EditorTableCellStyle, EditorNamedStyle, } from './types/styles.js';
 export type { EditorRunBase, EditorTextRun, EditorTextBoxShape, EditorTextBoxBody, EditorTextBoxData, EditorDropCap, EditorParagraphNode, EditorTableCellNode, EditorTableRowStyle, EditorTableRowNode, EditorTableNode, EditorBlockNode, } from './types/nodes.js';
 export type { RunKind, RunOfKind, RunVisitor } from './runKind.js';

package/dist/core/model/types/primitives.d.ts

@@ -44,6 +44,29 @@ export interface EditorTextOutline {
     color?: string;
     fill?: EditorTextFill;
 }
+/** `w14:shadow` — text shadow with blur, distance, direction, and color. */
+export interface EditorTextShadow {
+    color: string;
+    alpha?: number;
+    blurPt: number;
+    distPt: number;
+    dirDeg: number;
+}
+/** `w14:glow` — glow halo radiating from glyphs. */
+export interface EditorGlow {
+    color: string;
+    alpha?: number;
+    radiusPt: number;
+}
+/** `w14:reflection` — mirrored copy of glyphs fading below the baseline. */
+export interface EditorReflection {
+    blurPt: number;
+    startAlpha: number;
+    startPos: number;
+    endAlpha: number;
+    endPos: number;
+    distPt: number;
+}
 export interface EditorTabStop {
     position: number;
     type: "left" | "center" | "right" | "decimal" | "bar" | "clear";

package/dist/core/model/types/styles.d.ts

@@ -1,4 +1,4 @@
-import { EditorBorderStyle, EditorDocxWidthValue, EditorEmphasisMark, EditorLigatures, EditorNumberForm, EditorNumberSpacing, EditorPropertyRevision, EditorStructuralRevision, EditorTabStop, EditorTextFill, EditorTextLanguage, EditorTextOutline, EditorUnderlineStyle } from './primitives.js';
+import { EditorBorderStyle, EditorDocxWidthValue, EditorEmphasisMark, EditorGlow, EditorLigatures, EditorNumberForm, EditorNumberSpacing, EditorPropertyRevision, EditorReflection, EditorStructuralRevision, EditorTabStop, EditorTextFill, EditorTextLanguage, EditorTextOutline, EditorTextShadow, EditorUnderlineStyle } from './primitives.js';
 
 export interface EditorTextStyle {
     styleId?: string;
@@ -54,6 +54,12 @@ export interface EditorTextStyle {
     textFill?: EditorTextFill | null;
     /** `w14:textOutline` — real stroke on glyphs, supersedes the boolean `outline` when present. */
     textOutline?: EditorTextOutline | null;
+    /** `w14:shadow` — text shadow with blur, distance, direction, and color. */
+    textShadow?: EditorTextShadow | null;
+    /** `w14:glow` — glow halo radiating from glyphs. */
+    glow?: EditorGlow | null;
+    /** `w14:reflection` — mirrored copy of glyphs fading below the baseline. */
+    reflection?: EditorReflection | null;
     highlight?: string | null;
     shading?: string | null;
     language?: EditorTextLanguage | null;

package/dist/{index-D0bOD23M.js → index-BiTnt_yD.js}

@@ -2519,7 +2519,7 @@ function OasisEditorAppLazy(props = {}) {
     onCleanup(() => {
       cancelled = true;
     });
-    import("./OasisEditorApp-CMTq6BTy.js").then((m) => {
+    import("./OasisEditorApp-m8k4gBW1.js").then((m) => {
       cancelled = true;
       setProgress(1);
       setTimeout(() => setApp(() => m.OasisEditorApp), 180);
@@ -21295,6 +21295,17 @@ function drawParagraph(ctx, paragraph, lines, state, originX, originY, onUpdate,
           originX,
           baselineY + renderMetrics.baselineOffset
         );
+        if (styles.reflection) {
+          drawFragmentReflection(
+            ctx,
+            fragment,
+            slotByOffset,
+            styles,
+            originX,
+            baselineY + renderMetrics.baselineOffset,
+            styles.reflection
+          );
+        }
       }
       if (styles.underline) {
         drawTextDecoration(
@@ -21476,7 +21487,7 @@ function resolveCanvasTextFill(ctx, styles, line, fragment, originX, originY) {
   return gradient;
 }
 function drawStyledText(ctx, text, x, y, scale, styles) {
-  const hasEffects = styles.outline || styles.shadow || styles.emboss || styles.imprint || styles.textOutline;
+  const hasEffects = styles.outline || styles.shadow || styles.textShadow || styles.glow || styles.emboss || styles.imprint || styles.textOutline;
   if (!hasEffects) {
     drawScaledText(ctx, text, x, y, scale);
     return;
@@ -21490,7 +21501,29 @@ function drawStyledText(ctx, text, x, y, scale, styles) {
     ctx.restore();
   }
   ctx.save();
-  if (styles.shadow) {
+  if (styles.textShadow) {
+    const ts = styles.textShadow;
+    const dirRad = ts.dirDeg * Math.PI / 180;
+    const distPx = ts.distPt * PX_PER_POINT;
+    const alpha = ts.alpha ?? 1;
+    const r = Number.parseInt(ts.color.slice(1, 3), 16);
+    const g2 = Number.parseInt(ts.color.slice(3, 5), 16);
+    const b = Number.parseInt(ts.color.slice(5, 7), 16);
+    ctx.shadowColor = `rgba(${r},${g2},${b},${alpha})`;
+    ctx.shadowBlur = ts.blurPt * PX_PER_POINT;
+    ctx.shadowOffsetX = Math.cos(dirRad) * distPx;
+    ctx.shadowOffsetY = Math.sin(dirRad) * distPx;
+  } else if (styles.glow) {
+    const gl = styles.glow;
+    const alpha = gl.alpha ?? 0.7;
+    const r = Number.parseInt(gl.color.slice(1, 3), 16);
+    const g2 = Number.parseInt(gl.color.slice(3, 5), 16);
+    const b = Number.parseInt(gl.color.slice(5, 7), 16);
+    ctx.shadowColor = `rgba(${r},${g2},${b},${alpha})`;
+    ctx.shadowBlur = gl.radiusPt * PX_PER_POINT;
+    ctx.shadowOffsetX = 0;
+    ctx.shadowOffsetY = 0;
+  } else if (styles.shadow) {
     ctx.shadowColor = "rgba(0,0,0,0.45)";
     ctx.shadowOffsetX = 1;
     ctx.shadowOffsetY = 1;
@@ -21639,6 +21672,39 @@ function drawTextFragment(ctx, paragraph, line, fragment, slotByOffset, state, s
   }
   flushSegment();
 }
+function drawFragmentReflection(ctx, fragment, slotByOffset, styles, originX, baselineY, reflection) {
+  const firstChar = fragment.chars.find(
+    (c) => c.char !== "\n" && c.char !== "	"
+  );
+  if (!firstChar) return;
+  const firstSlot = slotByOffset.get(firstChar.paragraphOffset);
+  if (!firstSlot) return;
+  const text = fragment.chars.filter((c) => c.char !== "\n" && c.char !== "	").map((c) => styles.allCaps ? c.char.toUpperCase() : c.char).join("");
+  if (!text) return;
+  const scale = styles.characterScale && styles.characterScale > 0 ? styles.characterScale / 100 : 1;
+  const avgAlpha = (reflection.startAlpha + reflection.endAlpha) / 2;
+  const distPx = reflection.distPt * PX_PER_POINT;
+  const reflectY = baselineY + distPx;
+  ctx.save();
+  ctx.globalAlpha = (ctx.globalAlpha ?? 1) * avgAlpha;
+  ctx.shadowColor = "transparent";
+  ctx.shadowBlur = 0;
+  ctx.shadowOffsetX = 0;
+  ctx.shadowOffsetY = 0;
+  ctx.translate(0, 2 * reflectY);
+  ctx.scale(1, -1);
+  const x = originX + firstSlot.left;
+  if (scale === 1) {
+    ctx.fillText(text, x, baselineY);
+  } else {
+    ctx.save();
+    ctx.translate(x, baselineY);
+    ctx.scale(scale, 1);
+    ctx.fillText(text, 0, 0);
+    ctx.restore();
+  }
+  ctx.restore();
+}
 function drawTextDecoration(ctx, line, fragment, originX, originY, kind, underlineStyle, underlineColor) {
   const bounds = resolveFragmentPaintBounds(line, fragment);
   if (!bounds) return;
@@ -33340,6 +33406,61 @@ function parseW14TextFill(fillEl) {
   }
   return null;
 }
+function parseW14ColorEl(el) {
+  const srgbClr = getFirstChildByTagNameNS(el, WORD14_NS, "srgbClr");
+  if (!srgbClr) return null;
+  const val = getAttributeValue(srgbClr, "val");
+  const color = val ? normalizeImportedHexColor(val) ?? null : null;
+  if (!color) return null;
+  const alphaEl = getFirstChildByTagNameNS(srgbClr, WORD14_NS, "alpha");
+  const alphaRaw = alphaEl ? getAttributeValue(alphaEl, "val") : null;
+  const alpha = alphaRaw !== null && Number.isFinite(Number(alphaRaw)) ? Number(alphaRaw) / 1e5 : void 0;
+  return { color, ...alpha !== void 0 ? { alpha } : {} };
+}
+function parseW14Shadow(el) {
+  const colorData = parseW14ColorEl(el);
+  if (!colorData) return null;
+  const blurRaw = el.getAttributeNS(WORD14_NS, "blurRad");
+  const distRaw = el.getAttributeNS(WORD14_NS, "dist");
+  const dirRaw = el.getAttributeNS(WORD14_NS, "dir");
+  const blurPt = blurRaw ? Number(blurRaw) / 12700 : 0;
+  const distPt = distRaw ? Number(distRaw) / 12700 : 0;
+  const dirDeg = dirRaw ? Number(dirRaw) / 6e4 : 0;
+  return {
+    color: colorData.color,
+    ...colorData.alpha !== void 0 ? { alpha: colorData.alpha } : {},
+    blurPt,
+    distPt,
+    dirDeg
+  };
+}
+function parseW14Glow(el) {
+  const colorData = parseW14ColorEl(el);
+  if (!colorData) return null;
+  const radRaw = el.getAttributeNS(WORD14_NS, "rad");
+  const radiusPt = radRaw ? Number(radRaw) / 12700 : 0;
+  return {
+    color: colorData.color,
+    ...colorData.alpha !== void 0 ? { alpha: colorData.alpha } : {},
+    radiusPt
+  };
+}
+function parseW14Reflection(el) {
+  const blurRaw = el.getAttributeNS(WORD14_NS, "blurRad");
+  const stARaw = el.getAttributeNS(WORD14_NS, "stA");
+  const stPosRaw = el.getAttributeNS(WORD14_NS, "stPos");
+  const endARaw = el.getAttributeNS(WORD14_NS, "endA");
+  const endPosRaw = el.getAttributeNS(WORD14_NS, "endPos");
+  const distRaw = el.getAttributeNS(WORD14_NS, "dist");
+  return {
+    blurPt: blurRaw ? Number(blurRaw) / 12700 : 0,
+    startAlpha: stARaw !== null ? Number(stARaw) / 1e5 : 0.55,
+    startPos: stPosRaw !== null ? Number(stPosRaw) / 1e5 : 0,
+    endAlpha: endARaw !== null ? Number(endARaw) / 1e5 : 0,
+    endPos: endPosRaw !== null ? Number(endPosRaw) / 1e5 : 1,
+    distPt: distRaw ? Number(distRaw) / 12700 : 0
+  };
+}
 function normalizeImportedRunStyle(style2, paragraphStyleId) {
   if (!style2) {
     return void 0;
@@ -33444,6 +33565,9 @@ function normalizeImportedRunStyle(style2, paragraphStyleId) {
     color: dd(effective.color, defaultEffective.color),
     textFill: dd(effective.textFill, defaultEffective.textFill),
     textOutline: dd(effective.textOutline, defaultEffective.textOutline),
+    textShadow: dd(effective.textShadow, defaultEffective.textShadow),
+    glow: dd(effective.glow, defaultEffective.glow),
+    reflection: dd(effective.reflection, defaultEffective.reflection),
     highlight: dd(effective.highlight, defaultEffective.highlight),
     shading: dd(effective.shading, defaultEffective.shading),
     language: dd(effective.language, defaultEffective.language),
@@ -33715,6 +33839,20 @@ function parseRunStyle(runProperties, theme) {
     }
     styles.textOutline = textOutline;
   }
+  const shadowEl = getFirstW14Child(runProperties, "shadow");
+  if (shadowEl) {
+    const textShadow = parseW14Shadow(shadowEl);
+    if (textShadow) styles.textShadow = textShadow;
+  }
+  const glowEl = getFirstW14Child(runProperties, "glow");
+  if (glowEl) {
+    const glow = parseW14Glow(glowEl);
+    if (glow) styles.glow = glow;
+  }
+  const reflectionEl = getFirstW14Child(runProperties, "reflection");
+  if (reflectionEl) {
+    styles.reflection = parseW14Reflection(reflectionEl);
+  }
   const highlight = getFirstChildByTagNameNS(
     runProperties,
     WORD_NS,
@@ -37288,7 +37426,7 @@ function importDocxInWorker(buffer, options = {}) {
     const worker = new Worker(
       new URL(
         /* @vite-ignore */
-        "" + new URL("assets/importDocxWorker-M34STPYy.js", import.meta.url).href,
+        "" + new URL("assets/importDocxWorker-BV6LezJZ.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-D0bOD23M.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-BiTnt_yD.js";
 export {
   O as BalloonShell,
   c6 as Button,