@operato/data-grist 9.0.0-beta.61 → 9.0.0-beta.63

package/dist/src/formatters/registry.js

@@ -0,0 +1,25 @@
+import { NOOP } from '../const.js';
+import { DateFormatter } from './date-formatter.js';
+import { NumberFormatter } from './number-formatter.js';
+import { TextFormatter } from './text-formatter.js';
+var FORMATTERS = {
+    number: NumberFormatter,
+    date: DateFormatter,
+    text: TextFormatter
+};
+export function registerFormatter(type, formatter) {
+    FORMATTERS[type] = formatter;
+}
+export function unregisterFormatter(type) {
+    delete FORMATTERS[type];
+}
+export function getFormatters() {
+    return { ...FORMATTERS };
+}
+export function getFormatter(type) {
+    if (typeof type == 'function') {
+        return type;
+    }
+    return FORMATTERS[type] || NOOP;
+}
+//# sourceMappingURL=registry.js.map

package/dist/src/formatters/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../src/formatters/registry.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAA;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAEnD,IAAI,UAAU,GAA+C;IAC3D,MAAM,EAAE,eAAe;IACvB,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,aAAa;CACpB,CAAA;AAED,MAAM,UAAU,iBAAiB,CAAC,IAAY,EAAE,SAAiC;IAC/E,UAAU,CAAC,IAAI,CAAC,GAAG,SAAS,CAAA;AAC9B,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,IAAY;IAC9C,OAAO,UAAU,CAAC,IAAI,CAAC,CAAA;AACzB,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;AAC1B,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,IAAY;IACvC,IAAI,OAAO,IAAI,IAAI,UAAU,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,IAAI,CAAA;AACjC,CAAC","sourcesContent":["import { NOOP } from '../const.js'\nimport { DateFormatter } from './date-formatter.js'\nimport { NumberFormatter } from './number-formatter.js'\nimport { TextFormatter } from './text-formatter.js'\n\nvar FORMATTERS: { [name: string]: (value: any) => string } = {\n  number: NumberFormatter,\n  date: DateFormatter,\n  text: TextFormatter\n}\n\nexport function registerFormatter(type: string, formatter: (value: any) => string) {\n  FORMATTERS[type] = formatter\n}\n\nexport function unregisterFormatter(type: string) {\n  delete FORMATTERS[type]\n}\n\nexport function getFormatters() {\n  return { ...FORMATTERS }\n}\n\nexport function getFormatter(type: string) {\n  if (typeof type == 'function') {\n    return type\n  }\n\n  return FORMATTERS[type] || NOOP\n}\n"]}

package/dist/src/formatters/text-formatter.d.ts

@@ -0,0 +1 @@
+export declare const TextFormatter: (value: any) => string;

package/dist/src/formatters/text-formatter.js

@@ -0,0 +1,4 @@
+export const TextFormatter = (value) => {
+    return '';
+};
+//# sourceMappingURL=text-formatter.js.map

package/dist/src/formatters/text-formatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-formatter.js","sourceRoot":"","sources":["../../../src/formatters/text-formatter.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAU,EAAU,EAAE;IAClD,OAAO,EAAE,CAAA;AACX,CAAC,CAAA","sourcesContent":["export const TextFormatter = (value: any): string => {\n  return ''\n}\n"]}

package/dist/src/gutters/gutter-button.d.ts

@@ -0,0 +1,21 @@
+import '@material/web/icon/icon.js';
+import { ColumnConfig, FieldRenderer, HeaderRenderer } from '../types.js';
+export declare class GutterButton {
+    static instance(config?: Partial<ColumnConfig>): {
+        type: string;
+        gutterName: string;
+        width: number;
+        resizable: boolean;
+        sortable: boolean;
+        header: {
+            renderer: HeaderRenderer;
+        };
+        record: {
+            align: string;
+            renderer: FieldRenderer;
+        };
+        forGrid: boolean;
+        forList: boolean;
+        forCard: boolean;
+    } & Partial<ColumnConfig>;
+}

package/dist/src/gutters/gutter-button.js

@@ -0,0 +1,40 @@
+import '@material/web/icon/icon.js';
+import { html, nothing } from 'lit';
+import { ifDefined } from 'lit/directives/if-defined.js';
+export class GutterButton {
+    static instance(config = { type: 'gutter', gutterName: 'button' }) {
+        var { icon = 'edit', title, iconOnly = true } = config;
+        var iconFn = typeof icon == 'function' ? icon : (record) => icon;
+        var titleFn = typeof title == 'function' ? title : (record) => title;
+        return Object.assign({}, {
+            type: 'gutter',
+            gutterName: 'button',
+            width: 26,
+            resizable: false,
+            sortable: false,
+            header: {
+                renderer: function (column) {
+                    const title = titleFn();
+                    const icon = iconFn();
+                    return iconOnly ? html ` <md-icon title=${ifDefined(title)}>${icon}</md-icon> ` : title;
+                }
+            },
+            record: {
+                align: 'center',
+                renderer: function (value, column, record, rowIndex, field) {
+                    const title = titleFn(record);
+                    const icon = iconFn(record);
+                    return iconOnly
+                        ? html ` <md-icon title=${ifDefined(title && titleFn(record))}>${iconFn(record)}</md-icon> `
+                        : title || icon
+                            ? html `<button><md-icon>${iconFn(record)}</md-icon>${titleFn(record)}</button>`
+                            : nothing;
+                }
+            },
+            forGrid: true,
+            forList: true,
+            forCard: true
+        }, config);
+    }
+}
+//# sourceMappingURL=gutter-button.js.map

