@rowsncolumns/spreadsheet 10.3.0 → 10.4.0

package/dist/cjs/components/filter-box/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterBox = exports.FilterBoxWrapper = exports.isTableView = void 0;
+exports.FilterBox = exports.FilterBoxWrapper = exports.hasActiveFilterCriteria = exports.isTableView = void 0;
 var tslib_1 = require("tslib");
 var grid_1 = require("@rowsncolumns/grid");
 var icons_1 = require("@rowsncolumns/icons");
@@ -19,6 +19,21 @@ var isTableView = function (filter) {
     return "columns" in filter;
 };
 exports.isTableView = isTableView;
+/**
+ * Whether a column's stored criteria still filter anything — what enables
+ * Excel's "Clear Filter From <column>" item. Same test as the state layer's
+ * `isFilterCriteriaActive`.
+ */
+var hasActiveFilterCriteria = function (criteria) {
+    var _a, _b, _c;
+    return Boolean(criteria &&
+        (((_a = criteria.condition) === null || _a === void 0 ? void 0 : _a.type) ||
+            ((_b = criteria.condition2) === null || _b === void 0 ? void 0 : _b.type) ||
+            ((_c = criteria.visibleValues) === null || _c === void 0 ? void 0 : _c.length) ||
+            criteria.colorFilter ||
+            criteria.iconFilter));
+};
+exports.hasActiveFilterCriteria = hasActiveFilterCriteria;
 // Excel-style "Auto apply": changes in the filter box apply live without
 // pressing Apply. On by default like Excel; unchecking it survives across
 // filter boxes and sessions, matching Excel's sticky checkbox.
