@operato/data-grist 9.0.0-beta.62 → 9.0.0-beta.64

package/dist/src/data-report.js

@@ -0,0 +1,386 @@
+import { __decorate } from "tslib";
+import './data-report/data-report-component.js';
+import { LitElement, css, html } from 'lit';
+import { customElement, property, query, queryAsync, state } from 'lit/decorators.js';
+import i18next from 'i18next';
+import { ScrollbarStyles, SpinnerStyles } from '@operato/styles';
+import { ZERO_CONFIG, ZERO_DATA, ZERO_PAGINATION } from './configure/zero-config.js';
+import { pulltorefresh } from '@operato/pull-to-refresh';
+import { DataProvider } from './data-provider.js';
+import { buildColumn } from './configure/column-builder.js';
+import { buildConfig } from './configure/config-builder.js';
+let DataReport = class DataReport extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.data = ZERO_DATA;
+        this.autoFetch = false;
+        this._data = ZERO_DATA;
+        this._config = ZERO_CONFIG;
+        this._showSpinner = false;
+    }
+    get mode() {
+        return 'REPORT';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.dataProvider = new DataProvider(this);
+    }
+    disconnectedCallback() {
+        var _a;
+        super.disconnectedCallback();
+        this.resetPullToRefresh();
+        (_a = this.dataProvider) === null || _a === void 0 ? void 0 : _a.dispose();
+    }
+    resetPullToRefresh() {
+        if (this.pulltorefreshHandle) {
+            this.pulltorefreshHandle();
+            delete this.pulltorefreshHandle;
+        }
+    }
+    async setPullToRefresh() {
+        this.resetPullToRefresh();
+        if (this.fetchHandler) {
+            this.pulltorefreshHandle = pulltorefresh({
+                container: await this.wrap,
+                scrollable: this.report.pullToRefreshTarget,
+                refresh: () => {
+                    return this.fetch(true);
+                }
+            });
+        }
+    }
+    async firstUpdated() {
+        if (this.fetchHandler && this.autoFetch) {
+            await this.requestUpdate();
+            this.fetch(true);
+        }
+    }
+    render() {
+        var oops = !this._showSpinner && (!this._data || !this._data.records || this._data.records.length == 0);
+        return html `
+      ${oops ? html ` <ox-empty-note title="NO RECORDS"></ox-empty-note> ` : html ``}
+
+      <div id="wrap">
+        <ox-report-component id="report" .config=${this._config} .data=${this._data}> </ox-report-component>
+      </div>
+
+      <div id="spinner" ?show=${this._showSpinner}></div>
+    `;
+    }
+    async fetch(reset = true) {
+        if (!this._config) {
+            /* avoid to be here */
+            console.warn('report is not configured yet.');
+            return;
+        }
+        if (reset) {
+            /*
+             * scroll 의 현재위치에 의해서 scroll 이벤트가 발생할 수 있으므로, 이를 방지하기 위해서 스크롤의 위치를 TOP으로 옮긴다.
+             * (scroll 이 첫페이지 크기 이상으로 내려가 있는 경우, 첫페이지부터 다시 표시하는 경우에, scroll 이벤트가 발생한다.)
+             */
+            this.report.scrollTop = 0;
+        }
+        if (this.dataProvider) {
+            await this.dataProvider.attach(reset);
+        }
+    }
+    async updated(changes) {
+        if (changes.has('config')) {
+            this._config = buildConfig({
+                ...this.config
+            });
+            this.dataProvider && (this.dataProvider.sorters = this._config.sorters);
+            this.fetch();
+        }
+        if (changes.has('fetchHandler')) {
+            this.dataProvider && (this.dataProvider.fetchHandler = this.fetchHandler);
+            await this.setPullToRefresh();
+        }
+        if (changes.has('fetchOptions')) {
+            this.dataProvider && (this.dataProvider.fetchOptions = this.fetchOptions);
+        }
+        if (changes.has('data')) {
+            this.reset();
+        }
+    }
+    get dirtyData() {
+        var _a;
+        return ((_a = this.report) === null || _a === void 0 ? void 0 : _a.data) || {};
+    }
+    showSpinner() {
+        this._showSpinner = true;
+    }
+    hideSpinner() {
+        this._showSpinner = false;
+    }
+    focus() {
+        var _a;
+        super.focus();
+        (_a = this.report) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    /**
+     * Forced internal data to be reflected on the screen
+     * Data changing through a normal method is automatically reflected on the screen, so it is a method that does not need to be used in general.
+  Therefore, it will be deprecated.
+     * @deprecated
+     * @method
+     */
+    refresh() {
+        this.requestUpdate();
+    }
+    reset() {
+        var { limit = ZERO_PAGINATION.limit, page = ZERO_PAGINATION.page, total = ZERO_PAGINATION.total, records = [] } = this.data;
+        this._data = {
+            limit,
+            page,
+            total,
+            records: this.sortByGroups(records).map((record, idx) => {
+                return {
+                    ...record,
+                    __seq__: (page - 1) * limit + idx + 1
+                };
+            })
+        };
+    }
+    sortByGroups(sortedRecords) {
+        var _a;
+        var { groups, totals } = this._config.rows;
+        var { columns } = this._config;
+        var getColumnIndex = (name) => columns.filter(column => !column.hidden).findIndex(column => column.name == name);
+        var groupFieldsForTotalRecord = [
+            /* add a group total record to the front. */
+            {
+                column: '*',
+                title: i18next.exists('text.ox-data-report-grand-total')
+                    ? i18next.t('text.ox-data-report-grand-total')
+                    : 'grand total',
+                align: 'right',
+                rowspan: 1
+            },
+            ...groups
+        ].map(group => {
+            return {
+                ...group,
+                titleColumn: buildColumn({
+                    record: {
+                        align: group.align || 'right'
+                    }
+                })
+            };
+        });
+        let lastGroupValues;
+        let reportRecords = [];
+        let totalicRecords = sortedRecords[0]
+            ? (() => {
+                /* 처음 만드는 total records */
+                let record = sortedRecords[0];
+                let totalBase = totals.reduce((base, field) => {
+                    var _a;
+                    base[field] =
+                        ((_a = columns.find(col => col.name == field)) === null || _a === void 0 ? void 0 : _a.rowCount) && (record[field] === 0 || record[field])
+                            ? 1
+                            : record[field];
+                    return base;
+                }, {});
+                let groupBase = {};
+                return groupFieldsForTotalRecord.map((group, idx) => {
+                    groupBase[group.column] = record[group.column];
+                    return {
+                        ...totalBase,
+                        ...groupBase,
+                        [group.column]: record[group.column],
+                        '*': {
+                            titleColumn: group.titleColumn,
+                            value: group.title,
+                            groupName: group.column,
+                            /* 이 레코드 그룹에 해당하는 첫번째 레코드의 행 번호(1 부터 시작하는 번호임.) - grid layout의 row 지정에 사용됨. */
+                            row: 1,
+                            rowspan: 1,
+                            /* 이 레코드 그룹의 컬럼에 해당하는 열 번호(1 부터 시작하는 번호임.) - grid layout의 column 지정에 사용됨. */
+                            column: group.column !== '*'
+                                ? getColumnIndex(group.column) + 1
+                                : getColumnIndex(groups[0].column) + 1 /* grand total 은 첫번째 그룹 컬럼을 사용한다. */,
+                            colspan: group.column !== '*' ? groupFieldsForTotalRecord.length - idx : groupFieldsForTotalRecord.length - 1
+                        }
+                    };
+                });
+            })()
+            : [
+                {
+                    '*': {
+                        titleColumn: groupFieldsForTotalRecord[0].titleColumn,
+                        value: i18next.exists('text.ox-data-report-grand-total')
+                            ? i18next.t('text.ox-data-report-grand-total')
+                            : 'grand total',
+                        groupName: '*',
+                        row: 1,
+                        rowspan: 1,
+                        column: 1,
+                        colspan: 0
+                    }
+                }
+            ];
+        var row = 0;
+        for (let record of sortedRecords) {
+            let groupValues = groups.reduce((base, group) => {
+                base[group.column] = record[group.column];
+                return base;
+            }, {});
+            let isSameGroupRecord = true;
+            let totalsStack = [];
+            let groupBase = {};
+            row++;
+            if (lastGroupValues) {
+                for (let idx in groupFieldsForTotalRecord) {
+                    let group = groupFieldsForTotalRecord[idx];
+                    let totalRecord = totalicRecords[idx];
+                    groupBase[group.column] = record[group.column];
+                    if (group.column == '*' ||
+                        (isSameGroupRecord && groupValues[group.column] === lastGroupValues[group.column])) {
+                        for (let field of totals) {
+                            totalRecord[field] +=
+                                ((_a = columns.find(col => col.name == field)) === null || _a === void 0 ? void 0 : _a.rowCount) && (record[field] === 0 || record[field])
+                                    ? 1
+                                    : record[field];
+                        }
+                        ;
+                        totalRecord['*'].rowspan++;
+                        continue;
+                    }
+                    /* to avoid from floating point calculation problem */
+                    totals.forEach(field => {
+                        totalRecord[field] = Math.round(totalRecord[field] * 100) / 100;
+                    });
+                    isSameGroupRecord = false;
+                    totalsStack.push({
+                        idx,
+                        record: totals.reduce((sum, field) => {
+                            var _a;
+                            sum[field] =
+                                ((_a = columns.find(col => col.name == field)) === null || _a === void 0 ? void 0 : _a.rowCount) && (record[field] === 0 || record[field])
+                                    ? 1
+                                    : record[field];
+                            return sum;
+                        }, {
+                            ...groupBase,
+                            [group.column]: record[group.column],
+                            '*': {
+                                titleColumn: group.titleColumn,
+                                groupName: group.column,
+                                value: group.title,
+                                row,
+                                rowspan: 1,
+                                column: getColumnIndex(group.column) + 1,
+                                colspan: totalicRecords[idx]['*'].colspan
+                            }
+                        })
+                    });
+                }
+                totalsStack
+                    .reverse()
+                    .map(({ record, idx }) => {
+                    reportRecords.push(totalicRecords[Number(idx)]);
+                    totalicRecords[Number(idx)] = {};
+                    if (record['*'].value) {
+                        totalicRecords.forEach(record => record['*'] && record['*'].rowspan++);
+                        row++;
+                    }
+                    return { record, idx };
+                })
+                    .forEach(({ record, idx }) => {
+                    record['*'].row = row;
+                    totalicRecords[Number(idx)] = record;
+                });
+            }
+            reportRecords.push(record);
+            lastGroupValues = groupValues;
+        }
+        /* 마지막 남은 토탈 레코드들을 추가한다. */
+        var poped;
+        while ((poped = totalicRecords.pop())) {
+            /* to avoid from floating point calculation problem */
+            totals.forEach(field => {
+                poped[field] = Math.round(poped[field] * 100) / 100;
+            });
+            reportRecords.push(poped);
+            if (poped['*'].value) {
+                totalicRecords.forEach(record => record['*'].rowspan++);
+            }
+        }
+        return reportRecords;
+    }
+    checkDirties() { }
+};
+DataReport.styles = [
+    ScrollbarStyles,
+    SpinnerStyles,
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        box-sizing: border-box;
+        background-color: var(--report-background-color);
+        padding: var(--report-padding);
+        min-height: 120px;
+
+        overflow: hidden;
+
+        /* for pulltorefresh controller */
+        position: relative;
+      }
+
+      #wrap {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        overflow: auto;
+      }
+
+      ox-report-component {
+        flex: 1;
+      }
+
+      ox-empty-note {
+        display: block;
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+    `
+];
+__decorate([
+    property({ type: Object })
+], DataReport.prototype, "config", void 0);
+__decorate([
+    property({ type: Object })
+], DataReport.prototype, "data", void 0);
+__decorate([
+    property({ type: Object })
+], DataReport.prototype, "fetchHandler", void 0);
+__decorate([
+    property({ type: Object })
+], DataReport.prototype, "fetchOptions", void 0);
+__decorate([
+    property({ type: Boolean, attribute: 'auto-fetch' })
+], DataReport.prototype, "autoFetch", void 0);
+__decorate([
+    state()
+], DataReport.prototype, "_data", void 0);
+__decorate([
+    state()
+], DataReport.prototype, "_config", void 0);
+__decorate([
+    state()
+], DataReport.prototype, "_showSpinner", void 0);
+__decorate([
+    query('#report')
+], DataReport.prototype, "report", void 0);
+__decorate([
+    queryAsync('#wrap')
+], DataReport.prototype, "wrap", void 0);
+DataReport = __decorate([
+    customElement('ox-report')
+], DataReport);
+export { DataReport };
+//# sourceMappingURL=data-report.js.map

package/dist/src/data-report.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-report.js","sourceRoot":"","sources":["../../src/data-report.ts"],"names":[],"mappings":"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","sourcesContent":["import './data-report/data-report-component.js'\n\nimport { LitElement, PropertyValues, css, html } from 'lit'\nimport { customElement, property, query, queryAsync, state } from 'lit/decorators.js'\nimport i18next from 'i18next'\n\nimport { ScrollbarStyles, SpinnerStyles } from '@operato/styles'\n\nimport { GristConfig, GristData, GristRecord, GroupConfig } from './types.js'\nimport { ZERO_CONFIG, ZERO_DATA, ZERO_PAGINATION } from './configure/zero-config.js'\nimport { pulltorefresh } from '@operato/pull-to-refresh'\nimport { DataConsumer } from './data-consumer.js'\nimport { DataProvider } from './data-provider.js'\nimport { DataReportComponent } from './data-report/data-report-component.js'\nimport { buildColumn } from './configure/column-builder.js'\nimport { buildConfig } from './configure/config-builder.js'\n\n@customElement('ox-report')\nexport class DataReport extends LitElement implements DataConsumer {\n  static styles = [\n    ScrollbarStyles,\n    SpinnerStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n        background-color: var(--report-background-color);\n        padding: var(--report-padding);\n        min-height: 120px;\n\n        overflow: hidden;\n\n        /* for pulltorefresh controller */\n        position: relative;\n      }\n\n      #wrap {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        overflow: auto;\n      }\n\n      ox-report-component {\n        flex: 1;\n      }\n\n      ox-empty-note {\n        display: block;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n      }\n    `\n  ]\n\n  @property({ type: Object }) config: any\n  @property({ type: Object }) data: GristData = ZERO_DATA\n  @property({ type: Object }) fetchHandler: any\n  @property({ type: Object }) fetchOptions: any\n  @property({ type: Boolean, attribute: 'auto-fetch' }) autoFetch: boolean = false\n\n  @state() _data: GristData = ZERO_DATA\n  @state() _config: GristConfig = ZERO_CONFIG\n  @state() private _showSpinner: boolean = false\n\n  private dataProvider?: DataProvider\n  private pulltorefreshHandle?: any\n\n  @query('#report') report!: DataReportComponent\n  @queryAsync('#wrap') private wrap!: Promise<HTMLElement>\n\n  get mode(): 'REPORT' {\n    return 'REPORT'\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n\n    this.dataProvider = new DataProvider(this)\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n\n    this.resetPullToRefresh()\n    this.dataProvider?.dispose()\n  }\n\n  private resetPullToRefresh() {\n    if (this.pulltorefreshHandle) {\n      this.pulltorefreshHandle()\n      delete this.pulltorefreshHandle\n    }\n  }\n\n  private async setPullToRefresh() {\n    this.resetPullToRefresh()\n    if (this.fetchHandler) {\n      this.pulltorefreshHandle = pulltorefresh({\n        container: await this.wrap,\n        scrollable: this.report.pullToRefreshTarget,\n        refresh: () => {\n          return this.fetch(true)\n        }\n      })\n    }\n  }\n\n  async firstUpdated() {\n    if (this.fetchHandler && this.autoFetch) {\n      await this.requestUpdate()\n      this.fetch(true)\n    }\n  }\n\n  render() {\n    var oops = !this._showSpinner && (!this._data || !this._data.records || this._data.records.length == 0)\n\n    return html`\n      ${oops ? html` <ox-empty-note title=\"NO RECORDS\"></ox-empty-note> ` : html``}\n\n      <div id=\"wrap\">\n        <ox-report-component id=\"report\" .config=${this._config} .data=${this._data}> </ox-report-component>\n      </div>\n\n      <div id=\"spinner\" ?show=${this._showSpinner}></div>\n    `\n  }\n\n  async fetch(reset = true) {\n    if (!this._config) {\n      /* avoid to be here */\n      console.warn('report is not configured yet.')\n      return\n    }\n\n    if (reset) {\n      /*\n       * scroll 의 현재위치에 의해서 scroll 이벤트가 발생할 수 있으므로, 이를 방지하기 위해서 스크롤의 위치를 TOP으로 옮긴다.\n       * (scroll 이 첫페이지 크기 이상으로 내려가 있는 경우, 첫페이지부터 다시 표시하는 경우에, scroll 이벤트가 발생한다.)\n       */\n      this.report.scrollTop = 0\n    }\n\n    if (this.dataProvider) {\n      await this.dataProvider.attach(reset)\n    }\n  }\n\n  async updated(changes: PropertyValues<this>) {\n    if (changes.has('config')) {\n      this._config = buildConfig({\n        ...this.config\n      })\n\n      this.dataProvider && (this.dataProvider.sorters = this._config.sorters)\n      this.fetch()\n    }\n\n    if (changes.has('fetchHandler')) {\n      this.dataProvider && (this.dataProvider.fetchHandler = this.fetchHandler)\n      await this.setPullToRefresh()\n    }\n\n    if (changes.has('fetchOptions')) {\n      this.dataProvider && (this.dataProvider.fetchOptions = this.fetchOptions)\n    }\n\n    if (changes.has('data')) {\n      this.reset()\n    }\n  }\n\n  get dirtyData() {\n    return (this.report as any)?.data || {}\n  }\n\n  showSpinner() {\n    this._showSpinner = true\n  }\n\n  hideSpinner() {\n    this._showSpinner = false\n  }\n\n  focus() {\n    super.focus()\n\n    this.report?.focus()\n  }\n\n  /**\n   * Forced internal data to be reflected on the screen\n   * Data changing through a normal method is automatically reflected on the screen, so it is a method that does not need to be used in general.\nTherefore, it will be deprecated.\n   * @deprecated\n   * @method\n   */\n  refresh() {\n    this.requestUpdate()\n  }\n\n  reset() {\n    var {\n      limit = ZERO_PAGINATION.limit,\n      page = ZERO_PAGINATION.page,\n      total = ZERO_PAGINATION.total,\n      records = []\n    } = this.data\n\n    this._data = {\n      limit,\n      page,\n      total,\n      records: this.sortByGroups(records).map((record, idx) => {\n        return {\n          ...record,\n          __seq__: (page - 1) * limit + idx + 1\n        }\n      })\n    }\n  }\n\n  sortByGroups(sortedRecords: GristRecord[]) {\n    var { groups, totals } = this._config.rows\n    var { columns } = this._config\n\n    var getColumnIndex = (name: string | number) =>\n      columns.filter(column => !column.hidden).findIndex(column => column.name == name)\n\n    var groupFieldsForTotalRecord: GroupConfig[] = [\n      /* add a group total record to the front. */\n      {\n        column: '*',\n        title: i18next.exists('text.ox-data-report-grand-total')\n          ? i18next.t('text.ox-data-report-grand-total')\n          : 'grand total',\n        align: 'right',\n        rowspan: 1\n      },\n      ...groups\n    ].map(group => {\n      return {\n        ...group,\n        titleColumn: buildColumn({\n          record: {\n            align: group.align || 'right'\n          }\n        })\n      }\n    })\n    let lastGroupValues\n    let reportRecords = []\n    let totalicRecords: { [idx: string]: GroupConfig }[] = sortedRecords[0]\n      ? (() => {\n          /* 처음 만드는 total records */\n          let record = sortedRecords[0]\n          let totalBase = totals.reduce(\n            (base, field) => {\n              base[field] =\n                columns.find(col => col.name == field)?.rowCount && (record[field] === 0 || record[field])\n                  ? 1\n                  : record[field]\n              return base\n            },\n            {} as { [totalField: string]: number }\n          )\n          let groupBase = {} as { [idx: string]: GroupConfig }\n\n          return groupFieldsForTotalRecord.map((group, idx) => {\n            groupBase[group.column] = record[group.column]\n\n            return {\n              ...totalBase,\n              ...groupBase,\n              [group.column]: record[group.column],\n              '*': {\n                titleColumn: group.titleColumn,\n                value: group.title,\n                groupName: group.column,\n                /* 이 레코드 그룹에 해당하는 첫번째 레코드의 행 번호(1 부터 시작하는 번호임.) - grid layout의 row 지정에 사용됨. */\n                row: 1,\n                rowspan: 1,\n                /* 이 레코드 그룹의 컬럼에 해당하는 열 번호(1 부터 시작하는 번호임.) - grid layout의 column 지정에 사용됨. */\n                column:\n                  group.column !== '*'\n                    ? getColumnIndex(group.column) + 1\n                    : getColumnIndex(groups[0].column) + 1 /* grand total 은 첫번째 그룹 컬럼을 사용한다. */,\n                colspan:\n                  group.column !== '*' ? groupFieldsForTotalRecord.length - idx : groupFieldsForTotalRecord.length - 1\n              }\n            }\n          })\n        })()\n      : [\n          {\n            '*': {\n              titleColumn: groupFieldsForTotalRecord[0].titleColumn,\n              value: i18next.exists('text.ox-data-report-grand-total')\n                ? i18next.t('text.ox-data-report-grand-total')\n                : 'grand total',\n              groupName: '*',\n              row: 1,\n              rowspan: 1,\n              column: 1,\n              colspan: 0\n            } as GroupConfig\n          }\n        ]\n\n    var row = 0\n\n    for (let record of sortedRecords) {\n      let groupValues = groups.reduce(\n        (base, group) => {\n          base[group.column] = record[group.column]\n          return base\n        },\n        {} as { [groupColumn: string]: string | number }\n      )\n      let isSameGroupRecord = true\n      let totalsStack = [] as { idx: string; record: any }[]\n      let groupBase = {} as { [idx: string]: any }\n\n      row++\n\n      if (lastGroupValues) {\n        for (let idx in groupFieldsForTotalRecord) {\n          let group = groupFieldsForTotalRecord[idx]\n          let totalRecord: {\n            [idx: string]: GroupConfig | number\n          } = totalicRecords[idx]\n\n          groupBase[group.column] = record[group.column]\n\n          if (\n            group.column == '*' ||\n            (isSameGroupRecord && groupValues[group.column] === lastGroupValues[group.column])\n          ) {\n            for (let field of totals) {\n              totalRecord[field] +=\n                columns.find(col => col.name == field)?.rowCount && (record[field] === 0 || record[field])\n                  ? 1\n                  : record[field]\n            }\n\n            ;(totalRecord['*'] as GroupConfig).rowspan++\n\n            continue\n          }\n\n          /* to avoid from floating point calculation problem */\n          totals.forEach(field => {\n            totalRecord[field] = Math.round((totalRecord[field] as number) * 100) / 100\n          })\n\n          isSameGroupRecord = false\n\n          totalsStack.push({\n            idx,\n            record: totals.reduce(\n              (sum, field) => {\n                sum[field] =\n                  columns.find(col => col.name == field)?.rowCount && (record[field] === 0 || record[field])\n                    ? 1\n                    : record[field]\n                return sum\n              },\n              {\n                ...groupBase,\n                [group.column]: record[group.column],\n                '*': {\n                  titleColumn: group.titleColumn,\n                  groupName: group.column,\n                  value: group.title,\n                  row,\n                  rowspan: 1,\n                  column: getColumnIndex(group.column) + 1,\n                  colspan: totalicRecords[idx]['*'].colspan\n                }\n              }\n            )\n          })\n        }\n\n        totalsStack\n          .reverse()\n          .map(({ record, idx }) => {\n            reportRecords.push(totalicRecords[Number(idx)])\n            totalicRecords[Number(idx)] = {}\n\n            if (record['*'].value) {\n              totalicRecords.forEach(record => record['*'] && record['*'].rowspan++)\n              row++\n            }\n\n            return { record, idx }\n          })\n          .forEach(({ record, idx }) => {\n            record['*'].row = row\n            totalicRecords[Number(idx)] = record\n          })\n      }\n\n      reportRecords.push(record)\n\n      lastGroupValues = groupValues\n    }\n\n    /* 마지막 남은 토탈 레코드들을 추가한다. */\n    var poped: any\n    while ((poped = totalicRecords.pop())) {\n      /* to avoid from floating point calculation problem */\n      totals.forEach(field => {\n        poped[field] = Math.round(poped[field] * 100) / 100\n      })\n\n      reportRecords.push(poped)\n      if (poped['*'].value) {\n        totalicRecords.forEach(record => record['*'].rowspan++)\n      }\n    }\n\n    return reportRecords\n  }\n\n  checkDirties() {}\n}\n"]}

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