package/dist/src/gutters/gutter-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gutter-button.js","sourceRoot":"","sources":["../../../src/gutters/gutter-button.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAIxD,MAAM,OAAO,YAAY;IACvB,MAAM,CAAC,QAAQ,CAAC,SAAgC,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE;QACtF,IAAI,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,MAAM,CAAA;QAEtD,IAAI,MAAM,GAAG,OAAO,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAoB,EAAE,EAAE,CAAC,IAAI,CAAA;QAC9E,IAAI,OAAO,GAAG,OAAO,KAAK,IAAI,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAoB,EAAE,EAAE,CAAC,KAAK,CAAA;QAElF,OAAO,MAAM,CAAC,MAAM,CAClB,EAAE,EACF;YACE,IAAI,EAAE,QAAQ;YACd,UAAU,EAAE,QAAQ;YACpB,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE;gBACN,QAAQ,EAAE,UAAU,MAAM;oBACxB,MAAM,KAAK,GAAG,OAAO,EAAE,CAAA;oBACvB,MAAM,IAAI,GAAG,MAAM,EAAE,CAAA;oBAErB,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,KAAK,CAAC,IAAI,IAAI,aAAa,CAAC,CAAC,CAAC,KAAK,CAAA;gBACxF,CAAmB;aACpB;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,QAAQ;gBACf,QAAQ,EAAE,UAAU,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK;oBACxD,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;oBAC7B,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;oBAE3B,OAAO,QAAQ;wBACb,CAAC,CAAC,IAAI,CAAA,mBAAmB,SAAS,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa;wBAC3F,CAAC,CAAC,KAAK,IAAI,IAAI;4BACb,CAAC,CAAC,IAAI,CAAA,oBAAoB,MAAM,CAAC,MAAM,CAAC,aAAa,OAAO,CAAC,MAAM,CAAC,WAAW;4BAC/E,CAAC,CAAC,OAAO,CAAA;gBACf,CAAkB;aACnB;YACD,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;SACd,EACD,MAAM,CACP,CAAA;IACH,CAAC;CACF","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { html, nothing } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { ColumnConfig, FieldRenderer, GristRecord, HeaderRenderer } from '../types.js'\n\nexport class GutterButton {\n  static instance(config: Partial<ColumnConfig> = { type: 'gutter', gutterName: 'button' }) {\n    var { icon = 'edit', title, iconOnly = true } = config\n\n    var iconFn = typeof icon == 'function' ? icon : (record?: GristRecord) => icon\n    var titleFn = typeof title == 'function' ? title : (record?: GristRecord) => title\n\n    return Object.assign(\n      {},\n      {\n        type: 'gutter',\n        gutterName: 'button',\n        width: 26,\n        resizable: false,\n        sortable: false,\n        header: {\n          renderer: function (column) {\n            const title = titleFn()\n            const icon = iconFn()\n\n            return iconOnly ? html` <md-icon title=${ifDefined(title)}>${icon}</md-icon> ` : title\n          } as HeaderRenderer\n        },\n        record: {\n          align: 'center',\n          renderer: function (value, column, record, rowIndex, field) {\n            const title = titleFn(record)\n            const icon = iconFn(record)\n\n            return iconOnly\n              ? html` <md-icon title=${ifDefined(title && titleFn(record))}>${iconFn(record)}</md-icon> `\n              : title || icon\n                ? html`<button><md-icon>${iconFn(record)}</md-icon>${titleFn(record)}</button>`\n                : nothing\n          } as FieldRenderer\n        },\n        forGrid: true,\n        forList: true,\n        forCard: true\n      },\n      config\n    )\n  }\n}\n"]}

package/dist/src/gutters/gutter-dirty.d.ts

@@ -0,0 +1,23 @@
+import '@material/web/icon/icon.js';
+import { ColumnConfig, FieldRenderer, GristEventHandler } from '../types.js';
+export declare class GutterDirty {
+    static instance(config?: Partial<ColumnConfig>): {
+        type: string;
+        name: string;
+        gutterName: string;
+        width: number;
+        resizable: boolean;
+        sortable: boolean;
+        header: string;
+        record: {
+            align: string;
+            renderer: FieldRenderer;
+        };
+        forGrid: boolean;
+        forList: boolean;
+        forCard: boolean;
+        handlers: {
+            dblclick: GristEventHandler;
+        };
+    } & Partial<ColumnConfig>;
+}

package/dist/src/gutters/gutter-dirty.js

@@ -0,0 +1,87 @@
+import { __decorate } from "tslib";
+import '@material/web/icon/icon.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let GutterDirtyElement = class GutterDirtyElement extends LitElement {
+    render() {
+        switch (this.value) {
+            case '+':
+                return html ` <md-icon style=${INLINESTYLE} center add>add</md-icon> `;
+            case '-':
+                return html ` <md-icon style=${INLINESTYLE} center remove>remove</md-icon> `;
+            case 'M':
+                return html ` <md-icon style=${INLINESTYLE} center done>done</md-icon> `;
+            default:
+                return '';
+        }
+    }
+};
+GutterDirtyElement.styles = css `
+    :host {
+      display: flex;
+      margin: auto;
+    }
+
+    md-icon {
+      width: var(--grid-record-dirty-icon-size);
+      height: var(--grid-record-dirty-icon-size);
+      border-radius: 50%;
+      opacity: 0.8;
+    }
+
+    [add] {
+      background-color: var(--md-sys-color-on-primary-container);
+    }
+
+    [remove] {
+      background-color: var(--md-sys-color-error);
+    }
+
+    [done] {
+      background-color: var(--status-info-color);
+    }
+  `;
+__decorate([
+    property({ type: String })
+], GutterDirtyElement.prototype, "value", void 0);
+GutterDirtyElement = __decorate([
+    customElement('ox-gutter-dirty-element')
+], GutterDirtyElement);
+const INLINESTYLE = 'font-size: var(--grid-record-fontsize); vertical-align: middle; color: var(--grid-record-dirty-color)';
+export class GutterDirty {
+    static instance(config = { type: 'gutter', name: '__dirty__' }) {
+        return Object.assign({}, {
+            type: 'gutter',
+            name: '__dirty__',
+            gutterName: 'dirty',
+            width: 30,
+            resizable: false,
+            sortable: false,
+            header: '',
+            record: {
+                align: 'center',
+                renderer: function (value, column, record, rowIndex, field) {
+                    return value ? html ` <ox-gutter-dirty-element value=${value}></ox-gutter-dirty-element> ` : html ``;
+                }
+            },
+            forGrid: true,
+            forList: false,
+            forCard: false,
+            handlers: {
+                dblclick: ((columns, data, column, record, rowIndex, target) => {
+                    target.dispatchEvent(new CustomEvent('set-select-block', {
+                        bubbles: true,
+                        composed: true,
+                        detail: {
+                            startRow: rowIndex,
+                            startColumn: 0,
+                            endRow: rowIndex,
+                            endColumn: -1
+                        }
+                    }));
+                })
+            }
+        }, config);
+    }
+}
+//# sourceMappingURL=gutter-dirty.js.map

