@omegagrid/grid 0.10.2 → 0.10.5

package/dist/commands/editingCommands.d.ts

@@ -0,0 +1,4 @@
+import { FlowCommandSource } from "@omegagrid/commands";
+import { Grid } from "../ui/grid";
+export declare function createEditingCommands(grid: Grid): FlowCommandSource[];
+//# sourceMappingURL=editingCommands.d.ts.map

package/dist/commands/editingCommands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editingCommands.d.ts","sourceRoot":"","sources":["../../src/commands/editingCommands.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,IAAI,GAAG,iBAAiB,EAAE,CAuErE"}

package/dist/commands/editingCommands.js

@@ -0,0 +1,74 @@
+import { createCommands } from "@omegagrid/commands";
+export function createEditingCommands(grid) {
+    return [{
+            group: 'grid',
+            name: 'set column width',
+            next: {
+                mode: 'input',
+                text: 'Enter column width in pixels',
+                commands: createCommands('apply', (command, value) => {
+                    for (let c = grid.selection.range.c1; c <= grid.selection.range.c2; c++) {
+                        grid.model.columns[c].width = parseInt(value);
+                    }
+                    grid.rendering.renderCells({ horizontal: true });
+                })
+            }
+        }, {
+            group: 'grid',
+            name: 'set all columns widths',
+            next: {
+                mode: 'input',
+                text: 'Enter column width in pixels',
+                commands: createCommands('apply', (command, value) => {
+                    const w = parseInt(value);
+                    grid.model.columns.forEach(column => column.width = w);
+                    grid.rendering.renderCells({ horizontal: true });
+                })
+            }
+        }, {
+            group: 'grid',
+            name: 'set columns widths to the right',
+            next: {
+                mode: 'input',
+                text: 'Enter column width in pixels',
+                commands: createCommands('apply', (command, value) => {
+                    for (let c = grid.selection.range.c1; c < grid.model.columns.length; c++) {
+                        grid.model.columns[c].width = parseInt(value);
+                    }
+                    grid.rendering.renderCells({ horizontal: true });
+                })
+            }
+        }, {
+            group: 'grid',
+            name: 'copy column widths',
+            exec: () => {
+                const w = grid.model.columns[grid.selection.range.c1].width;
+                grid.model.columns.forEach(column => column.width = w);
+                grid.rendering.renderCells({ horizontal: true });
+            }
+        }, {
+            group: 'grid',
+            name: 'copy column widths to the right',
+            exec: () => {
+                const w = grid.model.columns[grid.selection.range.c1].width;
+                for (let c = grid.selection.range.c1; c < grid.model.columns.length; c++) {
+                    grid.model.columns[c].width = w;
+                }
+                grid.rendering.renderCells({ horizontal: true });
+            }
+        }, {
+            group: 'grid',
+            name: 'set values',
+            next: {
+                mode: 'input',
+                text: 'Enter value',
+                commands: createCommands('apply', (command, value) => {
+                    for (const cell of grid.model.getRangeIterator(grid.selection.range)) {
+                        cell.value = value;
+                        grid.table.renderBodyCell(cell);
+                    }
+                })
+            }
+        }];
+}
+//# sourceMappingURL=editingCommands.js.map