@@ -45,7 +60,7 @@ var storeAutoApplyPreference = function (value) {
     }
 };
 exports.FilterBoxWrapper = (0, react_2.memo)(function (_a) {
-    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    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, _1;
     var dimensionIndex = _a.dimensionIndex, onOpenChange = _a.onOpenChange, onSort = _a.onSort, onFilter = _a.onFilter, onDeleteTableColumn = _a.onDeleteTableColumn, onInsertTableColumn = _a.onInsertTableColumn, sheetId = _a.sheetId, filter = _a.filter, values = _a.values, availableCellColors = _a.availableCellColors, availableFontColors = _a.availableFontColors, availableIcons = _a.availableIcons, customLists = _a.customLists;
     // Opens the host-mounted multi-level Sort dialog.
     var openSortDialog = (0, sort_dialog_atom_1.useOpenSortDialog)();
@@ -56,23 +71,30 @@ exports.FilterBoxWrapper = (0, react_2.memo)(function (_a) {
     // Table view
     var isTable = (0, exports.isTableView)(filter);
     // State
-    var _p = tslib_1.__read((0, react_1.useState)((_d = (_c = filterCriteria === null || filterCriteria === void 0 ? void 0 : filterCriteria.condition) === null || _c === void 0 ? void 0 : _c.type) !== null && _d !== void 0 ? _d : undefined), 2), conditionType = _p[0], onChangeConditionType = _p[1];
+    var _2 = tslib_1.__read((0, react_1.useState)((_d = (_c = filterCriteria === null || filterCriteria === void 0 ? void 0 : filterCriteria.condition) === null || _c === void 0 ? void 0 : _c.type) !== null && _d !== void 0 ? _d : undefined), 2), conditionType = _2[0], onChangeConditionType = _2[1];
     // Hidden values
-    var _q = tslib_1.__read((0, react_1.useState)((_e = filterCriteria === null || filterCriteria === void 0 ? void 0 : filterCriteria.visibleValues) !== null && _e !== void 0 ? _e : values), 2), visibleValues = _q[0], onChangeVisibleValues = _q[1];
-    var _r = tslib_1.__read((0, react_1.useState)((_j = (_h = (_g = (_f = filterCriteria === null || filterCriteria === void 0 ? void 0 : filterCriteria.condition) === null || _f === void 0 ? void 0 : _f.values) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.userEnteredValue) !== null && _j !== void 0 ? _j : ""), 2), fromValue = _r[0], onChangeFromValue = _r[1];
+    var _3 = tslib_1.__read((0, react_1.useState)((_e = filterCriteria === null || filterCriteria === void 0 ? void 0 : filterCriteria.visibleValues) !== null && _e !== void 0 ? _e : values), 2), visibleValues = _3[0], onChangeVisibleValues = _3[1];
+    var _4 = tslib_1.__read((0, react_1.useState)((_j = (_h = (_g = (_f = filterCriteria === null || filterCriteria === void 0 ? void 0 : filterCriteria.condition) === null || _f === void 0 ? void 0 : _f.values) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.userEnteredValue) !== null && _j !== void 0 ? _j : ""), 2), fromValue = _4[0], onChangeFromValue = _4[1];
     // For range : Between type
-    var _s = tslib_1.__read((0, react_1.useState)((_o = (_m = (_l = (_k = filterCriteria === null || filterCriteria === void 0 ? void 0 : filterCriteria.condition) === null || _k === void 0 ? void 0 : _k.values) === null || _l === void 0 ? void 0 : _l[1]) === null || _m === void 0 ? void 0 : _m.userEnteredValue) !== null && _o !== void 0 ? _o : ""), 2), toValue = _s[0], onChangeToValue = _s[1];
+    var _5 = tslib_1.__read((0, react_1.useState)((_o = (_m = (_l = (_k = filterCriteria === null || filterCriteria === void 0 ? void 0 : filterCriteria.condition) === null || _k === void 0 ? void 0 : _k.values) === null || _l === void 0 ? void 0 : _l[1]) === null || _m === void 0 ? void 0 : _m.userEnteredValue) !== null && _o !== void 0 ? _o : ""), 2), toValue = _5[0], onChangeToValue = _5[1];
     // Color & icon filter criteria (Phase 3). `null` means "cleared this
     // turn"; `undefined` (initial) means "no change — preserve any
     // existing criterion from the spec".
-    var _t = tslib_1.__read((0, react_1.useState)(undefined), 2), colorFilter = _t[0], onChangeColorFilter = _t[1];
-    var _u = tslib_1.__read((0, react_1.useState)(undefined), 2), iconFilter = _u[0], onChangeIconFilter = _u[1];
+    var _6 = tslib_1.__read((0, react_1.useState)(undefined), 2), colorFilter = _6[0], onChangeColorFilter = _6[1];
+    var _7 = tslib_1.__read((0, react_1.useState)(undefined), 2), iconFilter = _7[0], onChangeIconFilter = _7[1];
+    // Excel's Custom AutoFilter second clause + And / Or join.
+    var _8 = tslib_1.__read((0, react_1.useState)((_q = (_p = filterCriteria === null || filterCriteria === void 0 ? void 0 : filterCriteria.condition2) === null || _p === void 0 ? void 0 : _p.type) !== null && _q !== void 0 ? _q : undefined), 2), condition2Type = _8[0], onChangeCondition2Type = _8[1];
+    var _9 = tslib_1.__read((0, react_1.useState)((_u = (_t = (_s = (_r = filterCriteria === null || filterCriteria === void 0 ? void 0 : filterCriteria.condition2) === null || _r === void 0 ? void 0 : _r.values) === null || _s === void 0 ? void 0 : _s[0]) === null || _t === void 0 ? void 0 : _t.userEnteredValue) !== null && _u !== void 0 ? _u : ""), 2), condition2From = _9[0], onChangeCondition2From = _9[1];
+    var _10 = tslib_1.__read((0, react_1.useState)((_y = (_x = (_w = (_v = filterCriteria === null || filterCriteria === void 0 ? void 0 : filterCriteria.condition2) === null || _v === void 0 ? void 0 : _v.values) === null || _w === void 0 ? void 0 : _w[1]) === null || _x === void 0 ? void 0 : _x.userEnteredValue) !== null && _y !== void 0 ? _y : ""), 2), condition2To = _10[0], onChangeCondition2To = _10[1];
+    var _11 = tslib_1.__read((0, react_1.useState)((_z = filterCriteria === null || filterCriteria === void 0 ? void 0 : filterCriteria.conditionJoin) !== null && _z !== void 0 ? _z : "AND"), 2), conditionJoin = _11[0], onChangeConditionJoin = _11[1];
+    // "Sort by Color" is a collapsed sub-menu of the dropdown, like Excel's.
+    var _12 = tslib_1.__read((0, react_1.useState)(false), 2), showSortByColor = _12[0], setShowSortByColor = _12[1];
     // Auto apply (Excel parity). `pendingAutoApplyTick` counts user edits made
     // while auto apply is on; the debounced effect below applies the newest
     // state once per burst.
-    var _v = tslib_1.__read((0, react_1.useState)(readAutoApplyPreference), 2), autoApply = _v[0], setAutoApply = _v[1];
+    var _13 = tslib_1.__read((0, react_1.useState)(readAutoApplyPreference), 2), autoApply = _13[0], setAutoApply = _13[1];
     var autoApplyRef = (0, react_1.useRef)(autoApply);
-    var _w = tslib_1.__read((0, react_1.useState)(0), 2), pendingAutoApplyTick = _w[0], setPendingAutoApplyTick = _w[1];
+    var _14 = tslib_1.__read((0, react_1.useState)(0), 2), pendingAutoApplyTick = _14[0], setPendingAutoApplyTick = _14[1];
     // Armed only after mount: FilterByCondition clears its To value via a
     // mount-time layout effect — a programmatic write, not a user edit.
     // Without this guard, just opening the filter box would fire an apply.
@@ -177,9 +199,22 @@ exports.FilterBoxWrapper = (0, react_2.memo)(function (_a) {
             }
             return undefined;
         })();
+        var condition2Values = [];
+        if (condition2From) {
+            condition2Values.push({ userEnteredValue: condition2From });
+        }
+        if (condition2To) {
+            condition2Values.push({ userEnteredValue: condition2To });
+        }
+        // A second clause without a first is applied as the only clause.
+        var condition2 = condition2Type
+            ? { type: condition2Type, values: condition2Values }
+            : null;
         onFilter === null || onFilter === void 0 ? void 0 : onFilter(sheetId, filter, dimensionIndex, conditionType, conditionValues, normalizedVisibleValues, {
             colorFilter: colorFilter,
             iconFilter: iconFilter,
+            condition2: condition2,
+            conditionJoin: condition2 ? conditionJoin : null,
         });
     }, [
         sheetId,
@@ -189,11 +224,39 @@ exports.FilterBoxWrapper = (0, react_2.memo)(function (_a) {
         fromValue,
         toValue,
         conditionType,
+        condition2Type,
+        condition2From,
+        condition2To,
+        conditionJoin,
         visibleValues,
         values,
         colorFilter,
         iconFilter,
     ]);
+    // Excel's "Clear Filter From <column>": drop every criterion on this
+    // column only — the filter (and the other columns' criteria) stay.
+    var columnLabel = isTable
+        ? (_1 = (_0 = filter.columns) === null || _0 === void 0 ? void 0 : _0[dimensionIndex]) === null || _1 === void 0 ? void 0 : _1.name
+        : undefined;
+    var clearLabel = "Clear Filter From \"".concat(columnLabel !== null && columnLabel !== void 0 ? columnLabel : "Column ".concat((0, utils_1.number2Alpha)(filter.range.startColumnIndex + dimensionIndex)), "\"");
+    var canClearColumn = (0, exports.hasActiveFilterCriteria)(filterCriteria);
+    var onClearColumnFilter = (0, react_2.useCallback)(function () {
+        onFilter === null || onFilter === void 0 ? void 0 : onFilter(sheetId, filter, dimensionIndex, undefined, undefined, undefined, {
+            colorFilter: null,
+            iconFilter: null,
+            condition2: null,
+        });
+        onClose();
+    }, [onFilter, sheetId, filter, dimensionIndex, onClose]);
+    // Excel's "Sort by Color": surface the picked fill / font colour or CF icon
+    // to the top of the column (one level, ascending).
+    var onSortByColor = (0, react_2.useCallback)(function (options) {
+        onSort === null || onSort === void 0 ? void 0 : onSort(sheetId, filter, dimensionIndex, "ASCENDING", options);
+        onClose();
+    }, [onSort, sheetId, filter, dimensionIndex, onClose]);
+    var hasSortColors = Boolean((availableCellColors === null || availableCellColors === void 0 ? void 0 : availableCellColors.length) ||
+        (availableFontColors === null || availableFontColors === void 0 ? void 0 : availableFontColors.length) ||
+        (availableIcons === null || availableIcons === void 0 ? void 0 : availableIcons.length));
     // Debounced auto-apply. `appliedTickRef` keeps applyFilter identity
     // changes that carry no user edit (e.g. the async values re-sync above)
     // from re-applying an already-flushed tick.
@@ -250,6 +313,10 @@ exports.FilterBoxWrapper = (0, react_2.memo)(function (_a) {
     var onUserChangeColorFilter = (0, react_2.useMemo)(function () { return wrapWithAutoApply(onChangeColorFilter); }, [wrapWithAutoApply]);
     var onUserChangeIconFilter = (0, react_2.useMemo)(function () { return wrapWithAutoApply(onChangeIconFilter); }, [wrapWithAutoApply]);
     var onUserChangeVisibleValues = (0, react_2.useMemo)(function () { return wrapWithAutoApply(onChangeVisibleValues); }, [wrapWithAutoApply]);
+    var onUserChangeCondition2Type = (0, react_2.useMemo)(function () { return wrapWithAutoApply(onChangeCondition2Type); }, [wrapWithAutoApply]);
+    var onUserChangeCondition2From = (0, react_2.useMemo)(function () { return wrapWithAutoApply(onChangeCondition2From); }, [wrapWithAutoApply]);
+    var onUserChangeCondition2To = (0, react_2.useMemo)(function () { return wrapWithAutoApply(onChangeCondition2To); }, [wrapWithAutoApply]);
+    var onUserChangeConditionJoin = (0, react_2.useMemo)(function () { return wrapWithAutoApply(onChangeConditionJoin); }, [wrapWithAutoApply]);
     // Apply
     var onSubmit = (0, react_2.useCallback)(function (event) {
         event.preventDefault();
@@ -309,8 +376,32 @@ exports.FilterBoxWrapper = (0, react_2.memo)(function (_a) {
             react_1.default.createElement(ui_1.DropdownLeftSlot, { className: "text-base leading-4" },
                 react_1.default.createElement(icons_1.SortDownIcon, null)),
             "Custom sort\u2026"),
+        react_1.default.createElement(ui_1.PopoverMenuItem, { type: "button", disabled: !hasSortColors, "aria-expanded": showSortByColor, onClick: function () { return setShowSortByColor(function (open) { return !open; }); } },
+            react_1.default.createElement(ui_1.DropdownLeftSlot, { className: "text-base leading-4" }, showSortByColor ? react_1.default.createElement(icons_1.ChevronDownIcon, null) : react_1.default.createElement(icons_1.ChevronRightIcon, null)),
+            "Sort by Color"),
+        showSortByColor && hasSortColors ? (react_1.default.createElement("div", { className: "flex flex-col pl-6 pb-1", role: "group", "aria-label": "Sort by Color" }, availableCellColors === null || availableCellColors === void 0 ? void 0 :
+            availableCellColors.map(function (color) { return (react_1.default.createElement(ui_1.Button, { key: "cell-".concat(color), type: "button", "aria-label": "Sort by cell color ".concat(color), title: "Sort by cell color ".concat(color), onClick: function () { return onSortByColor({ sortBy: "cellColor", sortColor: color }); }, className: "justify-start px-2 py-0 gap-2 text-sm text-left w-full h-6" },
+                react_1.default.createElement("span", { className: "inline-block h-4 w-4 rounded border border-gray-300 shrink-0", style: { backgroundColor: color } }),
+                "Cell color ",
+                color)); }), availableFontColors === null || availableFontColors === void 0 ? void 0 :
+            availableFontColors.map(function (color) { return (react_1.default.createElement(ui_1.Button, { key: "font-".concat(color), type: "button", "aria-label": "Sort by font color ".concat(color), title: "Sort by font color ".concat(color), onClick: function () { return onSortByColor({ sortBy: "fontColor", sortColor: color }); }, className: "justify-start px-2 py-0 gap-2 text-sm text-left w-full h-6" },
+                react_1.default.createElement("span", { className: "inline-block h-4 w-4 rounded border border-gray-300 shrink-0", style: { backgroundColor: color } }),
+                "Font color ",
+                color)); }), availableIcons === null || availableIcons === void 0 ? void 0 :
+            availableIcons.map(function (icon) { return (react_1.default.createElement(ui_1.Button, { key: "icon-".concat(icon.iconSet, "-").concat(icon.iconId), type: "button", "aria-label": "Sort by ".concat(icon.iconSet, " icon ").concat(icon.iconId), title: "Sort by ".concat(icon.iconSet, " icon ").concat(icon.iconId), onClick: function () {
+                    return onSortByColor({
+                        sortBy: "icon",
+                        sortIcon: { iconSet: icon.iconSet, iconId: icon.iconId },
+                    });
+                }, className: "justify-start px-2 py-0 gap-2 text-sm text-left w-full h-6" },
+                react_1.default.createElement("span", { className: "inline-block h-4 w-4 leading-none text-center text-sm shrink-0", style: icon.color ? { color: icon.color } : undefined }, icon.glyph),
+                "Icon")); }))) : null,
+        react_1.default.createElement(ui_1.PopoverMenuItem, { type: "button", disabled: !canClearColumn, onClick: onClearColumnFilter },
+            react_1.default.createElement(ui_1.DropdownLeftSlot, { className: "text-base leading-4" },
+                react_1.default.createElement(icons_1.Cross2Icon, null)),
+            clearLabel),
         react_1.default.createElement("div", { className: "py-2 px-2" },
-            react_1.default.createElement(filter_by_condition_1.FilterByCondition, { conditionType: conditionType, fromValue: fromValue, toValue: toValue, onChangeConditionType: onUserChangeConditionType, onChangeFromValue: onUserChangeFromValue, onChangeToValue: onUserChangeToValue }),
+            react_1.default.createElement(filter_by_condition_1.FilterByCondition, { conditionType: conditionType, fromValue: fromValue, toValue: toValue, onChangeConditionType: onUserChangeConditionType, onChangeFromValue: onUserChangeFromValue, onChangeToValue: onUserChangeToValue, condition2Type: condition2Type, condition2From: condition2From, condition2To: condition2To, conditionJoin: conditionJoin, onChangeCondition2Type: onUserChangeCondition2Type, onChangeCondition2From: onUserChangeCondition2From, onChangeCondition2To: onUserChangeCondition2To, onChangeConditionJoin: onUserChangeConditionJoin }),
             react_1.default.createElement(ui_1.Separator, { className: "mt-2 mb-2" }),
             react_1.default.createElement(filter_by_color_1.FilterByColor, { colorFilter: colorFilter === undefined
                     ? filterCriteria === null || filterCriteria === void 0 ? void 0 : filterCriteria.colorFilter

package/dist/cjs/components/move-chart-dialog/index.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+import type { EmbeddedChart, MoveChartTarget, Sheet } from "../../types";
+export type MoveChartDialogProps = {
+    /** Controls visibility. */
+    open: boolean;
+    onOpenChange(open: boolean): void;
+    /** The chart being moved; its `position.sheetId` is the source sheet. */
+    chart: EmbeddedChart;
+    /** Every sheet of the workbook (chartsheets are not offered as "Object in" targets). */
+    sheets: Sheet[];
+    onSubmit(target: MoveChartTarget): void;
+};
+/**
+ * Excel's "Move Chart…" dialog: "New sheet: [Chart1]" creates a chartsheet
+ * (a tab that is the chart, no cells) or "Object in: [Sheet]" moves the chart
+ * onto another worksheet. UI-only — the host turns the target into the move.
+ */
+export declare const MoveChartDialog: React.MemoExoticComponent<({ open, onOpenChange, chart, sheets, onSubmit }: MoveChartDialogProps) => React.JSX.Element>;
+export type MoveChartDialogHostProps = {
+    sheets: Sheet[];
+    /** `useCharts().onMoveChartToSheet` / the engine hook's `onMoveChartToSheet`. */
+    onMoveChartToSheet(chart: EmbeddedChart, target: MoveChartTarget): unknown;
+};
+/**
+ * Host-mounted, atom-driven wrapper around {@link MoveChartDialog}. Mount it
+ * once alongside the other editor dialogs; the chart context menu and the
+ * chart editor open it. Remounted per request so each opening starts from the
+ * chart's current sheet.
+ */
+export declare const MoveChartDialogHost: {
+    ({ sheets, onMoveChartToSheet, }: MoveChartDialogHostProps): React.JSX.Element | null;
+    displayName: string;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/move-chart-dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/move-chart-dialog/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAAG;IACjC,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,yEAAyE;IACzE,KAAK,EAAE,aAAa,CAAC;IACrB,wFAAwF;IACxF,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,QAAQ,CAAC,MAAM,EAAE,eAAe,GAAG,IAAI,CAAC;CACzC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,8EACwB,oBAAoB,uBAgIvE,CAAC;AAIF,MAAM,MAAM,wBAAwB,GAAG;IACrC,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,iFAAiF;IACjF,kBAAkB,CAAC,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,eAAe,GAAG,OAAO,CAAC;CAC5E,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB;sCAG7B,wBAAwB;;CAiB1B,CAAC"}

package/dist/cjs/components/move-chart-dialog/index.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MoveChartDialogHost = exports.MoveChartDialog = void 0;
+var tslib_1 = require("tslib");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importStar(require("react"));
+var chart_sheet_1 = require("../../api/chart-sheet");
+var move_chart_dialog_atom_1 = require("../../atoms/move-chart-dialog.atom");
+/**
+ * Excel's "Move Chart…" dialog: "New sheet: [Chart1]" creates a chartsheet
+ * (a tab that is the chart, no cells) or "Object in: [Sheet]" moves the chart
+ * onto another worksheet. UI-only — the host turns the target into the move.
+ */
+exports.MoveChartDialog = (0, react_1.memo)(function (_a) {
+    var _b;
+    var open = _a.open, onOpenChange = _a.onOpenChange, chart = _a.chart, sheets = _a.sheets, onSubmit = _a.onSubmit;
+    var sourceSheetId = chart.position.sheetId;
+    var sourceSheet = sheets.find(function (sheet) { return sheet.sheetId === sourceSheetId; });
+    var sourceIsChartSheet = (sourceSheet === null || sourceSheet === void 0 ? void 0 : sourceSheet.type) === "chartsheet";
+    var worksheets = sheets.filter(function (sheet) { return sheet.type !== "chartsheet" && !sheet.hidden; });
+    // Excel pre-selects where the chart currently is: "New sheet" (with the
+    // chartsheet's own name) for a chartsheet chart, "Object in" otherwise.
+    var _c = tslib_1.__read((0, react_1.useState)(sourceIsChartSheet ? "newSheet" : "sheet"), 2), mode = _c[0], setMode = _c[1];
+    var _d = tslib_1.__read((0, react_1.useState)(sourceIsChartSheet && sourceSheet
+        ? sourceSheet.title
+        : (0, chart_sheet_1.getNextChartSheetTitle)(sheets)), 2), title = _d[0], setTitle = _d[1];
+    var _e = tslib_1.__read((0, react_1.useState)(worksheets.some(function (sheet) { return sheet.sheetId === sourceSheetId; })
+        ? sourceSheetId
+        : (_b = worksheets[0]) === null || _b === void 0 ? void 0 : _b.sheetId), 2), targetSheetId = _e[0], setTargetSheetId = _e[1];
+    var commit = (0, react_1.useCallback)(function () {
+        if (mode === "newSheet") {
+            var trimmed = title.trim();
+            // Keeping a chartsheet's own name is not a move.
+            if (!(sourceIsChartSheet && trimmed === (sourceSheet === null || sourceSheet === void 0 ? void 0 : sourceSheet.title))) {
+                onSubmit({ kind: "newSheet", title: trimmed || undefined });
+            }
+        }
+        else if (targetSheetId !== undefined && targetSheetId !== sourceSheetId) {
+            onSubmit({ kind: "sheet", sheetId: targetSheetId });
+        }
+        onOpenChange(false);
+    }, [
+        mode,
+        title,
+        targetSheetId,
+        sourceSheetId,
+        sourceIsChartSheet,
+        sourceSheet,
+        onSubmit,
+        onOpenChange,
+    ]);
+    return (react_1.default.createElement(ui_1.Dialog, { open: open, onOpenChange: onOpenChange, modal: true },
+        react_1.default.createElement(ui_1.DialogContent, { className: "w-[360px] max-w-[92vw] pointer-events-auto" },
+            react_1.default.createElement(ui_1.DialogTitle, null, "Move Chart"),
+            react_1.default.createElement(ui_1.DialogCloseButton, null),
+            react_1.default.createElement(ui_1.DialogBody, { className: "flex flex-col gap-4" },
+                react_1.default.createElement("form", { className: "flex flex-col gap-4", onSubmit: function (e) {
+                        e.preventDefault();
+                        commit();
+                    } },
+                    react_1.default.createElement("fieldset", { className: "flex flex-col gap-2 min-w-0 border-0 p-0 m-0" },
+                        react_1.default.createElement("legend", { className: "text-xs font-medium mb-1" }, "Choose where you want the chart to be placed:"),
+                        react_1.default.createElement("label", { className: "flex items-center gap-2 text-xs py-0.5 cursor-pointer" },
+                            react_1.default.createElement("input", { type: "radio", name: "move-chart-target", value: "newSheet", checked: mode === "newSheet", onChange: function () { return setMode("newSheet"); } }),
+                            react_1.default.createElement("span", { className: "w-20 shrink-0" }, "New sheet:"),
+                            react_1.default.createElement("input", { type: "text", "aria-label": "New sheet name", className: "flex-1 min-w-0 rounded border border-rnc-border bg-transparent px-2 py-1 text-xs", value: title, disabled: mode !== "newSheet", onChange: function (e) { return setTitle(e.target.value); }, onFocus: function () { return setMode("newSheet"); } })),
+                        react_1.default.createElement("label", { className: "flex items-center gap-2 text-xs py-0.5 cursor-pointer" },
+                            react_1.default.createElement("input", { type: "radio", name: "move-chart-target", value: "sheet", checked: mode === "sheet", disabled: worksheets.length === 0, onChange: function () { return setMode("sheet"); } }),
+                            react_1.default.createElement("span", { className: "w-20 shrink-0" }, "Object in:"),
+                            react_1.default.createElement("select", { "aria-label": "Object in sheet", className: "flex-1 min-w-0 rounded border border-rnc-border bg-transparent px-2 py-1 text-xs", value: targetSheetId !== null && targetSheetId !== void 0 ? targetSheetId : "", disabled: mode !== "sheet" || worksheets.length === 0, onChange: function (e) { return setTargetSheetId(Number(e.target.value)); } }, worksheets.map(function (sheet) { return (react_1.default.createElement("option", { key: sheet.sheetId, value: sheet.sheetId }, sheet.title)); })))),
+                    react_1.default.createElement(ui_1.Separator, null),
+                    react_1.default.createElement("div", { className: "flex justify-end gap-2" },
+                        react_1.default.createElement(ui_1.Button, { type: "button", variant: "outline", size: "sm", onClick: function () { return onOpenChange(false); } }, "Cancel"),
+                        react_1.default.createElement(ui_1.Button, { type: "submit", size: "sm", autoFocus: true }, "OK")))))));
+});
+exports.MoveChartDialog.displayName = "MoveChartDialog";
+/**
+ * Host-mounted, atom-driven wrapper around {@link MoveChartDialog}. Mount it
+ * once alongside the other editor dialogs; the chart context menu and the
+ * chart editor open it. Remounted per request so each opening starts from the
+ * chart's current sheet.
+ */
+var MoveChartDialogHost = function (_a) {
+    var sheets = _a.sheets, onMoveChartToSheet = _a.onMoveChartToSheet;
+    (0, move_chart_dialog_atom_1.useRegisterMoveChartDialogHost)();
+    var _b = tslib_1.__read((0, move_chart_dialog_atom_1.useMoveChartDialogState)(), 2), request = _b[0], setRequest = _b[1];
+    var close = (0, react_1.useCallback)(function () { return setRequest(null); }, [setRequest]);
+    if (!request)
+        return null;
+    return (react_1.default.createElement(exports.MoveChartDialog, { key: String(request.chart.chartId), open: true, onOpenChange: function (open) {
+            if (!open)
+                close();
+        }, chart: request.chart, sheets: sheets, onSubmit: function (target) { return onMoveChartToSheet(request.chart, target); } }));
+};
+exports.MoveChartDialogHost = MoveChartDialogHost;
+exports.MoveChartDialogHost.displayName = "MoveChartDialogHost";

package/dist/cjs/components/print-preview/page-block.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import type { CellFormat, GridRange } from "@rowsncolumns/common-types";
-import type { PageBlock as PageBlockType } from "./use-page-layout";
+import type { PageBlock as PageBlockType, PrintedChart } from "./use-page-layout";
 import { type HeaderFooterFields, type Margins, type PrintAlignment, type PrintVerticalAlignment } from "./settings";
 export type CellAccess = {
     sheetId: number;
@@ -57,6 +57,14 @@ export type PageBlockProps = CellAccess & {
      * is dropped so the iframe-side rendering doesn't waste ink on it.
      */
     screen?: boolean;
+    /**
+     * Charts whose anchor cell lands on this page (`placeChartsOnPages`),
+     * drawn over the cells at their sheet position. `imageUrl` is the
+     * renderer's PNG capture; without one a titled frame stands in.
+     */
+    charts?: Array<PrintedChart & {
+        imageUrl?: string;
+    }>;
 };
 export declare const PageBlock: React.FC<PageBlockProps>;
 //# sourceMappingURL=page-block.d.ts.map

package/dist/cjs/components/print-preview/page-block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-block.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/page-block.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACV,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,OAAO,EACZ,KAAK,cAAc,EACnB,KAAK,sBAAsB,EAC5B,MAAM,YAAY,CAAC;AAEpB,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,CACR,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,OAAO,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;IACxC,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,cAAc,CAAC;IACpC,iBAAiB,EAAE,sBAAsB,CAAC;IAC1C;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,YAAY,CAAC,EAAE;QACb,MAAM,EAAE,kBAAkB,CAAC;QAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,GAAG,EAAE,IAAI,CAAC;KACX,CAAC;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AA+HF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6Q9C,CAAC"}
+{"version":3,"file":"page-block.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/page-block.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACV,MAAM,4BAA4B,CAAC;AAGpC,OAAO,KAAK,EACV,SAAS,IAAI,aAAa,EAC1B,YAAY,EACb,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,OAAO,EACZ,KAAK,cAAc,EACnB,KAAK,sBAAsB,EAC5B,MAAM,YAAY,CAAC;AAEpB,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,CACR,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,OAAO,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG;IACxC,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,mBAAmB,EAAE,cAAc,CAAC;IACpC,iBAAiB,EAAE,sBAAsB,CAAC;IAC1C;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,2DAA2D;IAC3D,YAAY,CAAC,EAAE;QACb,MAAM,EAAE,kBAAkB,CAAC;QAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,GAAG,EAAE,IAAI,CAAC;KACX,CAAC;IACF;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACtD,CAAC;AA+HF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA2T9C,CAAC"}

package/dist/cjs/components/print-preview/page-block.js

@@ -128,7 +128,7 @@ var HeaderFooterStrip = function (_a) {
         react_1.default.createElement("div", { style: tslib_1.__assign(tslib_1.__assign({}, cellBase), { justifyContent: "flex-end" }) }, right)));
 };
 var PageBlock = function (_a) {
-    var block = _a.block, pageWidth = _a.pageWidth, pageHeight = _a.pageHeight, margins = _a.margins, scale = _a.scale, showGridlines = _a.showGridlines, showNotes = _a.showNotes, horizontalAlignment = _a.horizontalAlignment, verticalAlignment = _a.verticalAlignment, sheetId = _a.sheetId, getFormattedValue = _a.getFormattedValue, getEffectiveFormat = _a.getEffectiveFormat, getColumnWidth = _a.getColumnWidth, getRowHeight = _a.getRowHeight, merges = _a.merges, hasNote = _a.hasNote, frozenRowStart = _a.frozenRowStart, frozenRowEnd = _a.frozenRowEnd, frozenColumnStart = _a.frozenColumnStart, frozenColumnEnd = _a.frozenColumnEnd, headerFooter = _a.headerFooter, _b = _a.screen, screen = _b === void 0 ? true : _b;
+    var block = _a.block, pageWidth = _a.pageWidth, pageHeight = _a.pageHeight, margins = _a.margins, scale = _a.scale, showGridlines = _a.showGridlines, showNotes = _a.showNotes, horizontalAlignment = _a.horizontalAlignment, verticalAlignment = _a.verticalAlignment, sheetId = _a.sheetId, getFormattedValue = _a.getFormattedValue, getEffectiveFormat = _a.getEffectiveFormat, getColumnWidth = _a.getColumnWidth, getRowHeight = _a.getRowHeight, merges = _a.merges, hasNote = _a.hasNote, frozenRowStart = _a.frozenRowStart, frozenRowEnd = _a.frozenRowEnd, frozenColumnStart = _a.frozenColumnStart, frozenColumnEnd = _a.frozenColumnEnd, headerFooter = _a.headerFooter, _b = _a.screen, screen = _b === void 0 ? true : _b, charts = _a.charts;
     var showFrozenRows = frozenRowStart !== undefined &&
         frozenRowEnd !== undefined &&
         frozenRowEnd >= frozenRowStart;
@@ -190,6 +190,9 @@ var PageBlock = function (_a) {
         alignItems: VALIGN_TO_FLEX[verticalAlignment],
     };
     var tableWrap = {
+        // Charts are absolutely positioned over the table in unscaled px, so
+        // the same transform scales them with the cells they anchor to.
+        position: "relative",
         // The content box is the printable area; the table is the actual
         // sheet slice scaled by the user-selected scale factor. Using a
         // CSS `transform: scale(...)` instead of resizing each cell keeps
@@ -316,7 +319,30 @@ var PageBlock = function (_a) {
                                         } }, value)),
                                 noted ? react_1.default.createElement("span", { style: noteMarkerStyle }) : null));
                         })));
-                    }))))),
+                    }))), charts === null || charts === void 0 ? void 0 :
+                charts.map(function (chart) {
+                    var _a, _b;
+                    var frame = {
+                        position: "absolute",
+                        left: chart.left,
+                        top: chart.top,
+                        width: chart.width,
+                        height: chart.height,
+                        overflow: "hidden",
+                        backgroundColor: "white",
+                    };
+                    return (react_1.default.createElement("div", { key: chart.chartId, "data-print-chart": chart.chartId, style: frame }, chart.imageUrl ? (react_1.default.createElement("img", { src: chart.imageUrl, alt: (_a = chart.title) !== null && _a !== void 0 ? _a : "Chart", style: { width: "100%", height: "100%", display: "block" } })) : (react_1.default.createElement("div", { style: {
+                            width: "100%",
+                            height: "100%",
+                            boxSizing: "border-box",
+                            border: "1px solid #d1d5db",
+                            display: "flex",
+                            alignItems: "center",
+                            justifyContent: "center",
+                            fontSize: 12,
+                            color: "#6b7280",
+                        } }, (_b = chart.title) !== null && _b !== void 0 ? _b : "Chart"))));
+                }))),
         headerFooter ? (react_1.default.createElement(HeaderFooterStrip, { position: "footer", data: headerFooter })) : null));
 };
 exports.PageBlock = PageBlock;