@@ -0,0 +1,3 @@
+export * from './registry.js';
+export * from './ox-grist-editor.js';
+export * from './ox-grist-editor-image.js';

package/dist/src/editors/index.js

@@ -0,0 +1,4 @@
+export * from './registry.js';
+export * from './ox-grist-editor.js';
+export * from './ox-grist-editor-image.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/editors/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAE7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA","sourcesContent":["export * from './registry.js'\n\nexport * from './ox-grist-editor.js'\nexport * from './ox-grist-editor-image.js'\n"]}

package/dist/src/editors/ox-grist-editor-checkbox.d.ts

@@ -0,0 +1,7 @@
+import { OxGristEditor } from './ox-grist-editor.js';
+export declare class OxGristEditorCheckbox extends OxGristEditor {
+    _onchange(e: Event): void;
+    formatFromEditor(value: any): boolean | undefined;
+    formatForEditor(value: any): any;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/editors/ox-grist-editor-checkbox.js

@@ -0,0 +1,27 @@
+import { __decorate } from "tslib";
+import { OxGristEditor } from './ox-grist-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxGristEditorCheckbox = class OxGristEditorCheckbox extends OxGristEditor {
+    _onchange(e) {
+        e.stopPropagation();
+        const input = e.target;
+        this._dirtyValue = this.formatFromEditor(input.checked);
+    }
+    formatFromEditor(value) {
+        if (typeof value == 'boolean') {
+            return value;
+        }
+    }
+    formatForEditor(value) {
+        return value == !!value && !!String(value).match(/true/i);
+    }
+    get editorTemplate() {
+        return html ` <input type="checkbox" .checked=${!!this.value && !!String(this.value).match(/true/i)} /> `;
+    }
+};
+OxGristEditorCheckbox = __decorate([
+    customElement('ox-grist-editor-checkbox')
+], OxGristEditorCheckbox);
+export { OxGristEditorCheckbox };
+//# sourceMappingURL=ox-grist-editor-checkbox.js.map