package/dist/commands/editingCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editingCommands.js","sourceRoot":"","sources":["../../src/commands/editingCommands.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAGxE,MAAM,UAAU,qBAAqB,CAAC,IAAU;IAC/C,OAAO,CAAC;YACP,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,kBAAkB;YACxB,IAAI,EAAE;gBACL,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,8BAA8B;gBACpC,QAAQ,EAAE,cAAc,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;oBACpD,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC;wBACzE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;oBAC/C,CAAC;oBACD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC,CAAC;gBAChD,CAAC,CAAC;aACF;SACD,EAAE;YACF,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,wBAAwB;YAC9B,IAAI,EAAE;gBACL,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,8BAA8B;gBACpC,QAAQ,EAAE,cAAc,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;oBACpD,MAAM,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;oBAC1B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;oBACvD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC,CAAC;gBAChD,CAAC,CAAC;aACF;SACD,EAAE;YACF,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,iCAAiC;YACvC,IAAI,EAAE;gBACL,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,8BAA8B;gBACpC,QAAQ,EAAE,cAAc,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;oBACpD,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;wBAC1E,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;oBAC/C,CAAC;oBACD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC,CAAC;gBAChD,CAAC,CAAC;aACF;SACD,EAAE;YACF,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,oBAAoB;YAC1B,IAAI,EAAE,GAAG,EAAE;gBACV,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC;gBAC5D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;gBACvD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC,CAAC;YAChD,CAAC;SACD,EAAE;YACF,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,iCAAiC;YACvC,IAAI,EAAE,GAAG,EAAE;gBACV,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC;gBAC5D,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;oBAC1E,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC;gBACjC,CAAC;gBACD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,EAAC,UAAU,EAAE,IAAI,EAAC,CAAC,CAAC;YAChD,CAAC;SACD,EAAE;YACF,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE;gBACL,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,aAAa;gBACnB,QAAQ,EAAE,cAAc,CAAC,OAAO,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;oBACpD,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;wBACvE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;wBACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;oBACjC,CAAC;gBACD,CAAC,CAAC;aACF;SACD,CAAC,CAAC;AACJ,CAAC","sourcesContent":["import { FlowCommandSource, createCommands } from \"@omegagrid/commands\";\nimport { Grid } from \"../ui/grid\";\n\nexport function createEditingCommands(grid: Grid): FlowCommandSource[] {\n\treturn [{\n\t\tgroup: 'grid', \n\t\tname: 'set column width',\n\t\tnext: {\n\t\t\tmode: 'input',\n\t\t\ttext: 'Enter column width in pixels',\n\t\t\tcommands: createCommands('apply', (command, value) => {\n\t\t\t\tfor (let c = grid.selection.range.c1; c <= grid.selection.range.c2; c++) {\n\t\t\t\t\tgrid.model.columns[c].width = parseInt(value);\n\t\t\t\t}\n\t\t\t\tgrid.rendering.renderCells({horizontal: true});\n\t\t\t})\n\t\t}\n\t}, {\n\t\tgroup: 'grid', \n\t\tname: 'set all columns widths',\n\t\tnext: {\n\t\t\tmode: 'input',\n\t\t\ttext: 'Enter column width in pixels',\n\t\t\tcommands: createCommands('apply', (command, value) => {\n\t\t\t\tconst w = parseInt(value);\n\t\t\t\tgrid.model.columns.forEach(column => column.width = w);\n\t\t\t\tgrid.rendering.renderCells({horizontal: true});\n\t\t\t})\n\t\t}\n\t}, {\n\t\tgroup: 'grid', \n\t\tname: 'set columns widths to the right', \n\t\tnext: {\n\t\t\tmode: 'input',\n\t\t\ttext: 'Enter column width in pixels',\n\t\t\tcommands: createCommands('apply', (command, value) => {\n\t\t\t\tfor (let c = grid.selection.range.c1; c < grid.model.columns.length; c++) {\n\t\t\t\t\tgrid.model.columns[c].width = parseInt(value);\n\t\t\t\t}\n\t\t\t\tgrid.rendering.renderCells({horizontal: true});\n\t\t\t})\n\t\t}\n\t}, {\n\t\tgroup: 'grid',\n\t\tname: 'copy column widths',\n\t\texec: () => {\n\t\t\tconst w = grid.model.columns[grid.selection.range.c1].width;\n\t\t\tgrid.model.columns.forEach(column => column.width = w);\n\t\t\tgrid.rendering.renderCells({horizontal: true});\n\t\t}\n\t}, {\n\t\tgroup: 'grid',\n\t\tname: 'copy column widths to the right',\n\t\texec: () => {\n\t\t\tconst w = grid.model.columns[grid.selection.range.c1].width;\n\t\t\tfor (let c = grid.selection.range.c1; c < grid.model.columns.length; c++) {\n\t\t\t\tgrid.model.columns[c].width = w;\n\t\t\t}\n\t\t\tgrid.rendering.renderCells({horizontal: true});\n\t\t}\n\t}, {\n\t\tgroup: 'grid', \n\t\tname: 'set values',\n\t\tnext: {\n\t\t\tmode: 'input',\n\t\t\ttext: 'Enter value',\n\t\t\tcommands: createCommands('apply', (command, value) => {\n\t\t\t\tfor (const cell of grid.model.getRangeIterator(grid.selection.range)) {\n\t\t\t\tcell.value = value;\n\t\t\t\tgrid.table.renderBodyCell(cell);\n\t\t\t}\n\t\t\t})\n\t\t}\n\t}];\n}"]}

package/dist/commands/groupCommands.d.ts

@@ -0,0 +1,8 @@
+import { GridGroup } from "../ui";
+export declare function createGroupCommands(_group: GridGroup): {
+    section: string;
+    name: string;
+    requiredParams: number;
+    fn: (sheet: string) => void;
+}[];
+//# sourceMappingURL=groupCommands.d.ts.map

package/dist/commands/groupCommands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupCommands.d.ts","sourceRoot":"","sources":["../../src/commands/groupCommands.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,SAAS;;;;gBAEkB,MAAM;IAG5E"}

package/dist/commands/groupCommands.js

@@ -0,0 +1,7 @@
+export function createGroupCommands(_group) {
+    const section = 'group';
+    return [{ section, name: 'focus sheet', requiredParams: 1, fn: (sheet) => {
+                console.log(sheet);
+            } }];
+}
+//# sourceMappingURL=groupCommands.js.map

package/dist/commands/groupCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupCommands.js","sourceRoot":"","sources":["../../src/commands/groupCommands.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,mBAAmB,CAAC,MAAiB;IACpD,MAAM,OAAO,GAAG,OAAO,CAAC;IACxB,OAAO,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,KAAa,EAAE,EAAE;gBAC/E,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC,EAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { GridGroup } from \"../ui\";\n\nexport function createGroupCommands(_group: GridGroup) {\n\tconst section = 'group';\n\treturn [{section, name: 'focus sheet', requiredParams: 1, fn: (sheet: string) => {\n\t\tconsole.log(sheet);\n\t}}];\n}"]}

package/dist/commands/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./groupCommands";
+import { Grid } from "../ui";
+export declare function initGridCommands(grid: Grid): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/commands/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/commands/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAI7B,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,IAAI,QAI1C"}

package/dist/commands/index.js

