@rowsncolumns/charts 28.1.17 → 28.1.18

package/dist/cjs/components/editors/chart-editor.d.ts

@@ -16,7 +16,13 @@ type ChartEditorProps = {
      * from the data range. Without it the switched series are unnamed.
      */
     getFormattedValue?: ChartCellLabelGetter;
+    /**
+     * Mirror of the renderer's `enable3D`: `false` hides the presets that
+     * render through echarts-gl (3-D Column / Bar / Line / Area / Surface).
+     * An existing 3-D spec keeps its `sourceChartType`. Default `true`.
+     */
+    enable3D?: boolean;
 };
-export declare const ChartEditor: ({ chart, sheetId, onSubmit, onRequestMoveChart, getFormattedValue, }: ChartEditorProps) => React.JSX.Element;
+export declare const ChartEditor: ({ chart, sheetId, onSubmit, onRequestMoveChart, getFormattedValue, enable3D, }: ChartEditorProps) => React.JSX.Element;
 export default ChartEditor;
 //# sourceMappingURL=chart-editor.d.ts.map

package/dist/cjs/components/editors/chart-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-editor.d.ts","sourceRoot":"","sources":["../../../../components/editors/chart-editor.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,aAAa,EAGd,MAAM,2BAA2B,CAAC;AAwBnC,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAEL,KAAK,oBAAoB,EAG1B,MAAM,+BAA+B,CAAC;AAuDvC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IACtC;;;;OAIG;IACH,kBAAkB,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAChD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,oBAAoB,CAAC;CAC1C,CAAC;AAuBF,eAAO,MAAM,WAAW,GAAI,sEAMzB,gBAAgB,sBAkhClB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"chart-editor.d.ts","sourceRoot":"","sources":["../../../../components/editors/chart-editor.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,aAAa,EAGd,MAAM,2BAA2B,CAAC;AAwBnC,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAEL,KAAK,oBAAoB,EAG1B,MAAM,+BAA+B,CAAC;AAuDvC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IACtC;;;;OAIG;IACH,kBAAkB,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAChD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,oBAAoB,CAAC;IACzC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAuBF,eAAO,MAAM,WAAW,GAAI,gFAOzB,gBAAgB,sBAmhClB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/cjs/components/editors/chart-editor.js

@@ -56,8 +56,9 @@ var Section = function (_a) {
 };
 var ChartEditor = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
-    var chart = _a.chart, sheetId = _a.sheetId, onSubmit = _a.onSubmit, onRequestMoveChart = _a.onRequestMoveChart, getFormattedValue = _a.getFormattedValue;
+    var chart = _a.chart, sheetId = _a.sheetId, onSubmit = _a.onSubmit, onRequestMoveChart = _a.onRequestMoveChart, getFormattedValue = _a.getFormattedValue, enable3D = _a.enable3D;
     var setChartDialogState = (0, editing_chart_atom_1.useSetChartEditorDialogState)();
+    var chartTypes = (0, config_1.getChartTypes)({ enable3D: enable3D });
     // Close dialog
     var closeDialog = function () { return setChartDialogState(false); };
     // Keyed on chart identity so a position sync (move/resize while the
@@ -232,7 +233,7 @@ var ChartEditor = function (_a) {
                                 react_1.default.createElement(ui_1.DropdownRightSlot, null,
                                     react_1.default.createElement(icons_1.TriangleDownIcon, null)))),
                         react_1.default.createElement(ui_1.DropdownMenuPortal, null,
-                            react_1.default.createElement(ui_1.DropdownMenuContent, { align: "start", sideOffset: 0 }, config_1.CHART_TYPES.map(function (_a) {
+                            react_1.default.createElement(ui_1.DropdownMenuContent, { align: "start", sideOffset: 0 }, chartTypes.map(function (_a) {
                                 var _b = tslib_1.__read(_a, 2), category = _b[0], types = _b[1];
                                 return (react_1.default.createElement(ui_1.DropdownMenuSub, { key: category },
                                     react_1.default.createElement(ui_1.DropdownMenuSubTrigger, null,

package/dist/cjs/config.d.ts

@@ -1,5 +1,15 @@
 import type { ChartSpec } from "@rowsncolumns/spreadsheet";
+import { type ThreeDRenderOptions } from "./utils/three-d";
 export declare const CHART_TYPES: Array<[string, Array<[string, Partial<ChartSpec>]>]>;
+/**
+ * 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).
+ */
+export declare const getChartTypes: (options?: ThreeDRenderOptions) => Array<[string, Array<[string, Partial<ChartSpec>]>]>;
 /**
  * True when a spec is doughnut-shaped: the first-class
  * `chartType: "doughnut"` token, or the two legacy pie encodings —

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

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAwR3D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAgB1E,CAAC;AAYJ;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,OAAO,CAAC,SAAS,CAAC,KAAG,OAQzD,CAAC;AAuBF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,OAAO,CAAC,SAAS,CAAC,KAAG,MA4B9D,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,EAAuB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAsRhF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAgB1E,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GACxB,UAAU,mBAAmB,KAC5B,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAarD,CAAC;AAYF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,OAAO,CAAC,SAAS,CAAC,KAAG,OAQzD,CAAC;AAuBF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,OAAO,CAAC,SAAS,CAAC,KAAG,MA4B9D,CAAC"}

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/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/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/three-d.d.ts

@@ -44,14 +44,25 @@ export declare const normalize3DSourceType: (sourceChartType?: string | null) =>
 export declare const is3DSpec: (spec: {
     sourceChartType?: string | null;
 } | null | undefined) => boolean;
+/** Host opt-out of the WebGL pipeline (`enable3D` on the renderer / editor). */
+export type ThreeDRenderOptions = {
+    /**
+     * `false` keeps every spec on its 2-D fallback: echarts-gl is never
+     * loaded and the Chart editor offers no echarts-gl preset. The spec's
+     * `sourceChartType` is untouched, so the xlsx export still writes the
+     * 3-D chart (rowsncolumns/spreadsheet#1187). Default `true`.
+     */
+    enable3D?: boolean;
+};
 /**
  * Map a `sourceChartType` token to the echarts-gl series kind it renders
  * as, or null when the 3-D pipeline should not run:
  * - PIE_3D — echarts-gl has no pie3D, so the 2-D pie fallback stays.
  * - AREA_3D — echarts-gl has no area3D; rendered as line3D.
  * - non-3-D / unknown tokens.
+ * - any token when the host turned 3-D off (`enable3D: false`).
  */
-export declare const resolve3DRenderKind: (sourceChartType?: string | null) => ThreeDRenderKind | null;
+export declare const resolve3DRenderKind: (sourceChartType?: string | null, options?: ThreeDRenderOptions) => ThreeDRenderKind | null;
 /** Excel's Contour: the surface grid seen from above, as a flat heatmap. */
 export declare const isContourSpec: (spec: {
     sourceChartType?: string | null;

package/dist/cjs/utils/three-d.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"three-d.d.ts","sourceRoot":"","sources":["../../../utils/three-d.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,QAAA,MAAM,cAAc,8EAOV,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D,wDAAwD;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAI9D;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAChC,kBAAkB,MAAM,GAAG,IAAI,KAC9B,gBAAgB,GAAG,IAIrB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GACnB,MAAM;IAAE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAAG,IAAI,GAAG,SAAS,KAC3D,OAAgE,CAAC;AAEpE;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAC9B,kBAAkB,MAAM,GAAG,IAAI,KAC9B,gBAAgB,GAAG,IAcrB,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,aAAa,GACxB,MAAM;IAAE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAAG,IAAI,GAAG,SAAS,KAC3D,OAAqE,CAAC;AAEzE,uFAAuF;AACvF,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC;AAE1D;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,iBAAiB,EAAE,KAC1B,YAAY,EAcd,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,4DAA4D;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,MAAM,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC;CACvC,CAAC;AAEF,wDAAwD;AACxD,MAAM,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAKnD,8DAA8D;AAC9D,eAAO,MAAM,gBAAgB,GAAI,QAAQ,iBAAiB,EAAE,KAAG,MACO,CAAC;AAEvE;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,QAAQ,iBAAiB,EAAE,KAAG,WAAW,EAUvE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,iBAAiB,EAAE,KAC1B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,WAAW,EAAE,CAAA;CAAE,EASpC,CAAC;AAEL;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,iBAAiB,EAAE,KAC1B,WAAW,EAcb,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,QAAQ,WAAW,EAAE,KAAG,CAAC,MAAM,EAAE,MAAM,CASrE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAAS,MAAM,EAY/C,CAAC"}
+{"version":3,"file":"three-d.d.ts","sourceRoot":"","sources":["../../../utils/three-d.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,QAAA,MAAM,cAAc,8EAOV,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D,wDAAwD;AACxD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAI9D;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAChC,kBAAkB,MAAM,GAAG,IAAI,KAC9B,gBAAgB,GAAG,IAIrB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GACnB,MAAM;IAAE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAAG,IAAI,GAAG,SAAS,KAC3D,OAAgE,CAAC;AAEpE,gFAAgF;AAChF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,GAC9B,kBAAkB,MAAM,GAAG,IAAI,EAC/B,UAAU,mBAAmB,KAC5B,gBAAgB,GAAG,IAerB,CAAC;AAEF,4EAA4E;AAC5E,eAAO,MAAM,aAAa,GACxB,MAAM;IAAE,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAAE,GAAG,IAAI,GAAG,SAAS,KAC3D,OAAqE,CAAC;AAEzE,uFAAuF;AACvF,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,GAAG,CAAC,CAAC;AAE1D;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,iBAAiB,EAAE,KAC1B,YAAY,EAcd,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,4DAA4D;IAC5D,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,MAAM,EAAE,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,CAAC;CACvC,CAAC;AAEF,wDAAwD;AACxD,MAAM,MAAM,WAAW,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAKnD,8DAA8D;AAC9D,eAAO,MAAM,gBAAgB,GAAI,QAAQ,iBAAiB,EAAE,KAAG,MACO,CAAC;AAEvE;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,QAAQ,iBAAiB,EAAE,KAAG,WAAW,EAUvE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,iBAAiB,EAAE,KAC1B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,WAAW,EAAE,CAAA;CAAE,EASpC,CAAC;AAEL;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAC3B,QAAQ,iBAAiB,EAAE,KAC1B,WAAW,EAcb,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GAAI,QAAQ,WAAW,EAAE,KAAG,CAAC,MAAM,EAAE,MAAM,CASrE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,SAAS,MAAM,EAY/C,CAAC"}

package/dist/cjs/utils/three-d.js

@@ -64,8 +64,11 @@ exports.is3DSpec = is3DSpec;
  * - PIE_3D — echarts-gl has no pie3D, so the 2-D pie fallback stays.
  * - AREA_3D — echarts-gl has no area3D; rendered as line3D.
  * - non-3-D / unknown tokens.
+ * - any token when the host turned 3-D off (`enable3D: false`).
  */
-var resolve3DRenderKind = function (sourceChartType) {
+var resolve3DRenderKind = function (sourceChartType, options) {
+    if ((options === null || options === void 0 ? void 0 : options.enable3D) === false)
+        return null;
     switch ((0, exports.normalize3DSourceType)(sourceChartType)) {
         case "BAR_3D":
             return "bar3D";

package/dist/esm/basic-chart/basic-chart.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import type { EChartComponentProps } from "../types";
 export type BasicChartProps = EChartComponentProps;
-export declare const BasicChart: ({ width, height, chart, theme, isDarkMode, sheetId, readonly, getDomainValuesFromRange, getSeriesValuesFromRange, getFormattingFromRange, onDeleteChart, onUpdateChart, onRequestEdit, onRequestCalculate, isSelected, fieldButtons, locale, }: BasicChartProps) => React.JSX.Element;
+export declare const BasicChart: ({ width, height, chart, theme, isDarkMode, sheetId, readonly, getDomainValuesFromRange, getSeriesValuesFromRange, getFormattingFromRange, onDeleteChart, onUpdateChart, onRequestEdit, onRequestCalculate, isSelected, fieldButtons, locale, enable3D, }: BasicChartProps) => React.JSX.Element;
 //# sourceMappingURL=basic-chart.d.ts.map

package/dist/esm/basic-chart/basic-chart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"basic-chart.d.ts","sourceRoot":"","sources":["../../../basic-chart/basic-chart.tsx"],"names":[],"mappings":"AAkEA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAwTrD,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC;AAiGnD,eAAO,MAAM,UAAU,GAAI,gPAkBxB,eAAe,sBAmvHjB,CAAC"}
+{"version":3,"file":"basic-chart.d.ts","sourceRoot":"","sources":["../../../basic-chart/basic-chart.tsx"],"names":[],"mappings":"AAkEA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAyTrD,MAAM,MAAM,eAAe,GAAG,oBAAoB,CAAC;AAiGnD,eAAO,MAAM,UAAU,GAAI,0PAmBxB,eAAe,sBA2wHjB,CAAC"}

package/dist/esm/basic-chart/basic-chart.js

@@ -20,7 +20,7 @@ import { canSwitchRowColumn, cellLabelGetterFromRangeReader, switchRowColumn, }
 import { coerceCalculatedLabel, getChartDataRanges, } from "../utils/chart-spec-utils";
 import { getChartPalette } from "../utils/chart-styles";
 import { clampDoughnutHole, doughnutRings } from "../utils/doughnut";
-import { getEchartsGlState, loadEchartsGl, } from "../utils/echarts-gl-loader";
+import { getEchartsGlState, loadEchartsGl, markEchartsGlFailed, } from "../utils/echarts-gl-loader";
 import { buildEchartsOverlaySeries } from "../utils/echarts-overlays";
 import { applyEmptyCellsPolicy, connectsAcrossEmptyCells, isLineLikeChartType, isolatedPointIndexes, } from "../utils/empty-cells";
 import { gradientToEcharts } from "../utils/gradient";
@@ -248,7 +248,7 @@ const defaultLegendConfig = {
 };
 /** Category-axis title gap: clears one row of tick labels (#986). */
 const CATEGORY_AXIS_NAME_GAP = categoryAxisNameGap();
-export const BasicChart = ({ width, height, chart, theme, isDarkMode, sheetId, readonly, getDomainValuesFromRange, getSeriesValuesFromRange, getFormattingFromRange, onDeleteChart, onUpdateChart, onRequestEdit, onRequestCalculate, isSelected, fieldButtons, locale, }) => {
+export const BasicChart = ({ width, height, chart, theme, isDarkMode, sheetId, readonly, getDomainValuesFromRange, getSeriesValuesFromRange, getFormattingFromRange, onDeleteChart, onUpdateChart, onRequestEdit, onRequestCalculate, isSelected, fieldButtons, locale, enable3D, }) => {
     const spec = chart.spec;
     const explicitChartTitle = chart.spec.title ?? undefined;
     const hierarchyTitleRef = useRef(explicitChartTitle);
@@ -428,7 +428,7 @@ export const BasicChart = ({ width, height, chart, theme, isDarkMode, sheetId, r
         // SSR, import failure, PIE_3D) the 2-D fallback renders untouched.
         // The 3-D and region-map gates key off disjoint sourceChartType
         // tokens, so a spec can never satisfy both.
-        const threeDRenderKind = resolve3DRenderKind(spec.sourceChartType);
+        const threeDRenderKind = resolve3DRenderKind(spec.sourceChartType, { enable3D });
         const canRender3D = threeDRenderKind !== null && isWebGLAvailable();
         const willRender3D = canRender3D && getEchartsGlState() === "ready";
         if (canRender3D && !willRender3D && getEchartsGlState() !== "failed") {
@@ -1327,38 +1327,63 @@ export const BasicChart = ({ width, height, chart, theme, isDarkMode, sheetId, r
                     inRange: { color: [...SURFACE_COLOR_RAMP] },
                 };
             }
-            chartRef.current?.setOption({
-                tooltip: {
-                    textStyle: { fontSize: 12 },
-                    formatter: threeDTooltipFormatter,
-                },
-                legend: threeDRenderKind === "line3D" || stackedBar3D
-                    ? applyLegendOverrides({
-                        ...defaultLegendConfig,
-                        show: seriesNames.length > 1,
-                        data: seriesNames,
-                    }, spec.legend)
-                    : { show: false },
-                xAxis3D: { ...xAxis3D, name: spec.horizontalAxisTitle ?? "" },
-                yAxis3D: { ...yAxis3D, name: "" },
-                zAxis3D: { type: "value", name: spec.verticalAxisTitle ?? "" },
-                grid3D: {
-                    boxDepth: Math.max(20, Math.min(100, seriesNames.length * 20)),
-                    viewControl: { autoRotate: false },
-                },
-                ...(visualMap ? { visualMap: [visualMap] } : {}),
-                series: threeDSeries,
-            }, {
-                replaceMerge: [
-                    "series",
-                    "xAxis3D",
-                    "yAxis3D",
-                    "zAxis3D",
-                    "visualMap",
-                    "legend",
-                    "tooltip",
-                ],
-            });
+            // echarts-gl builds its GL scene inside setOption, and that can
+            // throw after the module loaded fine — claygl compiles compositor
+            // sizes with `new Function`, which a CSP without 'unsafe-eval'
+            // blocks (rowsncolumns/spreadsheet#1187). Latch the failure so no
+            // chart retries 3-D, drop the half-built instance and draw the 2-D
+            // fallback instead of leaving the chart blank.
+            try {
+                chartRef.current?.setOption({
+                    tooltip: {
+                        textStyle: { fontSize: 12 },
+                        formatter: threeDTooltipFormatter,
+                    },
+                    legend: threeDRenderKind === "line3D" || stackedBar3D
+                        ? applyLegendOverrides({
+                            ...defaultLegendConfig,
+                            show: seriesNames.length > 1,
+                            data: seriesNames,
+                        }, spec.legend)
+                        : { show: false },
+                    xAxis3D: { ...xAxis3D, name: spec.horizontalAxisTitle ?? "" },
+                    yAxis3D: { ...yAxis3D, name: "" },
+                    zAxis3D: { type: "value", name: spec.verticalAxisTitle ?? "" },
+                    grid3D: {
+                        boxDepth: Math.max(20, Math.min(100, seriesNames.length * 20)),
+                        viewControl: { autoRotate: false },
+                    },
+                    ...(visualMap ? { visualMap: [visualMap] } : {}),
+                    series: threeDSeries,
+                }, {
+                    replaceMerge: [
+                        "series",
+                        "xAxis3D",
+                        "yAxis3D",
+                        "zAxis3D",
+                        "visualMap",
+                        "legend",
+                        "tooltip",
+                    ],
+                });
+            }
+            catch (error) {
+                markEchartsGlFailed(error);
+                try {
+                    chartRef.current?.dispose();
+                }
+                catch {
+                    // A GL instance that threw mid-build may not dispose cleanly.
+                }
+                chartRef.current = undefined;
+                renderedIn3D.current = false;
+                previousChartType.current = undefined;
+                previousSeriesCount.current = undefined;
+                initializeChart();
+                applyThemeOptions();
+                await updateChart();
+                return;
+            }
             // Re-apply theme-derived title / palette / tooltip colors — lost
             // when the instance was re-initialized on entry into 3-D.
             renderedIn3D.current = true;

package/dist/esm/components/editors/chart-editor.d.ts

@@ -16,7 +16,13 @@ type ChartEditorProps = {
      * from the data range. Without it the switched series are unnamed.
      */
     getFormattedValue?: ChartCellLabelGetter;
+    /**
+     * Mirror of the renderer's `enable3D`: `false` hides the presets that
+     * render through echarts-gl (3-D Column / Bar / Line / Area / Surface).
+     * An existing 3-D spec keeps its `sourceChartType`. Default `true`.
+     */
+    enable3D?: boolean;
 };
-export declare const ChartEditor: ({ chart, sheetId, onSubmit, onRequestMoveChart, getFormattedValue, }: ChartEditorProps) => React.JSX.Element;
+export declare const ChartEditor: ({ chart, sheetId, onSubmit, onRequestMoveChart, getFormattedValue, enable3D, }: ChartEditorProps) => React.JSX.Element;
 export default ChartEditor;
 //# sourceMappingURL=chart-editor.d.ts.map

package/dist/esm/components/editors/chart-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-editor.d.ts","sourceRoot":"","sources":["../../../../components/editors/chart-editor.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,aAAa,EAGd,MAAM,2BAA2B,CAAC;AAwBnC,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAEL,KAAK,oBAAoB,EAG1B,MAAM,+BAA+B,CAAC;AAuDvC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IACtC;;;;OAIG;IACH,kBAAkB,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAChD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,oBAAoB,CAAC;CAC1C,CAAC;AAuBF,eAAO,MAAM,WAAW,GAAI,sEAMzB,gBAAgB,sBAkhClB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"chart-editor.d.ts","sourceRoot":"","sources":["../../../../components/editors/chart-editor.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAGV,aAAa,EAGd,MAAM,2BAA2B,CAAC;AAwBnC,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,EAEL,KAAK,oBAAoB,EAG1B,MAAM,+BAA+B,CAAC;AAuDvC,KAAK,gBAAgB,GAAG;IACtB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IACtC;;;;OAIG;IACH,kBAAkB,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAChD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,oBAAoB,CAAC;IACzC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAuBF,eAAO,MAAM,WAAW,GAAI,gFAOzB,gBAAgB,sBAmhClB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/esm/components/editors/chart-editor.js

@@ -7,7 +7,7 @@ import { uuid } from "@rowsncolumns/utils";
 import { useFormik } from "formik";
 import React, { useMemo } from "react";
 import { useSetChartEditorDialogState } from "../../atoms/editing-chart.atom";
-import { CHART_TYPES, getChartPresetLabel } from "../../config";
+import { getChartPresetLabel, getChartTypes } from "../../config";
 import { canSwitchRowColumn, inferSeriesOrientation, switchRowColumn, } from "../../utils/chart-orientation";
 import { isBasicChartSpec, isBubbleChartSpec, isHierarchyChartSpec, mergeChartSpec, } from "../../utils/chart-spec-utils";
 import { applyChartColorPalette, applyChartQuickLayout, applyChartStyle, CHART_COLOR_PALETTES, CHART_QUICK_LAYOUTS, CHART_STYLES, resetChartToMatchStyle, } from "../../utils/chart-styles";
@@ -47,8 +47,9 @@ const Section = ({ title, defaultOpen = false, children, }) => (React.createElem
         React.createElement(ChevronRightIcon, { className: "shrink-0 transition-transform group-open:rotate-90" }),
         title),
     React.createElement("div", { className: "flex flex-col gap-2 pb-3" }, children)));
-export const ChartEditor = ({ chart, sheetId, onSubmit, onRequestMoveChart, getFormattedValue, }) => {
+export const ChartEditor = ({ chart, sheetId, onSubmit, onRequestMoveChart, getFormattedValue, enable3D, }) => {
     const setChartDialogState = useSetChartEditorDialogState();
+    const chartTypes = getChartTypes({ enable3D });
     // Close dialog
     const closeDialog = () => setChartDialogState(false);
     // Keyed on chart identity so a position sync (move/resize while the
@@ -218,7 +219,7 @@ export const ChartEditor = ({ chart, sheetId, onSubmit, onRequestMoveChart, getF
                                 React.createElement(DropdownRightSlot, null,
                                     React.createElement(TriangleDownIcon, null)))),
                         React.createElement(DropdownMenuPortal, null,
-                            React.createElement(DropdownMenuContent, { align: "start", sideOffset: 0 }, CHART_TYPES.map(([category, types]) => {
+                            React.createElement(DropdownMenuContent, { align: "start", sideOffset: 0 }, chartTypes.map(([category, types]) => {
                                 return (React.createElement(DropdownMenuSub, { key: category },
                                     React.createElement(DropdownMenuSubTrigger, null,
                                         React.createElement(DropdownLeftSlot, null,

package/dist/esm/config.d.ts

@@ -1,5 +1,15 @@
 import type { ChartSpec } from "@rowsncolumns/spreadsheet";
+import { type ThreeDRenderOptions } from "./utils/three-d";
 export declare const CHART_TYPES: Array<[string, Array<[string, Partial<ChartSpec>]>]>;
+/**
+ * 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).
+ */
+export declare const getChartTypes: (options?: ThreeDRenderOptions) => Array<[string, Array<[string, Partial<ChartSpec>]>]>;
 /**
  * True when a spec is doughnut-shaped: the first-class
  * `chartType: "doughnut"` token, or the two legacy pie encodings —

package/dist/esm/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAwR3D,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAgB1E,CAAC;AAYJ;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,OAAO,CAAC,SAAS,CAAC,KAAG,OAQzD,CAAC;AAuBF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,OAAO,CAAC,SAAS,CAAC,KAAG,MA4B9D,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,EAAuB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAsRhF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAgB1E,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,GACxB,UAAU,mBAAmB,KAC5B,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAarD,CAAC;AAYF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,MAAM,OAAO,CAAC,SAAS,CAAC,KAAG,OAQzD,CAAC;AAuBF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,OAAO,CAAC,SAAS,CAAC,KAAG,MA4B9D,CAAC"}

package/dist/esm/config.js

@@ -1,4 +1,5 @@
 import { DEFAULT_PIE_EXPLOSION } from "./utils/pie-explosion";
+import { resolve3DRenderKind } from "./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 /
@@ -273,6 +274,25 @@ export const 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).
+ */
+export const getChartTypes = (options) => {
+    if (options?.enable3D !== false)
+        return CHART_TYPES;
+    const groups = [];
+    for (const [category, presets] of CHART_TYPES) {
+        const kept = presets.filter(([, preset]) => resolve3DRenderKind(preset.sourceChartType) === null);
+        if (kept.length > 0)
+            groups.push([category, kept]);
+    }
+    return groups;
+};
 /** Parse a radius entry ("40%" | 40 | 0) into a number, NaN-safe. */
 const parseRadiusValue = (value) => {
     if (typeof value === "number")

package/dist/esm/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/esm/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/esm/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