@rowsncolumns/spreadsheet 10.6.4 → 10.6.5

package/dist/cjs/components/cell/alignment.d.ts

@@ -154,4 +154,29 @@ export type DistributedWord = {
  * the words of each line with their x inside `width`.
  */
 export declare const layoutDistributedLines: (text: string, width: number, measure: (text: string) => number) => DistributedWord[][];
+/**
+ * Excel's superscript sits on a baseline raised by a third of the line's
+ * font size, subscript on one dropped by about a seventh (Format Cells ▸
+ * Font ▸ Effects): a true baseline shift, not the glyphs pushed to the top
+ * or bottom of the cell.
+ */
+export declare const SUPERSCRIPT_RISE_EM = 0.33;
+export declare const SUBSCRIPT_DROP_EM = 0.14;
+/** Baseline shift (px, down positive) of a sup/sub run on a `lineFontSize` line. */
+export declare const getScriptBaselineShift: (baselineOffset: "superscript" | "subscript" | string | null | undefined, lineFontSize: number) => number;
+/**
+ * Konva `offsetY` (up positive) for a cell whose whole text is superscript /
+ * subscript: the text node draws the smaller script font aligned like the
+ * cell, and this moves its baseline to where Excel puts it — the base
+ * font's baseline in that alignment, shifted by
+ * {@link getScriptBaselineShift}.
+ */
+export declare const getScriptTextOffsetY: ({ baselineOffset, verticalAlign, baseFontSize, scriptFontSize, lineHeight, }: {
+    baselineOffset: "superscript" | "subscript" | string | null | undefined;
+    verticalAlign: "top" | "middle" | "bottom";
+    baseFontSize: number;
+    scriptFontSize: number;
+    /** Line-box multiple of the font size the text node uses. */
+    lineHeight: number;
+}) => number;
 //# sourceMappingURL=alignment.d.ts.map

package/dist/cjs/components/cell/alignment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alignment.d.ts","sourceRoot":"","sources":["../../../../components/cell/alignment.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"alignment.d.ts","sourceRoot":"","sources":["../../../../components/cell/alignment.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/cell/alignment.js

@@ -3,7 +3,7 @@
 // (scale font down when text overflows) and textRotation (numeric degrees
 // or stacked "vertical" layout).
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.layoutDistributedLines = exports.getRotatedTextLayout = exports.stackTextVertically = exports.getKonvaRotationDegrees = exports.computeShrinkToFitFontSize = exports.fillCellText = exports.isFillAlignment = exports.getUnderlineStrokes = exports.resolveReadingOrderAlignment = exports.getVerticalSpreadLineHeight = exports.resolveCanvasVerticalAlign = exports.verticalAlignmentImpliesWrap = exports.alignmentImpliesWrap = exports.resolveCanvasTextAlign = void 0;
+exports.getScriptTextOffsetY = exports.getScriptBaselineShift = exports.SUBSCRIPT_DROP_EM = exports.SUPERSCRIPT_RISE_EM = exports.layoutDistributedLines = exports.getRotatedTextLayout = exports.stackTextVertically = exports.getKonvaRotationDegrees = exports.computeShrinkToFitFontSize = exports.fillCellText = exports.isFillAlignment = exports.getUnderlineStrokes = exports.resolveReadingOrderAlignment = exports.getVerticalSpreadLineHeight = exports.resolveCanvasVerticalAlign = exports.verticalAlignmentImpliesWrap = exports.alignmentImpliesWrap = exports.resolveCanvasTextAlign = void 0;
 var tslib_1 = require("tslib");
 /**
  * Map a cell's `horizontalAlignment` onto the canvas text alignment. Excel's
@@ -333,3 +333,41 @@ var layoutDistributedLines = function (text, width, measure) {
     return lines;
 };
 exports.layoutDistributedLines = layoutDistributedLines;
+/**
+ * Excel's superscript sits on a baseline raised by a third of the line's
+ * font size, subscript on one dropped by about a seventh (Format Cells ▸
+ * Font ▸ Effects): a true baseline shift, not the glyphs pushed to the top
+ * or bottom of the cell.
+ */
+exports.SUPERSCRIPT_RISE_EM = 0.33;
+exports.SUBSCRIPT_DROP_EM = 0.14;
+/** Baseline shift (px, down positive) of a sup/sub run on a `lineFontSize` line. */
+var getScriptBaselineShift = function (baselineOffset, lineFontSize) {
+    return baselineOffset === "superscript"
+        ? -exports.SUPERSCRIPT_RISE_EM * lineFontSize
+        : baselineOffset === "subscript"
+            ? exports.SUBSCRIPT_DROP_EM * lineFontSize
+            : 0;
+};
+exports.getScriptBaselineShift = getScriptBaselineShift;
+/** Distance from a Konva line box's top to its alphabetic baseline, ≈. */
+var BASELINE_BELOW_CENTRE_EM = 0.35;
+/**
+ * Konva `offsetY` (up positive) for a cell whose whole text is superscript /
+ * subscript: the text node draws the smaller script font aligned like the
+ * cell, and this moves its baseline to where Excel puts it — the base
+ * font's baseline in that alignment, shifted by
+ * {@link getScriptBaselineShift}.
+ */
+var getScriptTextOffsetY = function (_a) {
+    var baselineOffset = _a.baselineOffset, verticalAlign = _a.verticalAlign, baseFontSize = _a.baseFontSize, scriptFontSize = _a.scriptFontSize, lineHeight = _a.lineHeight;
+    if (baselineOffset !== "superscript" && baselineOffset !== "subscript") {
+        return 0;
+    }
+    var boxDelta = ((baseFontSize - scriptFontSize) * lineHeight) / 2;
+    var centreDelta = BASELINE_BELOW_CENTRE_EM * (baseFontSize - scriptFontSize);
+    var alignDelta = verticalAlign === "top" ? boxDelta : verticalAlign === "bottom" ? -boxDelta : 0;
+    var down = alignDelta + centreDelta + (0, exports.getScriptBaselineShift)(baselineOffset, baseFontSize);
+    return -down;
+};
+exports.getScriptTextOffsetY = getScriptTextOffsetY;

package/dist/cjs/components/cell/cell-background.d.ts

@@ -12,6 +12,22 @@ type CellBackgroundProps = RendererProps & {
     foregroundColor?: string;
     gradient?: GradientFill | null;
 };
+export type PathGradientRegion = {
+    /** Polygon to fill, in shape coordinates. */
+    points: [number, number][];
+    /** Gradient axis: inner stop at (x0, y0), outer stop at (x1, y1). */
+    axis: [number, number, number, number];
+};
+/**
+ * Excel's path gradient over the rectangle `[x0, y0]–[x1, y1]`: the core
+ * rectangle (inner stop colour) and four trapezoids cut along the
+ * core-to-corner diagonals, each a linear gradient from the core edge out
+ * to its cell edge — together, concentric rectangles of colour.
+ */
+export declare const getPathGradientRegions: (gradient: Pick<GradientFill, "left" | "right" | "top" | "bottom">, x0: number, y0: number, x1: number, y1: number) => {
+    core: [number, number, number, number];
+    regions: PathGradientRegion[];
+};
 export declare const CellBackground: ({ x, y, width, height, backgroundColor, defaultBackgroundColor, scale, showGridLines, isMergedCell, fillPattern, foregroundColor, gradient, }: CellBackgroundProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=cell-background.d.ts.map

package/dist/cjs/components/cell/cell-background.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cell-background.d.ts","sourceRoot":"","sources":["../../../../components/cell/cell-background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAIxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE7D,6EAA6E;AAC7E,eAAO,MAAM,uBAAuB,YAAY,CAAC;AAEjD,KAAK,mBAAmB,GAAG,aAAa,GAAG;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CAChC,CAAC;AAmFF,eAAO,MAAM,cAAc,GAAI,+IAa5B,mBAAmB,sBAwFrB,CAAC"}
+{"version":3,"file":"cell-background.d.ts","sourceRoot":"","sources":["../../../../components/cell/cell-background.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAIxD,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE7D,6EAA6E;AAC7E,eAAO,MAAM,uBAAuB,YAAY,CAAC;AAEjD,KAAK,mBAAmB,GAAG,aAAa,GAAG;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;CAChC,CAAC;AAWF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,6CAA6C;IAC7C,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;IAC3B,qEAAqE;IACrE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GACjC,UAAU,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC,EACjE,IAAI,MAAM,EACV,IAAI,MAAM,EACV,IAAI,MAAM,EACV,IAAI,MAAM,KACT;IAAE,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAAC,OAAO,EAAE,kBAAkB,EAAE,CAAA;CAoDzE,CAAC;AAkFF,eAAO,MAAM,cAAc,GAAI,+IAa5B,mBAAmB,sBAmGrB,CAAC"}

package/dist/cjs/components/cell/cell-background.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CellBackground = exports.AUTOMATIC_PATTERN_COLOR = void 0;
+exports.CellBackground = exports.getPathGradientRegions = exports.AUTOMATIC_PATTERN_COLOR = void 0;
 var tslib_1 = require("tslib");
 var utils_1 = require("@rowsncolumns/utils");
 var react_1 = tslib_1.__importDefault(require("react"));
@@ -8,35 +8,132 @@ var react_konva_1 = require("react-konva");
 var fill_patterns_1 = require("../../api/fill-patterns");
 /** Excel's Automatic pattern colour: a pattern with no colour of its own. */
 exports.AUTOMATIC_PATTERN_COLOR = "#000000";
-// Build a CanvasGradient matching the OOXML <gradientFill> spec.
-// linear: `degree` rotates the axis (0 = left→right, 90 = top→bottom,
-//   180 = right→left, 270 = bottom→top). Excel's axis runs through the
-//   cell's centroid at the given angle and the gradient spans the full
-//   cell along it.
-// path: rectangular radial — `left`/`right`/`top`/`bottom` (each 0..1)
-//   describe the inset of the inner stop's "core" rectangle. We
-//   approximate as a single radial gradient anchored at that core's
-//   center, with radius = distance to the farthest corner.
+/**
+ * Excel's path gradient over the rectangle `[x0, y0]–[x1, y1]`: the core
+ * rectangle (inner stop colour) and four trapezoids cut along the
+ * core-to-corner diagonals, each a linear gradient from the core edge out
+ * to its cell edge — together, concentric rectangles of colour.
+ */
+var getPathGradientRegions = function (gradient, x0, y0, x1, y1) {
+    var _a, _b, _c, _d;
+    var width = x1 - x0;
+    var height = y1 - y0;
+    var cl = x0 + ((_a = gradient.left) !== null && _a !== void 0 ? _a : 0) * width;
+    var cr = x1 - ((_b = gradient.right) !== null && _b !== void 0 ? _b : 0) * width;
+    var ct = y0 + ((_c = gradient.top) !== null && _c !== void 0 ? _c : 0) * height;
+    var cb = y1 - ((_d = gradient.bottom) !== null && _d !== void 0 ? _d : 0) * height;
+    var coreLeft = Math.min(cl, cr);
+    var coreRight = Math.max(cl, cr);
+    var coreTop = Math.min(ct, cb);
+    var coreBottom = Math.max(ct, cb);
+    return {
+        core: [coreLeft, coreTop, coreRight, coreBottom],
+        regions: [
+            {
+                points: [
+                    [x0, y0],
+                    [x1, y0],
+                    [coreRight, coreTop],
+                    [coreLeft, coreTop],
+                ],
+                axis: [coreLeft, coreTop, coreLeft, y0],
+            },
+            {
+                points: [
+                    [x1, y0],
+                    [x1, y1],
+                    [coreRight, coreBottom],
+                    [coreRight, coreTop],
+                ],
+                axis: [coreRight, coreTop, x1, coreTop],
+            },
+            {
+                points: [
+                    [x1, y1],
+                    [x0, y1],
+                    [coreLeft, coreBottom],
+                    [coreRight, coreBottom],
+                ],
+                axis: [coreLeft, coreBottom, coreLeft, y1],
+            },
+            {
+                points: [
+                    [x0, y1],
+                    [x0, y0],
+                    [coreLeft, coreTop],
+                    [coreLeft, coreBottom],
+                ],
+                axis: [coreLeft, coreTop, x0, coreTop],
+            },
+        ],
+    };
+};
+exports.getPathGradientRegions = getPathGradientRegions;
+var addStops = function (canvasGrad, gradient) {
+    var e_1, _a;
+    try {
+        for (var _b = tslib_1.__values(gradient.stops), _c = _b.next(); !_c.done; _c = _b.next()) {
+            var stop_1 = _c.value;
+            // Clamp position to [0,1] — Canvas API rejects out-of-range values.
+            var pos = Math.max(0, Math.min(1, stop_1.position));
+            try {
+                canvasGrad.addColorStop(pos, stop_1.color);
+            }
+            catch (_d) {
+                // Invalid color string — skip rather than blow up the render.
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+};
+var paintPathGradient = function (context, native, gradient, rect) {
+    var e_2, _a;
+    var _b = exports.getPathGradientRegions.apply(void 0, tslib_1.__spreadArray([gradient], tslib_1.__read(rect), false)), core = _b.core, regions = _b.regions;
+    var sorted = tslib_1.__spreadArray([], tslib_1.__read(gradient.stops), false).sort(function (a, b) { return a.position - b.position; });
+    context.setAttr("fillStyle", sorted[0].color);
+    context.fillRect(core[0], core[1], core[2] - core[0], core[3] - core[1]);
+    try {
+        for (var regions_1 = tslib_1.__values(regions), regions_1_1 = regions_1.next(); !regions_1_1.done; regions_1_1 = regions_1.next()) {
+            var region = regions_1_1.value;
+            var _c = tslib_1.__read(region.axis, 4), ax0 = _c[0], ay0 = _c[1], ax1 = _c[2], ay1 = _c[3];
+            if (ax0 === ax1 && ay0 === ay1)
+                continue;
+            var canvasGrad = native.createLinearGradient(ax0, ay0, ax1, ay1);
+            addStops(canvasGrad, gradient);
+            context.beginPath();
+            region.points.forEach(function (_a, index) {
+                var _b = tslib_1.__read(_a, 2), px = _b[0], py = _b[1];
+                return index ? context.lineTo(px, py) : context.moveTo(px, py);
+            });
+            context.closePath();
+            context.setAttr("fillStyle", canvasGrad);
+            context.fill();
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (regions_1_1 && !regions_1_1.done && (_a = regions_1.return)) _a.call(regions_1);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+};
 var buildCanvasGradient = function (native, gradient, width, height) {
-    var e_1, _a, e_2, _b;
-    var _c, _d, _e, _f, _g, _h;
-    if (!((_c = gradient.stops) === null || _c === void 0 ? void 0 : _c.length))
+    var e_3, _a;
+    var _b, _c;
+    if (!((_b = gradient.stops) === null || _b === void 0 ? void 0 : _b.length))
         return null;
     var canvasGrad;
-    if (gradient.type === "path") {
-        var left = (_d = gradient.left) !== null && _d !== void 0 ? _d : 0;
-        var right = (_e = gradient.right) !== null && _e !== void 0 ? _e : 0;
-        var top_1 = (_f = gradient.top) !== null && _f !== void 0 ? _f : 0;
-        var bottom = (_g = gradient.bottom) !== null && _g !== void 0 ? _g : 0;
-        var cx = ((left + (1 - right)) / 2) * width;
-        var cy = ((top_1 + (1 - bottom)) / 2) * height;
-        var farthestCorner = Math.max(Math.hypot(cx, cy), Math.hypot(width - cx, cy), Math.hypot(cx, height - cy), Math.hypot(width - cx, height - cy));
-        canvasGrad = native.createRadialGradient(cx, cy, 0, cx, cy, farthestCorner || 1);
-    }
-    else {
+    {
         // Linear. Map degrees → axis vector. Excel: degree=0 runs the
         // gradient from LEFT to RIGHT. degree increases clockwise.
-        var deg = ((((_h = gradient.degree) !== null && _h !== void 0 ? _h : 0) % 360) + 360) % 360;
+        var deg = ((((_c = gradient.degree) !== null && _c !== void 0 ? _c : 0) % 360) + 360) % 360;
         var rad = (deg * Math.PI) / 180;
         // Project the axis through the rect's center; the start/end points
         // are where that axis exits the bounding box (handled by computing
@@ -55,7 +152,7 @@ var buildCanvasGradient = function (native, gradient, width, height) {
         var maxProj = -Infinity;
         try {
             for (var corners_1 = tslib_1.__values(corners), corners_1_1 = corners_1.next(); !corners_1_1.done; corners_1_1 = corners_1.next()) {
-                var _j = tslib_1.__read(corners_1_1.value, 2), px = _j[0], py = _j[1];
+                var _d = tslib_1.__read(corners_1_1.value, 2), px = _d[0], py = _d[1];
                 var proj = (px - cx) * dx + (py - cy) * dy;
                 if (proj < minProj)
                     minProj = proj;
@@ -63,12 +160,12 @@ var buildCanvasGradient = function (native, gradient, width, height) {
                     maxProj = proj;
             }
         }
-        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        catch (e_3_1) { e_3 = { error: e_3_1 }; }
         finally {
             try {
                 if (corners_1_1 && !corners_1_1.done && (_a = corners_1.return)) _a.call(corners_1);
             }
-            finally { if (e_1) throw e_1.error; }
+            finally { if (e_3) throw e_3.error; }
         }
         var x0 = cx + dx * minProj;
         var y0 = cy + dy * minProj;
@@ -76,26 +173,7 @@ var buildCanvasGradient = function (native, gradient, width, height) {
         var y1 = cy + dy * maxProj;
         canvasGrad = native.createLinearGradient(x0, y0, x1, y1);
     }
-    try {
-        for (var _k = tslib_1.__values(gradient.stops), _l = _k.next(); !_l.done; _l = _k.next()) {
-            var stop_1 = _l.value;
-            // Clamp position to [0,1] — Canvas API rejects out-of-range values.
-            var pos = Math.max(0, Math.min(1, stop_1.position));
-            try {
-                canvasGrad.addColorStop(pos, stop_1.color);
-            }
-            catch (_m) {
-                // Invalid color string — skip rather than blow up the render.
-            }
-        }
-    }
-    catch (e_2_1) { e_2 = { error: e_2_1 }; }
-    finally {
-        try {
-            if (_l && !_l.done && (_b = _k.return)) _b.call(_k);
-        }
-        finally { if (e_2) throw e_2.error; }
-    }
+    addStops(canvasGrad, gradient);
     return canvasGrad;
 };
 var CellBackground = function (_a) {
@@ -124,7 +202,14 @@ var CellBackground = function (_a) {
         var useTile = fillPattern && fillPattern !== "solid" && fillPattern !== "none";
         var useGradient = !!gradient && ((_c = (_b = gradient.stops) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0) > 0;
         var native = context._context;
-        if (useGradient && native) {
+        var fillRectArea = (isMergedCell || !showFaintBorder) && showGridLines
+            ? [1, 1, shape.width(), shape.height()]
+            : [0, 0, shape.width() + 1, shape.height() + 1];
+        var usePathGradient = useGradient && native && gradient.type === "path";
+        if (usePathGradient) {
+            paintPathGradient(context, native, gradient, fillRectArea);
+        }
+        else if (useGradient && native) {
             var canvasGrad = buildCanvasGradient(native, gradient, shape.width(), shape.height());
             if (canvasGrad) {
                 context.setAttr("fillStyle", canvasGrad);
@@ -149,11 +234,13 @@ var CellBackground = function (_a) {
         else {
             context.setAttr("fillStyle", finalBackgroundColor);
         }
-        if ((isMergedCell || !showFaintBorder) && showGridLines) {
-            context.fillRect(1, 1, shape.width() - 1, shape.height() - 1);
-        }
-        else {
-            context.fillRect(0, 0, shape.width() + 1, shape.height() + 1);
+        if (!usePathGradient) {
+            if ((isMergedCell || !showFaintBorder) && showGridLines) {
+                context.fillRect(1, 1, shape.width() - 1, shape.height() - 1);
+            }
+            else {
+                context.fillRect(0, 0, shape.width() + 1, shape.height() + 1);
+            }
         }
         if (showFaintBorder) {
             var lightColor = (0, utils_1.lightenColor)(-0.1, backgroundColor);

package/dist/cjs/components/cell/cell-text-runs.d.ts

@@ -46,6 +46,13 @@ export type CellTextRunsProps = {
     wrap: boolean;
     /** Theme — used to resolve segment `color` objects to CSS strings. */
     theme: SpreadsheetTheme;
+    /**
+     * Multiplier for run font sizes given in points (zoom × shrink-to-fit),
+     * so a run's own size follows the cell's.
+     */
+    fontScale?: number;
+    /** Konva rotation (degrees, clockwise) of the whole block — rotated text. */
+    rotation?: number;
 };
 export type Resolved = {
     bold: boolean;
@@ -64,7 +71,7 @@ export type Resolved = {
  * merged style carries a `baselineOffset` (own or inherited from the
  * base) the sup/sub font scale is applied here, exactly once.
  */
-export declare const resolveSegmentStyle: (seg: RichTextSegment, base: Resolved, theme: SpreadsheetTheme) => Resolved;
+export declare const resolveSegmentStyle: (seg: RichTextSegment, base: Resolved, theme: SpreadsheetTheme, fontScale?: number) => Resolved;
 /** A segment paired with its fully-resolved paint style. */
 export type ResolvedSegment = {
     seg: RichTextSegment;
@@ -83,10 +90,10 @@ export declare const computeLineMetrics: (resolvedLines: ResolvedSegment[][], ba
 };
 /**
  * Vertical draw position (textBaseline="top") for one segment within
- * its line box. Normal runs share the line's alphabetic baseline
- * (smaller runs shift down), superscript hugs the line top, subscript
- * hugs the line bottom. All three reduce to `lineTop` when the run's
- * size equals the line's. Exported for unit tests.
+ * its line box. Every run shares the line's alphabetic baseline (smaller
+ * runs shift down); superscript / subscript runs then move that baseline
+ * up / down by Excel's shift ({@link getScriptBaselineShift}). Exported
+ * for unit tests.
  */
 export declare const computeSegmentTop: (lineTop: number, lineFontSize: number, segFontSize: number, baselineOffset: "superscript" | "subscript" | undefined) => number;
 /**

package/dist/cjs/components/cell/cell-text-runs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cell-text-runs.d.ts","sourceRoot":"","sources":["../../../../components/cell/cell-text-runs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGzD,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAElE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,EAKL,KAAK,eAAe,EACpB,KAAK,kBAAkB,EACxB,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,mEAAmE;IACnE,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,OAAO,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,8DAA8D;IAC9D,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,sEAAsE;IACtE,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,iBAAiB,EAAE,OAAO,CAAC;IAC3B;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,aAAa,GAAG,WAAW,CAAC;IACjD,eAAe,EAAE,eAAe,CAAC;IACjC,aAAa,EAAE,aAAa,CAAC;IAC7B,+EAA+E;IAC/E,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,cAAc,CAAC;IAC/B,0EAA0E;IAC1E,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,EAAE,OAAO,CAAC;IACd,sEAAsE;IACtE,KAAK,EAAE,gBAAgB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,aAAa,GAAG,WAAW,CAAC;CAC9C,CAAC;AAkCF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAC9B,KAAK,eAAe,EACpB,MAAM,QAAQ,EACd,OAAO,gBAAgB,KACtB,QA0BF,CAAC;AAKF,4DAA4D;AAC5D,MAAM,MAAM,eAAe,GAAG;IAC5B,GAAG,EAAE,eAAe,CAAC;IACrB,CAAC,EAAE,QAAQ,CAAC;CACb,CAAC;AAYF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,GAC7B,eAAe,eAAe,EAAE,EAAE,EAClC,MAAM,QAAQ,EACd,WAAW,CAAC,CAAC,EAAE,QAAQ,KAAK,MAAM,KACjC;IAAE,aAAa,EAAE,MAAM,EAAE,CAAC;IAAC,WAAW,EAAE,MAAM,EAAE,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CASvE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,GAC5B,SAAS,MAAM,EACf,cAAc,MAAM,EACpB,aAAa,MAAM,EACnB,gBAAgB,aAAa,GAAG,WAAW,GAAG,SAAS,KACtD,MAMF,CAAC;AAoHF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,YAAY,oCAAsB,iBAAiB,uBA2P9D,CAAC"}
+{"version":3,"file":"cell-text-runs.d.ts","sourceRoot":"","sources":["../../../../components/cell/cell-text-runs.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/cell/cell-text-runs.js

@@ -5,6 +5,7 @@ var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var react_konva_1 = require("react-konva");
 var themes_1 = require("../../themes");
+var alignment_1 = require("./alignment");
 var line_height_1 = require("./line-height");
 var rich_text_1 = require("./rich-text");
 var BASELINE_OFFSET_FONT_SCALE = 0.58;
@@ -45,13 +46,12 @@ var buildFontString = function (r) {
  * merged style carries a `baselineOffset` (own or inherited from the
  * base) the sup/sub font scale is applied here, exactly once.
  */
-var resolveSegmentStyle = function (seg, base, theme) {
+var resolveSegmentStyle = function (seg, base, theme, fontScale) {
     var _a, _b, _c, _d, _e, _f;
+    if (fontScale === void 0) { fontScale = 1; }
     var f = seg.format;
     var baselineOffset = (_a = f.baselineOffset) !== null && _a !== void 0 ? _a : base.baselineOffset;
-    var fontSize = typeof f.fontSize === "number"
-        ? (f.fontSize / pointFromPx(base.fontSize)) * base.fontSize
-        : base.fontSize;
+    var fontSize = typeof f.fontSize === "number" ? f.fontSize * PT_TO_PX * fontScale : base.fontSize;
     return {
         bold: (_b = f.bold) !== null && _b !== void 0 ? _b : base.bold,
         italic: (_c = f.italic) !== null && _c !== void 0 ? _c : base.italic,
@@ -72,8 +72,8 @@ var resolveSegmentStyle = function (seg, base, theme) {
     };
 };
 exports.resolveSegmentStyle = resolveSegmentStyle;
-/** Inverse of pointToPixel — used only when computing a per-segment scale. */
-var pointFromPx = function (px) { return px / 1.3333; };
+/** CSS pixels per point (96 / 72), as `pointToPixel`. */
+var PT_TO_PX = 96 / 72;
 /**
  * Fraction of the em box above the alphabetic baseline for typical
  * Latin fonts. Used to baseline-align mixed-size runs on one line:
@@ -108,18 +108,15 @@ var computeLineMetrics = function (resolvedLines, base, advanceOf) {
 exports.computeLineMetrics = computeLineMetrics;
 /**
  * Vertical draw position (textBaseline="top") for one segment within
- * its line box. Normal runs share the line's alphabetic baseline
- * (smaller runs shift down), superscript hugs the line top, subscript
- * hugs the line bottom. All three reduce to `lineTop` when the run's
- * size equals the line's. Exported for unit tests.
+ * its line box. Every run shares the line's alphabetic baseline (smaller
+ * runs shift down); superscript / subscript runs then move that baseline
+ * up / down by Excel's shift ({@link getScriptBaselineShift}). Exported
+ * for unit tests.
  */
 var computeSegmentTop = function (lineTop, lineFontSize, segFontSize, baselineOffset) {
-    if (baselineOffset === "superscript")
-        return lineTop;
-    if (baselineOffset === "subscript") {
-        return lineTop + (lineFontSize - segFontSize);
-    }
-    return lineTop + (lineFontSize - segFontSize) * ALPHABETIC_BASELINE_RATIO;
+    return lineTop +
+        (lineFontSize - segFontSize) * ALPHABETIC_BASELINE_RATIO +
+        (0, alignment_1.getScriptBaselineShift)(baselineOffset, lineFontSize);
 };
 exports.computeSegmentTop = computeSegmentTop;
 /**
@@ -256,7 +253,7 @@ var atomsToSegments = function (atoms) {
  *  - Mention runs render as their inline label only (no chrome).
  */
 exports.CellTextRuns = react_1.default.memo(function (props) {
-    var x = props.x, y = props.y, width = props.width, height = props.height, padding = props.padding, value = props.value, runs = props.runs, baseColor = props.baseColor, baseFontFamily = props.baseFontFamily, baseFontSize = props.baseFontSize, baseBold = props.baseBold, baseItalic = props.baseItalic, baseUnderline = props.baseUnderline, baseStrikethrough = props.baseStrikethrough, baseBaselineOffset = props.baseBaselineOffset, horizontalAlign = props.horizontalAlign, verticalAlign = props.verticalAlign, lineHeight = props.lineHeight, lineHeightMode = props.lineHeightMode, scale = props.scale, wrap = props.wrap, theme = props.theme;
+    var x = props.x, y = props.y, width = props.width, height = props.height, padding = props.padding, value = props.value, runs = props.runs, baseColor = props.baseColor, baseFontFamily = props.baseFontFamily, baseFontSize = props.baseFontSize, baseBold = props.baseBold, baseItalic = props.baseItalic, baseUnderline = props.baseUnderline, baseStrikethrough = props.baseStrikethrough, baseBaselineOffset = props.baseBaselineOffset, horizontalAlign = props.horizontalAlign, verticalAlign = props.verticalAlign, lineHeight = props.lineHeight, lineHeightMode = props.lineHeightMode, scale = props.scale, wrap = props.wrap, theme = props.theme, _a = props.fontScale, fontScale = _a === void 0 ? 1 : _a, rotation = props.rotation;
     var sceneFunc = (0, react_1.useCallback)(function (context, _shape) {
         var e_3, _a, e_4, _b, e_5, _c, e_6, _d, e_7, _e;
         var baseResolved = {
@@ -281,7 +278,7 @@ exports.CellTextRuns = react_1.default.memo(function (props) {
         // it walks; the per-segment paint loop below sets it again per
         // segment so the mutation here is safe.
         var measureAtom = function (atom) {
-            var r = (0, exports.resolveSegmentStyle)({ text: atom.text, format: atom.format }, baseResolved, theme);
+            var r = (0, exports.resolveSegmentStyle)({ text: atom.text, format: atom.format }, baseResolved, theme, fontScale);
             context.setAttr("font", buildFontString(r));
             return context.measureText(atom.text).width;
         };
@@ -365,7 +362,7 @@ exports.CellTextRuns = react_1.default.memo(function (props) {
         var resolvedLines = lines.map(function (lineSegments) {
             return lineSegments.map(function (seg) { return ({
                 seg: seg,
-                r: (0, exports.resolveSegmentStyle)(seg, baseResolved, theme),
+                r: (0, exports.resolveSegmentStyle)(seg, baseResolved, theme, fontScale),
             }); });
         });
         var _h = (0, exports.computeLineMetrics)(resolvedLines, baseResolved, function (r) {
@@ -476,7 +473,8 @@ exports.CellTextRuns = react_1.default.memo(function (props) {
         height,
         padding,
         theme,
+        fontScale,
     ]);
-    return (react_1.default.createElement(react_konva_1.Shape, { x: x, y: y, width: width, height: height, sceneFunc: sceneFunc, listening: false, perfectDrawEnabled: false }));
+    return (react_1.default.createElement(react_konva_1.Shape, { x: x, y: y, width: width, height: height, rotation: rotation, sceneFunc: sceneFunc, listening: false, perfectDrawEnabled: false }));
 });
 exports.CellTextRuns.displayName = "CellTextRuns";

package/dist/cjs/components/cell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/cell/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAsDjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAO3C,eAAO,MAAM,IAAI,oCAAgB,SAAS,uBA6hCxC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/cell/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAuDjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAO3C,eAAO,MAAM,IAAI,oCAAgB,SAAS,uBAoiCxC,CAAC"}