@@ -0,0 +1,9 @@
+export * from "./groupCommands";
+import { createEditingCommands } from "./editingCommands";
+import { createNavigationCommands } from "./navigationCommands";
+export function initGridCommands(grid) {
+    grid.commands.clear();
+    createEditingCommands(grid).forEach(c => grid.commands.add(c));
+    createNavigationCommands(grid).forEach(c => grid.commands.add(c));
+}
+//# sourceMappingURL=index.js.map

package/dist/commands/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/commands/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,MAAM,UAAU,gBAAgB,CAAC,IAAU;IAC1C,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;IACtB,qBAAqB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,wBAAwB,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACnE,CAAC","sourcesContent":["export * from \"./groupCommands\";\nimport { Grid } from \"../ui\";\nimport { createEditingCommands } from \"./editingCommands\";\nimport { createNavigationCommands } from \"./navigationCommands\";\n\nexport function initGridCommands(grid: Grid) {\n\tgrid.commands.clear();\n\tcreateEditingCommands(grid).forEach(c => grid.commands.add(c));\n\tcreateNavigationCommands(grid).forEach(c => grid.commands.add(c));\n}"]}

package/dist/commands/navigationCommands.d.ts

@@ -0,0 +1,5 @@
+import { FlowCommandSource } from "@omegagrid/commands";
+import { Grid } from "../ui/grid";
+export declare function goto(grid: Grid, rangeAddress: string): void;
+export declare function createNavigationCommands(grid: Grid): FlowCommandSource[];
+//# sourceMappingURL=navigationCommands.d.ts.map

package/dist/commands/navigationCommands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigationCommands.d.ts","sourceRoot":"","sources":["../../src/commands/navigationCommands.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,wBAAgB,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,QAMpD;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,IAAI,GAAG,iBAAiB,EAAE,CAsHxE"}

package/dist/commands/navigationCommands.js

@@ -0,0 +1,117 @@
+import { createCommands } from "@omegagrid/commands";
+import { SortOrder, decodeColumn } from "@omegagrid/grid-core";
+export function goto(grid, rangeAddress) {
+    grid.selecting.select(rangeAddress, true);
+    grid.table.rowOffset = Math.max(0, grid.selection.range.r1 - grid.options.freezeTop);
+    grid.table.colOffset = Math.max(0, grid.selection.range.c1 - grid.options.freezeLeft);
+    grid.rendering.renderCells({ vertical: true, horizontal: true });
+    grid.rendering.updateSliders();
+}
+export function createNavigationCommands(grid) {
+    const commands = [];
+    commands.push({
+        group: 'grid',
+        name: 'goto',
+        next: {
+            mode: 'input',
+            text: 'Enter cell address',
+            commands: createCommands('ok', (_command, value) => {
+                goto(grid, value);
+            })
+        }
+    });
+    commands.push({
+        group: 'grid',
+        name: 'goto first cell',
+        exec: () => {
+            goto(grid, 'A1');
+        }
+    });
+    commands.push({
+        group: 'grid',
+        name: 'sort ascending',
+        next: {
+            mode: 'input',
+            text: 'Enter column name',
+            commands: createCommands('ok', (_command, value) => {
+                grid.sorting.sort(isNaN(Number(value)) ? decodeColumn(value.toUpperCase()) : Number(value), SortOrder.Asc);
+            })
+        }
+    });
+    commands.push({
+        group: 'grid',
+        name: 'sort descending',
+        next: {
+            mode: 'input',
+            text: 'Enter column name',
+            commands: createCommands('ok', (_command, value) => {
+                grid.sorting.sort(isNaN(Number(value)) ? decodeColumn(value.toUpperCase()) : Number(value), SortOrder.Desc);
+            })
+        }
+    });
+    commands.push({
+        group: 'grid',
+        name: 'sort ascending by current column',
+        exec: () => {
+            grid.sorting.sort(grid.selection.range.c1, SortOrder.Asc);
+        }
+    });
+    commands.push({
+        group: 'grid',
+        name: 'sort descending by current column',
+        exec: () => {
+            grid.sorting.sort(grid.selection.range.c1, SortOrder.Desc);
+        }
+    });
+    commands.push({
+        group: 'grid',
+        name: 'reset sorting',
+        exec: () => {
+            grid.sorting.resetSort();
+            grid.table.clearBodyCache();
+            grid.table.renderCells({ vertical: true, horizontal: true });
+        }
+    });
+    if (grid.model.maxRowLevel > 0) {
+        commands.push({
+            group: 'grid',
+            name: 'set row level',
+            next: {
+                mode: 'input',
+                text: 'Enter row level',
+                commands: createCommands('ok', (_command, value) => {
+                    grid.rendering.setRowExpandLevel(parseInt(value));
+                })
+            }
+        });
+        [...Array(grid.model.maxRowLevel).keys()].forEach(l => commands.push({
+            group: 'grid',
+            name: `set row level ${l}`,
+            exec: () => {
+                grid.rendering.setRowExpandLevel(l);
+            }
+        }));
+    }
+    if (grid.model.maxColumnLevel > 0) {
+        commands.push({
+            group: 'grid',
+            name: 'set column level',
+            next: {
+                mode: 'input',
+                text: 'Enter column level',
+                commands: createCommands('ok', (_command, value) => {
+                    grid.rendering.setColumnExpandLevel(parseInt(value));
+                })
+            }
+        });
+        [...Array(grid.model.maxColumnLevel).keys()].forEach(l => commands.push({
+            group: 'grid',
+            name: `set column level ${l}`,
+            exec: () => {
+                grid.rendering.setColumnExpandLevel(l);
+            }
+        }));
+    }
+    return commands;
+}
+//# sourceMappingURL=navigationCommands.js.map

