@operato/data-grist 2.0.0-alpha.9 → 2.0.0-alpha.92

package/dist/src/data-manipulator.js

@@ -29,13 +29,13 @@ export class DataManipulator extends LitElement {
             this.onRecordChanged(record['__origin__'], row, null);
         });
         /* tree processing */
-        this.addEventListener('collapse-all', (e) => this.onCollapseAll(e));
-        this.addEventListener('expand-all', (e) => this.onExpandAll(e));
-        this.addEventListener('collapse-node', (e) => this.onCollapse(e));
-        this.addEventListener('expand-node', (e) => this.onExpand(e));
+        this.addEventListener('collapse-all', (e) => this.collapseAll());
+        this.addEventListener('expand-all', (e) => this.expandAll());
+        this.addEventListener('collapse-node', (e) => this.collapseNode(e.detail));
+        this.addEventListener('expand-node', (e) => this.expandNode(e.detail));
         this.addEventListener('check-in-tree', (e) => this.onCheckInTree(e));
-        this.addEventListener('add-sibling-node', (e) => this.onAddSiblingNode(e));
-        this.addEventListener('add-child-node', (e) => this.onAddChildNode(e));
+        this.addEventListener('add-sibling-node', (e) => this.addSiblingNode(e.detail));
+        this.addEventListener('add-child-node', (e) => this.addChildNode(e.detail));
     }
     onFieldChange({ after, before, column, record, row }) {
         /* compare changes */
@@ -141,27 +141,33 @@ export class DataManipulator extends LitElement {
         }));
         this.requestUpdate();
     }
