@rowsncolumns/charts 28.1.17 → 28.1.19

package/dist/cjs/config.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getChartPresetLabel = exports.isDoughnutSpec = exports.CHART_TYPES = void 0;
+exports.getChartPresetLabel = exports.isDoughnutSpec = exports.getChartTypes = exports.CHART_TYPES = void 0;
 var tslib_1 = require("tslib");
 var pie_explosion_1 = require("./utils/pie-explosion");
+var three_d_1 = require("./utils/three-d");
 // Excel's 3-D chart classes degrade to a 2-D chartType with the authored
 // class kept as `sourceChartType` (BAR_3D, LINE_3D, PIE_3D, AREA_3D,
 // SURFACE, SURFACE_3D). The renderer draws BAR_3D / LINE_3D / AREA_3D /
@@ -277,6 +278,40 @@ exports.CHART_TYPES = [
     ["Stock", STOCK_CHART_TYPES],
     ["Combo", COMBO_CHART_TYPES],
 ];
+/**
+ * The Chart editor's preset list. With `enable3D: false` the presets the
+ * renderer would draw through echarts-gl (3-D Column / Bar / Line / Area,
+ * their stacked variants and 3-D Surface) are left out; 3-D Pie and
+ * Contour stay since they never render in WebGL. A spec that already
+ * carries a 3-D `sourceChartType` is not rewritten — only the picker
+ * changes (rowsncolumns/spreadsheet#1187).
+ */
+var getChartTypes = function (options) {
+    var e_1, _a;
+    if ((options === null || options === void 0 ? void 0 : options.enable3D) !== false)
+        return exports.CHART_TYPES;
+    var groups = [];
+    try {
+        for (var CHART_TYPES_1 = tslib_1.__values(exports.CHART_TYPES), CHART_TYPES_1_1 = CHART_TYPES_1.next(); !CHART_TYPES_1_1.done; CHART_TYPES_1_1 = CHART_TYPES_1.next()) {
+            var _b = tslib_1.__read(CHART_TYPES_1_1.value, 2), category = _b[0], presets = _b[1];
+            var kept = presets.filter(function (_a) {
+                var _b = tslib_1.__read(_a, 2), preset = _b[1];
+                return (0, three_d_1.resolve3DRenderKind)(preset.sourceChartType) === null;
+            });
+            if (kept.length > 0)
+                groups.push([category, kept]);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (CHART_TYPES_1_1 && !CHART_TYPES_1_1.done && (_a = CHART_TYPES_1.return)) _a.call(CHART_TYPES_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    return groups;
+};
+exports.getChartTypes = getChartTypes;
 /** Parse a radius entry ("40%" | 40 | 0) into a number, NaN-safe. */
 var parseRadiusValue = function (value) {
     if (typeof value === "number")
@@ -333,7 +368,7 @@ var PRESET_DISCRIMINATORS = [
  * Falls back to the capitalized chartType when no preset matches.
  */
 var getChartPresetLabel = function (spec) {
-    var e_1, _a, e_2, _b;
+    var e_2, _a, e_3, _b;
     var _c;
     var loose = spec;
     // Doughnut first — it has several encodings (see isDoughnutSpec) and
@@ -345,8 +380,8 @@ var getChartPresetLabel = function (spec) {
             : "Doughnut";
     }
     try {
-        for (var CHART_TYPES_1 = tslib_1.__values(exports.CHART_TYPES), CHART_TYPES_1_1 = CHART_TYPES_1.next(); !CHART_TYPES_1_1.done; CHART_TYPES_1_1 = CHART_TYPES_1.next()) {
-            var _d = tslib_1.__read(CHART_TYPES_1_1.value, 2), presets = _d[1];
+        for (var CHART_TYPES_2 = tslib_1.__values(exports.CHART_TYPES), CHART_TYPES_2_1 = CHART_TYPES_2.next(); !CHART_TYPES_2_1.done; CHART_TYPES_2_1 = CHART_TYPES_2.next()) {
+            var _d = tslib_1.__read(CHART_TYPES_2_1.value, 2), presets = _d[1];
             var _loop_1 = function (name_1, config) {
                 if (config.chartType !== spec.chartType)
                     return "continue";
@@ -364,28 +399,28 @@ var getChartPresetLabel = function (spec) {
                     return { value: name_1 };
             };
             try {
-                for (var presets_1 = (e_2 = void 0, tslib_1.__values(presets)), presets_1_1 = presets_1.next(); !presets_1_1.done; presets_1_1 = presets_1.next()) {
+                for (var presets_1 = (e_3 = void 0, tslib_1.__values(presets)), presets_1_1 = presets_1.next(); !presets_1_1.done; presets_1_1 = presets_1.next()) {
                     var _e = tslib_1.__read(presets_1_1.value, 2), name_1 = _e[0], config = _e[1];
                     var state_1 = _loop_1(name_1, config);
                     if (typeof state_1 === "object")
                         return state_1.value;
                 }
             }
-            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            catch (e_3_1) { e_3 = { error: e_3_1 }; }
             finally {
                 try {
                     if (presets_1_1 && !presets_1_1.done && (_b = presets_1.return)) _b.call(presets_1);
                 }
-                finally { if (e_2) throw e_2.error; }
+                finally { if (e_3) throw e_3.error; }
             }
         }
     }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
     finally {
         try {
-            if (CHART_TYPES_1_1 && !CHART_TYPES_1_1.done && (_a = CHART_TYPES_1.return)) _a.call(CHART_TYPES_1);
+            if (CHART_TYPES_2_1 && !CHART_TYPES_2_1.done && (_a = CHART_TYPES_2.return)) _a.call(CHART_TYPES_2);
         }
-        finally { if (e_1) throw e_1.error; }
+        finally { if (e_2) throw e_2.error; }
     }
     var chartType = (_c = spec.chartType) !== null && _c !== void 0 ? _c : "";
     return chartType.charAt(0).toUpperCase() + chartType.slice(1);

package/dist/cjs/tsconfig.cjs.tsbuildinfo

@@ -1 +1 @@
-{"root":["../../config.ts","../../echarts-gl.d.ts","../../geo-modules.d.ts","../../index.ts","../../plotly-dist.d.ts","../../types.ts","../../vitest.config.ts","../../atoms/editing-chart.atom.ts","../../atoms/pivot-chart.atom.ts","../../basic-chart/basic-chart.tsx","../../basic-chart/helpers.ts","../../basic-chart/index.tsx","../../components/dialogs/chart-editor-dialog.tsx","../../components/dialogs/pivot-chart-dialog.tsx","../../components/editors/chart-editor-capabilities.ts","../../components/editors/chart-editor.tsx","../../components/editors/chart-range-input.tsx","../../components/editors/fields/axis-options-fields.tsx","../../components/editors/fields/chart-type-options.tsx","../../components/editors/fields/data-labels-fields.tsx","../../components/editors/fields/primitives.tsx","../../components/editors/fields/series-format-fields.tsx","../../components/editors/fields/series-name-field.tsx","../../components/editors/fields/text-format-fields.tsx","../../hooks/use-chart-editor.ts","../../hooks/use-charts.ts","../../hooks/use-on-create-chart.ts","../../hooks/use-on-delete-chart.ts","../../hooks/use-on-move-chart-to-sheet.ts","../../hooks/use-on-move-chart.ts","../../hooks/use-on-resize-chart.ts","../../hooks/use-on-update-chart.ts","../../interface/create-chart.ts","../../interface/delete-chart.ts","../../interface/move-chart-to-sheet.ts","../../interface/move-chart.ts","../../interface/resize-chart.ts","../../interface/shift-chart-ranges.ts","../../interface/update-chart.ts","../../plotly/plot.ts","../../plotly/basic-chart/basic-chart.tsx","../../plotly/basic-chart/helpers.ts","../../plotly/basic-chart/index.tsx","../../utils/aggregation.ts","../../utils/axis-number-format.ts","../../utils/bar-layout.ts","../../utils/boxplot.ts","../../utils/bubble.ts","../../utils/category-levels.ts","../../utils/chart-image.ts","../../utils/chart-orientation.ts","../../utils/chart-spec-utils.ts","../../utils/chart-styles.ts","../../utils/doughnut.ts","../../utils/echarts-gl-loader.ts","../../utils/echarts-overlays.ts","../../utils/empty-cells.ts","../../utils/error-bars.ts","../../utils/gradient.ts","../../utils/hierarchy.ts","../../utils/histogram.ts","../../utils/legend-layout.ts","../../utils/of-pie.ts","../../utils/overrides.ts","../../utils/pie-explosion.ts","../../utils/plotly-click.ts","../../utils/plotly-surface.ts","../../utils/plotly-title.ts","../../utils/radar.ts","../../utils/region-map-loader.ts","../../utils/region-map.ts","../../utils/series-click.ts","../../utils/series-name.ts","../../utils/stock.ts","../../utils/three-d.ts","../../utils/trendline.ts","../../utils/waterfall.ts","../../utils/webgl.ts"],"version":"5.8.3"}
+{"root":["../../config.ts","../../echarts-gl.d.ts","../../geo-modules.d.ts","../../index.ts","../../plotly-dist.d.ts","../../types.ts","../../vitest.config.ts","../../atoms/editing-chart.atom.ts","../../atoms/pivot-chart.atom.ts","../../basic-chart/basic-chart.tsx","../../basic-chart/helpers.ts","../../basic-chart/index.tsx","../../components/dialogs/chart-editor-dialog.tsx","../../components/dialogs/pivot-chart-dialog.tsx","../../components/editors/chart-editor-capabilities.ts","../../components/editors/chart-editor.tsx","../../components/editors/chart-range-input.tsx","../../components/editors/fields/axis-options-fields.tsx","../../components/editors/fields/chart-elements-fields.tsx","../../components/editors/fields/chart-type-options.tsx","../../components/editors/fields/data-labels-fields.tsx","../../components/editors/fields/primitives.tsx","../../components/editors/fields/series-format-fields.tsx","../../components/editors/fields/series-name-field.tsx","../../components/editors/fields/text-format-fields.tsx","../../hooks/use-chart-editor.ts","../../hooks/use-charts.ts","../../hooks/use-on-create-chart.ts","../../hooks/use-on-delete-chart.ts","../../hooks/use-on-move-chart-to-sheet.ts","../../hooks/use-on-move-chart.ts","../../hooks/use-on-resize-chart.ts","../../hooks/use-on-update-chart.ts","../../interface/create-chart.ts","../../interface/delete-chart.ts","../../interface/move-chart-to-sheet.ts","../../interface/move-chart.ts","../../interface/resize-chart.ts","../../interface/shift-chart-ranges.ts","../../interface/update-chart.ts","../../plotly/plot.ts","../../plotly/basic-chart/basic-chart.tsx","../../plotly/basic-chart/helpers.ts","../../plotly/basic-chart/index.tsx","../../utils/aggregation.ts","../../utils/axis-number-format.ts","../../utils/bar-layout.ts","../../utils/boxplot.ts","../../utils/bubble.ts","../../utils/category-levels.ts","../../utils/chart-image.ts","../../utils/chart-lines.ts","../../utils/chart-orientation.ts","../../utils/chart-spec-utils.ts","../../utils/chart-styles.ts","../../utils/data-table.ts","../../utils/doughnut.ts","../../utils/echarts-gl-loader.ts","../../utils/echarts-overlays.ts","../../utils/empty-cells.ts","../../utils/error-bars.ts","../../utils/excel-axis-scale.ts","../../utils/gradient.ts","../../utils/hierarchy.ts","../../utils/histogram.ts","../../utils/legend-layout.ts","../../utils/of-pie.ts","../../utils/overrides.ts","../../utils/pie-explosion.ts","../../utils/plotly-click.ts","../../utils/plotly-surface.ts","../../utils/plotly-title.ts","../../utils/radar.ts","../../utils/region-map-loader.ts","../../utils/region-map.ts","../../utils/series-click.ts","../../utils/series-name.ts","../../utils/stock.ts","../../utils/three-d.ts","../../utils/trendline.ts","../../utils/waterfall.ts","../../utils/webgl.ts"],"version":"5.8.3"}

package/dist/cjs/types.d.ts

@@ -21,6 +21,16 @@ export type EChartComponentProps = ChartComponentProps & {
      * honored.
      */
     getFormattingFromRange?: ReturnType<typeof useSpreadsheetState>["getFormattingFromRange"];
+    /**
+     * Draw BAR_3D / LINE_3D / AREA_3D / SURFACE_3D specs through echarts-gl
+     * (WebGL). `false` keeps them on their 2-D fallback and never loads
+     * echarts-gl — for a page whose Content-Security-Policy has no
+     * `'unsafe-eval'`, which claygl needs. The spec keeps its
+     * `sourceChartType`, so the xlsx export still writes the 3-D chart. Pass
+     * the same value to `ChartEditor` so it hides the 3-D presets. Default
+     * `true`.
+     */
+    enable3D?: boolean;
     /**
      * Request edit chart
      * @param chart

package/dist/cjs/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,aAAa,EACd,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAE3E,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,wBAAwB,EAAE,UAAU,CAClC,OAAO,mBAAmB,CAC3B,CAAC,0BAA0B,CAAC,CAAC;IAC9B;;OAEG;IACH,wBAAwB,EAAE,UAAU,CAClC,OAAO,mBAAmB,CAC3B,CAAC,0BAA0B,CAAC,CAAC;IAC9B;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,UAAU,CACjC,OAAO,mBAAmB,CAC3B,CAAC,wBAAwB,CAAC,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3C;;OAEG;IACH,kBAAkB,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,oBAAoB,CAAC,CAAC;CAC7E,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,mBAAmB,EACnB,aAAa,EACd,MAAM,2BAA2B,CAAC;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAE3E,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,wBAAwB,EAAE,UAAU,CAClC,OAAO,mBAAmB,CAC3B,CAAC,0BAA0B,CAAC,CAAC;IAC9B;;OAEG;IACH,wBAAwB,EAAE,UAAU,CAClC,OAAO,mBAAmB,CAC3B,CAAC,0BAA0B,CAAC,CAAC;IAC9B;;;;;OAKG;IACH,sBAAsB,CAAC,EAAE,UAAU,CACjC,OAAO,mBAAmB,CAC3B,CAAC,wBAAwB,CAAC,CAAC;IAC5B;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,aAAa,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAC3C;;OAEG;IACH,kBAAkB,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,oBAAoB,CAAC,CAAC;CAC7E,CAAC"}

package/dist/cjs/utils/chart-lines.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Excel's line-chart analysis elements (Chart Design → Add Chart Element →
+ * Lines / Up/Down Bars, demo-app-monorepo#49969 FT-08) as echarts bar series
+ * over the category axis:
+ *
+ * - High-low lines — a thin vertical line per category from the lowest to the
+ *   highest value of all the line series (`<c:hiLowLines/>`).
+ * - Up/down bars — a bar per category from the first line series' value to
+ *   the last one's: an up bar (white) where the last is higher, a down bar
+ *   (dark) where it is lower (`<c:upDownBars>`).
+ * - Drop lines — a thin vertical line per category from the axis to the
+ *   highest point (`<c:dropLines/>`).
+ *
+ * Each is a stack of an invisible base plus a visible span, so the bars can
+ * start anywhere on the value axis; `barGap: "-100%"` lays every one of them
+ * over the category's centre instead of side by side.
+ */
+export declare const CHART_LINE_SERIES_PREFIX = "rnc-chart-lines-";
+export type ChartLineOptions = {
+    hiLowLines?: boolean | null;
+    dropLines?: boolean | null;
+    upDownBars?: {
+        gapWidth?: number | null;
+        upColor?: string | null;
+        downColor?: string | null;
+    } | null;
+};
+/**
+ * The extra series for `options`, given the data of the chart's line series
+ * on one value axis, in spec order.
+ */
+export declare const buildChartLineSeries: (options: ChartLineOptions, lines: ReadonlyArray<ReadonlyArray<unknown>>, { isDarkMode, yAxisIndex }?: {
+    isDarkMode?: boolean;
+    yAxisIndex?: number;
+}) => Record<string, unknown>[];
+//# sourceMappingURL=chart-lines.d.ts.map

package/dist/cjs/utils/chart-lines.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart-lines.d.ts","sourceRoot":"","sources":["../../../utils/chart-lines.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,eAAO,MAAM,wBAAwB,qBAAqB,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE;QACX,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACzB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAC3B,GAAG,IAAI,CAAC;CACV,CAAC;AAqDF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAC/B,SAAS,gBAAgB,EACzB,OAAO,aAAa,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,EAC5C,6BAA4B;IAAE,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAO,KAC7E,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAuEzB,CAAC"}

package/dist/cjs/utils/chart-lines.js

@@ -0,0 +1,111 @@
+"use strict";
+/**
+ * Excel's line-chart analysis elements (Chart Design → Add Chart Element →
+ * Lines / Up/Down Bars, demo-app-monorepo#49969 FT-08) as echarts bar series
+ * over the category axis:
+ *
+ * - High-low lines — a thin vertical line per category from the lowest to the
+ *   highest value of all the line series (`<c:hiLowLines/>`).
+ * - Up/down bars — a bar per category from the first line series' value to
+ *   the last one's: an up bar (white) where the last is higher, a down bar
+ *   (dark) where it is lower (`<c:upDownBars>`).
+ * - Drop lines — a thin vertical line per category from the axis to the
+ *   highest point (`<c:dropLines/>`).
+ *
+ * Each is a stack of an invisible base plus a visible span, so the bars can
+ * start anywhere on the value axis; `barGap: "-100%"` lays every one of them
+ * over the category's centre instead of side by side.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildChartLineSeries = exports.CHART_LINE_SERIES_PREFIX = void 0;
+var tslib_1 = require("tslib");
+exports.CHART_LINE_SERIES_PREFIX = "rnc-chart-lines-";
+var finite = function (item) {
+    var raw = item !== null && typeof item === "object" && "value" in item
+        ? item.value
+        : item;
+    return typeof raw === "number" && Number.isFinite(raw) ? raw : undefined;
+};
+/** Excel's line colour for these elements: Text 1 at 75% (#404040). */
+var LINE_COLOR = "#404040";
+var spanSeries = function (_a) {
+    var id = _a.id, base = _a.base, span = _a.span, barWidth = _a.barWidth, itemStyle = _a.itemStyle, yAxisIndex = _a.yAxisIndex;
+    var common = tslib_1.__assign({ type: "bar", stack: "".concat(exports.CHART_LINE_SERIES_PREFIX).concat(id), stackStrategy: "all", barWidth: barWidth, barGap: "-100%", silent: true, legendHoverLink: false, tooltip: { show: false }, emphasis: { disabled: true }, label: { show: false }, z: 1 }, (yAxisIndex ? { yAxisIndex: yAxisIndex } : {}));
+    return [
+        tslib_1.__assign(tslib_1.__assign({}, common), { id: "".concat(exports.CHART_LINE_SERIES_PREFIX).concat(id, "-base"), data: base, itemStyle: { color: "transparent" } }),
+        tslib_1.__assign(tslib_1.__assign({}, common), { id: "".concat(exports.CHART_LINE_SERIES_PREFIX).concat(id), data: span, itemStyle: itemStyle }),
+    ];
+};
+/**
+ * The extra series for `options`, given the data of the chart's line series
+ * on one value axis, in spec order.
+ */
+var buildChartLineSeries = function (options, lines, _a) {
+    var _b, _c, _d;
+    var _e = _a === void 0 ? {} : _a, isDarkMode = _e.isDarkMode, yAxisIndex = _e.yAxisIndex;
+    var color = isDarkMode ? "rgba(255,255,255,0.65)" : LINE_COLOR;
+    var length = lines.reduce(function (n, data) { return Math.max(n, data.length); }, 0);
+    var out = [];
+    var extent = function (i) {
+        var values = lines.map(function (data) { return finite(data[i]); }).filter(function (v) { return v !== undefined; });
+        return values.length
+            ? { low: Math.min.apply(Math, tslib_1.__spreadArray([], tslib_1.__read(values), false)), high: Math.max.apply(Math, tslib_1.__spreadArray([], tslib_1.__read(values), false)), count: values.length }
+            : undefined;
+    };
+    if (options.dropLines && lines.length) {
+        var base = [];
+        var span = [];
+        for (var i = 0; i < length; i++) {
+            var e = extent(i);
+            base.push(e ? 0 : null);
+            span.push(e ? e.high : null);
+        }
+        out.push.apply(out, tslib_1.__spreadArray([], tslib_1.__read(spanSeries({ id: "drop", base: base, span: span, barWidth: 1, itemStyle: { color: color }, yAxisIndex: yAxisIndex })), false));
+    }
+    if (options.hiLowLines && lines.length > 1) {
+        var base = [];
+        var span = [];
+        for (var i = 0; i < length; i++) {
+            var e = extent(i);
+            var drawn = e && e.count > 1;
+            base.push(drawn ? e.low : null);
+            span.push(drawn ? e.high - e.low : null);
+        }
+        out.push.apply(out, tslib_1.__spreadArray([], tslib_1.__read(spanSeries({ id: "hilow", base: base, span: span, barWidth: 1, itemStyle: { color: color }, yAxisIndex: yAxisIndex })), false));
+    }
+    if (options.upDownBars && lines.length > 1) {
+        var first = lines[0];
+        var last = lines[lines.length - 1];
+        var up = (_b = options.upDownBars.upColor) !== null && _b !== void 0 ? _b : "#FFFFFF";
+        var down = (_c = options.upDownBars.downColor) !== null && _c !== void 0 ? _c : (isDarkMode ? "#A6A6A6" : "#595959");
+        var base = [];
+        var span = [];
+        for (var i = 0; i < length; i++) {
+            var open_1 = finite(first[i]);
+            var close_1 = finite(last[i]);
+            if (open_1 === undefined || close_1 === undefined) {
+                base.push(null);
+                span.push(null);
+                continue;
+            }
+            base.push(Math.min(open_1, close_1));
+            span.push({
+                value: Math.abs(close_1 - open_1),
+                itemStyle: { color: close_1 >= open_1 ? up : down },
+            });
+        }
+        // `<c:gapWidth>` is the gap as a % of the bar: the bar is 1 / (1 + gap) of the category.
+        var gap = (_d = options.upDownBars.gapWidth) !== null && _d !== void 0 ? _d : 150;
+        var barWidth = "".concat(Math.round(100 / (1 + Math.max(0, gap) / 100)), "%");
+        out.push.apply(out, tslib_1.__spreadArray([], tslib_1.__read(spanSeries({
+            id: "updown",
+            base: base,
+            span: span,
+            barWidth: barWidth,
+            itemStyle: { borderColor: color, borderWidth: 1 },
+            yAxisIndex: yAxisIndex,
+        })), false));
+    }
+    return out;
+};
+exports.buildChartLineSeries = buildChartLineSeries;

package/dist/cjs/utils/data-table.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Excel's chart data table (Add Chart Element → Data Table,
+ * demo-app-monorepo#49969 FT-08): one row per series under the category
+ * axis, each cell under its category, the series name (with its legend key)
+ * at the row's start. Drawn as extra category axes stacked below the plot:
+ * their labels are the formatted values, their axis line the horizontal
+ * border and their ticks — between categories — the vertical borders.
+ */
+export type DataTableOptions = {
+    showHorizontalBorder?: boolean | null;
+    showVerticalBorder?: boolean | null;
+    showOutline?: boolean | null;
+    showLegendKeys?: boolean | null;
+};
+export type DataTableRow = {
+    name: string;
+    color?: string;
+    values: string[];
+};
+/** Row height in pixels: 9 pt text plus padding. */
+export declare const DATA_TABLE_ROW_HEIGHT = 20;
+export declare const dataTableAxes: (rows: ReadonlyArray<DataTableRow>, options: DataTableOptions, { textColor, fontSize, borderColor, firstOffset, }: {
+    textColor: string;
+    fontSize: number;
+    borderColor?: string;
+    /** Below the category labels (the table's header row). */
+    firstOffset?: number;
+}) => Record<string, unknown>[];
+/** Room the row names need left of the plot (approximate glyph width). */
+export declare const dataTableNameWidth: (rows: ReadonlyArray<DataTableRow>, fontSize: number, legendKeys: boolean) => number;
+//# sourceMappingURL=data-table.d.ts.map

package/dist/cjs/utils/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../utils/data-table.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oBAAoB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACtC,kBAAkB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,oDAAoD;AACpD,eAAO,MAAM,qBAAqB,KAAK,CAAC;AAExC,eAAO,MAAM,aAAa,GACxB,MAAM,aAAa,CAAC,YAAY,CAAC,EACjC,SAAS,gBAAgB,EACzB,oDAKG;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,KACA,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAqCtB,CAAC;AAEL,0EAA0E;AAC1E,eAAO,MAAM,kBAAkB,GAC7B,MAAM,aAAa,CAAC,YAAY,CAAC,EACjC,UAAU,MAAM,EAChB,YAAY,OAAO,WAQb,CAAC"}

package/dist/cjs/utils/data-table.js

@@ -0,0 +1,61 @@
+"use strict";
+/**
+ * Excel's chart data table (Add Chart Element → Data Table,
+ * demo-app-monorepo#49969 FT-08): one row per series under the category
+ * axis, each cell under its category, the series name (with its legend key)
+ * at the row's start. Drawn as extra category axes stacked below the plot:
+ * their labels are the formatted values, their axis line the horizontal
+ * border and their ticks — between categories — the vertical borders.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.dataTableNameWidth = exports.dataTableAxes = exports.DATA_TABLE_ROW_HEIGHT = void 0;
+/** Row height in pixels: 9 pt text plus padding. */
+exports.DATA_TABLE_ROW_HEIGHT = 20;
+var dataTableAxes = function (rows, options, _a) {
+    var textColor = _a.textColor, fontSize = _a.fontSize, _b = _a.borderColor, borderColor = _b === void 0 ? "#D9D9D9" : _b, _c = _a.firstOffset, firstOffset = _c === void 0 ? 22 : _c;
+    return rows.map(function (row, index) {
+        var _a;
+        var keys = options.showLegendKeys !== false;
+        return {
+            type: "category",
+            position: "bottom",
+            gridIndex: 0,
+            offset: firstOffset + index * exports.DATA_TABLE_ROW_HEIGHT,
+            data: row.values,
+            silent: true,
+            axisLine: {
+                show: options.showHorizontalBorder !== false ||
+                    (options.showOutline !== false && index === rows.length - 1),
+                onZero: false,
+                lineStyle: { color: borderColor },
+            },
+            axisTick: {
+                show: options.showVerticalBorder !== false,
+                interval: 0,
+                length: exports.DATA_TABLE_ROW_HEIGHT,
+                lineStyle: { color: borderColor },
+            },
+            axisLabel: { interval: 0, color: textColor, fontSize: fontSize, margin: 6 },
+            splitLine: { show: false },
+            name: keys ? "{key|\u25A0} ".concat(row.name) : row.name,
+            nameLocation: "start",
+            nameGap: 8,
+            nameTextStyle: {
+                color: textColor,
+                fontSize: fontSize,
+                align: "right",
+                verticalAlign: "top",
+                padding: [6, 0, 0, 0],
+                rich: { key: { color: (_a = row.color) !== null && _a !== void 0 ? _a : textColor, fontSize: fontSize } },
+            },
+        };
+    });
+};
+exports.dataTableAxes = dataTableAxes;
+/** Room the row names need left of the plot (approximate glyph width). */
+var dataTableNameWidth = function (rows, fontSize, legendKeys) {
+    return Math.ceil(rows.reduce(function (width, row) {
+        return Math.max(width, (row.name.length + (legendKeys ? 2 : 0)) * fontSize * 0.6);
+    }, 0)) + 12;
+};
+exports.dataTableNameWidth = dataTableNameWidth;

package/dist/cjs/utils/echarts-gl-loader.d.ts

@@ -1,5 +1,11 @@
 export type EchartsGlLoadState = "unloaded" | "loading" | "ready" | "failed";
 export declare const getEchartsGlState: () => EchartsGlLoadState;
+/**
+ * Record that the loaded module failed at render time (echarts-gl threw
+ * from `setOption`), so the renderer keeps the 2-D fallback and never
+ * retries 3-D for the rest of the page's lifetime. Warns once per page.
+ */
+export declare const markEchartsGlFailed: (error?: unknown) => void;
 /**
  * Kick off (or join) the echarts-gl dynamic import and register the 3-D
  * charts/components the renderer uses. Resolves true when 3-D rendering is

package/dist/cjs/utils/echarts-gl-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"echarts-gl-loader.d.ts","sourceRoot":"","sources":["../../../utils/echarts-gl-loader.ts"],"names":[],"mappings":"AAaA,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAK7E,eAAO,MAAM,iBAAiB,QAAO,kBAA2B,CAAC;AAEjE;;;;GAIG;AACH,eAAO,MAAM,aAAa,QAAO,OAAO,CAAC,OAAO,CAyB/C,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,8BAA8B,QAAO,IAGjD,CAAC"}
+{"version":3,"file":"echarts-gl-loader.d.ts","sourceRoot":"","sources":["../../../utils/echarts-gl-loader.ts"],"names":[],"mappings":"AAqBA,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AAK7E,eAAO,MAAM,iBAAiB,QAAO,kBAA2B,CAAC;AAgBjE;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,QAAQ,OAAO,KAAG,IAUrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,QAAO,OAAO,CAAC,OAAO,CA8B/C,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,8BAA8B,QAAO,IAGjD,CAAC"}

package/dist/cjs/utils/echarts-gl-loader.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.__resetEchartsGlLoaderForTests = exports.loadEchartsGl = exports.getEchartsGlState = void 0;
+exports.__resetEchartsGlLoaderForTests = exports.loadEchartsGl = exports.markEchartsGlFailed = exports.getEchartsGlState = void 0;
 var tslib_1 = require("tslib");
 /**
  * Lazy loader for echarts-gl.
@@ -11,6 +11,14 @@ var tslib_1 = require("tslib");
  * draws the 2-D fallback immediately, and upgrades to 3-D when the module
  * resolves. A failed import latches the "failed" state so the renderer
  * keeps the 2-D fallback without retrying on every update.
+ *
+ * A page whose Content-Security-Policy has no `'unsafe-eval'` is treated
+ * the same way: echarts-gl's `EffectCompositor` makes claygl compile its
+ * size expressions with `new Function`, which the browser blocks there
+ * (`EvalError`, surfaced by claygl as "Invalid expression."). The import
+ * itself still succeeds, so the loader probes `new Function` once before
+ * importing and latches "failed" instead of letting `setOption` throw
+ * later (rowsncolumns/spreadsheet#1187).
  */
 var components_1 = require("echarts/components");
 var echarts = tslib_1.__importStar(require("echarts/core"));
@@ -18,6 +26,34 @@ var state = "unloaded";
 var loadPromise = null;
 var getEchartsGlState = function () { return state; };
 exports.getEchartsGlState = getEchartsGlState;
+/**
+ * True when the page lets scripts construct functions from source — what
+ * claygl needs for every GL chart. False under a CSP whose `script-src`
+ * lacks `'unsafe-eval'`.
+ */
+var canEvaluateCode = function () {
+    try {
+        new Function("");
+        return true;
+    }
+    catch (_a) {
+        return false;
+    }
+};
+/**
+ * Record that the loaded module failed at render time (echarts-gl threw
+ * from `setOption`), so the renderer keeps the 2-D fallback and never
+ * retries 3-D for the rest of the page's lifetime. Warns once per page.
+ */
+var markEchartsGlFailed = function (error) {
+    if (state !== "failed") {
+        // eslint-disable-next-line no-console
+        console.warn("echarts-gl failed to render a 3-D chart; 3-D charts render as their 2-D fallback on this page.", error);
+    }
+    state = "failed";
+    loadPromise = Promise.resolve(false);
+};
+exports.markEchartsGlFailed = markEchartsGlFailed;
 /**
  * Kick off (or join) the echarts-gl dynamic import and register the 3-D
  * charts/components the renderer uses. Resolves true when 3-D rendering is
@@ -25,6 +61,11 @@ exports.getEchartsGlState = getEchartsGlState;
  */
 var loadEchartsGl = function () {
     if (!loadPromise) {
+        if (!canEvaluateCode()) {
+            state = "failed";
+            loadPromise = Promise.resolve(false);
+            return loadPromise;
+        }
         state = "loading";
         loadPromise = Promise.all([
             Promise.resolve().then(function () { return tslib_1.__importStar(require("echarts-gl/charts")); }),

package/dist/cjs/utils/excel-axis-scale.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Excel's automatic value-axis scale (Format Axis → Bounds / Units left on
+ * "Auto"). Excel does not publish the rule; this is the behaviour Jon Peltier
+ * measured ("How Excel Calculates Automatic Chart Axis Limits",
+ * peltiertech.com) and that LV-05 of demo-app-monorepo#49969 compared:
+ *
+ * - The minimum is 0 when every value is ≥ 0 and the data spans more than a
+ *   sixth of the maximum (the mirror rule pins the maximum to 0 for an
+ *   all-negative series); a narrower positive range starts half its span
+ *   below the smallest value.
+ * - The maximum is the largest value plus 5% of the range, rounded up to the
+ *   next major unit (so data ending at 17 gets an 18 ceiling, 100 gets 120).
+ * - The major unit is the smallest 1-2-5 step that splits the range into at
+ *   most ten intervals.
+ *
+ * echarts' own nicing (1-2-3-5 steps aimed at five intervals) gives steps of
+ * 3 or 25 Excel never draws, so the renderer hands echarts these bounds.
+ */
+export type ExcelAxisScale = {
+    min: number;
+    max: number;
+    interval: number;
+};
+export declare const excelAutoAxisScale: (values: Iterable<number>, fixed?: {
+    min?: number | null;
+    max?: number | null;
+    majorUnit?: number | null;
+}) => ExcelAxisScale | undefined;
+/**
+ * The values a cartesian value axis has to fit: every point of the bar / line
+ * series plotted against `axisIndex`, with stacked series summed per category
+ * (positives and negatives apart, as Excel stacks them).
+ */
+export declare const valueAxisExtentValues: (series: ReadonlyArray<any>, axisIndex: number, axisKey?: "yAxisIndex" | "xAxisIndex") => number[];
+//# sourceMappingURL=excel-axis-scale.d.ts.map

package/dist/cjs/utils/excel-axis-scale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"excel-axis-scale.d.ts","sourceRoot":"","sources":["../../../utils/excel-axis-scale.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,cAAc,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAiB5E,eAAO,MAAM,kBAAkB,GAC7B,QAAQ,QAAQ,CAAC,MAAM,CAAC,EACxB,QAAO;IAAE,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAO,KAClF,cAAc,GAAG,SA6CnB,CAAC;AAYF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAChC,QAAQ,aAAa,CAAC,GAAG,CAAC,EAC1B,WAAW,MAAM,EACjB,UAAS,YAAY,GAAG,YAA2B,KAClD,MAAM,EA6BR,CAAC"}