package/dist/cjs/components/print-preview/print-preview-dialog.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { CellData, CellFormat } from "@rowsncolumns/common-types";
 import type { SelectionArea } from "@rowsncolumns/grid";
-import type { Sheet } from "../../types";
+import type { EmbeddedChart, Sheet } from "../../types";
 export type PrintPreviewDialogProps = {
     isOpen: boolean;
     onClose: () => void;
@@ -44,6 +44,13 @@ export type PrintPreviewDialogProps = {
      * marker.
      */
     getCellData?: (sheetId: number, rowIndex: number, columnIndex: number) => CellData | null | undefined;
+    /**
+     * The workbook's charts — same array the grid renders. Each prints on
+     * the page its anchor cell lands on, as the PNG the mounted renderer
+     * captures (`exportPng`); a chart on a sheet that is not on screen has
+     * no renderer to capture and prints as a titled frame.
+     */
+    charts?: EmbeddedChart[];
 };
 export declare const PrintPreviewDialog: React.FC<PrintPreviewDialogProps>;
 //# sourceMappingURL=print-preview-dialog.d.ts.map

package/dist/cjs/components/print-preview/print-preview-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"print-preview-dialog.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/print-preview-dialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAatE,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EAEX,MAAM,4BAA4B,CAAC;AAIpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AA0BzC,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,iBAAiB,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,0EAA0E;IAC1E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC1D,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,CACZ,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;CAClC,CAAC;AAsDF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAonBhE,CAAC"}
+{"version":3,"file":"print-preview-dialog.d.ts","sourceRoot":"","sources":["../../../../components/print-preview/print-preview-dialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAMN,MAAM,OAAO,CAAC;AAaf,OAAO,KAAK,EACV,QAAQ,EACR,UAAU,EAEX,MAAM,4BAA4B,CAAC;AAKpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AA4BxD,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;OAIG;IACH,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB;;;OAGG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,aAAa,EAAE,CAAC;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,iBAAiB,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B,kBAAkB,EAAE,CAClB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,UAAU,GAAG,IAAI,GAAG,SAAS,CAAC;IACnC,0EAA0E;IAC1E,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC1D,gFAAgF;IAChF,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;IAC7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,CACZ,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,MAAM,KAChB,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;CAC1B,CAAC;AAgEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAusBhE,CAAC"}