package/dist/src/gutters/gutter-dirty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gutter-dirty.js","sourceRoot":"","sources":["../../../src/gutters/gutter-dirty.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAK3D,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IA6BzC,MAAM;QACJ,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,KAAK,GAAG;gBACN,OAAO,IAAI,CAAA,mBAAmB,WAAW,4BAA4B,CAAA;YACvE,KAAK,GAAG;gBACN,OAAO,IAAI,CAAA,mBAAmB,WAAW,kCAAkC,CAAA;YAC7E,KAAK,GAAG;gBACN,OAAO,IAAI,CAAA,mBAAmB,WAAW,8BAA8B,CAAA;YACzE;gBACE,OAAO,EAAE,CAAA;QACb,CAAC;IACH,CAAC;;AAvCM,yBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBlB,AAxBY,CAwBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAe;AA3BtC,kBAAkB;IADvB,aAAa,CAAC,yBAAyB,CAAC;GACnC,kBAAkB,CAyCvB;AAED,MAAM,WAAW,GACf,uGAAuG,CAAA;AAEzG,MAAM,OAAO,WAAW;IACtB,MAAM,CAAC,QAAQ,CAAC,SAAgC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE;QACnF,OAAO,MAAM,CAAC,MAAM,CAClB,EAAE,EACF;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,WAAW;YACjB,UAAU,EAAE,OAAO;YACnB,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,EAAE;YACV,MAAM,EAAE;gBACN,KAAK,EAAE,QAAQ;gBACf,QAAQ,EAAE,UAAU,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK;oBACxD,OAAO,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,mCAAmC,KAAK,8BAA8B,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,CAAA;gBACpG,CAAkB;aACnB;YACD,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE;gBACR,QAAQ,EAAE,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE;oBAC7D,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,kBAAkB,EAAE;wBAClC,OAAO,EAAE,IAAI;wBACb,QAAQ,EAAE,IAAI;wBACd,MAAM,EAAE;4BACN,QAAQ,EAAE,QAAQ;4BAClB,WAAW,EAAE,CAAC;4BACd,MAAM,EAAE,QAAQ;4BAChB,SAAS,EAAE,CAAC,CAAC;yBACd;qBACF,CAAC,CACH,CAAA;gBACH,CAAC,CAAsB;aACxB;SACF,EACD,MAAM,CACP,CAAA;IACH,CAAC;CACF","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { ColumnConfig, FieldRenderer, GristEventHandler } from '../types.js'\n\n@customElement('ox-gutter-dirty-element')\nclass GutterDirtyElement extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      margin: auto;\n    }\n\n    md-icon {\n      width: var(--grid-record-dirty-icon-size);\n      height: var(--grid-record-dirty-icon-size);\n      border-radius: 50%;\n      opacity: 0.8;\n    }\n\n    [add] {\n      background-color: var(--md-sys-color-on-primary-container);\n    }\n\n    [remove] {\n      background-color: var(--md-sys-color-error);\n    }\n\n    [done] {\n      background-color: var(--status-info-color);\n    }\n  `\n\n  @property({ type: String }) value?: string\n\n  render() {\n    switch (this.value) {\n      case '+':\n        return html` <md-icon style=${INLINESTYLE} center add>add</md-icon> `\n      case '-':\n        return html` <md-icon style=${INLINESTYLE} center remove>remove</md-icon> `\n      case 'M':\n        return html` <md-icon style=${INLINESTYLE} center done>done</md-icon> `\n      default:\n        return ''\n    }\n  }\n}\n\nconst INLINESTYLE =\n  'font-size: var(--grid-record-fontsize); vertical-align: middle; color: var(--grid-record-dirty-color)'\n\nexport class GutterDirty {\n  static instance(config: Partial<ColumnConfig> = { type: 'gutter', name: '__dirty__' }) {\n    return Object.assign(\n      {},\n      {\n        type: 'gutter',\n        name: '__dirty__',\n        gutterName: 'dirty',\n        width: 30,\n        resizable: false,\n        sortable: false,\n        header: '',\n        record: {\n          align: 'center',\n          renderer: function (value, column, record, rowIndex, field) {\n            return value ? html` <ox-gutter-dirty-element value=${value}></ox-gutter-dirty-element> ` : html``\n          } as FieldRenderer\n        },\n        forGrid: true,\n        forList: false,\n        forCard: false,\n        handlers: {\n          dblclick: ((columns, data, column, record, rowIndex, target) => {\n            target.dispatchEvent(\n              new CustomEvent('set-select-block', {\n                bubbles: true,\n                composed: true,\n                detail: {\n                  startRow: rowIndex,\n                  startColumn: 0,\n                  endRow: rowIndex,\n                  endColumn: -1\n                }\n              })\n            )\n          }) as GristEventHandler\n        }\n      },\n      config\n    )\n  }\n}\n"]}

package/dist/src/gutters/gutter-row-selector.d.ts

@@ -0,0 +1,21 @@
+import { ColumnConfig, FieldRenderer, HeaderRenderer } from '../types.js';
+export declare class GutterRowSelector {
+    static instance(config?: Partial<ColumnConfig>): {
+        type: string;
+        name: string;
+        gutterName: string;
+        width: number;
+        resizable: boolean;
+        sortable: boolean;
+        header: {
+            renderer: HeaderRenderer;
+        };
+        record: {
+            align: string;
+            renderer: FieldRenderer;
+        };
+        forGrid: boolean;
+        forList: boolean;
+        forCard: boolean;
+    } & Partial<ColumnConfig>;
+}

package/dist/src/gutters/gutter-row-selector.js

@@ -0,0 +1,70 @@
+import { html } from 'lit';
+export class GutterRowSelector {
+    static instance(config = { type: 'gutter', name: '__selected__' }) {
+        return Object.assign({}, {
+            type: 'gutter',
+            name: '__selected__',
+            gutterName: 'row-selector',
+            width: 30,
+            resizable: false,
+            sortable: false,
+            header: {
+                renderer: function (column) {
+                    var checked = ((this.data || {}).records || []).find(record => record['__selected__']);
+                    return html `
+              <input
+                type="checkbox"
+                .checked=${!!checked}
+                @change=${(e) => {
+                        let selected = column.multiple ? e.target.checked : false;
+                        this.dispatchEvent(new CustomEvent('select-all-change', {
+                            bubbles: true,
+                            composed: true,
+                            detail: {
+                                selected
+                            }
+                        }));
+                        e.stopPropagation();
+                    }}
+              />
+            `;
+                }
+            },
+            record: {
+                align: 'center',
+                renderer: function (value, column, record, rowIndex, field) {
+                    return html `
+              <input
+                type=${column.multiple ? 'checkbox' : 'radio'}
+                .checked=${!!value}
+                @click=${(e) => {
+                        e.stopPropagation();
+                    }}
+                @change=${(e) => {
+                        let selected = e.target.checked;
+                        let detail = column.multiple
+                            ? {
+                                added: selected ? [record] : [],
+                                removed: selected ? [] : [record]
+                            }
+                            : {
+                                records: selected ? [record] : []
+                            };
+                        field.dispatchEvent(new CustomEvent('select-record-change', {
+                            bubbles: true,
+                            composed: true,
+                            detail
+                        }));
+                        e.stopPropagation();
+                    }}
+              />
+            `;
+                }
+            },
+            forGrid: true,
+            forList: true,
+            forCard: true
+        }, config);
+    }
+}
+//# sourceMappingURL=gutter-row-selector.js.map

package/dist/src/gutters/gutter-row-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gutter-row-selector.js","sourceRoot":"","sources":["../../../src/gutters/gutter-row-selector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAO1B,MAAM,OAAO,iBAAiB;IAC5B,MAAM,CAAC,QAAQ,CAAC,SAAgC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE;QACtF,OAAO,MAAM,CAAC,MAAM,CAClB,EAAE,EACF;YACE,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,cAAc;YACpB,UAAU,EAAE,cAAc;YAC1B,KAAK,EAAE,EAAE;YACT,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE;gBACN,QAAQ,EAAE,UAAgD,MAAM;oBAC9D,IAAI,OAAO,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAA;oBAEtF,OAAO,IAAI,CAAA;;;2BAGI,CAAC,CAAC,OAAO;0BACV,CAAC,CAAQ,EAAE,EAAE;wBACrB,IAAI,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAE,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAA;wBAE/E,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,mBAAmB,EAAE;4BACnC,OAAO,EAAE,IAAI;4BACb,QAAQ,EAAE,IAAI;4BACd,MAAM,EAAE;gCACN,QAAQ;6BACT;yBACF,CAAC,CACH,CAAA;wBAED,CAAC,CAAC,eAAe,EAAE,CAAA;oBACrB,CAAC;;aAEJ,CAAA;gBACH,CAAmB;aACpB;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,QAAQ;gBACf,QAAQ,EAAE,UAAU,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK;oBACxD,OAAO,IAAI,CAAA;;uBAEA,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;2BAClC,CAAC,CAAC,KAAK;yBACT,CAAC,CAAQ,EAAE,EAAE;wBACpB,CAAC,CAAC,eAAe,EAAE,CAAA;oBACrB,CAAC;0BACS,CAAC,CAAQ,EAAE,EAAE;wBACrB,IAAI,QAAQ,GAAI,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAA;wBAErD,IAAI,MAAM,GAAG,MAAM,CAAC,QAAQ;4BAC1B,CAAC,CAAC;gCACE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;gCAC/B,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;6BAClC;4BACH,CAAC,CAAC;gCACE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE;6BAClC,CAAA;wBAEL,KAAK,CAAC,aAAa,CACjB,IAAI,WAAW,CAAC,sBAAsB,EAAE;4BACtC,OAAO,EAAE,IAAI;4BACb,QAAQ,EAAE,IAAI;4BACd,MAAM;yBACP,CAAC,CACH,CAAA;wBAED,CAAC,CAAC,eAAe,EAAE,CAAA;oBACrB,CAAC;;aAEJ,CAAA;gBACH,CAAkB;aACnB;YACD,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,IAAI;SACd,EACD,MAAM,CACP,CAAA;IACH,CAAC;CACF","sourcesContent":["import { html } from 'lit'\n\nimport { DataCard } from '../data-card/data-card.js'\nimport { DataGrid } from '../data-grid/data-grid.js'\nimport { DataList } from '../data-list/data-list.js'\nimport { ColumnConfig, FieldRenderer, HeaderRenderer } from '../types.js'\n\nexport class GutterRowSelector {\n  static instance(config: Partial<ColumnConfig> = { type: 'gutter', name: '__selected__' }) {\n    return Object.assign(\n      {},\n      {\n        type: 'gutter',\n        name: '__selected__',\n        gutterName: 'row-selector',\n        width: 30,\n        resizable: false,\n        sortable: false,\n        header: {\n          renderer: function (this: DataGrid | DataList | DataCard, column) {\n            var checked = ((this.data || {}).records || []).find(record => record['__selected__'])\n\n            return html`\n              <input\n                type=\"checkbox\"\n                .checked=${!!checked}\n                @change=${(e: Event) => {\n                  let selected = column.multiple ? (e.target as HTMLInputElement).checked : false\n\n                  this.dispatchEvent(\n                    new CustomEvent('select-all-change', {\n                      bubbles: true,\n                      composed: true,\n                      detail: {\n                        selected\n                      }\n                    })\n                  )\n\n                  e.stopPropagation()\n                }}\n              />\n            `\n          } as HeaderRenderer\n        },\n        record: {\n          align: 'center',\n          renderer: function (value, column, record, rowIndex, field) {\n            return html`\n              <input\n                type=${column.multiple ? 'checkbox' : 'radio'}\n                .checked=${!!value}\n                @click=${(e: Event) => {\n                  e.stopPropagation()\n                }}\n                @change=${(e: Event) => {\n                  let selected = (e.target as HTMLInputElement).checked\n\n                  let detail = column.multiple\n                    ? {\n                        added: selected ? [record] : [],\n                        removed: selected ? [] : [record]\n                      }\n                    : {\n                        records: selected ? [record] : []\n                      }\n\n                  field.dispatchEvent(\n                    new CustomEvent('select-record-change', {\n                      bubbles: true,\n                      composed: true,\n                      detail\n                    })\n                  )\n\n                  e.stopPropagation()\n                }}\n              />\n            `\n          } as FieldRenderer\n        },\n        forGrid: true,\n        forList: true,\n        forCard: true\n      },\n      config\n    )\n  }\n}\n"]}