package/dist/src/editors/ox-grist-editor-checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-editor-checkbox.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-checkbox.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,aAAa;IACtD,SAAS,CAAC,CAAQ;QAChB,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAA;QAE1C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IACzD,CAAC;IAED,gBAAgB,CAAC,KAAU;QACzB,IAAI,OAAO,KAAK,IAAI,SAAS,EAAE,CAAC;YAC9B,OAAO,KAAK,CAAA;QACd,CAAC;IACH,CAAC;IAED,eAAe,CAAC,KAAU;QACxB,OAAO,KAAK,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,oCAAoC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAA;IAC1G,CAAC;CACF,CAAA;AAtBY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAsBjC","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-checkbox')\nexport class OxGristEditorCheckbox extends OxGristEditor {\n  _onchange(e: Event) {\n    e.stopPropagation()\n\n    const input = e.target as HTMLInputElement\n\n    this._dirtyValue = this.formatFromEditor(input.checked)\n  }\n\n  formatFromEditor(value: any) {\n    if (typeof value == 'boolean') {\n      return value\n    }\n  }\n\n  formatForEditor(value: any): any {\n    return value == !!value && !!String(value).match(/true/i)\n  }\n\n  get editorTemplate() {\n    return html` <input type=\"checkbox\" .checked=${!!this.value && !!String(this.value).match(/true/i)} /> `\n  }\n}\n"]}