package/dist/commands/navigationCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigationCommands.js","sourceRoot":"","sources":["../../src/commands/navigationCommands.ts"],"names":[],"mappings":"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","sourcesContent":["import { createCommands, FlowCommandSource } from \"@omegagrid/commands\";\nimport { SortOrder, decodeColumn } from \"@omegagrid/grid-core\";\nimport { Grid } from \"../ui/grid\";\n\nexport function goto(grid: Grid, rangeAddress: string) {\n\tgrid.selecting.select(rangeAddress, true);\n\tgrid.table.rowOffset = Math.max(0, grid.selection.range.r1 - grid.options.freezeTop);\n\tgrid.table.colOffset = Math.max(0, grid.selection.range.c1 - grid.options.freezeLeft);\n\tgrid.rendering.renderCells({vertical: true, horizontal: true});\n\tgrid.rendering.updateSliders();\n}\n\nexport function createNavigationCommands(grid: Grid): FlowCommandSource[] {\n\tconst commands: FlowCommandSource[] = [];\n\n\tcommands.push({\n\t\tgroup: 'grid',\n\t\tname: 'goto',\n\t\tnext: {\n\t\t\tmode: 'input',\n\t\t\ttext: 'Enter cell address',\n\t\t\tcommands: createCommands('ok', (_command, value) => {\n\t\t\t\tgoto(grid, value);\n\t\t\t})\n\t\t}\n\t});\n\n\tcommands.push({\n\t\tgroup: 'grid',\n\t\tname: 'goto first cell',\n\t\texec: () => {\n\t\t\tgoto(grid, 'A1');\n\t\t}\n\t});\n\n\tcommands.push({\n\t\tgroup: 'grid',\n\t\tname: 'sort ascending',\n\t\tnext: {\n\t\t\tmode: 'input',\n\t\t\ttext: 'Enter column name',\n\t\t\tcommands: createCommands('ok', (_command, value) => {\n\t\t\t\tgrid.sorting.sort(isNaN(Number(value)) ? decodeColumn(value.toUpperCase()) : Number(value), SortOrder.Asc);\n\t\t\t})\n\t\t}\n\t});\n\n\tcommands.push({\n\t\tgroup: 'grid',\n\t\tname: 'sort descending',\n\t\tnext: {\n\t\t\tmode: 'input',\n\t\t\ttext: 'Enter column name',\n\t\t\tcommands: createCommands('ok', (_command, value) => {\n\t\t\t\tgrid.sorting.sort(isNaN(Number(value)) ? decodeColumn(value.toUpperCase()) : Number(value), SortOrder.Desc);\n\t\t\t})\n\t\t}\n\t});\n\n\tcommands.push({\n\t\tgroup: 'grid',\n\t\tname: 'sort ascending by current column',\n\t\texec: () => {\n\t\t\tgrid.sorting.sort(grid.selection.range.c1, SortOrder.Asc);\n\t\t}\n\t});\n\n\tcommands.push({\n\t\tgroup: 'grid',\n\t\tname: 'sort descending by current column',\n\t\texec: () => {\n\t\t\tgrid.sorting.sort(grid.selection.range.c1, SortOrder.Desc);\n\t\t}\n\t});\n\n\tcommands.push({\n\t\tgroup: 'grid',\n\t\tname: 'reset sorting',\n\t\texec: () => {\n\t\t\tgrid.sorting.resetSort();\n\t\t\tgrid.table.clearBodyCache();\n\t\t\tgrid.table.renderCells({vertical: true, horizontal: true});\n\t\t}\n\t});\n\n\tif (grid.model.maxRowLevel > 0) {\n\t\tcommands.push({\n\t\t\tgroup: 'grid',\n\t\t\tname: 'set row level',\n\t\t\tnext: {\n\t\t\t\tmode: 'input',\n\t\t\t\ttext: 'Enter row level',\n\t\t\t\tcommands: createCommands('ok', (_command, value) => {\n\t\t\t\t\tgrid.rendering.setRowExpandLevel(parseInt(value));\n\t\t\t\t})\n\t\t\t}\n\t\t});\n\n\t\t[...Array(grid.model.maxRowLevel).keys()].forEach(l => commands.push({\n\t\t\tgroup: 'grid',\n\t\t\tname: `set row level ${l}`,\n\t\t\texec: () => {\n\t\t\t\tgrid.rendering.setRowExpandLevel(l);\n\t\t\t}\n\t\t}));\n\t}\n\n\tif (grid.model.maxColumnLevel > 0) {\n\t\tcommands.push({\n\t\t\tgroup: 'grid',\n\t\t\tname: 'set column level',\n\t\t\tnext: {\n\t\t\t\tmode: 'input',\n\t\t\t\ttext: 'Enter column level',\n\t\t\t\tcommands: createCommands('ok', (_command, value) => {\n\t\t\t\t\tgrid.rendering.setColumnExpandLevel(parseInt(value));\n\t\t\t\t})\n\t\t\t}\n\t\t});\n\n\t\t[...Array(grid.model.maxColumnLevel).keys()].forEach(l => commands.push({\n\t\t\tgroup: 'grid',\n\t\t\tname: `set column level ${l}`,\n\t\t\texec: () => {\n\t\t\t\tgrid.rendering.setColumnExpandLevel(l);\n\t\t\t}\n\t\t}));\n\t}\n\n\treturn commands;\n}"]}