package/dist/src/gutters/gutter-sequence.d.ts

@@ -0,0 +1,35 @@
+import { ColumnConfig, ColumnWidthCallback, FieldRenderer } from '../types.js';
+export declare class GutterSequence {
+    static instance(config?: Partial<ColumnConfig>): {
+        type: string;
+        name: string;
+        gutterName?: "button" | "sequence" | "row-selector" | "dirty" | undefined;
+        title?: string | undefined;
+        fixed?: boolean | undefined;
+        icon?: string | undefined;
+        iconOnly?: boolean | undefined;
+        danger?: boolean | undefined;
+        header: string | import("../types.js").HeaderConfig;
+        record: import("../types.js").RecordConfig | {
+            renderer: FieldRenderer;
+            align: string;
+        };
+        handlers: import("../types.js").GristEventHandlerSet;
+        label?: import("../types.js").LabelConfig | undefined;
+        hidden?: boolean | undefined;
+        sortable: boolean;
+        resizable: boolean;
+        width: number | string | ColumnWidthCallback;
+        forList: boolean;
+        forCard: boolean;
+        validation?: import("../types.js").ValidationCallback | undefined;
+        accumulator?: import("../types.js").AccumulatorObject | undefined;
+        filter?: import("../types.js").FilterConfig | undefined;
+        imex?: (import("../types.js").ImexConfig | boolean) | undefined;
+        multiple?: boolean | undefined;
+        rowCount?: boolean | undefined;
+        unusable?: boolean | undefined;
+        getterType: string;
+        forGrid: boolean;
+    };
+}