package/dist/src/editors/ox-grist-editor-color.d.ts

@@ -0,0 +1,4 @@
+import { OxGristEditor } from './ox-grist-editor.js';
+export declare class OxGristEditorColor extends OxGristEditor {
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/editors/ox-grist-editor-color.js

@@ -0,0 +1,14 @@
+import { __decorate } from "tslib";
+import { OxGristEditor } from './ox-grist-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxGristEditorColor = class OxGristEditorColor extends OxGristEditor {
+    get editorTemplate() {
+        return html ` <input type="color" .value=${this.value} /> `;
+    }
+};
+OxGristEditorColor = __decorate([
+    customElement('ox-grist-editor-color')
+], OxGristEditorColor);
+export { OxGristEditorColor };
+//# sourceMappingURL=ox-grist-editor-color.js.map

package/dist/src/editors/ox-grist-editor-color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-editor-color.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-color.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,aAAa;IACnD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,+BAA+B,IAAI,CAAC,KAAK,MAAM,CAAA;IAC5D,CAAC;CACF,CAAA;AAJY,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAI9B","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-color')\nexport class OxGristEditorColor extends OxGristEditor {\n  get editorTemplate() {\n    return html` <input type=\"color\" .value=${this.value} /> `\n  }\n}\n"]}

package/dist/src/editors/ox-grist-editor-date.d.ts