package/dist/constants.d.ts

@@ -0,0 +1,65 @@
+declare const _default: {
+    CUSTOM_CLIPBOARD_TYPE: string;
+    PREFIX: string;
+    DEFAULT_ACCENT_COLOR: string;
+    DEFAULT_ACCENT_COLOR_2: import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | any | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }> | ArrayLike<number> | {
+        [key: string]: any;
+    }>;
+    SIZER_SIZE: number;
+    SLIDER_SIZE: number;
+    SLIDER_MIN_LENGTH: number;
+    EXPANDER_SIZE: number;
+    LIST_ITEM_HEIGHT: number;
+    LIST_RENDERING_TRESHOLD: number;
+    LIST_AUTOSCROLL_TRESHOLD: number;
+    LIST_AUTOSCROLL_DELAY: number;
+    DEFAULT_TEXT_HIGHLIGHT_COLOR: string;
+    TOOLTIP_MARGIN: number;
+    MENU_ITEM_HEIGHT: number;
+    COLORPICKER_COLOR_SIZE: number;
+    DEFAULT_NUMBER_FORMAT: string;
+    BUTTON_HEIGHT: number;
+    FONT_SIZE: number;
+    FLOATING_WINDOW_MAX_WIDTH: number;
+    ROW_HEIGHT: number;
+    RESIZE_TRESHOLD: number;
+    ROW_HEADER_WIDTH: number;
+    MAX_CACHE_ITEMS: number;
+    CACHE_CLEAN_INTERVAL: number;
+    COMMENT_HIDE_TIMEOUT: number;
+    SELECTOR_BORDER_WIDTH: number;
+    MIN_ROW_HEIGHT: number;
+    MIN_COL_WIDTH: number;
+    SPARKLINE_GAP: number;
+    AUTOSCROLL_TRESHOLD: number;
+    AUTOSCROLL_RATIO: number;
+    AUTOSCROLL_INTERVAL: number;
+    DEFAULT_SPARKLINE_OPTIONS: import("@omegagrid/grid-core").SparklineOptions;
+    DEFAULT_OPTIONS: import("@omegagrid/grid-core").Options;
+    MAX_COMMENT_AUTOHEIGHT: number;
+    MIN_COMMENT_AUTOHEIGHT: number;
+};
+export default _default;
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wBAKE"}

package/dist/constants.js

@@ -0,0 +1,8 @@
+import { gridConstants } from '@omegagrid/grid-core';
+export default {
+    ...gridConstants,
+    ...{
+        CUSTOM_CLIPBOARD_TYPE: 'web application/json'
+    }
+};
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,eAAe;IACd,GAAG,aAAa;IAChB,GAAG;QACF,qBAAqB,EAAE,sBAAsB;KAC7C;CACD,CAAC","sourcesContent":["import { gridConstants } from '@omegagrid/grid-core';\nexport default {\n\t...gridConstants,\n\t...{\n\t\tCUSTOM_CLIPBOARD_TYPE: 'web application/json'\n\t}\n};"]}

package/dist/editors/baseEditor.d.ts

@@ -0,0 +1,31 @@
+import { CellModel } from "@omegagrid/grid-core";
+import { LitElement } from 'lit';
+import { Grid } from "../ui/grid";
+export declare class EditorEvent extends Event {
+}
+export declare abstract class BaseEditor extends LitElement {
+    static baseStyles: import("lit").CSSResult;
+    protected grid: Grid;
+    protected cancel: boolean;
+    protected activeCell: HTMLTableCellElement;
+    protected activeCellModel: CellModel;
+    protected initialValue: unknown;
+    protected _open: boolean;
+    get isOpen(): boolean;
+    protected _valid: boolean;
+    get isValid(): boolean;
+    validate(): boolean;
+    constructor();
+    abstract getValue(): unknown;
+    abstract setValue(value: unknown): void;
+    getDisplayValue(): string;
+    init(): void;
+    connectedCallback(): void;
+    alignWithCell(): void;
+    open(grid: Grid, initialValue?: unknown, updatePosition?: boolean): this;
+    commit(): void;
+    close(): void;
+    activate(cell: CellModel): void;
+    deactivate(): void;
+}
+//# sourceMappingURL=baseEditor.d.ts.map

package/dist/editors/baseEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseEditor.d.ts","sourceRoot":"","sources":["../../src/editors/baseEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAgC,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAO,MAAM,KAAK,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,qBAAa,WAAY,SAAQ,KAAK;CAAI;AAE1C,8BAAsB,UAAW,SAAQ,UAAU;IAElD,MAAM,CAAC,UAAU,0BAef;IAEF,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC;IACrB,SAAS,CAAC,MAAM,UAAS;IACzB,SAAS,CAAC,UAAU,EAAE,oBAAoB,CAAC;IAC3C,SAAS,CAAC,eAAe,EAAE,SAAS,CAAC;IACrC,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC;IAEhC,SAAS,CAAC,KAAK,UAAS;IACxB,IAAI,MAAM,YAAwB;IAElC,SAAS,CAAC,MAAM,UAAQ;IACxB,IAAI,OAAO,YAAyB;IAEpC,QAAQ;;IAaR,QAAQ,CAAC,QAAQ,IAAK,OAAO;IAE7B,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAI,IAAI;IAExC,eAAe,IAAK,MAAM;IAI1B,IAAI;IAaJ,iBAAiB;IAKjB,aAAa;IAOb,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,YAAY,GAAE,OAAc,EAAE,cAAc,UAAO;IAiBpE,MAAM;IAWN,KAAK;IAaL,QAAQ,CAAC,IAAI,EAAE,SAAS,GAAI,IAAI;IAKhC,UAAU,IAAK,IAAI;CAInB"}