package/dist/src/gutters/gutter-sequence.js

@@ -0,0 +1,48 @@
+export class GutterSequence {
+    static instance(config = { type: 'gutter', name: '__seq__' }) {
+        return {
+            type: 'gutter',
+            name: '__seq__',
+            getterType: 'sequence',
+            width: function (column) {
+                if (this.data) {
+                    var { limit = 0, page = 1, records = [] } = this.data || {};
+                    var lastIndex = (page - 1) * limit + records.length;
+                }
+                else {
+                    var lastIndex = 100;
+                }
+                /* 1ch의 폭은 해당 폰트 0의 폭을 의미함. Arial이 약 8px이며, 정수로 떨어지지 않을 수 있으므로, 다소 여유있게 10px을 기준으로 함. */
+                return `${Math.max(String(lastIndex).length * 10, 20)}px`;
+            },
+            resizable: false,
+            sortable: false,
+            header: '#',
+            record: {
+                renderer: function (value, column, record, rowIndex, field) {
+                    return value;
+                },
+                align: 'right'
+            },
+            forGrid: true,
+            forList: false,
+            forCard: false,
+            handlers: {
+                dblclick: ((columns, data, column, record, rowIndex, target) => {
+                    target.dispatchEvent(new CustomEvent('set-select-block', {
+                        bubbles: true,
+                        composed: true,
+                        detail: {
+                            startRow: rowIndex,
+                            startColumn: 0,
+                            endRow: rowIndex,
+                            endColumn: -1
+                        }
+                    }));
+                })
+            },
+            ...config
+        };
+    }
+}
+//# sourceMappingURL=gutter-sequence.js.map