-    onCollapseAll(e) {
+    collapseAll() {
         this.refresh(false);
     }
-    onExpandAll(e) {
+    expandAll() {
         this.refresh(true);
     }
-    onCollapse(e) {
-        const record = e.detail;
+    collapseNode(record) {
         record.__expanded__ = false;
         this.refresh();
     }
-    onExpand(e) {
-        const record = e.detail;
+    expandNode(record) {
         record.__expanded__ = true;
         this.refresh();
     }
-    onAddSiblingNode(e) {
+    // onCollapse(e: CustomEvent) {
+    //   const record = e.detail as GristRecord
+    //   record.__expanded__ = false
+    //   this.refresh()
+    // }
+    // onExpand(e: CustomEvent) {
+    //   const record = e.detail as GristRecord
+    //   record.__expanded__ = true
+    //   this.refresh()
+    // }
+    addSiblingNode(record) {
         const { records } = this.data;
         const toplevelRecords = records.filter(record => !record.__depth__); /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */
-        const field = e.detail;
-        const { record } = field;
         const { __depth__ } = record;
         function findParent(record, parent) {
             var children = (parent ? parent.__children__ || [] : toplevelRecords);
@@ -183,12 +189,23 @@ export class DataManipulator extends LitElement {
             __dirty__: '+'
         };
         if (parent) {
-            const { __children__ } = parent;
-            if (!__children__) {
+            const { id } = parent;
+            sibling.parent = { id };
+            if (!parent.__children__) {
                 parent.__children__ = [sibling];
             }
             else {
-                parent.__children__ = [...__children__, sibling];
+                let index = parent.__children__.indexOf(record);
+                if (index !== -1) {
+                    parent.__children__ = [
+                        ...parent.__children__.slice(0, index + 1),
+                        sibling,
+                        ...parent.__children__.slice(index + 1)
+                    ];
+                }
+                else {
+                    parent.__children__ = [...parent.__children__, sibling];
+                }
             }
             parent.__expanded__ = true;
         }
@@ -197,22 +214,23 @@ export class DataManipulator extends LitElement {
         }
         this.refresh();
     }
-    onAddChildNode(e) {
-        const field = e.detail;
-        const { record } = field;
-        const { __children__, __depth__, __seq__ } = record;
+    addChildNode(record) {
+        const { id: parentId, __children__, __depth__ } = record;
         const child = {
+            parent: {
+                id: parentId
+            },
             __depth__: (__depth__ || 0) + 1,
             __dirty__: '+'
         };
-        if (!__children__) {
+        if (!record.__children__) {
             record.__children__ = [child];
         }
         else {
-            record.__children__.push(child);
+            record.__children__.unshift(child);
         }
         record.__expanded__ = true;
-        field.requestUpdate();
+        // this.requestUpdate()
         this.refresh();
     }
     onCheckInTree(e) {
@@ -277,10 +295,7 @@ export class DataManipulator extends LitElement {
     }
     traverseRefresh(record, forceExpandOrCollapse) {
         if (forceExpandOrCollapse !== undefined) {
-            record = {
-                ...record,
-                __expanded__: forceExpandOrCollapse
-            };
+            record.__expanded__ = forceExpandOrCollapse;
         }
         const { __expanded__, __children__ = [] } = record;
         if (__expanded__ && __children__.length > 0) {

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

@@ -1 +1 @@
-{"version":3,"file":"data-manipulator.js","sourceRoot":"","sources":["../../src/data-manipulator.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { ZERO_CONFIG, ZERO_DATA } from './configure/zero-config'\nimport {\n  ColumnConfig,\n  FilterValue,\n  GristConfig,\n  GristData,\n  GristRecord,\n  PaginationConfig,\n  SortersConfig\n} from './types'\n\nexport class DataManipulator extends LitElement {\n  @property({ type: Object }) config: GristConfig = ZERO_CONFIG\n  @property({ type: Object }) data: GristData = ZERO_DATA\n  @property({ type: Array }) sorters: SortersConfig = []\n  @property({ type: Array }) filters: FilterValue[] = []\n  @property({ type: Object }) pagination: PaginationConfig = {}\n\n  constructor() {\n    super()\n\n    this.addEventListener('select-record-change', e => {\n      var {\n        records: selectedRecords,\n        added = [],\n        removed = []\n      } = (e as CustomEvent).detail as {\n        records: GristRecord[]\n        added: GristRecord[]\n        removed: GristRecord[]\n      }\n\n      this.onSelectRecordChanged({\n        selectedRecords,\n        added,\n        removed\n      })\n    })\n\n    /* field change processing */\n    this.addEventListener('field-change', e => {\n      var { after, before, column, record, row } = (e as CustomEvent).detail as {\n        after: any\n        before: any\n        column: ColumnConfig\n        record: GristRecord\n        row: number\n      }\n\n      this.onFieldChange({ after, before, column, record, row })\n    })\n\n    /* record reset processing */\n    this.addEventListener('record-reset', e => {\n      var { record, row } = (e as CustomEvent).detail as {\n        record: GristRecord\n        row: number\n      }\n\n      this.onRecordChanged(record['__origin__'], row, null)\n    })\n\n    /* tree processing */\n    this.addEventListener('collapse-all', (e: Event) => this.onCollapseAll(e as CustomEvent))\n    this.addEventListener('expand-all', (e: Event) => this.onExpandAll(e as CustomEvent))\n    this.addEventListener('collapse-node', (e: Event) => this.onCollapse(e as CustomEvent))\n    this.addEventListener('expand-node', (e: Event) => this.onExpand(e as CustomEvent))\n    this.addEventListener('check-in-tree', (e: Event) => this.onCheckInTree(e as CustomEvent))\n\n    this.addEventListener('add-sibling-node', (e: Event) => this.onAddSiblingNode(e as CustomEvent))\n    this.addEventListener('add-child-node', (e: Event) => this.onAddChildNode(e as CustomEvent))\n  }\n\n  onFieldChange({\n    after,\n    before,\n    column,\n    record,\n    row\n  }: {\n    after: any\n    before: any\n    column: ColumnConfig\n    record: GristRecord\n    row: number\n  }) {\n    /* compare changes */\n    if (after === before) {\n      return\n    }\n\n    var validation = column.validation\n    if (validation && typeof validation == 'function') {\n      if (!validation.call(this, after, before, record, column)) {\n        return\n      }\n    }\n\n    this.onRecordChanged({ [column.name]: after }, row, column)\n  }\n\n  onSelectRecordChanged({\n    selectedRecords,\n    added = [],\n    removed = []\n  }: {\n    selectedRecords: GristRecord[]\n    added: GristRecord[]\n    removed: GristRecord[]\n  }) {\n    var { records } = this.data || {}\n    var { selectable = false } = this.config.rows || {}\n\n    if (!records || !selectable) {\n      return\n    }\n\n    if (selectable && !selectable.multiple) {\n      records.forEach(record => (record['__selected__'] = false))\n    }\n\n    if (selectedRecords) {\n      records.forEach(record => (record['__selected__'] = false))\n      selectedRecords.forEach(record => (record['__selected__'] = true))\n    } else {\n      removed.forEach(record => (record['__selected__'] = false))\n      added.forEach(record => (record['__selected__'] = true))\n    }\n\n    this.requestUpdate()\n  }\n\n  onRecordChanged(\n    recordData: GristRecord,\n    row: number,\n    column: ColumnConfig | null /* TODO column should be removed */\n  ) {\n    // TODO 오브젝트나 배열 타입인 경우 deepCompare 후에 변경 적용 여부를 결정한다.\n\n    /* 빈 그리드로 시작한 경우, data 설정이 되어있지 않을 수 있다. */\n    var records = this.data.records\n\n    var beforeRecord = records[row]\n    var afterRecord: GristRecord\n    var wantToDelete = false\n    var wantToAppend = false\n\n    if (!recordData) {\n      if (!beforeRecord) {\n        /* recordData가 없고, beforeRecord도 없다면, 레코드 생성 중에 리셋된 경우이므로 아무것도 하지 않는다. */\n        this.requestUpdate()\n        return\n      } else {\n        /*\n         * beforeRecord가 있는데, 빈데이타로 업데이트하고자 한다면,\n         * 삭제하고자 하는 의도로 이해된다. (주의 필요)\n         */\n        if (beforeRecord['__dirty__'] == '+') {\n          wantToDelete = true\n        } else {\n          afterRecord = {\n            ...beforeRecord,\n            __dirty__: '-'\n          }\n        }\n      }\n    } else {\n      if (!beforeRecord) {\n        /* 기존 레코드가 없는 경우에는 새로운 레코드가 생성된다 */\n        afterRecord = {\n          ...recordData,\n          __dirty__: '+'\n        }\n\n        wantToAppend = true\n      } else {\n        let beforeDirty = beforeRecord['__dirty__']\n        if (beforeDirty == '+') {\n          /* 기존에 새로 생성된 레코드가 있었으며 계속 수정중이다.(레코드 레퍼런스를 유지해야한다) */\n          afterRecord = Object.assign(beforeRecord, recordData, { __dirty__: '+' })\n        } else {\n          /* 기존에 레코드가 있었으며 계속 수정중이다.(레코드 레퍼런스를 유지해야한다) */\n          afterRecord = Object.assign(beforeRecord, recordData, { __dirty__: 'M' })\n        }\n      }\n    }\n\n    if (wantToAppend) {\n      records.push(afterRecord!)\n    } else if (wantToDelete) {\n      records.splice(row, 1)\n    } else {\n      records.splice(row, 1, afterRecord!)\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('record-change', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          before: beforeRecord,\n          after: afterRecord!,\n          column,\n          row\n        }\n      })\n    )\n\n    this.requestUpdate()\n  }\n\n  onCollapseAll(e: CustomEvent) {\n    this.refresh(false)\n  }\n\n  onExpandAll(e: CustomEvent) {\n    this.refresh(true)\n  }\n\n  onCollapse(e: CustomEvent) {\n    const record = e.detail as GristRecord\n    record.__expanded__ = false\n\n    this.refresh()\n  }\n\n  onExpand(e: CustomEvent) {\n    const record = e.detail as GristRecord\n    record.__expanded__ = true\n\n    this.refresh()\n  }\n\n  onAddSiblingNode(e: CustomEvent) {\n    const { records } = this.data\n    const toplevelRecords = records.filter(\n      record => !record.__depth__\n    ) /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */\n\n    const field = e.detail\n    const { record } = field\n    const { __depth__ } = record as GristRecord\n\n    function findParent(record: GristRecord, parent?: GristRecord): GristRecord | undefined {\n      var children = (parent ? parent.__children__ || [] : toplevelRecords) as GristRecord[]\n\n      if (children.find(child => child === record)) {\n        return parent\n      } else {\n        for (let child of children) {\n          const found = findParent(record, child)\n          if (found) {\n            return found\n          }\n        }\n      }\n    }\n\n    const parent = findParent(record)\n\n    const sibling = {\n      __depth__,\n      __dirty__: '+'\n    }\n\n    if (parent) {\n      const { __children__ } = parent as GristRecord\n\n      if (!__children__) {\n        parent.__children__ = [sibling]\n      } else {\n        parent.__children__ = [...__children__, sibling]\n      }\n\n      parent.__expanded__ = true\n    } else {\n      this.data.records = [...toplevelRecords, sibling]\n    }\n\n    this.refresh()\n  }\n\n  onAddChildNode(e: CustomEvent) {\n    const field = e.detail\n    const { record } = field\n\n    const { __children__, __depth__, __seq__ } = record as GristRecord\n    const child = {\n      __depth__: (__depth__ || 0) + 1,\n      __dirty__: '+'\n    }\n\n    if (!__children__) {\n      record.__children__ = [child]\n    } else {\n      record.__children__.push(child)\n    }\n\n    record.__expanded__ = true\n\n    field.requestUpdate()\n\n    this.refresh()\n  }\n\n  onCheckInTree(e: CustomEvent) {\n    function walkTreeCheckedUpdate(record: GristRecord, checked: 'checked' | 'unchecked') {\n      const children = record.__children__\n\n      children?.forEach(child => walkTreeCheckedUpdate(child, checked))\n      record.__check_in_tree__ = checked\n      record.__selected__ = checked == 'checked'\n    }\n\n    function updateCheckedAll(record: GristRecord) {\n      /* 자식들의 checked 상태로 record의 checked 상태를 수정한다. */\n      const children = record.__children__\n\n      if (!children || children.length == 0) {\n        return\n      }\n\n      children.forEach(child => updateCheckedAll(child))\n\n      var checked: 'checked' | 'half-checked' | 'unchecked' | undefined =\n        record.__check_in_tree__ == 'checked' ? 'checked' : undefined\n\n      children.forEach(child => {\n        const { __check_in_tree__ } = child\n\n        if (__check_in_tree__ == 'half-checked') {\n          checked = 'half-checked'\n        } else if (__check_in_tree__ == 'checked') {\n          checked = checked == 'checked' ? 'checked' : 'half-checked'\n        } else {\n          checked = checked == 'unchecked' || !checked ? 'unchecked' : 'half-checked'\n        }\n      })\n\n      record.__check_in_tree__ = checked\n      record.__selected__ = checked == 'checked'\n    }\n\n    e.stopPropagation()\n\n    const record = e.detail\n    var checked = record.__check_in_tree__\n\n    walkTreeCheckedUpdate(record, !checked || checked == 'unchecked' ? 'checked' : 'unchecked')\n    const toplevelRecords = this.data.records.filter(\n      record => !record.__depth__\n    ) /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */\n\n    toplevelRecords.forEach(record => updateCheckedAll(record))\n\n    this.refresh()\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.\n   * Therefore, it will be deprecated.\n   * @method\n   */\n  refresh(forceExpandOrCollapse?: boolean) {\n    /*\n    - TODO 여기에서 TREE 형태 데이터의 접고, 펴는 것을 재구성한다.\n    - 동적으로 서브항목을 fetch 하는 기능은 제공하지 않는다.\n\n    1. 빈배열에서 시작한다.\n    2. 기존 배열을 traverseRefresh하면서, collapsed 여부에 따라서, 자식의 포함여부를 결정하고 준비한 배열에 하나씩 추가한다.\n\n    */\n    const { records } = this.data\n    const toplevelRecords = records.filter(\n      record => !record.__depth__\n    ) /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */\n    this.data = {\n      ...this.data,\n      records: ([] as GristRecord[]).concat(\n        ...toplevelRecords.map(record => this.traverseRefresh(record, forceExpandOrCollapse))\n      )\n    }\n  }\n\n  private traverseRefresh(record: GristRecord, forceExpandOrCollapse?: boolean): GristRecord[] {\n    if (forceExpandOrCollapse !== undefined) {\n      record = {\n        ...record,\n        __expanded__: forceExpandOrCollapse\n      }\n    }\n\n    const { __expanded__, __children__ = [] } = record\n\n    if (__expanded__ && __children__.length > 0) {\n      return [record].concat(...__children__.map(child => this.traverseRefresh(child, forceExpandOrCollapse)))\n    } else {\n      return [record]\n    }\n  }\n}\n"]}
+{"version":3,"file":"data-manipulator.js","sourceRoot":"","sources":["../../src/data-manipulator.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { ZERO_CONFIG, ZERO_DATA } from './configure/zero-config'\nimport {\n  ColumnConfig,\n  FilterValue,\n  GristConfig,\n  GristData,\n  GristRecord,\n  PaginationConfig,\n  SortersConfig\n} from './types'\n\nexport class DataManipulator extends LitElement {\n  @property({ type: Object }) config: GristConfig = ZERO_CONFIG\n  @property({ type: Object }) data: GristData = ZERO_DATA\n  @property({ type: Array }) sorters: SortersConfig = []\n  @property({ type: Array }) filters: FilterValue[] = []\n  @property({ type: Object }) pagination: PaginationConfig = {}\n\n  constructor() {\n    super()\n\n    this.addEventListener('select-record-change', e => {\n      var {\n        records: selectedRecords,\n        added = [],\n        removed = []\n      } = (e as CustomEvent).detail as {\n        records: GristRecord[]\n        added: GristRecord[]\n        removed: GristRecord[]\n      }\n\n      this.onSelectRecordChanged({\n        selectedRecords,\n        added,\n        removed\n      })\n    })\n\n    /* field change processing */\n    this.addEventListener('field-change', e => {\n      var { after, before, column, record, row } = (e as CustomEvent).detail as {\n        after: any\n        before: any\n        column: ColumnConfig\n        record: GristRecord\n        row: number\n      }\n\n      this.onFieldChange({ after, before, column, record, row })\n    })\n\n    /* record reset processing */\n    this.addEventListener('record-reset', e => {\n      var { record, row } = (e as CustomEvent).detail as {\n        record: GristRecord\n        row: number\n      }\n\n      this.onRecordChanged(record['__origin__'], row, null)\n    })\n\n    /* tree processing */\n    this.addEventListener('collapse-all', (e: Event) => this.collapseAll())\n    this.addEventListener('expand-all', (e: Event) => this.expandAll())\n    this.addEventListener('collapse-node', (e: Event) => this.collapseNode((e as CustomEvent).detail as GristRecord))\n    this.addEventListener('expand-node', (e: Event) => this.expandNode((e as CustomEvent).detail as GristRecord))\n    this.addEventListener('check-in-tree', (e: Event) => this.onCheckInTree(e as CustomEvent))\n\n    this.addEventListener('add-sibling-node', (e: Event) =>\n      this.addSiblingNode((e as CustomEvent).detail as GristRecord)\n    )\n    this.addEventListener('add-child-node', (e: Event) => this.addChildNode((e as CustomEvent).detail as GristRecord))\n  }\n\n  onFieldChange({\n    after,\n    before,\n    column,\n    record,\n    row\n  }: {\n    after: any\n    before: any\n    column: ColumnConfig\n    record: GristRecord\n    row: number\n  }) {\n    /* compare changes */\n    if (after === before) {\n      return\n    }\n\n    var validation = column.validation\n    if (validation && typeof validation == 'function') {\n      if (!validation.call(this, after, before, record, column)) {\n        return\n      }\n    }\n\n    this.onRecordChanged({ [column.name]: after }, row, column)\n  }\n\n  onSelectRecordChanged({\n    selectedRecords,\n    added = [],\n    removed = []\n  }: {\n    selectedRecords: GristRecord[]\n    added: GristRecord[]\n    removed: GristRecord[]\n  }) {\n    var { records } = this.data || {}\n    var { selectable = false } = this.config.rows || {}\n\n    if (!records || !selectable) {\n      return\n    }\n\n    if (selectable && !selectable.multiple) {\n      records.forEach(record => (record['__selected__'] = false))\n    }\n\n    if (selectedRecords) {\n      records.forEach(record => (record['__selected__'] = false))\n      selectedRecords.forEach(record => (record['__selected__'] = true))\n    } else {\n      removed.forEach(record => (record['__selected__'] = false))\n      added.forEach(record => (record['__selected__'] = true))\n    }\n\n    this.requestUpdate()\n  }\n\n  onRecordChanged(\n    recordData: GristRecord,\n    row: number,\n    column: ColumnConfig | null /* TODO column should be removed */\n  ) {\n    // TODO 오브젝트나 배열 타입인 경우 deepCompare 후에 변경 적용 여부를 결정한다.\n\n    /* 빈 그리드로 시작한 경우, data 설정이 되어있지 않을 수 있다. */\n    var records = this.data.records\n\n    var beforeRecord = records[row]\n    var afterRecord: GristRecord\n    var wantToDelete = false\n    var wantToAppend = false\n\n    if (!recordData) {\n      if (!beforeRecord) {\n        /* recordData가 없고, beforeRecord도 없다면, 레코드 생성 중에 리셋된 경우이므로 아무것도 하지 않는다. */\n        this.requestUpdate()\n        return\n      } else {\n        /*\n         * beforeRecord가 있는데, 빈데이타로 업데이트하고자 한다면,\n         * 삭제하고자 하는 의도로 이해된다. (주의 필요)\n         */\n        if (beforeRecord['__dirty__'] == '+') {\n          wantToDelete = true\n        } else {\n          afterRecord = {\n            ...beforeRecord,\n            __dirty__: '-'\n          }\n        }\n      }\n    } else {\n      if (!beforeRecord) {\n        /* 기존 레코드가 없는 경우에는 새로운 레코드가 생성된다 */\n        afterRecord = {\n          ...recordData,\n          __dirty__: '+'\n        }\n\n        wantToAppend = true\n      } else {\n        let beforeDirty = beforeRecord['__dirty__']\n        if (beforeDirty == '+') {\n          /* 기존에 새로 생성된 레코드가 있었으며 계속 수정중이다.(레코드 레퍼런스를 유지해야한다) */\n          afterRecord = Object.assign(beforeRecord, recordData, { __dirty__: '+' })\n        } else {\n          /* 기존에 레코드가 있었으며 계속 수정중이다.(레코드 레퍼런스를 유지해야한다) */\n          afterRecord = Object.assign(beforeRecord, recordData, { __dirty__: 'M' })\n        }\n      }\n    }\n\n    if (wantToAppend) {\n      records.push(afterRecord!)\n    } else if (wantToDelete) {\n      records.splice(row, 1)\n    } else {\n      records.splice(row, 1, afterRecord!)\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('record-change', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          before: beforeRecord,\n          after: afterRecord!,\n          column,\n          row\n        }\n      })\n    )\n\n    this.requestUpdate()\n  }\n\n  collapseAll() {\n    this.refresh(false)\n  }\n\n  expandAll() {\n    this.refresh(true)\n  }\n\n  collapseNode(record: GristRecord) {\n    record.__expanded__ = false\n\n    this.refresh()\n  }\n\n  expandNode(record: GristRecord) {\n    record.__expanded__ = true\n\n    this.refresh()\n  }\n\n  // onCollapse(e: CustomEvent) {\n  //   const record = e.detail as GristRecord\n  //   record.__expanded__ = false\n\n  //   this.refresh()\n  // }\n\n  // onExpand(e: CustomEvent) {\n  //   const record = e.detail as GristRecord\n  //   record.__expanded__ = true\n\n  //   this.refresh()\n  // }\n\n  addSiblingNode(record: GristRecord) {\n    const { records } = this.data\n    const toplevelRecords = records.filter(\n      record => !record.__depth__\n    ) /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */\n\n    const { __depth__ } = record as GristRecord\n\n    function findParent(record: GristRecord, parent?: GristRecord): GristRecord | undefined {\n      var children = (parent ? parent.__children__ || [] : toplevelRecords) as GristRecord[]\n\n      if (children.find(child => child === record)) {\n        return parent\n      } else {\n        for (let child of children) {\n          const found = findParent(record, child)\n          if (found) {\n            return found\n          }\n        }\n      }\n    }\n\n    const parent = findParent(record)\n\n    const sibling = {\n      __depth__,\n      __dirty__: '+'\n    } as GristRecord\n\n    if (parent) {\n      const { id } = parent as GristRecord\n\n      sibling.parent = { id }\n\n      if (!parent.__children__) {\n        parent.__children__ = [sibling]\n      } else {\n        let index = parent.__children__.indexOf(record)\n\n        if (index !== -1) {\n          parent.__children__ = [\n            ...parent.__children__.slice(0, index + 1),\n            sibling,\n            ...parent.__children__.slice(index + 1)\n          ]\n        } else {\n          parent.__children__ = [...parent.__children__, sibling]\n        }\n      }\n\n      parent.__expanded__ = true\n    } else {\n      this.data.records = [...toplevelRecords, sibling]\n    }\n\n    this.refresh()\n  }\n\n  addChildNode(record: GristRecord) {\n    const { id: parentId, __children__, __depth__ } = record as GristRecord\n    const child = {\n      parent: {\n        id: parentId\n      },\n      __depth__: (__depth__ || 0) + 1,\n      __dirty__: '+'\n    }\n\n    if (!record.__children__) {\n      record.__children__ = [child]\n    } else {\n      record.__children__.unshift(child)\n    }\n\n    record.__expanded__ = true\n\n    // this.requestUpdate()\n\n    this.refresh()\n  }\n\n  onCheckInTree(e: CustomEvent) {\n    function walkTreeCheckedUpdate(record: GristRecord, checked: 'checked' | 'unchecked') {\n      const children = record.__children__\n\n      children?.forEach(child => walkTreeCheckedUpdate(child, checked))\n      record.__check_in_tree__ = checked\n      record.__selected__ = checked == 'checked'\n    }\n\n    function updateCheckedAll(record: GristRecord) {\n      /* 자식들의 checked 상태로 record의 checked 상태를 수정한다. */\n      const children = record.__children__\n\n      if (!children || children.length == 0) {\n        return\n      }\n\n      children.forEach(child => updateCheckedAll(child))\n\n      var checked: 'checked' | 'half-checked' | 'unchecked' | undefined =\n        record.__check_in_tree__ == 'checked' ? 'checked' : undefined\n\n      children.forEach(child => {\n        const { __check_in_tree__ } = child\n\n        if (__check_in_tree__ == 'half-checked') {\n          checked = 'half-checked'\n        } else if (__check_in_tree__ == 'checked') {\n          checked = checked == 'checked' ? 'checked' : 'half-checked'\n        } else {\n          checked = checked == 'unchecked' || !checked ? 'unchecked' : 'half-checked'\n        }\n      })\n\n      record.__check_in_tree__ = checked\n      record.__selected__ = checked == 'checked'\n    }\n\n    e.stopPropagation()\n\n    const record = e.detail\n    var checked = record.__check_in_tree__\n\n    walkTreeCheckedUpdate(record, !checked || checked == 'unchecked' ? 'checked' : 'unchecked')\n    const toplevelRecords = this.data.records.filter(\n      record => !record.__depth__\n    ) /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */\n\n    toplevelRecords.forEach(record => updateCheckedAll(record))\n\n    this.refresh()\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.\n   * Therefore, it will be deprecated.\n   * @method\n   */\n  refresh(forceExpandOrCollapse?: boolean) {\n    /*\n    - TODO 여기에서 TREE 형태 데이터의 접고, 펴는 것을 재구성한다.\n    - 동적으로 서브항목을 fetch 하는 기능은 제공하지 않는다.\n\n    1. 빈배열에서 시작한다.\n    2. 기존 배열을 traverseRefresh하면서, collapsed 여부에 따라서, 자식의 포함여부를 결정하고 준비한 배열에 하나씩 추가한다.\n\n    */\n    const { records } = this.data\n    const toplevelRecords = records.filter(\n      record => !record.__depth__\n    ) /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */\n    this.data = {\n      ...this.data,\n      records: ([] as GristRecord[]).concat(\n        ...toplevelRecords.map(record => this.traverseRefresh(record, forceExpandOrCollapse))\n      )\n    }\n  }\n\n  private traverseRefresh(record: GristRecord, forceExpandOrCollapse?: boolean): GristRecord[] {\n    if (forceExpandOrCollapse !== undefined) {\n      record.__expanded__ = forceExpandOrCollapse\n    }\n\n    const { __expanded__, __children__ = [] } = record\n\n    if (__expanded__ && __children__.length > 0) {\n      return [record].concat(...__children__.map(child => this.traverseRefresh(child, forceExpandOrCollapse)))\n    } else {\n      return [record]\n    }\n  }\n}\n"]}

package/dist/src/data-report/data-report-body.d.ts

@@ -11,7 +11,7 @@ export declare class DataReportBody extends LitElement {
         column: number;
     };
     private _focusedListener?;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     firstUpdated(): void;
     updated(changes: PropertyValues<this>): void;
     focus(): void;

package/dist/src/data-report/data-report-component.d.ts

@@ -15,7 +15,7 @@ export declare class DataReportComponent extends LitElement {
     firstUpdated(): void;
     updated(changes: PropertyValues<this>): void;
     calculateWidths(columns: ColumnConfig[]): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     focus(): void;
     get pullToRefreshTarget(): HTMLElement;
 }

package/dist/src/data-report.d.ts

@@ -23,7 +23,7 @@ export declare class DataReport extends LitElement implements DataConsumer {
     private resetPullToRefresh;
     private setPullToRefresh;
     firstUpdated(): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     fetch(reset?: boolean): Promise<void>;
     updated(changes: PropertyValues<this>): Promise<void>;
     get dirtyData(): any;

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

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

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

@@ -3,8 +3,15 @@ import { OxGristEditor } from './ox-grist-editor.js';
 import { customElement } from 'lit/decorators.js';
 import { html } from 'lit';
 let OxGristEditorCheckbox = class OxGristEditorCheckbox extends OxGristEditor {
-    formatFromEditor(e) {
-        return e.target.checked;
+    _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);

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

@@ -1 +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,gBAAgB,CAAC,CAAQ;QACvB,OAAQ,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAA;IAC/C,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;AAZY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAYjC","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  formatFromEditor(e: Event) {\n    return (e.target as HTMLInputElement).checked\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"]}
+{"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

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

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

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

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

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

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

@@ -11,8 +11,7 @@ let OxGristEditorDateTime = class OxGristEditorDateTime extends OxGristEditor {
         var tzoffset = datetime.getTimezoneOffset() * 60000; //offset in milliseconds
         return new Date(timestamp - tzoffset).toISOString().slice(0, -1);
     }
-    formatFromEditor(e) {
-        var value = e.target.value;
+    formatFromEditor(value) {
         var datetime = new Date(value);
         return datetime.getTime();
     }

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

@@ -1 +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,CAAQ;QACvB,IAAI,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAA;QAChD,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,MAAM,CAAA;IACrE,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-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(e: Event) {\n    var value = (e.target as HTMLInputElement).value\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} /> `\n  }\n}\n"]}
+{"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,MAAM,CAAA;IACrE,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} /> `\n  }\n}\n"]}

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

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

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

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

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

@@ -3,8 +3,14 @@ import { html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { OxGristEditor } from './ox-grist-editor.js';
 let OxGristEditorFile = class OxGristEditorFile extends OxGristEditor {
-    formatFromEditor(e) {
-        return e.target.files;
+    _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;

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

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-editor-file.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-file.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG7C,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,aAAa;IAClD,gBAAgB,CAAC,CAAQ;QACvB,OAAQ,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAA;IAC7C,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAA;QAC9D,OAAO,IAAI,CAAA,4CAA4C,CAAA;IACzD,CAAC;CACF,CAAA;AATY,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAS7B","sourcesContent":["import { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditor } from './ox-grist-editor.js'\n\n@customElement('ox-grist-editor-file')\nexport class OxGristEditorFile extends OxGristEditor {\n  formatFromEditor(e: Event): any {\n    return (e.target as HTMLInputElement).files\n  }\n\n  get editorTemplate() {\n    var value = typeof this.value === 'string' ? null : this.value\n    return html` <input style=\"opacity: 1\" type=\"file\" /> `\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-editor-file.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-file.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG7C,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,aAAa;IAClD,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,KAAK,CAAC,CAAA;QAErD,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,gBAAgB,CAAC,KAAU;QACzB,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAA;QAC9D,OAAO,IAAI,CAAA,4CAA4C,CAAA;IACzD,CAAC;CACF,CAAA;AAnBY,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAmB7B","sourcesContent":["import { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditor } from './ox-grist-editor.js'\n\n@customElement('ox-grist-editor-file')\nexport class OxGristEditorFile extends OxGristEditor {\n  _onchange(e: Event) {\n    e.stopPropagation()\n\n    const input = e.target as HTMLInputElement\n\n    this._dirtyValue = this.formatFromEditor(input.files)\n\n    this._onfocusout()\n  }\n\n  formatFromEditor(value: any): any {\n    return value\n  }\n\n  get editorTemplate() {\n    var value = typeof this.value === 'string' ? null : this.value\n    return html` <input style=\"opacity: 1\" type=\"file\" /> `\n  }\n}\n"]}

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

@@ -1,7 +1,7 @@
 import '@operato/input/ox-input-image.js';
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorImage extends OxGristEditor {
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
     _onchange(e: Event): void;
-    formatFromEditor(e: Event): string | File;
+    formatFromEditor(value: any): any;
 }

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

@@ -8,20 +8,20 @@ let OxGristEditorImage = class OxGristEditorImage extends OxGristEditor {
         return html ` <ox-input-image .value=${this.value}></ox-input-image> `;
     }
     _onchange(e) {
-        e.stopPropagation();
-        this._dirtyValue = this.formatFromEditor(e);
-        this._onfocusout();
-    }
-    formatFromEditor(e) {
         var _a;
-        // value가 image file object인지, image url인지 확인
+        e.stopPropagation();
         const input = e.target;
+        // value가 image file object인지, image url인지 확인
         if ((_a = input.files) === null || _a === void 0 ? void 0 : _a[0]) {
-            return input.files[0];
+            this._dirtyValue = this.formatFromEditor(input.files[0]);
         }
         else {
-            return input.value;
+            this._dirtyValue = this.formatFromEditor(input.value);
         }
+        this._onfocusout();
+    }
+    formatFromEditor(value) {
+        return value;
     }
 };
 OxGristEditorImage = __decorate([

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

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-editor-image.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-image.ts"],"names":[],"mappings":";AAAA,OAAO,kCAAkC,CAAA;AAEzC,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,2BAA2B,IAAI,CAAC,KAAK,qBAAqB,CAAA;IACvE,CAAC;IAED,SAAS,CAAC,CAAQ;QAChB,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;QAC3C,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,gBAAgB,CAAC,CAAQ;;QACvB,6CAA6C;QAC7C,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAA;QAC1C,IAAI,MAAA,KAAK,CAAC,KAAK,0CAAG,CAAC,CAAC,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QACvB,CAAC;aAAM,CAAC;YACN,OAAO,KAAK,CAAC,KAAK,CAAA;QACpB,CAAC;IACH,CAAC;CACF,CAAA;AApBY,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAoB9B","sourcesContent":["import '@operato/input/ox-input-image.js'\n\nimport { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-image')\nexport class OxGristEditorImage extends OxGristEditor {\n  get editorTemplate() {\n    return html` <ox-input-image .value=${this.value}></ox-input-image> `\n  }\n\n  _onchange(e: Event) {\n    e.stopPropagation()\n    this._dirtyValue = this.formatFromEditor(e)\n    this._onfocusout()\n  }\n\n  formatFromEditor(e: Event) {\n    // value가 image file object인지, image url인지 확인\n    const input = e.target as HTMLInputElement\n    if (input.files?.[0]) {\n      return input.files[0]\n    } else {\n      return input.value\n    }\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-editor-image.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-image.ts"],"names":[],"mappings":";AAAA,OAAO,kCAAkC,CAAA;AAEzC,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,2BAA2B,IAAI,CAAC,KAAK,qBAAqB,CAAA;IACvE,CAAC;IAED,SAAS,CAAC,CAAQ;;QAChB,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAA;QAE1C,6CAA6C;QAC7C,IAAI,MAAA,KAAK,CAAC,KAAK,0CAAG,CAAC,CAAC,EAAE,CAAC;YACrB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;QAC1D,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACvD,CAAC;QAED,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,gBAAgB,CAAC,KAAU;QACzB,OAAO,KAAK,CAAA;IACd,CAAC;CACF,CAAA;AAvBY,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAuB9B","sourcesContent":["import '@operato/input/ox-input-image.js'\n\nimport { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-image')\nexport class OxGristEditorImage extends OxGristEditor {\n  get editorTemplate() {\n    return html` <ox-input-image .value=${this.value}></ox-input-image> `\n  }\n\n  _onchange(e: Event) {\n    e.stopPropagation()\n\n    const input = e.target as HTMLInputElement\n\n    // value가 image file object인지, image url인지 확인\n    if (input.files?.[0]) {\n      this._dirtyValue = this.formatFromEditor(input.files[0])\n    } else {\n      this._dirtyValue = this.formatFromEditor(input.value)\n    }\n\n    this._onfocusout()\n  }\n\n  formatFromEditor(value: any) {\n    return value\n  }\n}\n"]}

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

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

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

@@ -4,5 +4,5 @@ import '@operato/popup/ox-popup-list.js';
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorMultipleSelect extends OxGristEditor {
     static styles: import("lit").CSSResult[];
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,5 +1,6 @@
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorNumber extends OxGristEditor {
-    formatFromEditor(e: Event): number;
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get inlineEditable(): boolean;
+    formatFromEditor(value: any): number | null;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

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

@@ -2,17 +2,18 @@ import { __decorate } from "tslib";
 import { OxGristEditor } from './ox-grist-editor.js';
 import { customElement } from 'lit/decorators.js';
 import { html } from 'lit';
+import { parseToNumberOrNull } from '@operato/utils';
 let OxGristEditorNumber = class OxGristEditorNumber extends OxGristEditor {
-    formatFromEditor(e) {
-        let value = e.target.value;
-        switch (this.column.type) {
-            case 'float':
-                return Number.parseFloat(value);
-            case 'integer':
-                return Number.parseInt(value);
-            default:
-                return Number(value);
+    get inlineEditable() {
+        return true;
+    }
+    formatFromEditor(value) {
+        var _a;
+        const parsed = (_a = parseToNumberOrNull(value)) !== null && _a !== void 0 ? _a : null;
+        if (parsed !== null && this.column.type == 'integer') {
+            return Math.floor(parsed);
         }
+        return parsed;
     }
     get editorTemplate() {
         var { min = -Infinity, max = Infinity } = this.column.record.options || {};

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

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-editor-number.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-number.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,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,aAAa;IACpD,gBAAgB,CAAC,CAAQ;QACvB,IAAI,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAA;QAEhD,QAAQ,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACzB,KAAK,OAAO;gBACV,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;YACjC,KAAK,SAAS;gBACZ,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;YAC/B;gBACE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;QACxB,CAAC;IACH,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,EAAE,GAAG,GAAG,CAAC,QAAQ,EAAE,GAAG,GAAG,QAAQ,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;QAE1E,OAAO,IAAI,CAAA,gCAAgC,IAAI,CAAC,KAAK,SAAS,MAAM,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,CAAC,MAAM,CAAA;IACrG,CAAC;CACF,CAAA;AAnBY,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAmB/B","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-number')\nexport class OxGristEditorNumber extends OxGristEditor {\n  formatFromEditor(e: Event) {\n    let value = (e.target as HTMLInputElement).value\n\n    switch (this.column.type) {\n      case 'float':\n        return Number.parseFloat(value)\n      case 'integer':\n        return Number.parseInt(value)\n      default:\n        return Number(value)\n    }\n  }\n\n  get editorTemplate() {\n    var { min = -Infinity, max = Infinity } = this.column.record.options || {}\n\n    return html` <input type=\"number\" .value=${this.value} .min=${Number(min)} .max=${Number(max)} /> `\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-editor-number.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-number.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;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAG7C,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,aAAa;IACpD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,gBAAgB,CAAC,KAAU;;QACzB,MAAM,MAAM,GAAG,MAAA,mBAAmB,CAAC,KAAK,CAAC,mCAAI,IAAI,CAAA;QAEjD,IAAI,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC;YACrD,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAC3B,CAAC;QAED,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,EAAE,GAAG,GAAG,CAAC,QAAQ,EAAE,GAAG,GAAG,QAAQ,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;QAE1E,OAAO,IAAI,CAAA,gCAAgC,IAAI,CAAC,KAAK,SAAS,MAAM,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,CAAC,MAAM,CAAA;IACrG,CAAC;CACF,CAAA;AApBY,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAoB/B","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\nimport { parseToNumberOrNull } from '@operato/utils'\n\n@customElement('ox-grist-editor-number')\nexport class OxGristEditorNumber extends OxGristEditor {\n  get inlineEditable() {\n    return true\n  }\n\n  formatFromEditor(value: any) {\n    const parsed = parseToNumberOrNull(value) ?? null\n\n    if (parsed !== null && this.column.type == 'integer') {\n      return Math.floor(parsed)\n    }\n\n    return parsed\n  }\n\n  get editorTemplate() {\n    var { min = -Infinity, max = Infinity } = this.column.record.options || {}\n\n    return html` <input type=\"number\" .value=${this.value} .min=${Number(min)} .max=${Number(max)} /> `\n  }\n}\n"]}

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

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

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

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

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

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

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

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

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

@@ -3,6 +3,9 @@ import { OxGristEditor } from './ox-grist-editor.js';
 import { customElement } from 'lit/decorators.js';
 import { html } from 'lit';
 let OxGristEditorText = class OxGristEditorText extends OxGristEditor {
+    get inlineEditable() {
+        return true;
+    }
     get editorTemplate() {
         return html ` <input type="text" .value=${this.value} /> `;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-editor-text.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-text.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,MAAM,CAAA;IAC3D,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-text')\nexport class OxGristEditorText extends OxGristEditor {\n  get editorTemplate() {\n    return html` <input type=\"text\" .value=${this.value} /> `\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-editor-text.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-text.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;IACb,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK,MAAM,CAAA;IAC3D,CAAC;CACF,CAAA;AARY,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAQ7B","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-text')\nexport class OxGristEditorText extends OxGristEditor {\n  get inlineEditable() {\n    return true\n  }\n\n  get editorTemplate() {\n    return html` <input type=\"text\" .value=${this.value} /> `\n  }\n}\n"]}

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

@@ -1,5 +1,6 @@
 import '@operato/input/ox-input-textarea.js';
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorTextarea extends OxGristEditor {
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get inlineEditable(): boolean;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

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

@@ -4,6 +4,9 @@ import { OxGristEditor } from './ox-grist-editor.js';
 import { customElement } from 'lit/decorators.js';
 import { html } from 'lit';
 let OxGristEditorTextarea = class OxGristEditorTextarea extends OxGristEditor {
+    get inlineEditable() {
+        return true;
+    }
     get editorTemplate() {
         return html ` <ox-input-textarea .value=${this.value}></ox-input-textarea> `;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-editor-textarea.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-textarea.ts"],"names":[],"mappings":";AAAA,OAAO,qCAAqC,CAAA;AAE5C,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,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK,wBAAwB,CAAA;IAC7E,CAAC;CACF,CAAA;AAJY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAIjC","sourcesContent":["import '@operato/input/ox-input-textarea.js'\n\nimport { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-textarea')\nexport class OxGristEditorTextarea extends OxGristEditor {\n  get editorTemplate() {\n    return html` <ox-input-textarea .value=${this.value}></ox-input-textarea> `\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-editor-textarea.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-textarea.ts"],"names":[],"mappings":";AAAA,OAAO,qCAAqC,CAAA;AAE5C,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,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK,wBAAwB,CAAA;IAC7E,CAAC;CACF,CAAA;AARY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAQjC","sourcesContent":["import '@operato/input/ox-input-textarea.js'\n\nimport { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-textarea')\nexport class OxGristEditorTextarea extends OxGristEditor {\n  get inlineEditable() {\n    return true\n  }\n\n  get editorTemplate() {\n    return html` <ox-input-textarea .value=${this.value}></ox-input-textarea> `\n  }\n}\n"]}