package/dist/editors/baseEditor.js

@@ -0,0 +1,112 @@
+import { validateValue } from "@omegagrid/grid-core";
+import { LitElement, css } from 'lit';
+import { dom } from "@omegagrid/core";
+export class EditorEvent extends Event {
+}
+export class BaseEditor extends LitElement {
+    get isOpen() { return this._open; }
+    get isValid() { return this._valid; }
+    validate() {
+        this._valid = true;
+        if (this.activeCell)
+            this._valid = validateValue(this.activeCellModel, this.getValue());
+        this.classList.toggle('invalid', !this._valid);
+        return this._valid;
+    }
+    constructor() {
+        super();
+        this.cancel = false;
+        this._open = false;
+        this._valid = true;
+        this.init();
+    }
+    getDisplayValue() {
+        return null;
+    }
+    init() {
+        this.addEventListener('keydown', e => {
+            if (e.key == 'Enter') {
+                this.close();
+            }
+            else if (e.key == 'Escape') {
+                this.cancel = true;
+                this.close();
+            }
+            else {
+                e.stopPropagation();
+            }
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.performUpdate();
+    }
+    alignWithCell() {
+        if (!this.activeCell)
+            return;
+        const offset = dom.getElementOffset(this.activeCell, this.grid);
+        dom.setPosition(this, { t: offset.top * this.grid.zoom, l: offset.left * this.grid.zoom });
+        dom.setSize(this, { w: this.activeCell.offsetWidth, h: this.activeCell.offsetHeight });
+    }
+    open(grid, initialValue = null, updatePosition = true) {
+        this._valid = true;
+        this.initialValue = initialValue;
+        this._open = true;
+        this.grid = grid;
+        const cellModel = grid.selecting.activeCell;
+        this.activeCellModel = cellModel;
+        this.activeCell = this.grid.table.getCellByModelIndex(cellModel.c, cellModel.r);
+        this.grid.selector.hide();
+        dom.showElement(this);
+        if (updatePosition)
+            this.alignWithCell();
+        this.activate(cellModel);
+        if (initialValue !== null)
+            this.setValue(initialValue);
+        dom.zoomElement(this, this.grid.zoom);
+        return this;
+    }
+    commit() {
+        if (this._open && !this.cancel && this.activeCellModel) {
+            this.grid.editing.updateCell(this.activeCellModel, { v: this.getValue(), dv: this.getDisplayValue() });
+            this.grid.rendering.updateCell(this.activeCellModel, true);
+        }
+        this.cancel = false;
+    }
+    close() {
+        if (this._open) {
+            this.deactivate();
+            dom.hideElement(this);
+            this.grid.table.renderBodyCell(this.activeCellModel);
+            this.grid.selecting.showSelector();
+            this.grid.focus();
+            this._open = false;
+            this.grid.editing.endEdit();
+        }
+        this.cancel = false;
+    }
+    activate(cell) {
+        this.activeCellModel = cell;
+        this.dispatchEvent(new EditorEvent('activate'));
+    }
+    deactivate() {
+        this.dispatchEvent(new EditorEvent('deactivate'));
+    }
+}
+BaseEditor.baseStyles = css `
+		* { box-sizing: border-box }
+
+		:host {
+			display: block;
+			width: 100%;
+			height: 100%;
+			background: var(--og-cell-background);
+			z-index: 200;
+		}
+
+		:host(.invalid) input {
+			color: #ff0000;
+			border: 1px solid #ff0000;
+		}
+	`;
+//# sourceMappingURL=baseEditor.js.map

package/dist/editors/baseEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseEditor.js","sourceRoot":"","sources":["../../src/editors/baseEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { CellModel, CellValueType, validateValue } from \"@omegagrid/grid-core\";\nimport { LitElement, css } from 'lit';\nimport { dom } from \"@omegagrid/core\";\nimport { Grid } from \"../ui/grid\";\n\nexport class EditorEvent extends Event { }\n\nexport abstract class BaseEditor extends LitElement {\n\n\tstatic baseStyles = css`\n\t\t* { box-sizing: border-box }\n\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tbackground: var(--og-cell-background);\n\t\t\tz-index: 200;\n\t\t}\n\n\t\t:host(.invalid) input {\n\t\t\tcolor: #ff0000;\n\t\t\tborder: 1px solid #ff0000;\n\t\t}\n\t`;\n\n\tprotected grid: Grid;\n\tprotected cancel = false;\n\tprotected activeCell: HTMLTableCellElement;\n\tprotected activeCellModel: CellModel;\n\tprotected initialValue: unknown;\n\t\n\tprotected _open = false;\n\tget isOpen() { return this._open }\n\n\tprotected _valid = true;\n\tget isValid() { return this._valid }\n\n\tvalidate() {\n\t\tthis._valid = true;\n\t\tif (this.activeCell) this._valid = validateValue(this.activeCellModel, this.getValue());\n\t\tthis.classList.toggle('invalid', !this._valid);\n\t\treturn this._valid;\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.init();\n\t}\n\n\t\n\tabstract getValue() : unknown;\n\n\tabstract setValue(value: unknown) : void;\n\t\n\tgetDisplayValue() : string {\n\t\treturn null;\n\t}\n\n\tinit() {\n\t\tthis.addEventListener('keydown', e => {\n\t\t\tif (e.key == 'Enter') {\n\t\t\t\tthis.close();\n\t\t\t} else if (e.key == 'Escape') {\n\t\t\t\tthis.cancel = true;\n\t\t\t\tthis.close();\n\t\t\t} else {\n\t\t\t\te.stopPropagation();\n\t\t\t}\n\t\t});\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.performUpdate();\n\t}\n\n\talignWithCell() {\n\t\tif (!this.activeCell) return;\n\t\tconst offset = dom.getElementOffset(this.activeCell, this.grid);\n\t\tdom.setPosition(this, {t: offset.top * this.grid.zoom, l: offset.left * this.grid.zoom});\n\t\tdom.setSize(this, {w: this.activeCell.offsetWidth, h: this.activeCell.offsetHeight});\n\t}\n\n\topen(grid: Grid, initialValue: unknown = null, updatePosition = true) {\n\t\tthis._valid = true;\n\t\tthis.initialValue = initialValue;\n\t\tthis._open = true;\n\t\tthis.grid = grid;\n\t\tconst cellModel = grid.selecting.activeCell;\n\t\tthis.activeCellModel = cellModel;\n\t\tthis.activeCell = this.grid.table.getCellByModelIndex(cellModel.c, cellModel.r);\n\t\tthis.grid.selector.hide();\n\t\tdom.showElement(this);\n\t\tif (updatePosition) this.alignWithCell();\n\t\tthis.activate(cellModel);\n\t\tif (initialValue !== null) this.setValue(initialValue);\n\t\tdom.zoomElement(this, this.grid.zoom);\n\t\treturn this;\n\t}\n\n\tcommit() {\n\t\tif (this._open && !this.cancel && this.activeCellModel) {\n\t\t\tthis.grid.editing.updateCell(\n\t\t\t\tthis.activeCellModel, \n\t\t\t\t{v: this.getValue() as CellValueType, dv: this.getDisplayValue()}\n\t\t\t);\n\t\t\tthis.grid.rendering.updateCell(this.activeCellModel, true);\n\t\t}\n\t\tthis.cancel = false;\n\t}\n\n\tclose() {\n\t\tif (this._open) {\n\t\t\tthis.deactivate();\n\t\t\tdom.hideElement(this);\n\t\t\tthis.grid.table.renderBodyCell(this.activeCellModel);\n\t\t\tthis.grid.selecting.showSelector();\n\t\t\tthis.grid.focus();\n\t\t\tthis._open = false;\n\t\t\tthis.grid.editing.endEdit();\n\t\t}\n\t\tthis.cancel = false;\n\t}\n\n\tactivate(cell: CellModel) : void {\n\t\tthis.activeCellModel = cell;\n\t\tthis.dispatchEvent(new EditorEvent('activate'));\n\t}\n\t\n\tdeactivate() : void {\n\t\tthis.dispatchEvent(new EditorEvent('deactivate'));\n\t}\n\n}"]}