package/dist/src/gutters/gutter-sequence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gutter-sequence.js","sourceRoot":"","sources":["../../../src/gutters/gutter-sequence.ts"],"names":[],"mappings":"AAKA,MAAM,OAAO,cAAc;IACzB,MAAM,CAAC,QAAQ,CAAC,SAAgC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE;QACjF,OAAO;YACL,IAAI,EAAE,QAAQ;YACd,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,UAAU;YACtB,KAAK,EAAE,UAAgD,MAAM;gBAC3D,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;oBACd,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,IAAI,IAAI,EAAE,CAAA;oBAC3D,IAAI,SAAS,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,OAAO,CAAC,MAAM,CAAA;gBACrD,CAAC;qBAAM,CAAC;oBACN,IAAI,SAAS,GAAG,GAAG,CAAA;gBACrB,CAAC;gBAED,wFAAwF;gBACxF,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA;YAC3D,CAAwB;YACxB,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,MAAM,EAAE,GAAG;YACX,MAAM,EAAE;gBACN,QAAQ,EAAE,UAAU,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK;oBACxD,OAAO,KAAK,CAAA;gBACd,CAAkB;gBAClB,KAAK,EAAE,OAAO;aACf;YACD,OAAO,EAAE,IAAI;YACb,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE;gBACR,QAAQ,EAAE,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE;oBAC7D,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,kBAAkB,EAAE;wBAClC,OAAO,EAAE,IAAI;wBACb,QAAQ,EAAE,IAAI;wBACd,MAAM,EAAE;4BACN,QAAQ,EAAE,QAAQ;4BAClB,WAAW,EAAE,CAAC;4BACd,MAAM,EAAE,QAAQ;4BAChB,SAAS,EAAE,CAAC,CAAC;yBACd;qBACF,CAAC,CACH,CAAA;gBACH,CAAC,CAAsB;aACxB;YACD,GAAG,MAAM;SACV,CAAA;IACH,CAAC;CACF","sourcesContent":["import { DataCard } from '../data-card/data-card.js'\nimport { DataGrid } from '../data-grid/data-grid.js'\nimport { DataList } from '../data-list/data-list.js'\nimport { ColumnConfig, ColumnWidthCallback, FieldRenderer, GristEventHandler } from '../types.js'\n\nexport class GutterSequence {\n  static instance(config: Partial<ColumnConfig> = { type: 'gutter', name: '__seq__' }) {\n    return {\n      type: 'gutter',\n      name: '__seq__',\n      getterType: 'sequence',\n      width: function (this: DataGrid | DataList | DataCard, column): string {\n        if (this.data) {\n          var { limit = 0, page = 1, records = [] } = this.data || {}\n          var lastIndex = (page - 1) * limit + records.length\n        } else {\n          var lastIndex = 100\n        }\n\n        /* 1ch의 폭은 해당 폰트 0의 폭을 의미함. Arial이 약 8px이며, 정수로 떨어지지 않을 수 있으므로, 다소 여유있게 10px을 기준으로 함. */\n        return `${Math.max(String(lastIndex).length * 10, 20)}px`\n      } as ColumnWidthCallback,\n      resizable: false,\n      sortable: false,\n      header: '#',\n      record: {\n        renderer: function (value, column, record, rowIndex, field) {\n          return value\n        } as FieldRenderer,\n        align: 'right'\n      },\n      forGrid: true,\n      forList: false,\n      forCard: false,\n      handlers: {\n        dblclick: ((columns, data, column, record, rowIndex, target) => {\n          target.dispatchEvent(\n            new CustomEvent('set-select-block', {\n              bubbles: true,\n              composed: true,\n              detail: {\n                startRow: rowIndex,\n                startColumn: 0,\n                endRow: rowIndex,\n                endColumn: -1\n              }\n            })\n          )\n        }) as GristEventHandler\n      },\n      ...config\n    }\n  }\n}\n"]}

package/dist/src/gutters/index.d.ts

@@ -0,0 +1 @@
+export * from './registry.js';

package/dist/src/gutters/index.js

@@ -0,0 +1,2 @@
+export * from './registry.js';
+//# sourceMappingURL=index.js.map

package/dist/src/gutters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/gutters/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA","sourcesContent":["export * from './registry.js'\n"]}

package/dist/src/gutters/registry.d.ts

@@ -0,0 +1,7 @@
+import { ColumnConfig } from '../types.js';
+export declare function registerGutter(name: string, gutter: any): void;
+export declare function unregisterGutter(name: string): void;
+export declare function getGutters(): {
+    [name: string]: any;
+};
+export declare const generateGutterColumn: (config: ColumnConfig) => any;

package/dist/src/gutters/registry.js

@@ -0,0 +1,26 @@
+import { GutterButton } from './gutter-button.js';
+import { GutterDirty } from './gutter-dirty.js';
+import { GutterRowSelector } from './gutter-row-selector.js';
+import { GutterSequence } from './gutter-sequence.js';
+var GUTTERS = {
+    sequence: GutterSequence,
+    'row-selector': GutterRowSelector,
+    button: GutterButton,
+    dirty: GutterDirty
+};
+export function registerGutter(name, gutter) {
+    GUTTERS[name] = gutter;
+}
+export function unregisterGutter(name) {
+    delete GUTTERS[name];
+}
+export function getGutters() {
+    return { ...GUTTERS };
+}
+export const generateGutterColumn = (config) => {
+    var clazz = GUTTERS[config.gutterName || ''];
+    if (clazz) {
+        return clazz.instance(config);
+    }
+};
+//# sourceMappingURL=registry.js.map

package/dist/src/gutters/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../src/gutters/registry.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,IAAI,OAAO,GAA4B;IACrC,QAAQ,EAAE,cAAc;IACxB,cAAc,EAAE,iBAAiB;IACjC,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,WAAW;CACnB,CAAA;AAED,MAAM,UAAU,cAAc,CAAC,IAAY,EAAE,MAAW;IACtD,OAAO,CAAC,IAAI,CAAC,GAAG,MAAM,CAAA;AACxB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,IAAY;IAC3C,OAAO,OAAO,CAAC,IAAI,CAAC,CAAA;AACtB,CAAC;AAED,MAAM,UAAU,UAAU;IACxB,OAAO,EAAE,GAAG,OAAO,EAAE,CAAA;AACvB,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAAoB,EAAE,EAAE;IAC3D,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC,CAAA;IAE5C,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;IAC/B,CAAC;AACH,CAAC,CAAA","sourcesContent":["import { ColumnConfig } from '../types.js'\nimport { GutterButton } from './gutter-button.js'\nimport { GutterDirty } from './gutter-dirty.js'\nimport { GutterRowSelector } from './gutter-row-selector.js'\nimport { GutterSequence } from './gutter-sequence.js'\n\nvar GUTTERS: { [name: string]: any } = {\n  sequence: GutterSequence,\n  'row-selector': GutterRowSelector,\n  button: GutterButton,\n  dirty: GutterDirty\n}\n\nexport function registerGutter(name: string, gutter: any) {\n  GUTTERS[name] = gutter\n}\n\nexport function unregisterGutter(name: string) {\n  delete GUTTERS[name]\n}\n\nexport function getGutters() {\n  return { ...GUTTERS }\n}\n\nexport const generateGutterColumn = (config: ColumnConfig) => {\n  var clazz = GUTTERS[config.gutterName || '']\n\n  if (clazz) {\n    return clazz.instance(config)\n  }\n}\n"]}

