@operato/data-grist 2.0.0-alpha.2 → 2.0.0-alpha.4

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.0-alpha.4](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.3...v2.0.0-alpha.4) (2024-01-15)
+
+**Note:** Version bump only for package @operato/data-grist
+
+
+
+
+
+## [2.0.0-alpha.3](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.2...v2.0.0-alpha.3) (2024-01-14)
+
+
+### :bug: Bug Fix
+
+* add-sibling-node, add-child-node for data-manipulator in data-grist ([c3be974](https://github.com/hatiolab/operato/commit/c3be974748ce9ec4e3b22534660a4ef736877248))
+* jsdoc for data-grist type ([d55c2d3](https://github.com/hatiolab/operato/commit/d55c2d34d7f817a768d8795669f82473d1b2b806))
+* treetable selection switch logic ([98afb6c](https://github.com/hatiolab/operato/commit/98afb6c5e79ccaeab027e65b6943637035097840))
+
+
+
 ## [2.0.0-alpha.2](https://github.com/hatiolab/operato/compare/v2.0.0-alpha.1...v2.0.0-alpha.2) (2024-01-09)
 
 

package/dist/src/data-grid/data-grid-body.js

@@ -74,7 +74,6 @@ let DataGridBody = class DataGridBody extends LitElement {
         var columns = this.columns.filter(column => !column.hidden);
         var data = this.data;
         var { records } = data;
-        records = records.filter(record => !record.__parent__ || !record.__parent__.collapsed);
         var { appendable, classifier, accumulator } = this.config.rows;
         const { start, end } = this._selectBlock || {};
         /*

package/dist/src/data-grid/data-grid-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid-body.js","sourceRoot":"","sources":["../../../src/data-grid/data-grid-body.ts"],"names":[],"mappings":"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","sourcesContent":["import './data-grid-field'\nimport './data-grid-accum-field'\n\nimport { css, html, LitElement, nothing, PropertyValues } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport debounce from 'lodash-es/debounce'\n\nimport { TooltipStyles } from '@operato/styles'\nimport { sleep, parseToNumberOrNull } from '@operato/utils'\n\nimport { ZERO_CONFIG, ZERO_DATA } from '../configure/zero-config'\nimport { RecordViewHandler } from '../record-view/record-view-handler'\nimport { ColumnConfig, GristConfig, GristData, GristRecord } from '../types'\nimport { supportsPassive } from '../utils'\nimport { dataGridBodyStyle } from './data-grid-body-style'\nimport { DataGridField } from './data-grid-field'\nimport { dataGridBodyClickHandler } from './event-handlers/data-grid-body-click-handler'\nimport { dataGridBodyDblclickHandler } from './event-handlers/data-grid-body-dblclick-handler'\nimport { dataGridBodyFocusChangeHandler } from './event-handlers/data-grid-body-focus-change-handler'\nimport { dataGridBodyContextMenuHandler } from './event-handlers/data-grid-body-contextmenu-handler'\nimport { dataGridBodyKeydownHandler } from './event-handlers/data-grid-body-keydown-handler'\nimport { accumulate } from '../accumulator/accumulator'\n\nconst THRESHOLD = 300\nconst DATA_PADDING = 3\nconst ROW_HEIGHT = 40\nconst GAP_SIZE = 1\n\nfunction calcScrollPos(parent: DataGridBody, child: Element) {\n  /* getBoundingClientRect는 safari에서 스크롤 상태에서 다른 브라우저와는 다른 값을 리턴함 - 사파리는 약간 이상 작동함. */\n  var { top: ct, left: cl, right: cr, bottom: cb } = child.getBoundingClientRect()\n  var { top: pt, left: pl, right: pr, bottom: pb } = parent.getBoundingClientRect()\n  var { scrollLeft, scrollTop } = parent\n  var scrollbarWidth = parent.clientWidth - parent.offsetWidth\n  var scrollbarHeight = parent.clientHeight - parent.offsetHeight\n\n  return {\n    left: cl < pl ? scrollLeft - (pl - cl) : cr > pr ? scrollLeft - (pr - cr) - scrollbarWidth : undefined,\n    top: ct < pt ? scrollTop - (pt - ct) : cb > pb ? scrollTop - (pb - cb) - scrollbarHeight : undefined\n  }\n}\n\nconst ZERO_FOCUS = {\n  row: 0,\n  column: 0\n}\n\n@customElement('ox-grid-body')\nexport class DataGridBody extends LitElement {\n  debounce = debounce((scrollTop: number, clientHeight: number) => {\n    const maxVisibleRows = Math.ceil(clientHeight / (ROW_HEIGHT + GAP_SIZE))\n    const from = Math.max(0, Math.floor(scrollTop / (ROW_HEIGHT + GAP_SIZE)) - maxVisibleRows * DATA_PADDING)\n    const to = Math.min(this.data.records?.length || 0, from + maxVisibleRows * (DATA_PADDING * 2 + 1))\n\n    this.from = from\n    this.to = to\n  }, THRESHOLD)\n\n  static styles = [\n    TooltipStyles,\n    dataGridBodyStyle,\n    css`\n      [select-block] {\n        position: absolute;\n        left: var(--select-box-left);\n        top: var(--select-box-top);\n        width: var(--select-box-width);\n        height: var(--select-box-height);\n        border: var(--grid-record-focused-cell-border);\n        background-image: var(--focused-background-image);\n        pointer-events: none;\n        z-index: 2;\n      }\n\n      [fixed] {\n        position: sticky;\n        background-color: var(--grid-record-background-color);\n        z-index: 2; /* 고정된 열을 다른 열 위에 표시. */\n      }\n\n      :host([raised]) [fixed] {\n        /* 고정 컬럼이 살짝 올라와 있는 느낌을 표현 */\n        box-shadow: 3px 0 3px rgba(0, 0, 0, 0.1);\n      }\n\n      ox-grid-accum-field {\n        position: sticky;\n        bottom: 0;\n        z-index: 1;\n      }\n\n      ox-grid-accum-field[fixed] {\n        background-color: var(--grid-accum-record-background-color, #ccc);\n      }\n    `\n  ]\n\n  @property({ type: Object }) config: GristConfig = ZERO_CONFIG\n  @property({ type: Array }) columns: ColumnConfig[] = []\n  @property({ type: Object }) data: GristData = ZERO_DATA\n  @property({ type: Object }) focused: { row: number; column: number } = ZERO_FOCUS\n  @property({ type: Object }) editTarget: { row: number; column: number; valueWithEdit: string | null } | null = null\n  @property({ type: Number }) from = -1\n  @property({ type: Number }) to = -1\n  @property({ type: Array }) fixedLefts: number[] = []\n\n  @state() _selectBlock?: {\n    start: DataGridField\n    end?: DataGridField\n  }\n\n  @query('[select-block]') selectBlock?: HTMLDivElement\n  @query('ox-grid-field[focused]') focusedField?: DataGridField\n\n  private _focusedListener?: (e: KeyboardEvent) => void\n  private _recordView?: any\n  private _recordViewRow?: number\n  private _draggable?: boolean\n\n  resetEdit() {\n    this.editTarget = null\n  }\n\n  handleOnScroll(e: WheelEvent) {\n    const { scrollTop, clientHeight } = e.target as HTMLElement\n    this.debounce(scrollTop, clientHeight)\n  }\n\n  // issue #13\n  // renderOptimisticRow() {\n  //   return\n  // }\n\n  render() {\n    // block이 선택되어 있으면, focused row/column은 표현하지 않는다.\n    var { row: focusedRow, column: focusedColumn } = (!this._selectBlock && this.focused) || {}\n    var { row: editingRow, column: editingColumn, valueWithEdit = null } = this.editTarget || {}\n\n    var columns = this.columns.filter(column => !column.hidden)\n    var data = this.data\n    var { records } = data\n    records = records.filter(record => !record.__parent__ || !record.__parent__.collapsed)\n    var { appendable, classifier, accumulator } = this.config.rows\n    const { start, end } = this._selectBlock || {}\n\n    /*\n     * 레코드를 추가할 수 있는 경우에는 항상 추가 레코드를 보여준다.\n     * 만약, 이전 방식처럼, 커서를 옮겨야만 새로운 레코드가 보이게 하고 싶다면, 조건부를 다음의 코드로 대체한다.\n     * -- if (focusedRow == records.length)\n     */\n    if (appendable) {\n      records = [...records, { __dirty__: '+' }]\n    }\n\n    if (accumulator) {\n      var accumRecord = this.buildAccumulatorRecord()\n    }\n\n    return html`\n      ${records.map((record, idxRow) => {\n        var attrFocusedRow = idxRow === focusedRow\n        var attrSelected = record['__selected__']\n        var attrOdd = idxRow % 2\n        var dirtyFields = record['__dirtyfields__'] || {}\n        var { emphasized } = classifier.call(null, record, idxRow) || {}\n\n        return html`\n          ${columns.map(\n            (column, idxColumn) => html`\n              <ox-grid-field\n                .data=${data}\n                .type=${column.type}\n                .rowIndex=${idxRow}\n                .columnIndex=${idxColumn}\n                .column=${column}\n                .record=${record}\n                .checked=${record.__selected__ ? 'checked' : record.__check_in_tree__}\n                .emphasized=${emphasized}\n                ?gutter=${column.type == 'gutter'}\n                ?odd=${attrOdd}\n                ?focused-row=${attrFocusedRow}\n                ?selected-row=${attrSelected}\n                ?focused=${idxRow === focusedRow && idxColumn === focusedColumn}\n                ?editing=${idxRow === editingRow && idxColumn === editingColumn}\n                .valueWithEdit=${valueWithEdit}\n                .value=${record[column.name]}\n                ?dirty=${!!dirtyFields[column.name]}\n                fixed=${ifDefined(this.fixedLefts[idxColumn])}\n              ></ox-grid-field>\n            `\n          )}\n          <ox-grid-field\n            .data=${data}\n            .rowIndex=${idxRow}\n            .columnIndex=${-1}\n            .record=${record}\n            .emphasized=${emphasized}\n            ?odd=${attrOdd}\n            ?focused-row=${attrFocusedRow}\n            ?selected-row=${attrSelected}\n          ></ox-grid-field>\n        `\n      })}\n      ${accumulator\n        ? html`\n            ${columns.map(\n              (column, idxColumn) => html`\n                <ox-grid-accum-field\n                  .data=${data}\n                  .columnIndex=${idxColumn}\n                  .rowIndex=${records.length}\n                  .column=${column}\n                  .record=${accumRecord!}\n                  .value=${accumRecord[column.name]}\n                  fixed=${ifDefined(this.fixedLefts[idxColumn])}\n                ></ox-grid-accum-field>\n              `\n            )}\n            <ox-grid-accum-field\n              .data=${data}\n              .columnIndex=${-1}\n              .rowIndex=${records.length}\n              .record=${accumRecord!}\n            ></ox-grid-accum-field>\n          `\n        : nothing}\n      ${start && end && start !== end ? html` <div select-block></div> ` : html``}\n      <slot></slot>\n    `\n  }\n\n  firstUpdated() {\n    // TODO issue #13\n    // this.addEventListener('scroll', this.handleOnScroll.bind(this))\n\n    /* focus() 를 받을 수 있도록 함. */\n    this.setAttribute('tabindex', '-1')\n\n    /*\n     * focusout 으로 property를 변경시키는 경우, focusout에 의해 update가 발생하는 경우에는,\n     * 그리드 내부의 컴포넌트가 갱신되는 현상을 초래하게 된다.\n     * 따라서, focusout 핸들러에서 update를 유발하는 코드는 강력하게 금지시킨다.\n     */\n    this.addEventListener('focusout', e => {\n      if (this._focusedListener) {\n        this.removeEventListener('keydown', this._focusedListener)\n        delete this._focusedListener\n      }\n    })\n\n    this.addEventListener('focusin', e => {\n      if (!this._focusedListener) {\n        this._focusedListener = dataGridBodyKeydownHandler.bind(this)\n        this.addEventListener('keydown', this._focusedListener)\n      }\n    })\n\n    this.addEventListener('set-select-block', async e => {\n      e.stopPropagation()\n\n      const { startRow = -1, startColumn = -1, endRow = -1, endColumn = -1 } = ((e as CustomEvent).detail as any) || {}\n\n      const start = this.getFieldByIndex(startRow, startColumn) as DataGridField\n      const end = this.getFieldByIndex(endRow, endColumn) as DataGridField\n\n      this.setSelectBlock(start, end)\n    })\n\n    this.renderRoot.addEventListener('contextmenu', (event: Event) => {\n      const e = event as MouseEvent\n      this.setSelectBlock()\n\n      this._draggable = false\n\n      var target = (e.target as Element).closest('ox-grid-field') as DataGridField\n      var { rowIndex, columnIndex } = target || {}\n\n      this.dispatchEvent(\n        new CustomEvent('focus-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            row: rowIndex,\n            column: columnIndex\n          }\n        })\n      )\n    })\n\n    this.renderRoot.addEventListener('mousedown', (event: Event) => {\n      const e = event as MouseEvent\n      this.setSelectBlock()\n\n      if (e.buttons !== 1) {\n        return\n      }\n\n      this._draggable = true\n\n      var target = (e.target as Element).closest('ox-grid-field') as DataGridField\n      var { rowIndex, columnIndex } = target || {}\n\n      this.dispatchEvent(\n        new CustomEvent('focus-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            row: rowIndex,\n            column: columnIndex\n          }\n        })\n      )\n\n      if (columnIndex >= 0 && target.editableOnClick && !isNaN(rowIndex) && !isNaN(columnIndex)) {\n        this.startEditTarget(rowIndex, columnIndex)\n      }\n    })\n\n    this.renderRoot.addEventListener('mousemove', (event: Event) => {\n      const e = event as MouseEvent\n      if (e.buttons !== 1 || !this._draggable) {\n        return\n      }\n\n      const field = e.target as DataGridField\n      if (!this._selectBlock) {\n        this.setSelectBlock(this.focusedField || field, this.focusedField || field)\n\n        return\n      }\n\n      var { start, end } = this._selectBlock || {}\n\n      if (start && end !== field) {\n        end = field\n\n        this.setSelectBlock(start, end)\n      }\n    })\n\n    this.renderRoot.addEventListener('mouseup', (event: Event) => {\n      this._draggable = false\n    })\n\n    this.renderRoot.addEventListener('click', dataGridBodyClickHandler.bind(this))\n    this.renderRoot.addEventListener('dblclick', dataGridBodyDblclickHandler.bind(this))\n    this.renderRoot.addEventListener('contextmenu', dataGridBodyContextMenuHandler.bind(this))\n\n    this.addEventListener('focus-change', dataGridBodyFocusChangeHandler.bind(this))\n\n    this.addEventListener('wheel', this._onWheelEvent.bind(this))\n\n    const primaryColor = getComputedStyle(this).getPropertyValue('--primary-color')\n    this.style.setProperty(\n      '--focused-background-image',\n      `url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><rect fill='${primaryColor}' x='0' y='0' width='100%' height='100%' style='opacity:.3'/></svg>\")`\n    )\n\n    this.addEventListener('show-record-view', (e: Event) =>\n      this.popupRecordView((e as CustomEvent).detail as { row: number; record: GristRecord })\n    )\n\n    this.addEventListener('scroll', function () {\n      this.scrollLeft == 0 ? this.removeAttribute('raised') : this.setAttribute('raised', '')\n    })\n  }\n\n  getFieldByIndex(rowIndex: number, columnIndex: number, residue: boolean = true) {\n    if (rowIndex < 0) {\n      return\n    }\n\n    var columns = this.columns.filter(column => !column.hidden).length\n    if (!residue && columnIndex >= columns) {\n      return\n    }\n\n    return this.renderRoot.children.item(\n      rowIndex * (columns + 1) /* 1 means last dummy column */ + ((columnIndex + columns) % columns)\n    ) as DataGridField\n  }\n\n  _onWheelEvent(e: WheelEvent) {\n    if (this.scrollHeight <= this.clientHeight) {\n      var delta = Math.max(-1, Math.min(1, e.deltaY || 0))\n      this.scrollLeft = Math.max(0, this.scrollLeft - delta * 40)\n\n      var maxScrollLeft = this.scrollWidth - this.clientWidth\n\n      var atStart = this.scrollLeft === 0\n      var atEnd = this.scrollLeft === maxScrollLeft\n\n      // 스크롤이 맨 앞으로 와 있는 상태에서 휠을 올리는 경우 또는\n      // 스크롤이 맨 끝으로 가 있는 상태에서 휠을 내리는 경우에만 디폴트 동작 허용\n      if ((atStart && delta > 0) || (atEnd && delta < 0)) {\n        return true\n      }\n\n      e.preventDefault()\n    }\n  }\n\n  startEditTarget(row: number, column: number, valueWithEdit: string | null = null) {\n    var { editable } = this.columns.filter(column => !column.hidden)[column].record\n    if (typeof editable === 'function') {\n      const curRow = this.data.records[row] || {}\n      const curCol = this.columns[column + 1]\n      editable = editable.call(this, curRow[curCol.name], curCol, curRow, row, this)\n    }\n\n    if (!editable) {\n      return\n    }\n\n    if (this.editTarget && this.editTarget.row == row && this.editTarget.column == column) {\n      return\n    }\n\n    this.editTarget = {\n      row,\n      column,\n      valueWithEdit\n    }\n  }\n\n  shouldUpdate(changes: any) {\n    if (!changes.has('editTarget')) {\n      /*\n       * 큰 변화에 대해서는 실제 update가 발생되기 전에 editTarget을 초기화한다.\n       */\n      this.editTarget = null\n    }\n\n    return super.shouldUpdate(changes)\n  }\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('focused')) {\n      let element = this.renderRoot?.querySelector('[focused]')\n      if (!element) {\n        return\n      }\n\n      let { top, left } = calcScrollPos(this, element)\n      // TODO this.scroll()을 사용하면, 효과가 좋으나 left 계산에 문제가 있는 것 같음.\n      // this.scroll({\n      //   top,\n      //   left,\n      //   behavior: 'smooth'\n      // })\n      if (top !== undefined) {\n        this.scrollTop = top\n      }\n      if (left !== undefined) {\n        this.scrollLeft = left\n      }\n    }\n\n    if (this._recordView) {\n      this._recordView.record = this.data.records[this._recordViewRow!]\n    }\n  }\n\n  focus() {\n    super.focus()\n\n    if (this.focused === ZERO_FOCUS) {\n      let { records } = this.data\n      let row = records.findIndex(record => record['__selected__'])\n\n      this.focused = { row: row == -1 ? 0 : row, column: 0 }\n    }\n  }\n\n  popupRecordView({ record, row }: { row: number; record: GristRecord }) {\n    var titleField = this.config.list.fields[0] || 'name'\n    var title = record[titleField]\n\n    /* field가 오브젝트형인 경우에는 렌더러를 타이틀로 사용한다. */\n    if (typeof title == 'object') {\n      var column = this.config.columns.find(column => column.name == titleField)\n      title = column?.record.renderer(title, column, record, row, this /* cautious */)\n    }\n\n    this._recordViewRow = row\n    this._recordView = RecordViewHandler(\n      this.config.columns,\n      record,\n      row,\n      this,\n      {\n        title\n      },\n      () => {\n        delete this._recordView\n        delete this._recordViewRow\n      }\n    )\n  }\n\n  getSelectedBlockValues(): Array<Array<any>> | any | undefined {\n    var { start, end } = this._selectBlock || {}\n\n    if (!(start && end)) {\n      start = this.focusedField\n\n      end = start\n    }\n\n    if (start && end) {\n      const startRowIndex = start.rowIndex < end.rowIndex ? start.rowIndex : end.rowIndex\n      const endRowIndex = start.rowIndex < end.rowIndex ? end.rowIndex : start.rowIndex\n      const startColumnIndex = start.columnIndex < end.columnIndex ? start.columnIndex : end.columnIndex\n      const endColumnIndex = start.columnIndex < end.columnIndex ? end.columnIndex : start.columnIndex\n\n      const columnArray = new Array(endColumnIndex - startColumnIndex + 1).fill(startColumnIndex)\n      const columns = this.columns.filter(column => !column.hidden)\n\n      return (\n        '<table>' +\n        new Array(endRowIndex - startRowIndex + 1)\n          .fill(startRowIndex)\n          .map((start, index) => {\n            const rowIndex = start + index\n            const record = this.data.records[rowIndex]\n\n            const tds = columnArray\n              .map((start, index) => {\n                const columnIndex = start + index\n                const column = columns[columnIndex]\n                const value = record?.[column.name]\n                const type = typeof value\n                const text =\n                  value === undefined || value === null ? '' : type == 'object' ? JSON.stringify(value) : value\n\n                return `<td type=${type}>${text}</td>`\n              })\n              .join('')\n            return `<tr>${tds}</tr>`\n          })\n          .join('') +\n        '</table>'\n      )\n    }\n  }\n\n  async copy() {\n    const copied = this.getSelectedBlockValues()\n\n    await navigator.clipboard.write([\n      new ClipboardItem({\n        'text/html': new Blob([copied], { type: 'text/html' }),\n        'text/plain': new Blob([copied], { type: 'text/plain' })\n      })\n    ])\n\n    const selectBlock = this.selectBlock || this.focusedField\n    if (selectBlock) {\n      const backgroundColor = selectBlock.style.backgroundColor\n      const opacity = selectBlock.style.opacity\n\n      selectBlock.setAttribute('data-tooltip', 'copied to clipboard!')\n      selectBlock.style.backgroundColor = 'red'\n      selectBlock.style.opacity = '0.5'\n      await sleep(500)\n      selectBlock.removeAttribute('data-tooltip')\n      selectBlock.style.backgroundColor = backgroundColor\n      selectBlock.style.opacity = opacity\n    }\n  }\n\n  async paste() {\n    try {\n      const selection = window.getSelection()\n\n      const clipboardItems = await navigator.clipboard.read()\n      if (!clipboardItems) {\n        return\n      }\n\n      var type: string | undefined\n      var content: string | undefined\n\n      for (const clipboardItem of clipboardItems) {\n        try {\n          var blob = await clipboardItem.getType('text/html')\n          content = blob && (await blob.text())\n          type = 'text/html'\n        } catch (e) {\n          try {\n            blob = await clipboardItem.getType('text/plain')\n            content = blob && (await blob.text())\n            type = 'text/plain'\n          } catch (e) {}\n        }\n\n        break\n      }\n\n      if (!content) {\n        return\n      }\n\n      const { row, column } = this.focused\n      const { records } = this.data\n      const columns = this.columns.filter(column => !column.hidden)\n\n      if (type === 'text/html') {\n        const div = document.createElement('div')\n        div.innerHTML = content!.trim()\n        const table = div.querySelector('table') as HTMLTableElement\n        if (!table) {\n          return\n        }\n\n        if (selection) {\n          this.resetEdit()\n          selection.removeAllRanges()\n\n          // 포커스가 빠지기 전에 isWorking으로 focusout 이벤트에 대한 값 변경을 막음\n          this.focusedField!.isWorking = true\n          await this.updateComplete\n          this.focusedField!.isWorking = false\n        }\n        const rows = table.querySelectorAll('tr')\n\n        rows.forEach((record, rowIndex) => {\n          if (!(record instanceof HTMLTableRowElement)) {\n            return\n          }\n\n          var targetRecord = records[row + rowIndex] || { __dirty__: '+' }\n          if (row + rowIndex >= records.length) {\n            records.push(targetRecord)\n          }\n\n          const cells = record.querySelectorAll('td')\n          cells.forEach((item, columnIndex) => {\n            const targetColumn = columns[column + columnIndex]\n            var value = item.textContent as any\n            let type = targetColumn.type || item.getAttribute('type') || 'string'\n            type = type.includes('object') ? 'object' : type // 오브젝트 타입 예외처리\n            let { editable } = targetColumn.record\n            if (typeof editable === 'function') {\n              editable = editable.call(this, value, targetColumn, targetRecord, row, this)\n            }\n\n            switch (type) {\n              case 'object':\n                try {\n                  value = JSON.parse(value || 'null')\n                } catch (err) {}\n                break\n              case 'boolean':\n                value = !!value && !!String(value).match(/true/i)\n                break\n              case 'number':\n                value = parseToNumberOrNull(value)\n                break\n              default:\n                value = value\n            }\n\n            if (targetColumn && !targetColumn.gutterName && editable) {\n              this.dispatchEvent(\n                new CustomEvent('field-change', {\n                  bubbles: true,\n                  composed: true,\n                  detail: {\n                    before: targetRecord[targetColumn.name],\n                    after: value,\n                    column: targetColumn,\n                    record: targetRecord,\n                    row: row + rowIndex\n                  }\n                })\n              )\n            }\n          })\n        })\n\n        return\n      } else if (!selection && type === 'text/plain') {\n        const targetRecord = records[row] || { __dirty__: '+' }\n        const targetColumn = columns[column]\n        let { editable } = targetColumn.record\n        if (typeof editable === 'function') {\n          editable = editable.call(this, content, targetColumn, targetRecord, row, this)\n        }\n\n        if (targetColumn && !targetColumn.gutterName && editable) {\n          this.dispatchEvent(\n            new CustomEvent('field-change', {\n              bubbles: true,\n              composed: true,\n              detail: {\n                before: targetRecord[targetColumn.name],\n                after: content,\n                column: targetColumn,\n                record: targetRecord,\n                row: row\n              }\n            })\n          )\n        }\n      }\n    } catch (e) {}\n  }\n\n  setSelectBlock(start?: DataGridField, end?: DataGridField) {\n    if (start?.columnIndex == -1) {\n      start = this.getFieldByIndex(start.rowIndex, this.columns.filter(column => !column.hidden).length - 1)\n    }\n\n    if (end?.columnIndex == -1) {\n      end = this.getFieldByIndex(end.rowIndex, this.columns.filter(column => !column.hidden).length - 1)\n    }\n\n    this._selectBlock = start && { start, end }\n\n    if (start && end) {\n      window.getSelection()?.removeAllRanges()\n\n      if (start !== end) {\n        const left = start.columnIndex < end.columnIndex ? start : end\n        const right = left === start ? end : start\n        const top = start.rowIndex < end.rowIndex ? start : end\n        const bottom = top === start ? end : start\n\n        const { offsetLeft } = left\n        const { offsetTop } = top\n        const width = right.offsetLeft - offsetLeft + right.offsetWidth\n        const height = bottom.offsetTop - offsetTop + bottom.offsetHeight\n\n        this.style.setProperty('--select-box-left', offsetLeft - 1 + 'px')\n        this.style.setProperty('--select-box-top', offsetTop - 1 + 'px')\n        this.style.setProperty('--select-box-width', width + 'px')\n        this.style.setProperty('--select-box-height', height + 'px')\n      }\n\n      this.focus()\n    }\n  }\n\n  buildAccumulatorRecord(): GristRecord {\n    var columns = this.columns.filter(column => !column.hidden)\n\n    return columns.reduce((record, column) => {\n      if (column.accumulator) {\n        record[column.name] = accumulate(this.data, column, column.accumulator)\n      }\n      return record\n    }, {} as GristRecord)\n  }\n}\n"]}
+{"version":3,"file":"data-grid-body.js","sourceRoot":"","sources":["../../../src/data-grid/data-grid-body.ts"],"names":[],"mappings":"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","sourcesContent":["import './data-grid-field'\nimport './data-grid-accum-field'\n\nimport { css, html, LitElement, nothing, PropertyValues } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport debounce from 'lodash-es/debounce'\n\nimport { TooltipStyles } from '@operato/styles'\nimport { sleep, parseToNumberOrNull } from '@operato/utils'\n\nimport { ZERO_CONFIG, ZERO_DATA } from '../configure/zero-config'\nimport { RecordViewHandler } from '../record-view/record-view-handler'\nimport { ColumnConfig, GristConfig, GristData, GristRecord } from '../types'\nimport { supportsPassive } from '../utils'\nimport { dataGridBodyStyle } from './data-grid-body-style'\nimport { DataGridField } from './data-grid-field'\nimport { dataGridBodyClickHandler } from './event-handlers/data-grid-body-click-handler'\nimport { dataGridBodyDblclickHandler } from './event-handlers/data-grid-body-dblclick-handler'\nimport { dataGridBodyFocusChangeHandler } from './event-handlers/data-grid-body-focus-change-handler'\nimport { dataGridBodyContextMenuHandler } from './event-handlers/data-grid-body-contextmenu-handler'\nimport { dataGridBodyKeydownHandler } from './event-handlers/data-grid-body-keydown-handler'\nimport { accumulate } from '../accumulator/accumulator'\n\nconst THRESHOLD = 300\nconst DATA_PADDING = 3\nconst ROW_HEIGHT = 40\nconst GAP_SIZE = 1\n\nfunction calcScrollPos(parent: DataGridBody, child: Element) {\n  /* getBoundingClientRect는 safari에서 스크롤 상태에서 다른 브라우저와는 다른 값을 리턴함 - 사파리는 약간 이상 작동함. */\n  var { top: ct, left: cl, right: cr, bottom: cb } = child.getBoundingClientRect()\n  var { top: pt, left: pl, right: pr, bottom: pb } = parent.getBoundingClientRect()\n  var { scrollLeft, scrollTop } = parent\n  var scrollbarWidth = parent.clientWidth - parent.offsetWidth\n  var scrollbarHeight = parent.clientHeight - parent.offsetHeight\n\n  return {\n    left: cl < pl ? scrollLeft - (pl - cl) : cr > pr ? scrollLeft - (pr - cr) - scrollbarWidth : undefined,\n    top: ct < pt ? scrollTop - (pt - ct) : cb > pb ? scrollTop - (pb - cb) - scrollbarHeight : undefined\n  }\n}\n\nconst ZERO_FOCUS = {\n  row: 0,\n  column: 0\n}\n\n@customElement('ox-grid-body')\nexport class DataGridBody extends LitElement {\n  debounce = debounce((scrollTop: number, clientHeight: number) => {\n    const maxVisibleRows = Math.ceil(clientHeight / (ROW_HEIGHT + GAP_SIZE))\n    const from = Math.max(0, Math.floor(scrollTop / (ROW_HEIGHT + GAP_SIZE)) - maxVisibleRows * DATA_PADDING)\n    const to = Math.min(this.data.records?.length || 0, from + maxVisibleRows * (DATA_PADDING * 2 + 1))\n\n    this.from = from\n    this.to = to\n  }, THRESHOLD)\n\n  static styles = [\n    TooltipStyles,\n    dataGridBodyStyle,\n    css`\n      [select-block] {\n        position: absolute;\n        left: var(--select-box-left);\n        top: var(--select-box-top);\n        width: var(--select-box-width);\n        height: var(--select-box-height);\n        border: var(--grid-record-focused-cell-border);\n        background-image: var(--focused-background-image);\n        pointer-events: none;\n        z-index: 2;\n      }\n\n      [fixed] {\n        position: sticky;\n        background-color: var(--grid-record-background-color);\n        z-index: 2; /* 고정된 열을 다른 열 위에 표시. */\n      }\n\n      :host([raised]) [fixed] {\n        /* 고정 컬럼이 살짝 올라와 있는 느낌을 표현 */\n        box-shadow: 3px 0 3px rgba(0, 0, 0, 0.1);\n      }\n\n      ox-grid-accum-field {\n        position: sticky;\n        bottom: 0;\n        z-index: 1;\n      }\n\n      ox-grid-accum-field[fixed] {\n        background-color: var(--grid-accum-record-background-color, #ccc);\n      }\n    `\n  ]\n\n  @property({ type: Object }) config: GristConfig = ZERO_CONFIG\n  @property({ type: Array }) columns: ColumnConfig[] = []\n  @property({ type: Object }) data: GristData = ZERO_DATA\n  @property({ type: Object }) focused: { row: number; column: number } = ZERO_FOCUS\n  @property({ type: Object }) editTarget: { row: number; column: number; valueWithEdit: string | null } | null = null\n  @property({ type: Number }) from = -1\n  @property({ type: Number }) to = -1\n  @property({ type: Array }) fixedLefts: number[] = []\n\n  @state() _selectBlock?: {\n    start: DataGridField\n    end?: DataGridField\n  }\n\n  @query('[select-block]') selectBlock?: HTMLDivElement\n  @query('ox-grid-field[focused]') focusedField?: DataGridField\n\n  private _focusedListener?: (e: KeyboardEvent) => void\n  private _recordView?: any\n  private _recordViewRow?: number\n  private _draggable?: boolean\n\n  resetEdit() {\n    this.editTarget = null\n  }\n\n  handleOnScroll(e: WheelEvent) {\n    const { scrollTop, clientHeight } = e.target as HTMLElement\n    this.debounce(scrollTop, clientHeight)\n  }\n\n  // issue #13\n  // renderOptimisticRow() {\n  //   return\n  // }\n\n  render() {\n    // block이 선택되어 있으면, focused row/column은 표현하지 않는다.\n    var { row: focusedRow, column: focusedColumn } = (!this._selectBlock && this.focused) || {}\n    var { row: editingRow, column: editingColumn, valueWithEdit = null } = this.editTarget || {}\n\n    var columns = this.columns.filter(column => !column.hidden)\n    var data = this.data\n    var { records } = data\n    var { appendable, classifier, accumulator } = this.config.rows\n    const { start, end } = this._selectBlock || {}\n\n    /*\n     * 레코드를 추가할 수 있는 경우에는 항상 추가 레코드를 보여준다.\n     * 만약, 이전 방식처럼, 커서를 옮겨야만 새로운 레코드가 보이게 하고 싶다면, 조건부를 다음의 코드로 대체한다.\n     * -- if (focusedRow == records.length)\n     */\n    if (appendable) {\n      records = [...records, { __dirty__: '+' }]\n    }\n\n    if (accumulator) {\n      var accumRecord = this.buildAccumulatorRecord()\n    }\n\n    return html`\n      ${records.map((record, idxRow) => {\n        var attrFocusedRow = idxRow === focusedRow\n        var attrSelected = record['__selected__']\n        var attrOdd = idxRow % 2\n        var dirtyFields = record['__dirtyfields__'] || {}\n        var { emphasized } = classifier.call(null, record, idxRow) || {}\n\n        return html`\n          ${columns.map(\n            (column, idxColumn) => html`\n              <ox-grid-field\n                .data=${data}\n                .type=${column.type}\n                .rowIndex=${idxRow}\n                .columnIndex=${idxColumn}\n                .column=${column}\n                .record=${record}\n                .checked=${record.__selected__ ? 'checked' : record.__check_in_tree__}\n                .emphasized=${emphasized}\n                ?gutter=${column.type == 'gutter'}\n                ?odd=${attrOdd}\n                ?focused-row=${attrFocusedRow}\n                ?selected-row=${attrSelected}\n                ?focused=${idxRow === focusedRow && idxColumn === focusedColumn}\n                ?editing=${idxRow === editingRow && idxColumn === editingColumn}\n                .valueWithEdit=${valueWithEdit}\n                .value=${record[column.name]}\n                ?dirty=${!!dirtyFields[column.name]}\n                fixed=${ifDefined(this.fixedLefts[idxColumn])}\n              ></ox-grid-field>\n            `\n          )}\n          <ox-grid-field\n            .data=${data}\n            .rowIndex=${idxRow}\n            .columnIndex=${-1}\n            .record=${record}\n            .emphasized=${emphasized}\n            ?odd=${attrOdd}\n            ?focused-row=${attrFocusedRow}\n            ?selected-row=${attrSelected}\n          ></ox-grid-field>\n        `\n      })}\n      ${accumulator\n        ? html`\n            ${columns.map(\n              (column, idxColumn) => html`\n                <ox-grid-accum-field\n                  .data=${data}\n                  .columnIndex=${idxColumn}\n                  .rowIndex=${records.length}\n                  .column=${column}\n                  .record=${accumRecord!}\n                  .value=${accumRecord[column.name]}\n                  fixed=${ifDefined(this.fixedLefts[idxColumn])}\n                ></ox-grid-accum-field>\n              `\n            )}\n            <ox-grid-accum-field\n              .data=${data}\n              .columnIndex=${-1}\n              .rowIndex=${records.length}\n              .record=${accumRecord!}\n            ></ox-grid-accum-field>\n          `\n        : nothing}\n      ${start && end && start !== end ? html` <div select-block></div> ` : html``}\n      <slot></slot>\n    `\n  }\n\n  firstUpdated() {\n    // TODO issue #13\n    // this.addEventListener('scroll', this.handleOnScroll.bind(this))\n\n    /* focus() 를 받을 수 있도록 함. */\n    this.setAttribute('tabindex', '-1')\n\n    /*\n     * focusout 으로 property를 변경시키는 경우, focusout에 의해 update가 발생하는 경우에는,\n     * 그리드 내부의 컴포넌트가 갱신되는 현상을 초래하게 된다.\n     * 따라서, focusout 핸들러에서 update를 유발하는 코드는 강력하게 금지시킨다.\n     */\n    this.addEventListener('focusout', e => {\n      if (this._focusedListener) {\n        this.removeEventListener('keydown', this._focusedListener)\n        delete this._focusedListener\n      }\n    })\n\n    this.addEventListener('focusin', e => {\n      if (!this._focusedListener) {\n        this._focusedListener = dataGridBodyKeydownHandler.bind(this)\n        this.addEventListener('keydown', this._focusedListener)\n      }\n    })\n\n    this.addEventListener('set-select-block', async e => {\n      e.stopPropagation()\n\n      const { startRow = -1, startColumn = -1, endRow = -1, endColumn = -1 } = ((e as CustomEvent).detail as any) || {}\n\n      const start = this.getFieldByIndex(startRow, startColumn) as DataGridField\n      const end = this.getFieldByIndex(endRow, endColumn) as DataGridField\n\n      this.setSelectBlock(start, end)\n    })\n\n    this.renderRoot.addEventListener('contextmenu', (event: Event) => {\n      const e = event as MouseEvent\n      this.setSelectBlock()\n\n      this._draggable = false\n\n      var target = (e.target as Element).closest('ox-grid-field') as DataGridField\n      var { rowIndex, columnIndex } = target || {}\n\n      this.dispatchEvent(\n        new CustomEvent('focus-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            row: rowIndex,\n            column: columnIndex\n          }\n        })\n      )\n    })\n\n    this.renderRoot.addEventListener('mousedown', (event: Event) => {\n      const e = event as MouseEvent\n      this.setSelectBlock()\n\n      if (e.buttons !== 1) {\n        return\n      }\n\n      this._draggable = true\n\n      var target = (e.target as Element).closest('ox-grid-field') as DataGridField\n      var { rowIndex, columnIndex } = target || {}\n\n      this.dispatchEvent(\n        new CustomEvent('focus-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            row: rowIndex,\n            column: columnIndex\n          }\n        })\n      )\n\n      if (columnIndex >= 0 && target.editableOnClick && !isNaN(rowIndex) && !isNaN(columnIndex)) {\n        this.startEditTarget(rowIndex, columnIndex)\n      }\n    })\n\n    this.renderRoot.addEventListener('mousemove', (event: Event) => {\n      const e = event as MouseEvent\n      if (e.buttons !== 1 || !this._draggable) {\n        return\n      }\n\n      const field = e.target as DataGridField\n      if (!this._selectBlock) {\n        this.setSelectBlock(this.focusedField || field, this.focusedField || field)\n\n        return\n      }\n\n      var { start, end } = this._selectBlock || {}\n\n      if (start && end !== field) {\n        end = field\n\n        this.setSelectBlock(start, end)\n      }\n    })\n\n    this.renderRoot.addEventListener('mouseup', (event: Event) => {\n      this._draggable = false\n    })\n\n    this.renderRoot.addEventListener('click', dataGridBodyClickHandler.bind(this))\n    this.renderRoot.addEventListener('dblclick', dataGridBodyDblclickHandler.bind(this))\n    this.renderRoot.addEventListener('contextmenu', dataGridBodyContextMenuHandler.bind(this))\n\n    this.addEventListener('focus-change', dataGridBodyFocusChangeHandler.bind(this))\n\n    this.addEventListener('wheel', this._onWheelEvent.bind(this))\n\n    const primaryColor = getComputedStyle(this).getPropertyValue('--primary-color')\n    this.style.setProperty(\n      '--focused-background-image',\n      `url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'><rect fill='${primaryColor}' x='0' y='0' width='100%' height='100%' style='opacity:.3'/></svg>\")`\n    )\n\n    this.addEventListener('show-record-view', (e: Event) =>\n      this.popupRecordView((e as CustomEvent).detail as { row: number; record: GristRecord })\n    )\n\n    this.addEventListener('scroll', function () {\n      this.scrollLeft == 0 ? this.removeAttribute('raised') : this.setAttribute('raised', '')\n    })\n  }\n\n  getFieldByIndex(rowIndex: number, columnIndex: number, residue: boolean = true) {\n    if (rowIndex < 0) {\n      return\n    }\n\n    var columns = this.columns.filter(column => !column.hidden).length\n    if (!residue && columnIndex >= columns) {\n      return\n    }\n\n    return this.renderRoot.children.item(\n      rowIndex * (columns + 1) /* 1 means last dummy column */ + ((columnIndex + columns) % columns)\n    ) as DataGridField\n  }\n\n  _onWheelEvent(e: WheelEvent) {\n    if (this.scrollHeight <= this.clientHeight) {\n      var delta = Math.max(-1, Math.min(1, e.deltaY || 0))\n      this.scrollLeft = Math.max(0, this.scrollLeft - delta * 40)\n\n      var maxScrollLeft = this.scrollWidth - this.clientWidth\n\n      var atStart = this.scrollLeft === 0\n      var atEnd = this.scrollLeft === maxScrollLeft\n\n      // 스크롤이 맨 앞으로 와 있는 상태에서 휠을 올리는 경우 또는\n      // 스크롤이 맨 끝으로 가 있는 상태에서 휠을 내리는 경우에만 디폴트 동작 허용\n      if ((atStart && delta > 0) || (atEnd && delta < 0)) {\n        return true\n      }\n\n      e.preventDefault()\n    }\n  }\n\n  startEditTarget(row: number, column: number, valueWithEdit: string | null = null) {\n    var { editable } = this.columns.filter(column => !column.hidden)[column].record\n    if (typeof editable === 'function') {\n      const curRow = this.data.records[row] || {}\n      const curCol = this.columns[column + 1]\n      editable = editable.call(this, curRow[curCol.name], curCol, curRow, row, this)\n    }\n\n    if (!editable) {\n      return\n    }\n\n    if (this.editTarget && this.editTarget.row == row && this.editTarget.column == column) {\n      return\n    }\n\n    this.editTarget = {\n      row,\n      column,\n      valueWithEdit\n    }\n  }\n\n  shouldUpdate(changes: any) {\n    if (!changes.has('editTarget')) {\n      /*\n       * 큰 변화에 대해서는 실제 update가 발생되기 전에 editTarget을 초기화한다.\n       */\n      this.editTarget = null\n    }\n\n    return super.shouldUpdate(changes)\n  }\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('focused')) {\n      let element = this.renderRoot?.querySelector('[focused]')\n      if (!element) {\n        return\n      }\n\n      let { top, left } = calcScrollPos(this, element)\n      // TODO this.scroll()을 사용하면, 효과가 좋으나 left 계산에 문제가 있는 것 같음.\n      // this.scroll({\n      //   top,\n      //   left,\n      //   behavior: 'smooth'\n      // })\n      if (top !== undefined) {\n        this.scrollTop = top\n      }\n      if (left !== undefined) {\n        this.scrollLeft = left\n      }\n    }\n\n    if (this._recordView) {\n      this._recordView.record = this.data.records[this._recordViewRow!]\n    }\n  }\n\n  focus() {\n    super.focus()\n\n    if (this.focused === ZERO_FOCUS) {\n      let { records } = this.data\n      let row = records.findIndex(record => record['__selected__'])\n\n      this.focused = { row: row == -1 ? 0 : row, column: 0 }\n    }\n  }\n\n  popupRecordView({ record, row }: { row: number; record: GristRecord }) {\n    var titleField = this.config.list.fields[0] || 'name'\n    var title = record[titleField]\n\n    /* field가 오브젝트형인 경우에는 렌더러를 타이틀로 사용한다. */\n    if (typeof title == 'object') {\n      var column = this.config.columns.find(column => column.name == titleField)\n      title = column?.record.renderer(title, column, record, row, this /* cautious */)\n    }\n\n    this._recordViewRow = row\n    this._recordView = RecordViewHandler(\n      this.config.columns,\n      record,\n      row,\n      this,\n      {\n        title\n      },\n      () => {\n        delete this._recordView\n        delete this._recordViewRow\n      }\n    )\n  }\n\n  getSelectedBlockValues(): Array<Array<any>> | any | undefined {\n    var { start, end } = this._selectBlock || {}\n\n    if (!(start && end)) {\n      start = this.focusedField\n\n      end = start\n    }\n\n    if (start && end) {\n      const startRowIndex = start.rowIndex < end.rowIndex ? start.rowIndex : end.rowIndex\n      const endRowIndex = start.rowIndex < end.rowIndex ? end.rowIndex : start.rowIndex\n      const startColumnIndex = start.columnIndex < end.columnIndex ? start.columnIndex : end.columnIndex\n      const endColumnIndex = start.columnIndex < end.columnIndex ? end.columnIndex : start.columnIndex\n\n      const columnArray = new Array(endColumnIndex - startColumnIndex + 1).fill(startColumnIndex)\n      const columns = this.columns.filter(column => !column.hidden)\n\n      return (\n        '<table>' +\n        new Array(endRowIndex - startRowIndex + 1)\n          .fill(startRowIndex)\n          .map((start, index) => {\n            const rowIndex = start + index\n            const record = this.data.records[rowIndex]\n\n            const tds = columnArray\n              .map((start, index) => {\n                const columnIndex = start + index\n                const column = columns[columnIndex]\n                const value = record?.[column.name]\n                const type = typeof value\n                const text =\n                  value === undefined || value === null ? '' : type == 'object' ? JSON.stringify(value) : value\n\n                return `<td type=${type}>${text}</td>`\n              })\n              .join('')\n            return `<tr>${tds}</tr>`\n          })\n          .join('') +\n        '</table>'\n      )\n    }\n  }\n\n  async copy() {\n    const copied = this.getSelectedBlockValues()\n\n    await navigator.clipboard.write([\n      new ClipboardItem({\n        'text/html': new Blob([copied], { type: 'text/html' }),\n        'text/plain': new Blob([copied], { type: 'text/plain' })\n      })\n    ])\n\n    const selectBlock = this.selectBlock || this.focusedField\n    if (selectBlock) {\n      const backgroundColor = selectBlock.style.backgroundColor\n      const opacity = selectBlock.style.opacity\n\n      selectBlock.setAttribute('data-tooltip', 'copied to clipboard!')\n      selectBlock.style.backgroundColor = 'red'\n      selectBlock.style.opacity = '0.5'\n      await sleep(500)\n      selectBlock.removeAttribute('data-tooltip')\n      selectBlock.style.backgroundColor = backgroundColor\n      selectBlock.style.opacity = opacity\n    }\n  }\n\n  async paste() {\n    try {\n      const selection = window.getSelection()\n\n      const clipboardItems = await navigator.clipboard.read()\n      if (!clipboardItems) {\n        return\n      }\n\n      var type: string | undefined\n      var content: string | undefined\n\n      for (const clipboardItem of clipboardItems) {\n        try {\n          var blob = await clipboardItem.getType('text/html')\n          content = blob && (await blob.text())\n          type = 'text/html'\n        } catch (e) {\n          try {\n            blob = await clipboardItem.getType('text/plain')\n            content = blob && (await blob.text())\n            type = 'text/plain'\n          } catch (e) {}\n        }\n\n        break\n      }\n\n      if (!content) {\n        return\n      }\n\n      const { row, column } = this.focused\n      const { records } = this.data\n      const columns = this.columns.filter(column => !column.hidden)\n\n      if (type === 'text/html') {\n        const div = document.createElement('div')\n        div.innerHTML = content!.trim()\n        const table = div.querySelector('table') as HTMLTableElement\n        if (!table) {\n          return\n        }\n\n        if (selection) {\n          this.resetEdit()\n          selection.removeAllRanges()\n\n          // 포커스가 빠지기 전에 isWorking으로 focusout 이벤트에 대한 값 변경을 막음\n          this.focusedField!.isWorking = true\n          await this.updateComplete\n          this.focusedField!.isWorking = false\n        }\n        const rows = table.querySelectorAll('tr')\n\n        rows.forEach((record, rowIndex) => {\n          if (!(record instanceof HTMLTableRowElement)) {\n            return\n          }\n\n          var targetRecord = records[row + rowIndex] || { __dirty__: '+' }\n          if (row + rowIndex >= records.length) {\n            records.push(targetRecord)\n          }\n\n          const cells = record.querySelectorAll('td')\n          cells.forEach((item, columnIndex) => {\n            const targetColumn = columns[column + columnIndex]\n            var value = item.textContent as any\n            let type = targetColumn.type || item.getAttribute('type') || 'string'\n            type = type.includes('object') ? 'object' : type // 오브젝트 타입 예외처리\n            let { editable } = targetColumn.record\n            if (typeof editable === 'function') {\n              editable = editable.call(this, value, targetColumn, targetRecord, row, this)\n            }\n\n            switch (type) {\n              case 'object':\n                try {\n                  value = JSON.parse(value || 'null')\n                } catch (err) {}\n                break\n              case 'boolean':\n                value = !!value && !!String(value).match(/true/i)\n                break\n              case 'number':\n                value = parseToNumberOrNull(value)\n                break\n              default:\n                value = value\n            }\n\n            if (targetColumn && !targetColumn.gutterName && editable) {\n              this.dispatchEvent(\n                new CustomEvent('field-change', {\n                  bubbles: true,\n                  composed: true,\n                  detail: {\n                    before: targetRecord[targetColumn.name],\n                    after: value,\n                    column: targetColumn,\n                    record: targetRecord,\n                    row: row + rowIndex\n                  }\n                })\n              )\n            }\n          })\n        })\n\n        return\n      } else if (!selection && type === 'text/plain') {\n        const targetRecord = records[row] || { __dirty__: '+' }\n        const targetColumn = columns[column]\n        let { editable } = targetColumn.record\n        if (typeof editable === 'function') {\n          editable = editable.call(this, content, targetColumn, targetRecord, row, this)\n        }\n\n        if (targetColumn && !targetColumn.gutterName && editable) {\n          this.dispatchEvent(\n            new CustomEvent('field-change', {\n              bubbles: true,\n              composed: true,\n              detail: {\n                before: targetRecord[targetColumn.name],\n                after: content,\n                column: targetColumn,\n                record: targetRecord,\n                row: row\n              }\n            })\n          )\n        }\n      }\n    } catch (e) {}\n  }\n\n  setSelectBlock(start?: DataGridField, end?: DataGridField) {\n    if (start?.columnIndex == -1) {\n      start = this.getFieldByIndex(start.rowIndex, this.columns.filter(column => !column.hidden).length - 1)\n    }\n\n    if (end?.columnIndex == -1) {\n      end = this.getFieldByIndex(end.rowIndex, this.columns.filter(column => !column.hidden).length - 1)\n    }\n\n    this._selectBlock = start && { start, end }\n\n    if (start && end) {\n      window.getSelection()?.removeAllRanges()\n\n      if (start !== end) {\n        const left = start.columnIndex < end.columnIndex ? start : end\n        const right = left === start ? end : start\n        const top = start.rowIndex < end.rowIndex ? start : end\n        const bottom = top === start ? end : start\n\n        const { offsetLeft } = left\n        const { offsetTop } = top\n        const width = right.offsetLeft - offsetLeft + right.offsetWidth\n        const height = bottom.offsetTop - offsetTop + bottom.offsetHeight\n\n        this.style.setProperty('--select-box-left', offsetLeft - 1 + 'px')\n        this.style.setProperty('--select-box-top', offsetTop - 1 + 'px')\n        this.style.setProperty('--select-box-width', width + 'px')\n        this.style.setProperty('--select-box-height', height + 'px')\n      }\n\n      this.focus()\n    }\n  }\n\n  buildAccumulatorRecord(): GristRecord {\n    var columns = this.columns.filter(column => !column.hidden)\n\n    return columns.reduce((record, column) => {\n      if (column.accumulator) {\n        record[column.name] = accumulate(this.data, column, column.accumulator)\n      }\n      return record\n    }, {} as GristRecord)\n  }\n}\n"]}

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

@@ -22,8 +22,10 @@ export declare class DataManipulator extends LitElement {
     onRecordChanged(recordData: GristRecord, row: number, column: ColumnConfig | null): void;
     onCollapseAll(e: CustomEvent): void;
     onExpandAll(e: CustomEvent): void;
-    onCollapsed(e: CustomEvent): void;
-    onExpanded(e: CustomEvent): void;
+    onCollapse(e: CustomEvent): void;
+    onExpand(e: CustomEvent): void;
+    onAddSiblingNode(e: CustomEvent): void;
+    onAddChildNode(e: CustomEvent): void;
     onCheckInTree(e: CustomEvent): void;
     /**
      * Forced internal data to be reflected on the screen

package/dist/src/data-manipulator.js

@@ -31,15 +31,12 @@ export class DataManipulator extends LitElement {
         /* tree processing */
         this.addEventListener('collapse-all', (e) => this.onCollapseAll(e));
         this.addEventListener('expand-all', (e) => this.onExpandAll(e));
-        this.addEventListener('collapsed', (e) => this.onCollapsed(e));
-        this.addEventListener('expanded', (e) => this.onExpanded(e));
+        this.addEventListener('collapse-node', (e) => this.onCollapse(e));
+        this.addEventListener('expand-node', (e) => this.onExpand(e));
         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));
     }
-    // updated(changes: PropertyValues<this>) {
-    //   if (changes.has('data')) {
-    //     this.refresh()
-    //   }
-    // }
     onFieldChange({ after, before, column, record, row }) {
         /* compare changes */
         if (after === before) {
@@ -150,16 +147,74 @@ export class DataManipulator extends LitElement {
     onExpandAll(e) {
         this.refresh(true);
     }
-    onCollapsed(e) {
+    onCollapse(e) {
         const record = e.detail;
         record.__expanded__ = false;
         this.refresh();
     }
-    onExpanded(e) {
+    onExpand(e) {
         const record = e.detail;
         record.__expanded__ = true;
         this.refresh();
     }
+    onAddSiblingNode(e) {
+        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);
+            if (children.find(child => child === record)) {
+                return parent;
+            }
+            else {
+                for (let child of children) {
+                    const found = findParent(record, child);
+                    if (found) {
+                        return found;
+                    }
+                }
+            }
+        }
+        const parent = findParent(record);
+        const sibling = {
+            __depth__,
+            __dirty__: '+'
+        };
+        if (parent) {
+            const { __children__ } = parent;
+            if (!__children__) {
+                parent.__children__ = [sibling];
+            }
+            else {
+                parent.__children__ = [...__children__, sibling];
+            }
+            parent.__expanded__ = true;
+        }
+        else {
+            this.data.records = [...toplevelRecords, sibling];
+        }
+        this.refresh();
+    }
+    onAddChildNode(e) {
+        const field = e.detail;
+        const { record } = field;
+        const { __children__, __depth__, __seq__ } = record;
+        const child = {
+            __depth__: (__depth__ || 0) + 1,
+            __dirty__: '+'
+        };
+        if (!__children__) {
+            record.__children__ = [child];
+        }
+        else {
+            record.__children__.push(child);
+        }
+        record.__expanded__ = true;
+        field.requestUpdate();
+        this.refresh();
+    }
     onCheckInTree(e) {
         function walkTreeCheckedUpdate(record, checked) {
             const children = record.__children__;
@@ -174,14 +229,14 @@ export class DataManipulator extends LitElement {
                 return;
             }
             children.forEach(child => updateCheckedAll(child));
-            var checked;
+            var checked = record.__check_in_tree__ == 'checked' ? 'checked' : undefined;
             children.forEach(child => {
                 const { __check_in_tree__ } = child;
                 if (__check_in_tree__ == 'half-checked') {
                     checked = 'half-checked';
                 }
                 else if (__check_in_tree__ == 'checked') {
-                    checked = checked == 'checked' || !checked ? 'checked' : 'half-checked';
+                    checked = checked == 'checked' ? 'checked' : 'half-checked';
                 }
                 else {
                     checked = checked == 'unchecked' || !checked ? 'unchecked' : 'half-checked';

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('collapsed', (e: Event) => this.onCollapsed(e as CustomEvent))\n    this.addEventListener('expanded', (e: Event) => this.onExpanded(e as CustomEvent))\n    this.addEventListener('check-in-tree', (e: Event) => this.onCheckInTree(e as CustomEvent))\n  }\n\n  // updated(changes: PropertyValues<this>) {\n  //   if (changes.has('data')) {\n  //     this.refresh()\n  //   }\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  onCollapsed(e: CustomEvent) {\n    const record = e.detail\n    record.__expanded__ = false\n\n    this.refresh()\n  }\n\n  onExpanded(e: CustomEvent) {\n    const record = e.detail\n    record.__expanded__ = true\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\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 ? '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.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"]}

package/dist/src/editors/ox-input-tree.js

@@ -68,7 +68,7 @@ let OxInputTree = class OxInputTree extends OxFormField {
     }
     onClickExpander(e) {
         e.stopPropagation();
-        this.dispatchEvent(new CustomEvent(this.record.__expanded__ ? 'collapsed' : 'expanded', {
+        this.dispatchEvent(new CustomEvent(this.record.__expanded__ ? 'collapse-node' : 'expand-node', {
             bubbles: true,
             composed: true,
             detail: this.record

package/dist/src/editors/ox-input-tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-input-tree.js","sourceRoot":"","sources":["../../../src/editors/ox-input-tree.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { PropertyValues, css, html, nothing } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { OxFormField } from '@operato/input'\nimport { GristRecord } from '../types'\n\n@customElement('ox-input-tree')\nexport class OxInputTree extends OxFormField {\n  static styles = css`\n    :host {\n      overflow: hidden;\n    }\n\n    div[wrap] {\n      flex: 1;\n\n      position: relative;\n\n      display: flex;\n      align-items: center;\n      gap: 6px;\n\n      padding-left: calc(var(--tree-depth, 0) * 18px);\n    }\n\n    span[expander] {\n      display: inline-block;\n      vertical-align: middle;\n      width: 12px;\n      height: 20px;\n      cursor: pointer;\n      position: relative;\n    }\n\n    span[expander][collapsed]::before {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-25%, -50%) rotate(-90deg);\n      content: ' ';\n      border: 5px solid transparent;\n      border-top: 5px solid var(--primary-color, #1890ff);\n    }\n\n    span[expander][expanded]::before {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -25%);\n      content: ' ';\n      border: 5px solid transparent;\n      border-top: 5px solid var(--primary-color, #1890ff);\n    }\n\n    span[checkbox] {\n      display: inline-block;\n      vertical-align: middle;\n      width: 12px;\n      height: 20px;\n      cursor: pointer;\n      position: relative;\n    }\n\n    span[checkbox]::before {\n      cursor: pointer;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      content: ' ';\n      display: block;\n      width: 10px;\n      height: 10px;\n      border: 1px solid var(--primary-color, #1890ff);\n      border-radius: 2px;\n    }\n\n    span[checkbox][checked='checked']::before {\n      background-color: var(--primary-color, #1890ff);\n      border-color: var(--primary-color, #1890ff);\n    }\n\n    span[checkbox][checked='checked']::after {\n      position: absolute;\n      content: ' ';\n      display: block;\n      top: 50%;\n      left: 50%;\n      width: 3px;\n      height: 7px;\n      border: 2px solid #fff;\n      border-top: none;\n      border-left: none;\n      -webkit-transform: translate(-50%, -50%) rotate(45deg);\n      -ms-transform: translate(-50%, -50%) rotate(45deg);\n      transform: translate(-50%, -50%) rotate(45deg);\n    }\n\n    span[checkbox][checked='half-checked']::before {\n      background-color: var(--primary-color, #1890ff);\n      border-color: var(--primary-color, #1890ff);\n    }\n\n    span[checkbox][checked='half-checked']::after {\n      position: absolute;\n      content: ' ';\n      display: block;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 10px;\n      height: 2px;\n      background-color: #fff;\n    }\n\n    span[label] {\n      flex: 1;\n    }\n\n    input {\n      width: 100%;\n      height: 100%;\n      border: 0;\n      background-color: transparent;\n      box-sizing: border-box;\n    }\n\n    input:focus {\n      outline: none;\n    }\n  `\n\n  @property({ type: Object }) record!: GristRecord\n  @property({ type: Boolean }) selectable?: boolean\n\n  @state() private checked?: 'checked' | 'half-checked' | 'unchecked'\n  @state() private expanded?: boolean = false\n\n  @query('input') input!: HTMLInputElement\n\n  render() {\n    var { __children__ } = this.record\n\n    const expandable = __children__ && __children__.length > 0\n\n    return html`\n      <div wrap>\n        ${expandable\n          ? html`\n              <span\n                expander\n                @click=${this.onClickExpander.bind(this)}\n                ?expanded=${this.expanded}\n                ?collapsed=${!this.expanded}\n              ></span>\n            `\n          : html`<span expander></span>`}\n        ${this.selectable\n          ? html` <span checkbox @click=${this.onClickCheckbox.bind(this)} checked=${ifDefined(this.checked)}></span>`\n          : nothing}\n\n        <span label\n          ><input\n            value=${ifDefined(this.value)}\n            @change=${(e: Event) => {\n              e.stopPropagation()\n              this.value = (e.target as HTMLInputElement).value\n              this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n            }}\n            focus\n        /></span>\n\n        <!-- <span label>${this.value}</span> -->\n      </div>\n    `\n  }\n\n  updated(changes: PropertyValues<this>) {\n    var { __depth__, __check_in_tree__, __expanded__ } = this.record\n    this.checked = __check_in_tree__\n    this.expanded = __expanded__\n\n    this.style.setProperty('--tree-depth', String(__depth__))\n  }\n\n  focus() {\n    this.input.focus()\n  }\n\n  select() {\n    this.input.select()\n  }\n\n  onClickCheckbox(e: MouseEvent) {\n    e.stopPropagation()\n\n    this.dispatchEvent(\n      new CustomEvent('check-in-tree', {\n        bubbles: true,\n        composed: true,\n        detail: this.record\n      })\n    )\n\n    this.requestUpdate()\n  }\n\n  onClickExpander(e: MouseEvent) {\n    e.stopPropagation()\n\n    this.dispatchEvent(\n      new CustomEvent(this.record.__expanded__ ? 'collapsed' : 'expanded', {\n        bubbles: true,\n        composed: true,\n        detail: this.record\n      })\n    )\n\n    this.requestUpdate()\n  }\n}\n"]}
+{"version":3,"file":"ox-input-tree.js","sourceRoot":"","sources":["../../../src/editors/ox-input-tree.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { PropertyValues, css, html, nothing } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { OxFormField } from '@operato/input'\nimport { GristRecord } from '../types'\n\n@customElement('ox-input-tree')\nexport class OxInputTree extends OxFormField {\n  static styles = css`\n    :host {\n      overflow: hidden;\n    }\n\n    div[wrap] {\n      flex: 1;\n\n      position: relative;\n\n      display: flex;\n      align-items: center;\n      gap: 6px;\n\n      padding-left: calc(var(--tree-depth, 0) * 18px);\n    }\n\n    span[expander] {\n      display: inline-block;\n      vertical-align: middle;\n      width: 12px;\n      height: 20px;\n      cursor: pointer;\n      position: relative;\n    }\n\n    span[expander][collapsed]::before {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-25%, -50%) rotate(-90deg);\n      content: ' ';\n      border: 5px solid transparent;\n      border-top: 5px solid var(--primary-color, #1890ff);\n    }\n\n    span[expander][expanded]::before {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -25%);\n      content: ' ';\n      border: 5px solid transparent;\n      border-top: 5px solid var(--primary-color, #1890ff);\n    }\n\n    span[checkbox] {\n      display: inline-block;\n      vertical-align: middle;\n      width: 12px;\n      height: 20px;\n      cursor: pointer;\n      position: relative;\n    }\n\n    span[checkbox]::before {\n      cursor: pointer;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      content: ' ';\n      display: block;\n      width: 10px;\n      height: 10px;\n      border: 1px solid var(--primary-color, #1890ff);\n      border-radius: 2px;\n    }\n\n    span[checkbox][checked='checked']::before {\n      background-color: var(--primary-color, #1890ff);\n      border-color: var(--primary-color, #1890ff);\n    }\n\n    span[checkbox][checked='checked']::after {\n      position: absolute;\n      content: ' ';\n      display: block;\n      top: 50%;\n      left: 50%;\n      width: 3px;\n      height: 7px;\n      border: 2px solid #fff;\n      border-top: none;\n      border-left: none;\n      -webkit-transform: translate(-50%, -50%) rotate(45deg);\n      -ms-transform: translate(-50%, -50%) rotate(45deg);\n      transform: translate(-50%, -50%) rotate(45deg);\n    }\n\n    span[checkbox][checked='half-checked']::before {\n      background-color: var(--primary-color, #1890ff);\n      border-color: var(--primary-color, #1890ff);\n    }\n\n    span[checkbox][checked='half-checked']::after {\n      position: absolute;\n      content: ' ';\n      display: block;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 10px;\n      height: 2px;\n      background-color: #fff;\n    }\n\n    span[label] {\n      flex: 1;\n    }\n\n    input {\n      width: 100%;\n      height: 100%;\n      border: 0;\n      background-color: transparent;\n      box-sizing: border-box;\n    }\n\n    input:focus {\n      outline: none;\n    }\n  `\n\n  @property({ type: Object }) record!: GristRecord\n  @property({ type: Boolean }) selectable?: boolean\n\n  @state() private checked?: 'checked' | 'half-checked' | 'unchecked'\n  @state() private expanded?: boolean = false\n\n  @query('input') input!: HTMLInputElement\n\n  render() {\n    var { __children__ } = this.record\n\n    const expandable = __children__ && __children__.length > 0\n\n    return html`\n      <div wrap>\n        ${expandable\n          ? html`\n              <span\n                expander\n                @click=${this.onClickExpander.bind(this)}\n                ?expanded=${this.expanded}\n                ?collapsed=${!this.expanded}\n              ></span>\n            `\n          : html`<span expander></span>`}\n        ${this.selectable\n          ? html` <span checkbox @click=${this.onClickCheckbox.bind(this)} checked=${ifDefined(this.checked)}></span>`\n          : nothing}\n\n        <span label\n          ><input\n            value=${ifDefined(this.value)}\n            @change=${(e: Event) => {\n              e.stopPropagation()\n              this.value = (e.target as HTMLInputElement).value\n              this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n            }}\n            focus\n        /></span>\n\n        <!-- <span label>${this.value}</span> -->\n      </div>\n    `\n  }\n\n  updated(changes: PropertyValues<this>) {\n    var { __depth__, __check_in_tree__, __expanded__ } = this.record\n    this.checked = __check_in_tree__\n    this.expanded = __expanded__\n\n    this.style.setProperty('--tree-depth', String(__depth__))\n  }\n\n  focus() {\n    this.input.focus()\n  }\n\n  select() {\n    this.input.select()\n  }\n\n  onClickCheckbox(e: MouseEvent) {\n    e.stopPropagation()\n\n    this.dispatchEvent(\n      new CustomEvent('check-in-tree', {\n        bubbles: true,\n        composed: true,\n        detail: this.record\n      })\n    )\n\n    this.requestUpdate()\n  }\n\n  onClickExpander(e: MouseEvent) {\n    e.stopPropagation()\n\n    this.dispatchEvent(\n      new CustomEvent(this.record.__expanded__ ? 'collapse-node' : 'expand-node', {\n        bubbles: true,\n        composed: true,\n        detail: this.record\n      })\n    )\n\n    this.requestUpdate()\n  }\n}\n"]}

package/dist/src/renderers/ox-grist-renderer-tree.js

@@ -49,7 +49,7 @@ let OxGristRendererTree = class OxGristRendererTree extends OxGristRenderer {
     }
     onClickExpander(e) {
         e.stopPropagation();
-        this.dispatchEvent(new CustomEvent(this.record.__expanded__ ? 'collapsed' : 'expanded', {
+        this.dispatchEvent(new CustomEvent(this.record.__expanded__ ? 'collapse-node' : 'expand-node', {
             bubbles: true,
             composed: true,
             detail: this.record

package/dist/src/renderers/ox-grist-renderer-tree.js.map

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-renderer-tree.js","sourceRoot":"","sources":["../../../src/renderers/ox-grist-renderer-tree.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues, css, html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { OxGristRenderer } from './ox-grist-renderer'\n\n@customElement('ox-grist-tree-renderer')\nexport class OxGristRendererTree extends OxGristRenderer {\n  static styles = css`\n    :host {\n      overflow: hidden;\n    }\n\n    div[wrap] {\n      position: relative;\n\n      display: flex;\n      align-items: center;\n      gap: 6px;\n\n      width: 100%;\n      padding-left: calc(var(--tree-depth, 0) * 18px);\n    }\n\n    span[expander] {\n      display: inline-block;\n      vertical-align: middle;\n      width: 12px;\n      height: 20px;\n      cursor: pointer;\n      position: relative;\n    }\n\n    span[expander][collapsed]::before {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-25%, -50%) rotate(-90deg);\n      content: ' ';\n      border: 5px solid transparent;\n      border-top: 5px solid var(--primary-color, #1890ff);\n    }\n\n    span[expander][expanded]::before {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -25%);\n      content: ' ';\n      border: 5px solid transparent;\n      border-top: 5px solid var(--primary-color, #1890ff);\n    }\n\n    span[checkbox] {\n      display: inline-block;\n      vertical-align: middle;\n      width: 12px;\n      height: 20px;\n      cursor: pointer;\n      position: relative;\n    }\n\n    span[checkbox]::before {\n      cursor: pointer;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      content: ' ';\n      display: block;\n      width: 10px;\n      height: 10px;\n      border: 1px solid var(--primary-color, #1890ff);\n      border-radius: 2px;\n    }\n\n    span[label] {\n      flex: 1;\n    }\n\n    span[checkbox][checked='checked']::before {\n      background-color: var(--primary-color, #1890ff);\n      border-color: var(--primary-color, #1890ff);\n    }\n\n    span[checkbox][checked='checked']::after {\n      position: absolute;\n      content: ' ';\n      display: block;\n      top: 50%;\n      left: 50%;\n      width: 3px;\n      height: 7px;\n      border: 2px solid #fff;\n      border-top: none;\n      border-left: none;\n      -webkit-transform: translate(-50%, -50%) rotate(45deg);\n      -ms-transform: translate(-50%, -50%) rotate(45deg);\n      transform: translate(-50%, -50%) rotate(45deg);\n    }\n\n    span[checkbox][checked='half-checked']::before {\n      background-color: var(--primary-color, #1890ff);\n      border-color: var(--primary-color, #1890ff);\n    }\n\n    span[checkbox][checked='half-checked']::after {\n      position: absolute;\n      content: ' ';\n      display: block;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 10px;\n      height: 2px;\n      background-color: #fff;\n    }\n  `\n\n  @state() private checked?: 'checked' | 'half-checked' | 'unchecked'\n  @state() private expanded?: boolean = false\n\n  get rendererTemplate() {\n    var { selectable = false } = this.column.record.options || {}\n    var { __children__ } = this.record\n\n    const expandable = __children__ && __children__.length > 0\n\n    return html`\n      <div wrap>\n        ${expandable\n          ? html`\n              <span\n                expander\n                @click=${this.onClickExpander.bind(this)}\n                ?expanded=${this.expanded}\n                ?collapsed=${!this.expanded}\n              ></span>\n            `\n          : html`<span expander></span>`}\n        ${selectable\n          ? html` <span checkbox @click=${this.onClickCheckbox.bind(this)} checked=${ifDefined(this.checked)}></span>`\n          : nothing}\n\n        <span label>${this.value}</span>\n      </div>\n    `\n  }\n\n  updated(changes: PropertyValues<this>) {\n    var { __depth__, __check_in_tree__, __expanded__ } = this.record\n    this.checked = __check_in_tree__\n    this.expanded = __expanded__\n\n    this.style.setProperty('--tree-depth', String(__depth__))\n  }\n\n  onClickCheckbox(e: MouseEvent) {\n    e.stopPropagation()\n\n    this.dispatchEvent(\n      new CustomEvent('check-in-tree', {\n        bubbles: true,\n        composed: true,\n        detail: this.record\n      })\n    )\n\n    this.requestUpdate()\n  }\n\n  onClickExpander(e: MouseEvent) {\n    e.stopPropagation()\n\n    this.dispatchEvent(\n      new CustomEvent(this.record.__expanded__ ? 'collapsed' : 'expanded', {\n        bubbles: true,\n        composed: true,\n        detail: this.record\n      })\n    )\n\n    this.requestUpdate()\n  }\n\n  get editableOnClick() {\n    return false\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-renderer-tree.js","sourceRoot":"","sources":["../../../src/renderers/ox-grist-renderer-tree.ts"],"names":[],"mappings":"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","sourcesContent":["import { PropertyValues, css, html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { OxGristRenderer } from './ox-grist-renderer'\n\n@customElement('ox-grist-tree-renderer')\nexport class OxGristRendererTree extends OxGristRenderer {\n  static styles = css`\n    :host {\n      overflow: hidden;\n    }\n\n    div[wrap] {\n      position: relative;\n\n      display: flex;\n      align-items: center;\n      gap: 6px;\n\n      width: 100%;\n      padding-left: calc(var(--tree-depth, 0) * 18px);\n    }\n\n    span[expander] {\n      display: inline-block;\n      vertical-align: middle;\n      width: 12px;\n      height: 20px;\n      cursor: pointer;\n      position: relative;\n    }\n\n    span[expander][collapsed]::before {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-25%, -50%) rotate(-90deg);\n      content: ' ';\n      border: 5px solid transparent;\n      border-top: 5px solid var(--primary-color, #1890ff);\n    }\n\n    span[expander][expanded]::before {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -25%);\n      content: ' ';\n      border: 5px solid transparent;\n      border-top: 5px solid var(--primary-color, #1890ff);\n    }\n\n    span[checkbox] {\n      display: inline-block;\n      vertical-align: middle;\n      width: 12px;\n      height: 20px;\n      cursor: pointer;\n      position: relative;\n    }\n\n    span[checkbox]::before {\n      cursor: pointer;\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      content: ' ';\n      display: block;\n      width: 10px;\n      height: 10px;\n      border: 1px solid var(--primary-color, #1890ff);\n      border-radius: 2px;\n    }\n\n    span[label] {\n      flex: 1;\n    }\n\n    span[checkbox][checked='checked']::before {\n      background-color: var(--primary-color, #1890ff);\n      border-color: var(--primary-color, #1890ff);\n    }\n\n    span[checkbox][checked='checked']::after {\n      position: absolute;\n      content: ' ';\n      display: block;\n      top: 50%;\n      left: 50%;\n      width: 3px;\n      height: 7px;\n      border: 2px solid #fff;\n      border-top: none;\n      border-left: none;\n      -webkit-transform: translate(-50%, -50%) rotate(45deg);\n      -ms-transform: translate(-50%, -50%) rotate(45deg);\n      transform: translate(-50%, -50%) rotate(45deg);\n    }\n\n    span[checkbox][checked='half-checked']::before {\n      background-color: var(--primary-color, #1890ff);\n      border-color: var(--primary-color, #1890ff);\n    }\n\n    span[checkbox][checked='half-checked']::after {\n      position: absolute;\n      content: ' ';\n      display: block;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      width: 10px;\n      height: 2px;\n      background-color: #fff;\n    }\n  `\n\n  @state() private checked?: 'checked' | 'half-checked' | 'unchecked'\n  @state() private expanded?: boolean = false\n\n  get rendererTemplate() {\n    var { selectable = false } = this.column.record.options || {}\n    var { __children__ } = this.record\n\n    const expandable = __children__ && __children__.length > 0\n\n    return html`\n      <div wrap>\n        ${expandable\n          ? html`\n              <span\n                expander\n                @click=${this.onClickExpander.bind(this)}\n                ?expanded=${this.expanded}\n                ?collapsed=${!this.expanded}\n              ></span>\n            `\n          : html`<span expander></span>`}\n        ${selectable\n          ? html` <span checkbox @click=${this.onClickCheckbox.bind(this)} checked=${ifDefined(this.checked)}></span>`\n          : nothing}\n\n        <span label>${this.value}</span>\n      </div>\n    `\n  }\n\n  updated(changes: PropertyValues<this>) {\n    var { __depth__, __check_in_tree__, __expanded__ } = this.record\n    this.checked = __check_in_tree__\n    this.expanded = __expanded__\n\n    this.style.setProperty('--tree-depth', String(__depth__))\n  }\n\n  onClickCheckbox(e: MouseEvent) {\n    e.stopPropagation()\n\n    this.dispatchEvent(\n      new CustomEvent('check-in-tree', {\n        bubbles: true,\n        composed: true,\n        detail: this.record\n      })\n    )\n\n    this.requestUpdate()\n  }\n\n  onClickExpander(e: MouseEvent) {\n    e.stopPropagation()\n\n    this.dispatchEvent(\n      new CustomEvent(this.record.__expanded__ ? 'collapse-node' : 'expand-node', {\n        bubbles: true,\n        composed: true,\n        detail: this.record\n      })\n    )\n\n    this.requestUpdate()\n  }\n\n  get editableOnClick() {\n    return false\n  }\n}\n"]}