package/dist/editors/calendarEditor.d.ts

@@ -0,0 +1,12 @@
+import { BaseEditor } from "./baseEditor";
+import { CellModel } from '@omegagrid/grid-core';
+export declare class CalendarEditor extends BaseEditor {
+    calendar: any;
+    setValue(value: number | string | Date): void;
+    getValue(): number;
+    activate(cell: CellModel): Promise<void>;
+    _onChange: () => void;
+    render: () => import("lit-html").TemplateResult<1>;
+    close(): void;
+}
+//# sourceMappingURL=calendarEditor.d.ts.map

package/dist/editors/calendarEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarEditor.d.ts","sourceRoot":"","sources":["../../src/editors/calendarEditor.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjD,qBACa,cAAe,SAAQ,UAAU;IAG7C,QAAQ,EAAE,GAAG,CAAC;IAEd,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAC,MAAM,GAAC,IAAI;IAuBlC,QAAQ,IAAK,MAAM;IAMb,QAAQ,CAAC,IAAI,EAAE,SAAS;IAO9B,SAAS,aAGR;IAED,MAAM,6CAMJ;IAEF,KAAK;CAKL"}

package/dist/editors/calendarEditor.js

@@ -0,0 +1,74 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, query } from 'lit/decorators.js';
+import { dates, utils } from "@omegagrid/core";
+import { getLocale } from "@omegagrid/localize";
+import { BaseEditor } from "./baseEditor";
+import { html } from 'lit';
+import { startOfDay } from 'date-fns';
+let CalendarEditor = class CalendarEditor extends BaseEditor {
+    constructor() {
+        super(...arguments);
+        this._onChange = () => {
+            this.commit();
+            this.close();
+        };
+        this.render = () => html `
+		<og-calendar-dropdown
+			buttonInput
+			cross
+			@change="${this._onChange}">
+		</og-calendar-dropdown>
+	`;
+    }
+    setValue(value) {
+        if (value == null) {
+            this.calendar.value = null;
+            return;
+        }
+        if (utils.isString(value)) {
+            const date = dates.parse(value, getLocale());
+            if (date) {
+                this.calendar.value = date;
+                return;
+            }
+        }
+        else if (utils.isNumber(value)) {
+            this.calendar.value = dates.serialDateToDate(value);
+            return;
+        }
+        else {
+            this.calendar.value = value;
+            return;
+        }
+        this.calendar.value = startOfDay(new Date());
+    }
+    getValue() {
+        const date = this.calendar?.value;
+        console.log(date);
+        return date ? dates.dateToSerialDate(date) : null;
+    }
+    async activate(cell) {
+        super.activate(cell);
+        await this.calendar.updateComplete;
+        await this.calendar.open();
+        this.setValue(cell.value);
+    }
+    close() {
+        super.close();
+        this.calendar.close();
+    }
+};
+__decorate([
+    query('og-calendar-dropdown')
+], CalendarEditor.prototype, "calendar", void 0);
+CalendarEditor = __decorate([
+    customElement('og-grid-calendareditor')
+], CalendarEditor);
+export { CalendarEditor };
+//# sourceMappingURL=calendarEditor.js.map