@@ -0,0 +1,4 @@
+import { OxGristEditor } from './ox-grist-editor.js';
+export declare class OxGristEditorDate extends OxGristEditor {
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/editors/ox-grist-editor-date.js

@@ -0,0 +1,14 @@
+import { __decorate } from "tslib";
+import { OxGristEditor } from './ox-grist-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxGristEditorDate = class OxGristEditorDate extends OxGristEditor {
+    get editorTemplate() {
+        return html ` <input type="date" .value=${this.value} max="9999-12-31" /> `;
+    }
+};
+OxGristEditorDate = __decorate([
+    customElement('ox-grist-editor-date')
+], OxGristEditorDate);
+export { OxGristEditorDate };
+//# sourceMappingURL=ox-grist-editor-date.js.map

package/dist/src/editors/ox-grist-editor-date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-editor-date.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-date.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,aAAa;IAClD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK,uBAAuB,CAAA;IAC5E,CAAC;CACF,CAAA;AAJY,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAI7B","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-date')\nexport class OxGristEditorDate extends OxGristEditor {\n  get editorTemplate() {\n    return html` <input type=\"date\" .value=${this.value} max=\"9999-12-31\" /> `\n  }\n}\n"]}

package/dist/src/editors/ox-grist-editor-datetime.d.ts