package/dist/src/handlers/contextmenu-tree-mutation.d.ts

@@ -0,0 +1,3 @@
+import { DataGridField } from '../data-grid/data-grid-field.js';
+import { ColumnConfig, GristData, GristRecord } from '../types.js';
+export declare const ContextMenuTreeMutation: (columns: ColumnConfig[], data: GristData, column: ColumnConfig, record: GristRecord, rowIndex: number, field: DataGridField, event: Event) => void;

package/dist/src/handlers/contextmenu-tree-mutation.js

@@ -0,0 +1,64 @@
+import { html } from 'lit';
+import { OxPopupMenu } from '@operato/popup';
+function dispatchEvent(field, event) {
+    field.dispatchEvent(new CustomEvent(event, {
+        bubbles: true,
+        composed: true,
+        detail: field.record
+    }));
+}
+/*
+ * handler들은 ox-grid-field 로부터 호출되는 것을 전제로 하며,
+ * 전반적인 처리를 위해서, columns 및 data 정보를 포함해서 제공할 수 있어야 한다.
+ */
+export const ContextMenuTreeMutation = function (columns, data, column, record, rowIndex, field, event) {
+    const e = event;
+    if (!('pageX' in e && 'pageY' in e)) {
+        return;
+    }
+    e.preventDefault();
+    OxPopupMenu.open({
+        template: html `
+      <ox-popup-menuitem
+        label="add sibling node"
+        @click=${() => {
+            dispatchEvent(field, 'add-sibling-node');
+        }}
+      >
+        <md-icon slot="icon">add</md-icon>
+      </ox-popup-menuitem>
+
+      <ox-popup-menuitem
+        label="add child node"
+        @click=${() => {
+            dispatchEvent(field, 'add-child-node');
+        }}
+      >
+        <md-icon slot="icon">playlist_add</md-icon>
+      </ox-popup-menuitem>
+
+      <div separator></div>
+
+      <ox-popup-menuitem
+        label="collapse all"
+        @click=${() => {
+            dispatchEvent(field, 'collapse-all');
+        }}
+      >
+        <md-icon slot="icon">unfold_less</md-icon>
+      </ox-popup-menuitem>
+
+      <ox-popup-menuitem
+        label="expand all"
+        @click=${() => {
+            dispatchEvent(field, 'expand-all');
+        }}
+      >
+        <md-icon slot="icon">unfold_more</md-icon>
+      </ox-popup-menuitem>
+    `,
+        top: e.pageY,
+        left: e.pageX
+    });
+};
+//# sourceMappingURL=contextmenu-tree-mutation.js.map

package/dist/src/handlers/contextmenu-tree-mutation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contextmenu-tree-mutation.js","sourceRoot":"","sources":["../../../src/handlers/contextmenu-tree-mutation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAK5C,SAAS,aAAa,CAAC,KAAoB,EAAE,KAAa;IACxD,KAAK,CAAC,aAAa,CACjB,IAAI,WAAW,CAAC,KAAK,EAAE;QACrB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC,CACH,CAAA;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG,UACrC,OAAuB,EACvB,IAAe,EACf,MAAoB,EACpB,MAAmB,EACnB,QAAgB,EAChB,KAAoB,EACpB,KAAY;IAEZ,MAAM,CAAC,GAAG,KAAqB,CAAA;IAC/B,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,IAAI,OAAO,IAAI,CAAC,CAAC,EAAE,CAAC;QACpC,OAAM;IACR,CAAC;IAED,CAAC,CAAC,cAAc,EAAE,CAAA;IAElB,WAAW,CAAC,IAAI,CAAC;QACf,QAAQ,EAAE,IAAI,CAAA;;;iBAGD,GAAG,EAAE;YACZ,aAAa,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAA;QAC1C,CAAC;;;;;;;iBAOQ,GAAG,EAAE;YACZ,aAAa,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAA;QACxC,CAAC;;;;;;;;;iBASQ,GAAG,EAAE;YACZ,aAAa,CAAC,KAAK,EAAE,cAAc,CAAC,CAAA;QACtC,CAAC;;;;;;;iBAOQ,GAAG,EAAE;YACZ,aAAa,CAAC,KAAK,EAAE,YAAY,CAAC,CAAA;QACpC,CAAC;;;;KAIJ;QACD,GAAG,EAAE,CAAC,CAAC,KAAK;QACZ,IAAI,EAAE,CAAC,CAAC,KAAK;KACd,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { html } from 'lit'\nimport { OxPopupMenu } from '@operato/popup'\n\nimport { DataGridField } from '../data-grid/data-grid-field.js'\nimport { ColumnConfig, GristData, GristRecord } from '../types.js'\n\nfunction dispatchEvent(field: DataGridField, event: string) {\n  field.dispatchEvent(\n    new CustomEvent(event, {\n      bubbles: true,\n      composed: true,\n      detail: field.record\n    })\n  )\n}\n\n/*\n * handler들은 ox-grid-field 로부터 호출되는 것을 전제로 하며,\n * 전반적인 처리를 위해서, columns 및 data 정보를 포함해서 제공할 수 있어야 한다.\n */\nexport const ContextMenuTreeMutation = function (\n  columns: ColumnConfig[],\n  data: GristData,\n  column: ColumnConfig,\n  record: GristRecord,\n  rowIndex: number,\n  field: DataGridField,\n  event: Event\n): void {\n  const e = event as PointerEvent\n  if (!('pageX' in e && 'pageY' in e)) {\n    return\n  }\n\n  e.preventDefault()\n\n  OxPopupMenu.open({\n    template: html`\n      <ox-popup-menuitem\n        label=\"add sibling node\"\n        @click=${() => {\n          dispatchEvent(field, 'add-sibling-node')\n        }}\n      >\n        <md-icon slot=\"icon\">add</md-icon>\n      </ox-popup-menuitem>\n\n      <ox-popup-menuitem\n        label=\"add child node\"\n        @click=${() => {\n          dispatchEvent(field, 'add-child-node')\n        }}\n      >\n        <md-icon slot=\"icon\">playlist_add</md-icon>\n      </ox-popup-menuitem>\n\n      <div separator></div>\n\n      <ox-popup-menuitem\n        label=\"collapse all\"\n        @click=${() => {\n          dispatchEvent(field, 'collapse-all')\n        }}\n      >\n        <md-icon slot=\"icon\">unfold_less</md-icon>\n      </ox-popup-menuitem>\n\n      <ox-popup-menuitem\n        label=\"expand all\"\n        @click=${() => {\n          dispatchEvent(field, 'expand-all')\n        }}\n      >\n        <md-icon slot=\"icon\">unfold_more</md-icon>\n      </ox-popup-menuitem>\n    `,\n    top: e.pageY,\n    left: e.pageX\n  })\n}\n"]}