package/dist/editors/calendarEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendarEditor.js","sourceRoot":"","sources":["../../src/editors/calendarEditor.ts"],"names":[],"mappings":"AAAA,uDAAuD;;;;;;;AAEvD,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAI/B,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAyCN,cAAS,GAAG,GAAG,EAAE;YAChB,IAAI,CAAC,MAAM,EAAE,CAAC;YACd,IAAI,CAAC,KAAK,EAAE,CAAC;QACd,CAAC,CAAA;QAED,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;;;cAIN,IAAI,CAAC,SAAS;;EAE1B,CAAC;IAOH,CAAC;IAtDA,QAAQ,CAAC,KAAyB;QACjC,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;YAC3B,OAAO;QACR,CAAC;QAED,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,KAAe,EAAE,SAAS,EAAE,CAAC,CAAC;YACvD,IAAI,IAAI,EAAE,CAAC;gBACV,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;gBAC3B,OAAO;YACR,CAAC;QACF,CAAC;aAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;YAClC,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC,gBAAgB,CAAC,KAAe,CAAC,CAAC;YAC9D,OAAO;QACR,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAa,CAAC;YACpC,OAAO;QACR,CAAC;QAED,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAC9C,CAAC;IAED,QAAQ;QACP,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;QAClC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAClB,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACnD,CAAC;IAED,KAAK,CAAC,QAAQ,CAAC,IAAe;QACvB,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC3B,MAAM,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;QACnC,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAe,CAAC,CAAC;IACxC,CAAC;IAeJ,KAAK;QACJ,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC;IACvB,CAAC;CAED,CAAA;AAxDA;IADC,KAAK,CAAC,sBAAsB,CAAC;gDAChB;AAHF,cAAc;IAD1B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,cAAc,CA2D1B","sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { customElement, query } from 'lit/decorators.js';\nimport { dates, utils } from \"@omegagrid/core\";\nimport { getLocale } from \"@omegagrid/localize\";\nimport { BaseEditor } from \"./baseEditor\";\nimport { html } from 'lit';\nimport { startOfDay } from 'date-fns';\nimport { CellModel } from '@omegagrid/grid-core';\n\n@customElement('og-grid-calendareditor')\nexport class CalendarEditor extends BaseEditor {\n\n\t@query('og-calendar-dropdown')\n\tcalendar: any;\n\n\tsetValue(value: number|string|Date) {\n\t\tif (value == null) {\n\t\t\tthis.calendar.value = null;\n\t\t\treturn;\n\t\t}\n\n\t\tif (utils.isString(value)) {\n\t\t\tconst date = dates.parse(value as string, getLocale());\n\t\t\tif (date) {\n\t\t\t\tthis.calendar.value = date;\n\t\t\t\treturn;\n\t\t\t}\n\t\t} else if (utils.isNumber(value)) {\n\t\t\tthis.calendar.value = dates.serialDateToDate(value as number);\n\t\t\treturn;\n\t\t} else {\n\t\t\tthis.calendar.value = value as Date;\n\t\t\treturn;\n\t\t}\n\n\t\tthis.calendar.value = startOfDay(new Date());\n\t}\n\n\tgetValue() : number {\n\t\tconst date = this.calendar?.value;\n\t\tconsole.log(date);\n\t\treturn date ? dates.dateToSerialDate(date) : null;\n\t}\n\n\tasync activate(cell: CellModel) {\n        super.activate(cell);\n\t\tawait this.calendar.updateComplete;\n\t\tawait this.calendar.open();\n        this.setValue(cell.value as number);\n    }\n\n\t_onChange = () => {\n\t\tthis.commit();\n\t\tthis.close();\n\t}\t\t\n\n\trender = () => html`\n\t\t<og-calendar-dropdown\n\t\t\tbuttonInput\n\t\t\tcross\n\t\t\t@change=\"${this._onChange}\">\n\t\t</og-calendar-dropdown>\n\t`;\n\t\n\tclose() {\n\t\tsuper.close();\n\t\tthis.calendar.close();\n\t}\n\n}"]}