@@ -0,0 +1,6 @@
+import { OxGristEditor } from './ox-grist-editor.js';
+export declare class OxGristEditorDateTime extends OxGristEditor {
+    formatForEditor(timestamp: any): string;
+    formatFromEditor(value: any): number;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/editors/ox-grist-editor-datetime.js

@@ -0,0 +1,26 @@
+import { __decorate } from "tslib";
+import { OxGristEditor } from './ox-grist-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxGristEditorDateTime = class OxGristEditorDateTime extends OxGristEditor {
+    formatForEditor(timestamp) {
+        if (!timestamp) {
+            timestamp = Date.now();
+        }
+        var datetime = new Date(timestamp);
+        var tzoffset = datetime.getTimezoneOffset() * 60000; //offset in milliseconds
+        return new Date(timestamp - tzoffset).toISOString().slice(0, -1);
+    }
+    formatFromEditor(value) {
+        var datetime = new Date(value);
+        return datetime.getTime();
+    }
+    get editorTemplate() {
+        return html ` <input type="datetime-local" .value=${this.value} max="9999-12-31T23:59" /> `;
+    }
+};
+OxGristEditorDateTime = __decorate([
+    customElement('ox-grist-editor-datetime')
+], OxGristEditorDateTime);
+export { OxGristEditorDateTime };
+//# sourceMappingURL=ox-grist-editor-datetime.js.map