package/dist/src/handlers/index.d.ts

@@ -0,0 +1 @@
+export * from './registry.js';

package/dist/src/handlers/index.js

@@ -0,0 +1,2 @@
+export * from './registry.js';
+//# sourceMappingURL=index.js.map

package/dist/src/handlers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/handlers/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA","sourcesContent":["export * from './registry.js'\n"]}

package/dist/src/handlers/move-down.d.ts

@@ -0,0 +1,3 @@
+import { DataGridField } from '../data-grid/data-grid-field.js';
+import { ColumnConfig, GristData, GristRecord } from '../types.js';
+export declare const MoveDown: (columns: ColumnConfig[], data: GristData, column: ColumnConfig, record: GristRecord, rowIndex: number, field: DataGridField) => void;

package/dist/src/handlers/move-down.js

@@ -0,0 +1,26 @@
+/*
+ * handler들은 ox-grid-field 로부터 호출되는 것을 전제로 하며,
+ * 전반적인 처리를 위해서, columns 및 data 정보를 포함해서 제공할 수 있어야 한다.
+ */
+export const MoveDown = function (columns, data, column, record, rowIndex, field) {
+    var moveTo = rowIndex + 1;
+    var length = data.records.length;
+    if (rowIndex >= length || moveTo < 0 || moveTo >= length) {
+        return;
+    }
+    data.records.splice(rowIndex, 1);
+    data.records.splice(moveTo, 0, record);
+    field.dispatchEvent(new CustomEvent('record-change', {
+        bubbles: true,
+        composed: true
+    }));
+    field.dispatchEvent(new CustomEvent('focus-change', {
+        bubbles: true,
+        composed: true,
+        detail: {
+            row: moveTo,
+            column: column
+        }
+    }));
+};
+//# sourceMappingURL=move-down.js.map

package/dist/src/handlers/move-down.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"move-down.js","sourceRoot":"","sources":["../../../src/handlers/move-down.ts"],"names":[],"mappings":"AAGA;;;GAGG;AAEH,MAAM,CAAC,MAAM,QAAQ,GAAG,UACtB,OAAuB,EACvB,IAAe,EACf,MAAoB,EACpB,MAAmB,EACnB,QAAgB,EAChB,KAAoB;IAEpB,IAAI,MAAM,GAAG,QAAQ,GAAG,CAAC,CAAA;IACzB,IAAI,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAA;IAEhC,IAAI,QAAQ,IAAI,MAAM,IAAI,MAAM,GAAG,CAAC,IAAI,MAAM,IAAI,MAAM,EAAE,CAAC;QACzD,OAAM;IACR,CAAC;IAED,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA;IAChC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,MAAM,CAAC,CAAA;IAEtC,KAAK,CAAC,aAAa,CACjB,IAAI,WAAW,CAAC,eAAe,EAAE;QAC/B,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;KACf,CAAC,CACH,CAAA;IAED,KAAK,CAAC,aAAa,CACjB,IAAI,WAAW,CAAC,cAAc,EAAE;QAC9B,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE;YACN,GAAG,EAAE,MAAM;YACX,MAAM,EAAE,MAAM;SACf;KACF,CAAC,CACH,CAAA;AACH,CAAC,CAAA","sourcesContent":["import { DataGridField } from '../data-grid/data-grid-field.js'\nimport { ColumnConfig, GristData, GristRecord } from '../types.js'\n\n/*\n * handler들은 ox-grid-field 로부터 호출되는 것을 전제로 하며,\n * 전반적인 처리를 위해서, columns 및 data 정보를 포함해서 제공할 수 있어야 한다.\n */\n\nexport const MoveDown = function (\n  columns: ColumnConfig[],\n  data: GristData,\n  column: ColumnConfig,\n  record: GristRecord,\n  rowIndex: number,\n  field: DataGridField\n): void {\n  var moveTo = rowIndex + 1\n  var length = data.records.length\n\n  if (rowIndex >= length || moveTo < 0 || moveTo >= length) {\n    return\n  }\n\n  data.records.splice(rowIndex, 1)\n  data.records.splice(moveTo, 0, record)\n\n  field.dispatchEvent(\n    new CustomEvent('record-change', {\n      bubbles: true,\n      composed: true\n    })\n  )\n\n  field.dispatchEvent(\n    new CustomEvent('focus-change', {\n      bubbles: true,\n      composed: true,\n      detail: {\n        row: moveTo,\n        column: column\n      }\n    })\n  )\n}\n"]}

package/dist/src/handlers/move-up.d.ts

@@ -0,0 +1,3 @@
+import { DataGridField } from '../data-grid/data-grid-field.js';
+import { ColumnConfig, GristData, GristRecord } from '../types.js';
+export declare const MoveUp: (columns: ColumnConfig[], data: GristData, column: ColumnConfig, record: GristRecord, rowIndex: number, field: DataGridField) => void;