@operato/data-grist 9.0.0-beta.0 → 9.0.0-beta.10

package/dist/src/data-grid/event-handlers/data-grid-body-click-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid-body-click-handler.js","sourceRoot":"","sources":["../../../../src/data-grid/event-handlers/data-grid-body-click-handler.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,MAAM,UAAU,wBAAwB,CAAqB,CAAQ;IACnE,CAAC,CAAC,eAAe,EAAE,CAAA;IAEnB,IAAK,CAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACnC,OAAO;IACT,CAAC;IAED,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,4CAA4C;QAC5C,OAAM;IACR,CAAC;IAED,sCAAsC;IACtC,IAAI,MAAM,GAAI,CAAC,CAAC,MAAkB,CAAC,OAAO,CAAC,eAAe,CAAkB,CAAA;IAC5E,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAE5D,iBAAiB;IACjB,wBAAwB;IACxB,WAAW;IACX,IAAI;IAEJ,sBAAsB;IACtB,sCAAsC;IACtC,qBAAqB;IACrB,sBAAsB;IACtB,gBAAgB;IAChB,uBAAuB;IACvB,4BAA4B;IAC5B,QAAQ;IACR,OAAO;IACP,IAAI;IAEJ,6CAA6C;IAC7C;;MAEE;IAEF,+CAA+C;IAC/C,iDAAiD;IACjD,gDAAgD;IAChD,2BAA2B;IAC3B,mDAAmD;IACnD,aAAa;IACb,MAAM;IACN,WAAW;IACX,yCAAyC;IACzC,WAAW;IACX,IAAI;IACJ,8CAA8C;IAE9C,6BAA6B;IAC7B,IAAI,MAAM,EAAE,CAAC;QACX,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAA;QAC/B,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;IAC9E,CAAC;IAED,2BAA2B;IAC3B,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAA;IACpD,SAAS,IAAI,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;AACtF,CAAC","sourcesContent":["/**\n * ox-grid-body 의 click handler\n *\n * - handler의 this 는 ox-grid-body임.\n */\n\nimport { DataGridBody } from '../data-grid-body'\nimport { DataGridField } from '../data-grid-field'\n\nexport function dataGridBodyClickHandler(this: DataGridBody, e: Event): void {\n  e.stopPropagation()\n\n  if ((e as MouseEvent).detail === 2) {\n    return;\n  }\n\n  if (this.editTarget) {\n    /* editTarget이 새로 설정되지 않았다면, 이후 기능이 실행된다. */\n    return\n  }\n\n  /* target should be 'ox-grid-field' */\n  var target = (e.target as Element).closest('ox-grid-field') as DataGridField\n  var { column, record, rowIndex, columnIndex } = target || {}\n\n  // if (!column) {\n  //   /* 여백 컬럼이 클릭된 경우 */\n  //   return\n  // }\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  /*  \n    this.resetEdit()\n  */\n\n  /* 만약, 클릭 이벤트에 포커스만 바꾸고 싶다면, 아래 부분을 코멘트처리한다. */\n  // if (!isNaN(rowIndex) && !isNaN(columnIndex)) {\n  //   this.startEditTarget(rowIndex, columnIndex)\n  //   if (this.editTarget) {\n  //     /* editTarget이 새로 설정되지 않았다면, 이후 기능이 실행된다. */\n  //     return\n  //   }\n  // } else {\n  //   console.error('should not be here.')\n  //   return\n  // }\n  /* 만약, 클릭 이벤트에 포커스만 바꾸고 싶다면, 여기까지 코멘트 처리한다. */\n\n  /* do column click handler */\n  if (column) {\n    var { click } = column.handlers\n    click && click(this.columns, this.data, column, record, rowIndex, target, e)\n  }\n\n  /* do rows click handler */\n  var { click: rowsClick } = this.config.rows.handlers\n  rowsClick && rowsClick(this.columns, this.data, column, record, rowIndex, target, e)\n}\n"]}
+{"version":3,"file":"data-grid-body-click-handler.js","sourceRoot":"","sources":["../../../../src/data-grid/event-handlers/data-grid-body-click-handler.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAKH,MAAM,UAAU,wBAAwB,CAAqB,CAAQ;IACnE,CAAC,CAAC,eAAe,EAAE,CAAA;IAEnB,IAAK,CAAgB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACnC,OAAM;IACR,CAAC;IAED,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,4CAA4C;QAC5C,OAAM;IACR,CAAC;IAED,sCAAsC;IACtC,IAAI,MAAM,GAAI,CAAC,CAAC,MAAkB,CAAC,OAAO,CAAC,eAAe,CAAkB,CAAA;IAC5E,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAE5D,iBAAiB;IACjB,wBAAwB;IACxB,WAAW;IACX,IAAI;IAEJ,sBAAsB;IACtB,sCAAsC;IACtC,qBAAqB;IACrB,sBAAsB;IACtB,gBAAgB;IAChB,uBAAuB;IACvB,4BAA4B;IAC5B,QAAQ;IACR,OAAO;IACP,IAAI;IAEJ,6CAA6C;IAC7C;;MAEE;IAEF,+CAA+C;IAC/C,iDAAiD;IACjD,gDAAgD;IAChD,2BAA2B;IAC3B,mDAAmD;IACnD,aAAa;IACb,MAAM;IACN,WAAW;IACX,yCAAyC;IACzC,WAAW;IACX,IAAI;IACJ,8CAA8C;IAE9C,6BAA6B;IAC7B,IAAI,MAAM,EAAE,CAAC;QACX,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAA;QAC/B,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;IAC9E,CAAC;IAED,2BAA2B;IAC3B,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAA;IACpD,SAAS,IAAI,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;AACtF,CAAC","sourcesContent":["/**\n * ox-grid-body 의 click handler\n *\n * - handler의 this 는 ox-grid-body임.\n */\n\nimport { DataGridBody } from '../data-grid-body.js'\nimport { DataGridField } from '../data-grid-field.js'\n\nexport function dataGridBodyClickHandler(this: DataGridBody, e: Event): void {\n  e.stopPropagation()\n\n  if ((e as MouseEvent).detail === 2) {\n    return\n  }\n\n  if (this.editTarget) {\n    /* editTarget이 새로 설정되지 않았다면, 이후 기능이 실행된다. */\n    return\n  }\n\n  /* target should be 'ox-grid-field' */\n  var target = (e.target as Element).closest('ox-grid-field') as DataGridField\n  var { column, record, rowIndex, columnIndex } = target || {}\n\n  // if (!column) {\n  //   /* 여백 컬럼이 클릭된 경우 */\n  //   return\n  // }\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  /*  \n    this.resetEdit()\n  */\n\n  /* 만약, 클릭 이벤트에 포커스만 바꾸고 싶다면, 아래 부분을 코멘트처리한다. */\n  // if (!isNaN(rowIndex) && !isNaN(columnIndex)) {\n  //   this.startEditTarget(rowIndex, columnIndex)\n  //   if (this.editTarget) {\n  //     /* editTarget이 새로 설정되지 않았다면, 이후 기능이 실행된다. */\n  //     return\n  //   }\n  // } else {\n  //   console.error('should not be here.')\n  //   return\n  // }\n  /* 만약, 클릭 이벤트에 포커스만 바꾸고 싶다면, 여기까지 코멘트 처리한다. */\n\n  /* do column click handler */\n  if (column) {\n    var { click } = column.handlers\n    click && click(this.columns, this.data, column, record, rowIndex, target, e)\n  }\n\n  /* do rows click handler */\n  var { click: rowsClick } = this.config.rows.handlers\n  rowsClick && rowsClick(this.columns, this.data, column, record, rowIndex, target, e)\n}\n"]}

package/dist/src/data-grid/event-handlers/data-grid-body-contextmenu-handler.d.ts

@@ -1,4 +1,4 @@
-import { DataGridBody } from '../data-grid-body';
+import { DataGridBody } from '../data-grid-body.js';
 /**
  * ox-grid-body 의 focus-change handler
  *

package/dist/src/data-grid/event-handlers/data-grid-body-contextmenu-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid-body-contextmenu-handler.js","sourceRoot":"","sources":["../../../../src/data-grid/event-handlers/data-grid-body-contextmenu-handler.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,8BAA8B,CAAqB,CAAQ;IAC/E,CAAC,CAAC,eAAe,EAAE,CAAA;IAEnB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,4CAA4C;QAC5C,OAAM;IACR,CAAC;IAED,sCAAsC;IACtC,IAAI,MAAM,GAAI,CAAC,CAAC,MAAkB,CAAC,OAAO,CAAC,eAAe,CAAkB,CAAA;IAC5E,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAE5D,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAErC,mCAAmC;IACnC,IAAI,MAAM,EAAE,CAAC;QACX,IAAI,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAA;QACrC,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;IAC1F,CAAC;IAED,iCAAiC;IACjC,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAA;IAChE,eAAe,IAAI,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;AAClG,CAAC","sourcesContent":["import { DataGridBody } from '../data-grid-body'\nimport { DataGridField } from '../data-grid-field'\n\n/**\n * ox-grid-body 의 focus-change handler\n *\n * - handler의 this 는 ox-grid-body임.\n */\nexport async function dataGridBodyContextMenuHandler(this: DataGridBody, e: Event): Promise<void> {\n  e.stopPropagation()\n\n  if (this.editTarget) {\n    /* editTarget이 새로 설정되지 않았다면, 이후 기능이 실행된다. */\n    return\n  }\n\n  /* target should be 'ox-grid-field' */\n  var target = (e.target as Element).closest('ox-grid-field') as DataGridField\n  var { column, record, rowIndex, columnIndex } = target || {}\n\n  var { column, record } = target || {}\n\n  /* do column contextmenu handler */\n  if (column) {\n    var { contextmenu } = column.handlers\n    contextmenu && contextmenu(this.columns, this.data, column, record, rowIndex, target, e)\n  }\n\n  /* do rows contextmenu handler */\n  var { contextmenu: rowsContextMenu } = this.config.rows.handlers\n  rowsContextMenu && rowsContextMenu(this.columns, this.data, column, record, rowIndex, target, e)\n}\n"]}
+{"version":3,"file":"data-grid-body-contextmenu-handler.js","sourceRoot":"","sources":["../../../../src/data-grid/event-handlers/data-grid-body-contextmenu-handler.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,8BAA8B,CAAqB,CAAQ;IAC/E,CAAC,CAAC,eAAe,EAAE,CAAA;IAEnB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,4CAA4C;QAC5C,OAAM;IACR,CAAC;IAED,sCAAsC;IACtC,IAAI,MAAM,GAAI,CAAC,CAAC,MAAkB,CAAC,OAAO,CAAC,eAAe,CAAkB,CAAA;IAC5E,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAE5D,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAErC,mCAAmC;IACnC,IAAI,MAAM,EAAE,CAAC;QACX,IAAI,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAA;QACrC,WAAW,IAAI,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;IAC1F,CAAC;IAED,iCAAiC;IACjC,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAA;IAChE,eAAe,IAAI,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;AAClG,CAAC","sourcesContent":["import { DataGridBody } from '../data-grid-body.js'\nimport { DataGridField } from '../data-grid-field.js'\n\n/**\n * ox-grid-body 의 focus-change handler\n *\n * - handler의 this 는 ox-grid-body임.\n */\nexport async function dataGridBodyContextMenuHandler(this: DataGridBody, e: Event): Promise<void> {\n  e.stopPropagation()\n\n  if (this.editTarget) {\n    /* editTarget이 새로 설정되지 않았다면, 이후 기능이 실행된다. */\n    return\n  }\n\n  /* target should be 'ox-grid-field' */\n  var target = (e.target as Element).closest('ox-grid-field') as DataGridField\n  var { column, record, rowIndex, columnIndex } = target || {}\n\n  var { column, record } = target || {}\n\n  /* do column contextmenu handler */\n  if (column) {\n    var { contextmenu } = column.handlers\n    contextmenu && contextmenu(this.columns, this.data, column, record, rowIndex, target, e)\n  }\n\n  /* do rows contextmenu handler */\n  var { contextmenu: rowsContextMenu } = this.config.rows.handlers\n  rowsContextMenu && rowsContextMenu(this.columns, this.data, column, record, rowIndex, target, e)\n}\n"]}

package/dist/src/data-grid/event-handlers/data-grid-body-dblclick-handler.d.ts

@@ -1,4 +1,4 @@
-import { DataGridBody } from '../data-grid-body';
+import { DataGridBody } from '../data-grid-body.js';
 /**
  * ox-grid-body 의 dblclick handler
  *

package/dist/src/data-grid/event-handlers/data-grid-body-dblclick-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid-body-dblclick-handler.js","sourceRoot":"","sources":["../../../../src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,2BAA2B,CAAqB,CAAQ;IAC5E,CAAC,CAAC,eAAe,EAAE,CAAA;IAEnB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,4CAA4C;QAC5C,OAAM;IACR,CAAC;IAED,sCAAsC;IACtC,IAAI,MAAM,GAAI,CAAC,CAAC,MAAkB,CAAC,OAAO,CAAC,eAAe,CAAkB,CAAA;IAC5E,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAE5D,iBAAiB;IACjB,wBAAwB;IACxB,WAAW;IACX,IAAI;IAEJ,iDAAiD;IACjD,gDAAgD;IAChD,WAAW;IACX,yCAAyC;IACzC,WAAW;IACX,IAAI;IAEJ,gCAAgC;IAChC,IAAI,MAAM,EAAE,CAAC;QACX,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAA;QAClC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;IACpF,CAAC;IAED,8BAA8B;IAC9B,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAA;IAC1D,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;AAC5F,CAAC","sourcesContent":["import { DataGridBody } from '../data-grid-body'\nimport { DataGridField } from '../data-grid-field'\n\n/**\n * ox-grid-body 의 dblclick handler\n *\n * - handler의 this 는 ox-grid-body임.\n */\nexport async function dataGridBodyDblclickHandler(this: DataGridBody, e: Event): Promise<void> {\n  e.stopPropagation()\n\n  if (this.editTarget) {\n    /* editTarget이 새로 설정되지 않았다면, 이후 기능이 실행된다. */\n    return\n  }\n\n  /* target should be 'ox-grid-field' */\n  var target = (e.target as Element).closest('ox-grid-field') as DataGridField\n  var { column, record, rowIndex, columnIndex } = target || {}\n\n  // if (!column) {\n  //   /* 여백 컬럼이 클릭된 경우 */\n  //   return\n  // }\n\n  // if (!isNaN(rowIndex) && !isNaN(columnIndex)) {\n  //   this.startEditTarget(rowIndex, columnIndex)\n  // } else {\n  //   console.error('should not be here.')\n  //   return\n  // }\n\n  /* do column dblclick handler */\n  if (column) {\n    var { dblclick } = column.handlers\n    dblclick && dblclick(this.columns, this.data, column, record, rowIndex, target, e)\n  }\n\n  /* do rows dblclick handler */\n  var { dblclick: rowsDblclick } = this.config.rows.handlers\n  rowsDblclick && rowsDblclick(this.columns, this.data, column, record, rowIndex, target, e)\n}\n"]}
+{"version":3,"file":"data-grid-body-dblclick-handler.js","sourceRoot":"","sources":["../../../../src/data-grid/event-handlers/data-grid-body-dblclick-handler.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,2BAA2B,CAAqB,CAAQ;IAC5E,CAAC,CAAC,eAAe,EAAE,CAAA;IAEnB,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QACpB,4CAA4C;QAC5C,OAAM;IACR,CAAC;IAED,sCAAsC;IACtC,IAAI,MAAM,GAAI,CAAC,CAAC,MAAkB,CAAC,OAAO,CAAC,eAAe,CAAkB,CAAA;IAC5E,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAE5D,iBAAiB;IACjB,wBAAwB;IACxB,WAAW;IACX,IAAI;IAEJ,iDAAiD;IACjD,gDAAgD;IAChD,WAAW;IACX,yCAAyC;IACzC,WAAW;IACX,IAAI;IAEJ,gCAAgC;IAChC,IAAI,MAAM,EAAE,CAAC;QACX,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAA;QAClC,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;IACpF,CAAC;IAED,8BAA8B;IAC9B,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAA;IAC1D,YAAY,IAAI,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;AAC5F,CAAC","sourcesContent":["import { DataGridBody } from '../data-grid-body.js'\nimport { DataGridField } from '../data-grid-field.js'\n\n/**\n * ox-grid-body 의 dblclick handler\n *\n * - handler의 this 는 ox-grid-body임.\n */\nexport async function dataGridBodyDblclickHandler(this: DataGridBody, e: Event): Promise<void> {\n  e.stopPropagation()\n\n  if (this.editTarget) {\n    /* editTarget이 새로 설정되지 않았다면, 이후 기능이 실행된다. */\n    return\n  }\n\n  /* target should be 'ox-grid-field' */\n  var target = (e.target as Element).closest('ox-grid-field') as DataGridField\n  var { column, record, rowIndex, columnIndex } = target || {}\n\n  // if (!column) {\n  //   /* 여백 컬럼이 클릭된 경우 */\n  //   return\n  // }\n\n  // if (!isNaN(rowIndex) && !isNaN(columnIndex)) {\n  //   this.startEditTarget(rowIndex, columnIndex)\n  // } else {\n  //   console.error('should not be here.')\n  //   return\n  // }\n\n  /* do column dblclick handler */\n  if (column) {\n    var { dblclick } = column.handlers\n    dblclick && dblclick(this.columns, this.data, column, record, rowIndex, target, e)\n  }\n\n  /* do rows dblclick handler */\n  var { dblclick: rowsDblclick } = this.config.rows.handlers\n  rowsDblclick && rowsDblclick(this.columns, this.data, column, record, rowIndex, target, e)\n}\n"]}

package/dist/src/data-grid/event-handlers/data-grid-body-focus-change-handler.d.ts

@@ -1,4 +1,4 @@
-import { DataGridBody } from '../data-grid-body';
+import { DataGridBody } from '../data-grid-body.js';
 /**
  * ox-grid-body 의 focus-change handler
  *

package/dist/src/data-grid/event-handlers/data-grid-body-focus-change-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid-body-focus-change-handler.js","sourceRoot":"","sources":["../../../../src/data-grid/event-handlers/data-grid-body-focus-change-handler.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,8BAA8B,CAAqB,CAAQ;IAC/E,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,GAAI,CAAiB,CAAC,MAAM,CAAA;IAExE,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAA;IAE1D,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAErC,6BAA6B;IAC7B,IAAI,MAAM,EAAE,CAAC;QACX,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAA;QAC/B,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;IAC9E,CAAC;IAED,2BAA2B;IAC3B,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAA;IACpD,SAAS,IAAI,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;AACtF,CAAC","sourcesContent":["import { DataGridBody } from '../data-grid-body'\n\n/**\n * ox-grid-body 의 focus-change handler\n *\n * - handler의 this 는 ox-grid-body임.\n */\nexport async function dataGridBodyFocusChangeHandler(this: DataGridBody, e: Event): Promise<void> {\n  const { row: rowIndex, column: columnIndex } = (e as CustomEvent).detail\n\n  const target = this.getFieldByIndex(rowIndex, columnIndex)\n\n  var { column, record } = target || {}\n\n  /* do column focus handler */\n  if (column) {\n    var { focus } = column.handlers\n    focus && focus(this.columns, this.data, column, record, rowIndex, target, e)\n  }\n\n  /* do rows focus handler */\n  var { focus: rowsFocus } = this.config.rows.handlers\n  rowsFocus && rowsFocus(this.columns, this.data, column, record, rowIndex, target, e)\n}\n"]}
+{"version":3,"file":"data-grid-body-focus-change-handler.js","sourceRoot":"","sources":["../../../../src/data-grid/event-handlers/data-grid-body-focus-change-handler.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,CAAC,KAAK,UAAU,8BAA8B,CAAqB,CAAQ;IAC/E,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,GAAI,CAAiB,CAAC,MAAM,CAAA;IAExE,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAA;IAE1D,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAErC,6BAA6B;IAC7B,IAAI,MAAM,EAAE,CAAC;QACX,IAAI,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,QAAQ,CAAA;QAC/B,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;IAC9E,CAAC;IAED,2BAA2B;IAC3B,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAA;IACpD,SAAS,IAAI,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;AACtF,CAAC","sourcesContent":["import { DataGridBody } from '../data-grid-body.js'\n\n/**\n * ox-grid-body 의 focus-change handler\n *\n * - handler의 this 는 ox-grid-body임.\n */\nexport async function dataGridBodyFocusChangeHandler(this: DataGridBody, e: Event): Promise<void> {\n  const { row: rowIndex, column: columnIndex } = (e as CustomEvent).detail\n\n  const target = this.getFieldByIndex(rowIndex, columnIndex)\n\n  var { column, record } = target || {}\n\n  /* do column focus handler */\n  if (column) {\n    var { focus } = column.handlers\n    focus && focus(this.columns, this.data, column, record, rowIndex, target, e)\n  }\n\n  /* do rows focus handler */\n  var { focus: rowsFocus } = this.config.rows.handlers\n  rowsFocus && rowsFocus(this.columns, this.data, column, record, rowIndex, target, e)\n}\n"]}

package/dist/src/data-grid/event-handlers/data-grid-body-keydown-handler.d.ts

@@ -1,4 +1,4 @@
-import { DataGridBody } from '../data-grid-body';
+import { DataGridBody } from '../data-grid-body.js';
 /**
  * ox-grid-body 의 keydown handler
  *

package/dist/src/data-grid/event-handlers/data-grid-body-keydown-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-grid-body-keydown-handler.js","sourceRoot":"","sources":["../../../../src/data-grid/event-handlers/data-grid-body-keydown-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { DataGridBody } from '../data-grid-body'\n\n/**\n * ox-grid-body 의 keydown handler\n *\n * - handler의 this 는 ox-grid-body임.\n */\nexport async function dataGridBodyKeydownHandler(this: DataGridBody, e: KeyboardEvent): Promise<void> {\n  // 한글 Composing 이벤트는 무시\n  if (e.isComposing) return\n\n  // arrow-key\n  const key = e.key\n  var { row = 0, column = 0 } = this.focused || {}\n  var { records = [] } = this.data || {}\n  var maxrow = this.config.rows.appendable ? records.length : records.length - 1\n  var maxcolumn = (this.columns || []).filter(column => !column.hidden).length - 1\n\n  if (this.editTarget) {\n    switch (key) {\n      case 'Escape':\n      case 'Esc':\n      /* TODO 편집이 취소되어야 한다. */\n      case 'Enter':\n        this.editTarget = null\n\n        this.focus()\n        return\n\n      case 'Tab':\n        this.editTarget = null\n        if (e.shiftKey) {\n          column = Math.max(0, column - 1)\n        } else {\n          column = Math.min(maxcolumn, column + 1)\n        }\n        this.focus()\n        break\n\n      // case 'Down':\n      // case 'ArrowDown':\n      //   this.editTarget = null\n      //   row = Math.min(maxrow, row + 1)\n      //   this.focus()\n      //   break\n\n      case 'PageUp':\n      case 'PageDown':\n      case 'End':\n      case 'Home':\n        // e.preventDefault()\n        // return\n        break\n\n      default:\n        if (e.metaKey || e.ctrlKey) {\n          /* Window System에 선택된 영역이 없다면, 셀을 복사/붙여넣기 한다. */\n          switch (e.key) {\n            case 'c':\n              const selection = window.getSelection()\n              if (!selection || !selection.anchorNode || selection.type != 'Range') {\n                /* \n                  editor가 select 인 경우 자체 복사 기능이 없으므로 this.copy()를 사용하도록 하기 위해서, selection.type != 'Range' 조건을 추가했다.\n                  select인 경우에는 selection.type 이 'Caret' 이었다.\n                 */\n                this.copy()\n                e.preventDefault()\n              }\n              break\n            case 'v':\n              this.paste()\n              break\n          }\n        }\n        return\n    }\n  } else {\n    switch (key) {\n      case 'Up':\n      case 'ArrowUp':\n        if (e.shiftKey) {\n          let { start } = this._selectBlock || {}\n          let focused = this.focusedField\n          if (focused && focused.rowIndex > 0) {\n            this.setSelectBlock(start || focused, this.getFieldByIndex(focused.rowIndex - 1, focused.columnIndex))\n          }\n        } else {\n          this.setSelectBlock()\n          if (e.metaKey || e.ctrlKey) {\n            row = 0\n          } else {\n            row = Math.max(0, row - 1)\n          }\n        }\n        break\n\n      case 'Down':\n      case 'ArrowDown':\n        if (e.shiftKey) {\n          let { start } = this._selectBlock || {}\n          let focused = this.focusedField\n          if (focused) {\n            let end = this.getFieldByIndex(focused.rowIndex + 1, focused.columnIndex)\n            if (end) {\n              this.setSelectBlock(start || focused, end)\n            }\n          }\n        } else {\n          this.setSelectBlock()\n          if (e.metaKey || e.ctrlKey) {\n            row = maxrow\n          } else {\n            row = Math.min(maxrow, row + 1)\n          }\n        }\n        break\n\n      case 'Enter':\n        this.setSelectBlock()\n        this.startEditTarget(row, column, null)\n        return\n\n      case 'Left':\n      case 'ArrowLeft':\n      case 'Backspace':\n        if (e.shiftKey) {\n          let { start } = this._selectBlock || {}\n          let focused = this.focusedField\n          if (focused && focused.columnIndex > 0) {\n            this.setSelectBlock(start || focused, this.getFieldByIndex(focused.rowIndex, focused.columnIndex - 1))\n          }\n        } else {\n          this.setSelectBlock()\n          if (e.metaKey || e.ctrlKey) {\n            column = 0\n          } else {\n            column = Math.max(0, column - 1)\n          }\n        }\n        break\n\n      case 'Right':\n      case 'ArrowRight':\n        if (e.shiftKey) {\n          let { start } = this._selectBlock || {}\n          let focused = this.focusedField\n          if (focused) {\n            let end = this.getFieldByIndex(focused.rowIndex, focused.columnIndex + 1, false)\n            if (end) {\n              this.setSelectBlock(start || focused, end)\n            }\n          }\n        } else {\n          this.setSelectBlock()\n          if (e.metaKey || e.ctrlKey) {\n            column = maxcolumn\n          } else {\n            column = Math.min(maxcolumn, column + 1)\n          }\n        }\n        break\n\n      case 'Tab':\n        this.editTarget = null\n        this.setSelectBlock()\n        if (e.shiftKey) {\n          column = Math.max(0, column - 1)\n        } else {\n          column = Math.min(maxcolumn, column + 1)\n        }\n        this.focus()\n        break\n\n      case 'PageUp':\n        /* TODO 페이지당 레코드의 수를 계산해서 증감시켜야 한다. */\n        this.setSelectBlock()\n        row = Math.max(0, row - 10)\n        break\n\n      case 'PageDown':\n      case ' ':\n        this.setSelectBlock()\n        row = Math.min(maxrow, row + 10)\n        break\n\n      case 'Esc':\n      case 'Escape':\n        this.setSelectBlock()\n        return\n\n      case 'End':\n        this.setSelectBlock()\n        row = maxrow\n        break\n\n      case 'Home':\n        this.setSelectBlock()\n        row = 0\n        break\n\n      default:\n        if (e.metaKey || e.ctrlKey) {\n          switch (e.key) {\n            case 'c':\n              const selection = window.getSelection()\n              if (!selection || !selection.anchorNode || selection.type != 'Range') {\n                /* \n                  에디터 상태가 아닌 경우에도, selection.type != 'Range' 조건을 추가해서,\n                  셀렉션이 된 상태에서는 기본 동작으로 텍스트 복사를 할 수 있도록 했다.\n                  보통은, 싱글 필드가 셀렉션박스로 지정된 경우에 자체 텍스트의 일부를 복사하기 위해서 필요하다.\n                 */\n                this.copy()\n                e.preventDefault()\n              }\n              break\n            case 'v':\n              this.paste()\n              break\n          }\n          return\n        } else if (key.length === 1) {\n          this.setSelectBlock()\n          this.startEditTarget(row, column, key)\n        }\n    }\n  }\n\n  if (!this.focused || this.focused.row !== row || this.focused.column !== column) {\n    this.dispatchEvent(new CustomEvent('focus-change', { bubbles: true, composed: true, detail: { row, column } }))\n  }\n\n  /* arrow key에 의한 scrollbar의 자동 움직임을 하지 못하도록 한다. */\n  e.preventDefault()\n}\n"]}
+{"version":3,"file":"data-grid-body-keydown-handler.js","sourceRoot":"","sources":["../../../../src/data-grid/event-handlers/data-grid-body-keydown-handler.ts"],"names":[],"mappings":"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","sourcesContent":["import { DataGridBody } from '../data-grid-body.js'\n\n/**\n * ox-grid-body 의 keydown handler\n *\n * - handler의 this 는 ox-grid-body임.\n */\nexport async function dataGridBodyKeydownHandler(this: DataGridBody, e: KeyboardEvent): Promise<void> {\n  // 한글 Composing 이벤트는 무시\n  if (e.isComposing) return\n\n  // arrow-key\n  const key = e.key\n  var { row = 0, column = 0 } = this.focused || {}\n  var { records = [] } = this.data || {}\n  var maxrow = this.config.rows.appendable ? records.length : records.length - 1\n  var maxcolumn = (this.columns || []).filter(column => !column.hidden).length - 1\n\n  if (this.editTarget) {\n    switch (key) {\n      case 'Escape':\n      case 'Esc':\n      /* TODO 편집이 취소되어야 한다. */\n      case 'Enter':\n        this.editTarget = null\n\n        this.focus()\n        return\n\n      case 'Tab':\n        this.editTarget = null\n        if (e.shiftKey) {\n          column = Math.max(0, column - 1)\n        } else {\n          column = Math.min(maxcolumn, column + 1)\n        }\n        this.focus()\n        break\n\n      // case 'Down':\n      // case 'ArrowDown':\n      //   this.editTarget = null\n      //   row = Math.min(maxrow, row + 1)\n      //   this.focus()\n      //   break\n\n      case 'PageUp':\n      case 'PageDown':\n      case 'End':\n      case 'Home':\n        // e.preventDefault()\n        // return\n        break\n\n      default:\n        if (e.metaKey || e.ctrlKey) {\n          /* Window System에 선택된 영역이 없다면, 셀을 복사/붙여넣기 한다. */\n          switch (e.key) {\n            case 'c':\n              const selection = window.getSelection()\n              if (!selection || !selection.anchorNode || selection.type != 'Range') {\n                /* \n                  editor가 select 인 경우 자체 복사 기능이 없으므로 this.copy()를 사용하도록 하기 위해서, selection.type != 'Range' 조건을 추가했다.\n                  select인 경우에는 selection.type 이 'Caret' 이었다.\n                 */\n                this.copy()\n                e.preventDefault()\n              }\n              break\n            case 'v':\n              this.paste()\n              break\n          }\n        }\n        return\n    }\n  } else {\n    switch (key) {\n      case 'Up':\n      case 'ArrowUp':\n        if (e.shiftKey) {\n          let { start } = this._selectBlock || {}\n          let focused = this.focusedField\n          if (focused && focused.rowIndex > 0) {\n            this.setSelectBlock(start || focused, this.getFieldByIndex(focused.rowIndex - 1, focused.columnIndex))\n          }\n        } else {\n          this.setSelectBlock()\n          if (e.metaKey || e.ctrlKey) {\n            row = 0\n          } else {\n            row = Math.max(0, row - 1)\n          }\n        }\n        break\n\n      case 'Down':\n      case 'ArrowDown':\n        if (e.shiftKey) {\n          let { start } = this._selectBlock || {}\n          let focused = this.focusedField\n          if (focused) {\n            let end = this.getFieldByIndex(focused.rowIndex + 1, focused.columnIndex)\n            if (end) {\n              this.setSelectBlock(start || focused, end)\n            }\n          }\n        } else {\n          this.setSelectBlock()\n          if (e.metaKey || e.ctrlKey) {\n            row = maxrow\n          } else {\n            row = Math.min(maxrow, row + 1)\n          }\n        }\n        break\n\n      case 'Enter':\n        this.setSelectBlock()\n        this.startEditTarget(row, column, null)\n        return\n\n      case 'Left':\n      case 'ArrowLeft':\n      case 'Backspace':\n        if (e.shiftKey) {\n          let { start } = this._selectBlock || {}\n          let focused = this.focusedField\n          if (focused && focused.columnIndex > 0) {\n            this.setSelectBlock(start || focused, this.getFieldByIndex(focused.rowIndex, focused.columnIndex - 1))\n          }\n        } else {\n          this.setSelectBlock()\n          if (e.metaKey || e.ctrlKey) {\n            column = 0\n          } else {\n            column = Math.max(0, column - 1)\n          }\n        }\n        break\n\n      case 'Right':\n      case 'ArrowRight':\n        if (e.shiftKey) {\n          let { start } = this._selectBlock || {}\n          let focused = this.focusedField\n          if (focused) {\n            let end = this.getFieldByIndex(focused.rowIndex, focused.columnIndex + 1, false)\n            if (end) {\n              this.setSelectBlock(start || focused, end)\n            }\n          }\n        } else {\n          this.setSelectBlock()\n          if (e.metaKey || e.ctrlKey) {\n            column = maxcolumn\n          } else {\n            column = Math.min(maxcolumn, column + 1)\n          }\n        }\n        break\n\n      case 'Tab':\n        this.editTarget = null\n        this.setSelectBlock()\n        if (e.shiftKey) {\n          column = Math.max(0, column - 1)\n        } else {\n          column = Math.min(maxcolumn, column + 1)\n        }\n        this.focus()\n        break\n\n      case 'PageUp':\n        /* TODO 페이지당 레코드의 수를 계산해서 증감시켜야 한다. */\n        this.setSelectBlock()\n        row = Math.max(0, row - 10)\n        break\n\n      case 'PageDown':\n      case ' ':\n        this.setSelectBlock()\n        row = Math.min(maxrow, row + 10)\n        break\n\n      case 'Esc':\n      case 'Escape':\n        this.setSelectBlock()\n        return\n\n      case 'End':\n        this.setSelectBlock()\n        row = maxrow\n        break\n\n      case 'Home':\n        this.setSelectBlock()\n        row = 0\n        break\n\n      default:\n        if (e.metaKey || e.ctrlKey) {\n          switch (e.key) {\n            case 'c':\n              const selection = window.getSelection()\n              if (!selection || !selection.anchorNode || selection.type != 'Range') {\n                /* \n                  에디터 상태가 아닌 경우에도, selection.type != 'Range' 조건을 추가해서,\n                  셀렉션이 된 상태에서는 기본 동작으로 텍스트 복사를 할 수 있도록 했다.\n                  보통은, 싱글 필드가 셀렉션박스로 지정된 경우에 자체 텍스트의 일부를 복사하기 위해서 필요하다.\n                 */\n                this.copy()\n                e.preventDefault()\n              }\n              break\n            case 'v':\n              this.paste()\n              break\n          }\n          return\n        } else if (key.length === 1) {\n          this.setSelectBlock()\n          this.startEditTarget(row, column, key)\n        }\n    }\n  }\n\n  if (!this.focused || this.focused.row !== row || this.focused.column !== column) {\n    this.dispatchEvent(new CustomEvent('focus-change', { bubbles: true, composed: true, detail: { row, column } }))\n  }\n\n  /* arrow key에 의한 scrollbar의 자동 움직임을 하지 못하도록 한다. */\n  e.preventDefault()\n}\n"]}

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

@@ -1,13 +1,13 @@
-import './data-grid/data-grid';
-import './data-list/data-list';
-import './data-card/data-card';
+import './data-grid/data-grid.js';
+import './data-list/data-list.js';
+import './data-card/data-card.js';
 import { LitElement, PropertyValues } from 'lit';
 import { PagePreferenceProvider } from '@operato/p13n';
-import { DataCard } from './data-card/data-card';
-import { DataConsumer } from './data-consumer';
-import { DataGrid } from './data-grid/data-grid';
-import { DataList } from './data-list/data-list';
-import { ColumnConfig, FetchHandler, FilterValue, GristConfig, GristData, GristRecord, GristSelectFunction, PaginationConfig, SortersConfig, ValidationReason } from './types';
+import { DataCard } from './data-card/data-card.js';
+import { DataConsumer } from './data-consumer.js';
+import { DataGrid } from './data-grid/data-grid.js';
+import { DataList } from './data-list/data-list.js';
+import { ColumnConfig, FetchHandler, FilterValue, GristConfig, GristData, GristRecord, GristSelectFunction, PaginationConfig, SortersConfig, ValidationReason } from './types.js';
 /**
  * A custom element for rendering data in a grid, list, or card format.
  *

package/dist/src/data-grist.js

@@ -1,20 +1,20 @@
 import { __decorate } from "tslib";
-import './data-grid/data-grid';
-import './data-list/data-list';
-import './data-card/data-card';
+import './data-grid/data-grid.js';
+import './data-list/data-list.js';
+import './data-card/data-card.js';
 import { css, html, LitElement } from 'lit';
 import { customElement, property, query, queryAsync, state } from 'lit/decorators.js';
-import isEmpty from 'lodash-es/isEmpty';
-import isEqual from 'lodash-es/isEqual';
+import isEmpty from 'lodash-es/isEmpty.js';
+import isEqual from 'lodash-es/isEqual.js';
 import Headroom from '@operato/headroom';
 import { pulltorefresh } from '@operato/pull-to-refresh';
 import { HeadroomStyles, ScrollbarStyles, SpinnerStyles } from '@operato/styles';
 import { SnapshotTaker, TimeCapsule } from '@operato/utils';
-import { buildConfig } from './configure/config-builder';
-import { ZERO_CONFIG, ZERO_DATA, ZERO_PAGES, ZERO_PAGINATION } from './configure/zero-config';
-import { DataProvider } from './data-provider';
-import { ValidationReason } from './types';
-import { convertListParamToSearchString, convertSearchStringToListParam } from './utils';
+import { buildConfig } from './configure/config-builder.js';
+import { ZERO_CONFIG, ZERO_DATA, ZERO_PAGES, ZERO_PAGINATION } from './configure/zero-config.js';
+import { DataProvider } from './data-provider.js';
+import { ValidationReason } from './types.js';
+import { convertListParamToSearchString, convertSearchStringToListParam } from './utils/index.js';
 /**
  * A custom element for rendering data in a grid, list, or card format.
  *
@@ -29,74 +29,286 @@ let DataGrist = class DataGrist extends LitElement {
          *
          * @property {string}
          */
-        this.mode = 'GRID';
+        Object.defineProperty(this, "mode", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'GRID'
+        });
+        /**
+         * The configuration object for the data grist.
+         *
+         * @property {Object}
+         */
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         /**
          * The data to be displayed in the data grist.
          *
          * @property {GristData}
          */
-        this.data = ZERO_DATA;
+        Object.defineProperty(this, "data", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ZERO_DATA
+        });
+        /**
+         * An array of selected records in the data grist.
+         *
+         * @property {GristRecord[]}
+         */
+        Object.defineProperty(this, "selectedRecords", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         /**
          * Indicates whether explicit fetching of data is enabled. If true, data will be fetched
          * only when `fetch` method is called. Default is false.
          *
          * @property {boolean}
          */
-        this.explicitFetch = false;
-        this.personalConfigProvider = {
-            load: () => {
-                return {};
-            },
-            save: (preference) => preference,
-            reset: () => { }
-        };
-        this._data = ZERO_DATA; // copy data, dirty data
-        this._config = ZERO_CONFIG; // compiled configuration
-        this._showSpinner = false;
-        this.lastLocation = {};
-        this.popstateEventHandler = ((e) => {
-            const { origin, pathname, search } = window.location;
-            if (this.lastLocation.origin &&
-                (this.lastLocation.origin !== origin ||
-                    this.lastLocation.pathname !== pathname ||
-                    this.lastLocation.search === search)) {
-                return;
+        Object.defineProperty(this, "explicitFetch", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        /**
+         * The fetch handler function used to retrieve data from a remote source.
+         *
+         * @property {FetchHandler}
+         */
+        Object.defineProperty(this, "fetchHandler", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * Additional fetch options to be passed to the fetch handler.
+         *
+         * @property {Object}
+         */
+        Object.defineProperty(this, "fetchOptions", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * An array of filter values to be applied to the data grist.
+         *
+         * @property {FilterValue[]}
+         */
+        Object.defineProperty(this, "filters", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * An array of sorters to determine the order of records in the data grist.
+         *
+         * @property {SortersConfig}
+         */
+        Object.defineProperty(this, "sorters", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * The pagination configuration for the data grist.
+         *
+         * @property {PaginationConfig}
+         */
+        Object.defineProperty(this, "pagination", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * Indicates whether URL parameters are sensitive to changes. If true, changes in URL
+         * parameters will trigger data fetching. Default is undefined.
+         *
+         * @property {boolean}
+         */
+        Object.defineProperty(this, "urlParamsSensitive", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "personalConfigProvider", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {
+                load: () => {
+                    return {};
+                },
+                save: (preference) => preference,
+                reset: () => { }
             }
-            this.lastLocation = {
-                origin,
-                pathname,
-                search
-            };
-            var { filters = [], sorters = [] } = convertSearchStringToListParam(search);
-            try {
-                if (!isEqual(filters, this.filters) || !isEqual(sorters, this.sorters)) {
-                    this.dispatchEvent(new CustomEvent('fetch-params-change', {
-                        bubbles: true,
-                        composed: true,
-                        detail: {
-                            filters,
-                            sorters,
-                            from: 'url-parameter'
-                        }
-                    }));
+        });
+        Object.defineProperty(this, "personalConfig", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "_data", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ZERO_DATA
+        }); // copy data, dirty data
+        Object.defineProperty(this, "_config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ZERO_CONFIG
+        }); // compiled configuration
+        Object.defineProperty(this, "_showSpinner", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        Object.defineProperty(this, "head", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "grist", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "wrap", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "timeCapsule", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "snapshotTaker", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "dataProvider", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "pulltorefreshHandle", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "headroom", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "orginPaddingTop", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "originMarginTop", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "lastLocation", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        /* 그리드가 준비되기 전에 fetch 요청이 있었음을 나타내는 플래그임 */
+        Object.defineProperty(this, "pendingFetch", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "popstateEventHandler", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ((e) => {
+                const { origin, pathname, search } = window.location;
+                if (this.lastLocation.origin &&
+                    (this.lastLocation.origin !== origin ||
+                        this.lastLocation.pathname !== pathname ||
+                        this.lastLocation.search === search)) {
+                    return;
                 }
-            }
-            catch (e) {
-                console.error(`invalid fetch params on URL query string : ${e}`);
-            }
-        }).bind(this);
-        this.fetchParamsChangeEventHandler = ((e) => {
-            const { sorters, filters, from } = e.detail;
-            sorters && (this.sorters = sorters);
-            filters && (this.filters = filters);
-            if (!this.urlParamsSensitive || from === 'url-parameter') {
-                return;
-            }
-            const queryString = convertListParamToSearchString({ filters, sorters, base: window.location.search });
-            this.lastLocation.search = queryString ? `?${queryString}` : '';
-            const url = `${window.location.pathname}${this.lastLocation.search}`;
-            history.pushState({}, document.title, url);
-        }).bind(this);
+                this.lastLocation = {
+                    origin,
+                    pathname,
+                    search
+                };
+                var { filters = [], sorters = [] } = convertSearchStringToListParam(search);
+                try {
+                    if (!isEqual(filters, this.filters) || !isEqual(sorters, this.sorters)) {
+                        this.dispatchEvent(new CustomEvent('fetch-params-change', {
+                            bubbles: true,
+                            composed: true,
+                            detail: {
+                                filters,
+                                sorters,
+                                from: 'url-parameter'
+                            }
+                        }));
+                    }
+                }
+                catch (e) {
+                    console.error(`invalid fetch params on URL query string : ${e}`);
+                }
+            }).bind(this)
+        });
+        Object.defineProperty(this, "fetchParamsChangeEventHandler", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ((e) => {
+                const { sorters, filters, from } = e.detail;
+                sorters && (this.sorters = sorters);
+                filters && (this.filters = filters);
+                if (!this.urlParamsSensitive || from === 'url-parameter') {
+                    return;
+                }
+                const queryString = convertListParamToSearchString({ filters, sorters, base: window.location.search });
+                this.lastLocation.search = queryString ? `?${queryString}` : '';
+                const url = `${window.location.pathname}${this.lastLocation.search}`;
+                history.pushState({}, document.title, url);
+            }).bind(this)
+        });
     }
     async firstUpdated() {
         // Mutation Observer를 사용하여 슬롯의 크기 변경을 감지하고 다시 그린다.
@@ -270,27 +482,27 @@ let DataGrist = class DataGrist extends LitElement {
             `
             : this.mode == 'CARD'
                 ? html `
-              <ox-card
-                id="grist"
-                .config=${this.compiledConfig}
-                .data=${this._data}
-                .sorters=${this.sorters || []}
-                .filters=${this.filters || []}
-                ?empty=${empty}
-              >
-              </ox-card>
-            `
+                <ox-card
+                  id="grist"
+                  .config=${this.compiledConfig}
+                  .data=${this._data}
+                  .sorters=${this.sorters || []}
+                  .filters=${this.filters || []}
+                  ?empty=${empty}
+                >
+                </ox-card>
+              `
                 : html `
-              <ox-list
-                id="grist"
-                .config=${this.compiledConfig}
-                .data=${this._data}
-                .sorters=${this.sorters || []}
-                .filters=${this.filters || []}
-                ?empty=${empty}
-              >
-              </ox-list>
-            `}
+                <ox-list
+                  id="grist"
+                  .config=${this.compiledConfig}
+                  .data=${this._data}
+                  .sorters=${this.sorters || []}
+                  .filters=${this.filters || []}
+                  ?empty=${empty}
+                >
+                </ox-list>
+              `}
       </div>
 
       <div id="spinner" ?show=${this._showSpinner}></div>
@@ -909,11 +1121,15 @@ let DataGrist = class DataGrist extends LitElement {
         return validationResults;
     }
 };
-DataGrist.styles = [
-    ScrollbarStyles,
-    HeadroomStyles,
-    SpinnerStyles,
-    css `
+Object.defineProperty(DataGrist, "styles", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: [
+        ScrollbarStyles,
+        HeadroomStyles,
+        SpinnerStyles,
+        css `
       :host {
         display: flex;
         flex-direction: column;
@@ -957,7 +1173,8 @@ DataGrist.styles = [
         z-index: 8;
       }
     `
-];
+    ]
+});
 __decorate([
     property()
 ], DataGrist.prototype, "mode", void 0);