package/dist/src/editors/ox-grist-editor-datetime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-editor-datetime.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-datetime.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,aAAa;IACtD,eAAe,CAAC,SAAc;QAC5B,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;QACxB,CAAC;QACD,IAAI,QAAQ,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAA;QAElC,IAAI,QAAQ,GAAG,QAAQ,CAAC,iBAAiB,EAAE,GAAG,KAAK,CAAA,CAAC,wBAAwB;QAE5E,OAAO,IAAI,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;IAClE,CAAC;IAED,gBAAgB,CAAC,KAAU;QACzB,IAAI,QAAQ,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;QAE9B,OAAO,QAAQ,CAAC,OAAO,EAAE,CAAA;IAC3B,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,wCAAwC,IAAI,CAAC,KAAK,6BAA6B,CAAA;IAC5F,CAAC;CACF,CAAA;AArBY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAqBjC","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-datetime')\nexport class OxGristEditorDateTime extends OxGristEditor {\n  formatForEditor(timestamp: any) {\n    if (!timestamp) {\n      timestamp = Date.now()\n    }\n    var datetime = new Date(timestamp)\n\n    var tzoffset = datetime.getTimezoneOffset() * 60000 //offset in milliseconds\n\n    return new Date(timestamp - tzoffset).toISOString().slice(0, -1)\n  }\n\n  formatFromEditor(value: any) {\n    var datetime = new Date(value)\n\n    return datetime.getTime()\n  }\n\n  get editorTemplate() {\n    return html` <input type=\"datetime-local\" .value=${this.value} max=\"9999-12-31T23:59\" /> `\n  }\n}\n"]}

package/dist/src/editors/ox-grist-editor-email.d.ts

@@ -0,0 +1,4 @@
+import { OxGristEditor } from './ox-grist-editor.js';
+export declare class OxGristEditorEmail extends OxGristEditor {
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/editors/ox-grist-editor-email.js

@@ -0,0 +1,14 @@
+import { __decorate } from "tslib";
+import { OxGristEditor } from './ox-grist-editor.js';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+let OxGristEditorEmail = class OxGristEditorEmail extends OxGristEditor {
+    get editorTemplate() {
+        return html ` <input type="email" .value=${this.value} /> `;
+    }
+};
+OxGristEditorEmail = __decorate([
+    customElement('ox-grist-editor-email')
+], OxGristEditorEmail);
+export { OxGristEditorEmail };
+//# sourceMappingURL=ox-grist-editor-email.js.map

package/dist/src/editors/ox-grist-editor-email.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-editor-email.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-email.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,aAAa;IACnD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,+BAA+B,IAAI,CAAC,KAAK,MAAM,CAAA;IAC5D,CAAC;CACF,CAAA;AAJY,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAI9B","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-email')\nexport class OxGristEditorEmail extends OxGristEditor {\n  get editorTemplate() {\n    return html` <input type=\"email\" .value=${this.value} /> `\n  }\n}\n"]}

package/dist/src/editors/ox-grist-editor-file.d.ts

@@ -0,0 +1,6 @@
+import { OxGristEditor } from './ox-grist-editor.js';
+export declare class OxGristEditorFile extends OxGristEditor {
+    _onchange(e: Event): void;
+    formatFromEditor(value: any): any;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+}

package/dist/src/editors/ox-grist-editor-file.js

@@ -0,0 +1,25 @@
+import { __decorate } from "tslib";
+import { html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { OxGristEditor } from './ox-grist-editor.js';
+let OxGristEditorFile = class OxGristEditorFile extends OxGristEditor {
+    _onchange(e) {
+        e.stopPropagation();
+        const input = e.target;
+        this._dirtyValue = this.formatFromEditor(input.files);
+        this._onfocusout();
+    }
+    formatFromEditor(value) {
+        return value;
+    }
+    get editorTemplate() {
+        var value = typeof this.value === 'string' ? null : this.value;
+        var { multiple = false } = this.column.record || {};
+        return html ` <input style="opacity: 1" type="file" ?multiple=${multiple} /> `;
+    }
+};
+OxGristEditorFile = __decorate([
+    customElement('ox-grist-editor-file')
+], OxGristEditorFile);
+export { OxGristEditorFile };
+//# sourceMappingURL=ox-grist-editor-file.js.map