npm - @operato/data-grist - Versions diffs - 2.0.0-alpha.0 → 2.0.0-alpha.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (90) hide show

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

	@@ -1 +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,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,CAAC,CAAA;~~IAC3E~~,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,CAAC,CAAA;~~AACnF~~,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 (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)\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)\n}\n"]}
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,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 (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 ADDED Viewed

@@ -0,0 +1,7 @@
+import { DataGridBody } from '../data-grid-body';
+/**
+ * ox-grid-body 의 focus-change handler
+ *
+ * - handler의 this 는 ox-grid-body임.
+ */
+export declare function dataGridBodyContextMenuHandler(this: DataGridBody, e: Event): Promise<void>;

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

@@ -0,0 +1,25 @@
+/**
+ * ox-grid-body 의 focus-change handler
+ *
+ * - handler의 this 는 ox-grid-body임.
+ */
+export async function dataGridBodyContextMenuHandler(e) {
+    e.stopPropagation();
+    if (this.editTarget) {
+        /* editTarget이 새로 설정되지 않았다면, 이후 기능이 실행된다. */
+        return;
+    }
+    /* target should be 'ox-grid-field' */
+    var target = e.target.closest('ox-grid-field');
+    var { column, record, rowIndex, columnIndex } = target || {};
+    var { column, record } = target || {};
+    /* do column contextmenu handler */
+    if (column) {
+        var { contextmenu } = column.handlers;
+        contextmenu && contextmenu(this.columns, this.data, column, record, rowIndex, target, e);
+    }
+    /* do rows contextmenu handler */
+    var { contextmenu: rowsContextMenu } = this.config.rows.handlers;
+    rowsContextMenu && rowsContextMenu(this.columns, this.data, column, record, rowIndex, target, e);
+}
+//# sourceMappingURL=data-grid-body-contextmenu-handler.js.map

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

@@ -0,0 +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"]}

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

@@ -25,10 +25,10 @@ export async function dataGridBodyDblclickHandler(e) {
     /* do column dblclick handler */
     if (column) {
         var { dblclick } = column.handlers;
-        dblclick && dblclick(this.columns, this.data, column, record, rowIndex, target);
+        dblclick && dblclick(this.columns, this.data, column, record, rowIndex, target, e);
     }
     /* do rows dblclick handler */
     var { dblclick: rowsDblclick } = this.config.rows.handlers;
-    rowsDblclick && rowsDblclick(this.columns, this.data, column, record, rowIndex, target);
+    rowsDblclick && rowsDblclick(this.columns, this.data, column, record, rowIndex, target, e);
 }
 //# sourceMappingURL=data-grid-body-dblclick-handler.js.map

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

	@@ -1 +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,CAAC,CAAA;~~IACjF~~,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,CAAC,CAAA;~~AACzF~~,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)\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)\n}\n"]}
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"]}

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

@@ -0,0 +1,7 @@
+import { DataGridBody } from '../data-grid-body';
+/**
+ * ox-grid-body 의 focus-change handler
+ *
+ * - handler의 this 는 ox-grid-body임.
+ */
+export declare function dataGridBodyFocusChangeHandler(this: DataGridBody, e: Event): Promise<void>;

package/dist/src/data-grid/event-handlers/data-grid-body-focus-change-handler copy.js ADDED Viewed

@@ -0,0 +1,19 @@
+/**
+ * ox-grid-body 의 focus-change handler
+ *
+ * - handler의 this 는 ox-grid-body임.
+ */
+export async function dataGridBodyFocusChangeHandler(e) {
+    const { row: rowIndex, column: columnIndex } = e.detail;
+    const target = this.getFieldByIndex(rowIndex, columnIndex);
+    var { column, record } = target || {};
+    /* do column focus handler */
+    if (column) {
+        var { focus } = column.handlers;
+        focus && focus(this.columns, this.data, column, record, rowIndex, target);
+    }
+    /* do rows focus handler */
+    var { focus: rowsFocus } = this.config.rows.handlers;
+    rowsFocus && rowsFocus(this.columns, this.data, column, record, rowIndex, target);
+}
+//# sourceMappingURL=data-grid-body-focus-change-handler%20copy.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"data-grid-body-focus-change-handler copy.js","sourceRoot":"","sources":["../../../../src/data-grid/event-handlers/data-grid-body-focus-change-handler copy.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,CAAC,CAAA;IAC3E,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,CAAC,CAAA;AACnF,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)\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)\n}\n"]}

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

@@ -10,10 +10,10 @@ export async function dataGridBodyFocusChangeHandler(e) {
     /* do column focus handler */
     if (column) {
         var { focus } = column.handlers;
-        focus && focus(this.columns, this.data, column, record, rowIndex, target);
+        focus && focus(this.columns, this.data, column, record, rowIndex, target, e);
     }
     /* do rows focus handler */
     var { focus: rowsFocus } = this.config.rows.handlers;
-    rowsFocus && rowsFocus(this.columns, this.data, column, record, rowIndex, target);
+    rowsFocus && rowsFocus(this.columns, this.data, column, record, rowIndex, target, e);
 }
 //# sourceMappingURL=data-grid-body-focus-change-handler.js.map

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

	@@ -1 +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,CAAC,CAAA;~~IAC3E~~,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,CAAC,CAAA;~~AACnF~~,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)\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)\n}\n"]}
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"]}

package/dist/src/data-list/data-list-field.js CHANGED Viewed

@@ -15,7 +15,7 @@ let DataListField = class DataListField extends LitElement {
         var { label, record: { renderer: fieldRenderer } } = column;
         if (typeof label == 'object') {
             let { renderer: labelRenderer } = label;
-            return html `<label>${labelRenderer()}</label>${fieldRenderer(value, column, record, rowIndex, this)}`;
+            return html `<label>${labelRenderer(column)}</label>${fieldRenderer(value, column, record, rowIndex, this)}`;
         }
         else {
             return html `${fieldRenderer(value, column, record, rowIndex, this)}`;

package/dist/src/data-list/data-list-field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-list-field.js","sourceRoot":"","sources":["../../../src/data-list/data-list-field.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAkB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAGxC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAwDuB,WAAM,GAAgB,WAAW,CAAA;QACjC,WAAM,GAAiB,WAAW,CAAA;QAClC,aAAQ,GAAW,CAAC,CAAC,CAAA;IAkBnD,CAAC;IAfC,MAAM;QACJ,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;QAE9C,IAAI,EACF,KAAK,EACL,MAAM,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,EACpC,GAAG,MAAM,CAAA;QAEV,IAAI,OAAO,KAAK,IAAI,QAAQ,EAAE,CAAC;YAC7B,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;YACvC,OAAO,IAAI,CAAA,UAAU,aAAa,~~EAAE~~,WAAW,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAA;~~QACvG~~,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,CAAA,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAA;QACtE,CAAC;IACH,CAAC;;AA1EM,oBAAM,GAAG;IACd,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiDF;CACF,AApDY,CAoDZ;AAE8B;IAA9B,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;4CAAe;AACjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAkC;AACjC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAmC;AAClC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAsB;AACrB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAe;AA3D/B,aAAa;IADzB,aAAa,CAAC,eAAe,CAAC;GAClB,aAAa,CA4EzB","sourcesContent":["import { ColumnConfig, GristRecord } from '../types'\nimport { LitElement, TemplateResult, css, html } from 'lit'\nimport { ZERO_COLUMN, ZERO_RECORD } from '../configure/zero-config'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { TooltipStyles } from '@operato/styles'\n\n@customElement('ox-list-field')\nexport class DataListField extends LitElement {\n static styles = [\n TooltipStyles,\n css`\n :host {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n\n white-space: normal;\n padding: 1px 7px 1px 0;\n\n font: inherit;\n }\n\n :host > * {\n flex: 1;\n margin: 0;\n text-align: left;\n }\n\n :host > [center] {\n flex: none;\n margin: 0 auto;\n }\n\n :host([thumbnail]) {\n flex-direction: column;\n justify-content: center;\n }\n\n :host([thumbnail]) > {\n flex: unset;\n object-fit: contain;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n }\n\n label {\n flex: none;\n width: 33%;\n font: var(--data-list-item-etc-label-font);\n }\n\n @media only screen and (max-width: 460px) {\n *[center] {\n margin: initial;\n }\n }\n `\n ]\n\n @property({ attribute: true }) align?: string\n @property({ type: Object }) record: GristRecord = ZERO_RECORD\n @property({ type: Object }) column: ColumnConfig = ZERO_COLUMN\n @property({ type: Number }) rowIndex: number = -1\n @property({ type: Object }) value?: object\n\n render(): TemplateResult {\n var { value, column, record, rowIndex } = this\n\n var {\n label,\n record: { renderer: fieldRenderer }\n } = column\n\n if (typeof label == 'object') {\n let { renderer: labelRenderer } = label\n return html`<label>${labelRenderer()}</label>${fieldRenderer(value, column, record, rowIndex, this)}`\n } else {\n return html`${fieldRenderer(value, column, record, rowIndex, this)}`\n }\n }\n}\n"]}
1	+ {"version":3,"file":"data-list-field.js","sourceRoot":"","sources":["../../../src/data-list/data-list-field.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAkB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAGxC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAwDuB,WAAM,GAAgB,WAAW,CAAA;QACjC,WAAM,GAAiB,WAAW,CAAA;QAClC,aAAQ,GAAW,CAAC,CAAC,CAAA;IAkBnD,CAAC;IAfC,MAAM;QACJ,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;QAE9C,IAAI,EACF,KAAK,EACL,MAAM,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,EACpC,GAAG,MAAM,CAAA;QAEV,IAAI,OAAO,KAAK,IAAI,QAAQ,EAAE,CAAC;YAC7B,IAAI,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,CAAA;YACvC,OAAO,IAAI,CAAA,UAAU,aAAa,CAAC,MAAM,CAAC,WAAW,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAA;QAC7G,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,CAAA,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAA;QACtE,CAAC;IACH,CAAC;;AA1EM,oBAAM,GAAG;IACd,aAAa;IACb,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiDF;CACF,AApDY,CAoDZ;AAE8B;IAA9B,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;4CAAe;AACjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAkC;AACjC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAmC;AAClC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAsB;AACrB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAe;AA3D/B,aAAa;IADzB,aAAa,CAAC,eAAe,CAAC;GAClB,aAAa,CA4EzB","sourcesContent":["import { ColumnConfig, GristRecord } from '../types'\nimport { LitElement, TemplateResult, css, html } from 'lit'\nimport { ZERO_COLUMN, ZERO_RECORD } from '../configure/zero-config'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { TooltipStyles } from '@operato/styles'\n\n@customElement('ox-list-field')\nexport class DataListField extends LitElement {\n static styles = [\n TooltipStyles,\n css`\n :host {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n\n white-space: normal;\n padding: 1px 7px 1px 0;\n\n font: inherit;\n }\n\n :host > * {\n flex: 1;\n margin: 0;\n text-align: left;\n }\n\n :host > [center] {\n flex: none;\n margin: 0 auto;\n }\n\n :host([thumbnail]) {\n flex-direction: column;\n justify-content: center;\n }\n\n :host([thumbnail]) > {\n flex: unset;\n object-fit: contain;\n width: 100%;\n height: 100%;\n padding: 0;\n margin: 0;\n }\n\n label {\n flex: none;\n width: 33%;\n font: var(--data-list-item-etc-label-font);\n }\n\n @media only screen and (max-width: 460px) {\n *[center] {\n margin: initial;\n }\n }\n `\n ]\n\n @property({ attribute: true }) align?: string\n @property({ type: Object }) record: GristRecord = ZERO_RECORD\n @property({ type: Object }) column: ColumnConfig = ZERO_COLUMN\n @property({ type: Number }) rowIndex: number = -1\n @property({ type: Object }) value?: object\n\n render(): TemplateResult {\n var { value, column, record, rowIndex } = this\n\n var {\n label,\n record: { renderer: fieldRenderer }\n } = column\n\n if (typeof label == 'object') {\n let { renderer: labelRenderer } = label\n return html`<label>${labelRenderer(column)}</label>${fieldRenderer(value, column, record, rowIndex, this)}`\n } else {\n return html`${fieldRenderer(value, column, record, rowIndex, this)}`\n }\n }\n}\n"]}

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

@@ -20,6 +20,8 @@ export declare class DataManipulator extends LitElement {
         removed: GristRecord[];
     }): void;
     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;
     onCheckInTree(e: CustomEvent): void;
@@ -29,6 +31,6 @@ export declare class DataManipulator extends LitElement {
      * Therefore, it will be deprecated.
      * @method
      */
-    refresh(): void;
+    refresh(forceExpandOrCollapse?: boolean): void;
     private traverseRefresh;
 }

package/dist/src/data-manipulator.js CHANGED Viewed

@@ -29,6 +29,8 @@ export class DataManipulator extends LitElement {
             this.onRecordChanged(record['__origin__'], row, null);
         });
         /* tree processing */
+        this.addEventListener('collapse-all', (e) => this.onCollapseAll(e));
+        this.addEventListener('expand-all', (e) => this.onExpandAll(e));
         this.addEventListener('collapsed', (e) => this.onCollapsed(e));
         this.addEventListener('expanded', (e) => this.onExpanded(e));
         this.addEventListener('check-in-tree', (e) => this.onCheckInTree(e));
@@ -142,6 +144,12 @@ export class DataManipulator extends LitElement {
         }));
         this.requestUpdate();
     }
+    onCollapseAll(e) {
+        this.refresh(false);
+    }
+    onExpandAll(e) {
+        this.refresh(true);
+    }
     onCollapsed(e) {
         const record = e.detail;
         record.__expanded__ = false;
@@ -153,7 +161,6 @@ export class DataManipulator extends LitElement {
         this.refresh();
     }
     onCheckInTree(e) {
-        const self = this;
         function walkTreeCheckedUpdate(record, checked) {
             const children = record.__children__;
             children === null || children === void 0 ? void 0 : children.forEach(child => walkTreeCheckedUpdate(child, checked));
@@ -197,7 +204,7 @@ export class DataManipulator extends LitElement {
      * Therefore, it will be deprecated.
      * @method
      */
-    refresh() {
+    refresh(forceExpandOrCollapse) {
         /*
         - TODO 여기에서 TREE 형태 데이터의 접고, 펴는 것을 재구성한다.
         - 동적으로 서브항목을 fetch 하는 기능은 제공하지 않는다.
@@ -210,13 +217,19 @@ export class DataManipulator extends LitElement {
         const toplevelRecords = records.filter(record => !record.__depth__); /* __depth__ 가 설정되지 않았거나, 0 인 경우만 수집 */
         this.data = {
             ...this.data,
-            records: [].concat(...toplevelRecords.map(record => this.traverseRefresh(record)))
+            records: [].concat(...toplevelRecords.map(record => this.traverseRefresh(record, forceExpandOrCollapse)))
         };
     }
-    traverseRefresh(record) {
+    traverseRefresh(record, forceExpandOrCollapse) {
+        if (forceExpandOrCollapse !== undefined) {
+            record = {
+                ...record,
+                __expanded__: forceExpandOrCollapse
+            };
+        }
         const { __expanded__, __children__ = [] } = record;
         if (__expanded__ && __children__.length > 0) {
-            return [record].concat(...__children__.map(child => this.traverseRefresh(child)));
+            return [record].concat(...__children__.map(child => this.traverseRefresh(child, forceExpandOrCollapse)));
         }
         else {
             return [record];
@@ -230,10 +243,10 @@ __decorate([
     property({ type: Object })
 ], DataManipulator.prototype, "data", void 0);
 __decorate([
-    property({ type: Object })
+    property({ type: Array })
 ], DataManipulator.prototype, "sorters", void 0);
 __decorate([
-    property({ type: Object })
+    property({ type: Array })
 ], DataManipulator.prototype, "filters", void 0);
 __decorate([
     property({ type: Object })

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

	@@ -1 +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: Object }) sorters: SortersConfig = []\n @property({ type: Object }) 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('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 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 const self = this\n\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() {\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(...toplevelRecords.map(record => this.traverseRefresh(record)))\n }\n }\n\n private traverseRefresh(record: GristRecord): GristRecord[] {\n const { __expanded__, __children__ = [] } = record\n\n if (__expanded__ && __children__.length > 0) {\n return [record].concat(...__children__.map(child => this.traverseRefresh(child)))\n } else {\n return [record]\n }\n }\n}\n"]}
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"]}

package/dist/src/editors/ox-grist-editor-tree.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import './ox-input-tree';
+import { OxGristEditor } from './ox-grist-editor.js';
+export declare class OxGristEditorTree extends OxGristEditor {
+    static styles: import("lit").CSSResult[];
+    get editorTemplate(): import("lit").TemplateResult<1>;
+}

package/dist/src/editors/ox-grist-editor-tree.js ADDED Viewed

@@ -0,0 +1,27 @@
+import { __decorate } from "tslib";
+import './ox-input-tree';
+import { html, css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { OxGristEditor } from './ox-grist-editor.js';
+let OxGristEditorTree = class OxGristEditorTree extends OxGristEditor {
+    get editorTemplate() {
+        var { selectable } = this.column.record.options || {};
+        return html `<ox-input-tree .value=${this.value} .record=${this.record} ?selectable=${selectable}></ox-input-tree>`;
+    }
+};
+OxGristEditorTree.styles = [
+    css `
+      :host {
+        flex: 1;
+      }
+      ox-input-tree {
+        flex: 1;
+      }
+    `
+];
+OxGristEditorTree = __decorate([
+    customElement('ox-grist-editor-tree')
+], OxGristEditorTree);
+export { OxGristEditorTree };
+//# sourceMappingURL=ox-grist-editor-tree.js.map

package/dist/src/editors/ox-grist-editor-tree.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ox-grist-editor-tree.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-tree.ts"],"names":[],"mappings":";AAAA,OAAO,iBAAiB,CAAA;AAExB,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAS,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG7C,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,aAAa;IAalD,IAAI,cAAc;QAChB,IAAI,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;QAErD,OAAO,IAAI,CAAA,yBAAyB,IAAI,CAAC,KAAK,YAAY,IAAI,CAAC,MAAM,gBAAgB,UAAU,mBAAmB,CAAA;IACpH,CAAC;;AAhBM,wBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;KAQF;CACF,AAVY,CAUZ;AAXU,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAkB7B","sourcesContent":["import './ox-input-tree'\n\nimport { html, css } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\n\nimport { OxGristEditor } from './ox-grist-editor.js'\n\n@customElement('ox-grist-editor-tree')\nexport class OxGristEditorTree extends OxGristEditor {\n static styles = [\n css`\n :host {\n flex: 1;\n }\n\n ox-input-tree {\n flex: 1;\n }\n `\n ]\n\n get editorTemplate() {\n var { selectable } = this.column.record.options || {}\n\n return html`<ox-input-tree .value=${this.value} .record=${this.record} ?selectable=${selectable}></ox-input-tree>`\n }\n}\n"]}

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

@@ -12,6 +12,7 @@ export declare class OxGristEditor extends LitElement {
     protected _dirtyValue?: any;
     render(): import("lit").TemplateResult<1>;
     get editor(): HTMLElement | null;
+    get directEditable(): boolean;
     firstUpdated(): Promise<void>;
     select(): void;
     focus(): void;

package/dist/src/editors/ox-grist-editor.js CHANGED Viewed

@@ -78,6 +78,9 @@ let OxGristEditor = class OxGristEditor extends LitElement {
     get editor() {
         return this.renderRoot.firstElementChild;
     }
+    get directEditable() {
+        return true;
+    }
     async firstUpdated() {
         var _a, _b;
         this.renderRoot.addEventListener('change', this._onchange.bind(this));

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ox-grist-editor.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAGnE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DhB,CAAA;AAGM,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAIuB,WAAM,GAAiB,WAAW,CAAA;QAClC,WAAM,GAAgB,WAAW,CAAA;~~IAoH~~/D,CAAC;~~IA7GC~~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~~AAvHM~~,oBAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAU;AAEK;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAY;AACX;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAmC;AAClC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAAkC;AACjC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAkB;AACjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAsB;AACrB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAa;AAR7B,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,~~CAyHzB~~","sourcesContent":["import { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { ZERO_COLUMN, ZERO_RECORD } from '../configure/zero-config'\nimport { DataGridField } from '../data-grid/data-grid-field'\nimport { ColumnConfig, GristRecord } from '../types'\nimport { getDefaultValue } from '../value-generator'\n\nconst STYLE = css`\n :host {\n display: flex;\n\n align-items: center;\n\n width: 100%;\n height: 100%;\n\n border: 0;\n background-color: transparent;\n\n overflow: hidden;\n justify-content: var(--data-grid-field-justify-content, flex-start);\n }\n\n :host > * {\n display: flex;\n\n width: 100%;\n height: 100%;\n\n border: 0;\n background-color: transparent;\n\n box-sizing: border-box;\n\n align-items: center;\n }\n\n :host > style {\n display: none;\n }\n\n :host > input[type='checkbox'] {\n width: initial;\n margin: 0;\n }\n :focus {\n outline: none;\n }\n\n input[type='file'] {\n opacity: 0%;\n }\n\n @media screen and (max-width: 460px) {\n :host > {\n border: initial;\n background-color: initial;\n }\n\n :focus {\n outline: none;\n }\n\n input,\n select,\n textarea {\n font-size: 16px;\n }\n }\n`\n\n@customElement('ox-grist-editor')\nexport class OxGristEditor extends LitElement {\n static styles = [STYLE]\n\n @property({ type: Object }) value?: any\n @property({ type: Object }) column: ColumnConfig = ZERO_COLUMN\n @property({ type: Object }) record: GristRecord = ZERO_RECORD\n @property({ type: Number }) rowIndex?: number\n @property({ type: Object }) field?: DataGridField\n @property({ type: Number }) row?: number\n\n protected _dirtyValue?: any\n\n render() {\n return this.editorTemplate\n }\n\n get editor(): HTMLElement \| null {\n return this.renderRoot.firstElementChild as HTMLElement\n }\n\n async firstUpdated() {\n this.renderRoot.addEventListener('change', this._onchange.bind(this))\n this.renderRoot.addEventListener('focusout', this._onfocusout.bind(this))\n this.addEventListener('click', this._onclick.bind(this))\n this.addEventListener('dblclick', this._ondblclick.bind(this))\n this.addEventListener('keydown', this._onkeydown.bind(this))\n\n / editor mode 인 경우의 마우스 움직임이, grist-body의 이벤트 처리에 의해서 에디터를 리셋시킬 수 있으므로, 이벤트 전파를 막는다. /\n this.addEventListener('mousedown', (e: Event) => e.stopPropagation())\n this.addEventListener('mousemove', (e: Event) => e.stopPropagation())\n this.addEventListener('mouseup', (e: Event) => e.stopPropagation())\n\n const { name = '' } = this.column\n const { align, defaultValue } = this.column.record\n\n if (align) {\n this.style.textAlign = align\n this.style.textAlignLast = align / for select */\n }\n\n var currentValue = this.record[name]\n\n if (typeof currentValue == 'undefined' && defaultValue) {\n currentValue = getDefaultValue(defaultValue, this.record)\n }\n\n // 입력을 위한 키를 누르면서 편집모드가 될때는 누른 키가 처음에 입력되도록, enter 같은 것을 눌러서 편집모드가 되면 현재 값으로 편집모드 전환\n const editorValue = this.field?.valueWithEdit ? this.field.valueWithEdit : this.formatForEditor(currentValue)\n this.value = this._dirtyValue = this.field?.type === 'number' ? Number(editorValue) : editorValue\n\n requestAnimationFrame(() => {\n this.focus()\n this.select()\n })\n }\n\n select() {\n const editor = this.editor\n if ((editor as HTMLInputElement)?.select && !this.field?.valueWithEdit) {\n return (editor as HTMLInputElement).select()\n }\n }\n\n focus() {\n const editor = this.editor\n if (editor) {\n editor.focus()\n }\n }\n\n formatForEditor(value: any): any {\n return value == null ? '' : value\n }\n\n formatFromEditor(e: Event): any {\n return (e.target as HTMLInputElement).value\n }\n\n _onfocusout() {\n // paste시 field-change는 Body에서 하므로 X\n if (this.field?.isWorking === true) return\n\n const { name = '' } = this.column\n var currentValue = this.record[name] \|\| ''\n\n if (this._dirtyValue !== currentValue) {\n this.dispatchEvent(\n new CustomEvent('field-change', {\n bubbles: true,\n composed: true,\n detail: {\n before: currentValue,\n after: this._dirtyValue,\n column: this.column,\n record: this.record,\n row: this.row\n }\n })\n )\n }\n }\n\n _onchange(e: Event): void {\n e.stopPropagation()\n\n this._dirtyValue = this.formatFromEditor(e)\n }\n\n _onkeydown(e: Event): void {}\n\n _onclick(e: Event): void {\n e.stopPropagation()\n }\n\n _ondblclick(e: Event): void {\n e.stopPropagation()\n }\n\n get editorTemplate() {\n return html``\n }\n}\n"]}
1	+ {"version":3,"file":"ox-grist-editor.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { ZERO_COLUMN, ZERO_RECORD } from '../configure/zero-config'\nimport { DataGridField } from '../data-grid/data-grid-field'\nimport { ColumnConfig, GristRecord } from '../types'\nimport { getDefaultValue } from '../value-generator'\n\nconst STYLE = css`\n :host {\n display: flex;\n\n align-items: center;\n\n width: 100%;\n height: 100%;\n\n border: 0;\n background-color: transparent;\n\n overflow: hidden;\n justify-content: var(--data-grid-field-justify-content, flex-start);\n }\n\n :host > * {\n display: flex;\n\n width: 100%;\n height: 100%;\n\n border: 0;\n background-color: transparent;\n\n box-sizing: border-box;\n\n align-items: center;\n }\n\n :host > style {\n display: none;\n }\n\n :host > input[type='checkbox'] {\n width: initial;\n margin: 0;\n }\n :focus {\n outline: none;\n }\n\n input[type='file'] {\n opacity: 0%;\n }\n\n @media screen and (max-width: 460px) {\n :host > {\n border: initial;\n background-color: initial;\n }\n\n :focus {\n outline: none;\n }\n\n input,\n select,\n textarea {\n font-size: 16px;\n }\n }\n`\n\n@customElement('ox-grist-editor')\nexport class OxGristEditor extends LitElement {\n static styles = [STYLE]\n\n @property({ type: Object }) value?: any\n @property({ type: Object }) column: ColumnConfig = ZERO_COLUMN\n @property({ type: Object }) record: GristRecord = ZERO_RECORD\n @property({ type: Number }) rowIndex?: number\n @property({ type: Object }) field?: DataGridField\n @property({ type: Number }) row?: number\n\n protected _dirtyValue?: any\n\n render() {\n return this.editorTemplate\n }\n\n get editor(): HTMLElement \| null {\n return this.renderRoot.firstElementChild as HTMLElement\n }\n\n get directEditable() {\n return true\n }\n\n async firstUpdated() {\n this.renderRoot.addEventListener('change', this._onchange.bind(this))\n this.renderRoot.addEventListener('focusout', this._onfocusout.bind(this))\n this.addEventListener('click', this._onclick.bind(this))\n this.addEventListener('dblclick', this._ondblclick.bind(this))\n this.addEventListener('keydown', this._onkeydown.bind(this))\n\n / editor mode 인 경우의 마우스 움직임이, grist-body의 이벤트 처리에 의해서 에디터를 리셋시킬 수 있으므로, 이벤트 전파를 막는다. /\n this.addEventListener('mousedown', (e: Event) => e.stopPropagation())\n this.addEventListener('mousemove', (e: Event) => e.stopPropagation())\n this.addEventListener('mouseup', (e: Event) => e.stopPropagation())\n\n const { name = '' } = this.column\n const { align, defaultValue } = this.column.record\n\n if (align) {\n this.style.textAlign = align\n this.style.textAlignLast = align / for select */\n }\n\n var currentValue = this.record[name]\n\n if (typeof currentValue == 'undefined' && defaultValue) {\n currentValue = getDefaultValue(defaultValue, this.record)\n }\n\n // 입력을 위한 키를 누르면서 편집모드가 될때는 누른 키가 처음에 입력되도록, enter 같은 것을 눌러서 편집모드가 되면 현재 값으로 편집모드 전환\n const editorValue = this.field?.valueWithEdit ? this.field.valueWithEdit : this.formatForEditor(currentValue)\n this.value = this._dirtyValue = this.field?.type === 'number' ? Number(editorValue) : editorValue\n\n requestAnimationFrame(() => {\n this.focus()\n this.select()\n })\n }\n\n select() {\n const editor = this.editor\n if ((editor as HTMLInputElement)?.select && !this.field?.valueWithEdit) {\n return (editor as HTMLInputElement).select()\n }\n }\n\n focus() {\n const editor = this.editor\n if (editor) {\n editor.focus()\n }\n }\n\n formatForEditor(value: any): any {\n return value == null ? '' : value\n }\n\n formatFromEditor(e: Event): any {\n return (e.target as HTMLInputElement).value\n }\n\n _onfocusout() {\n // paste시 field-change는 Body에서 하므로 X\n if (this.field?.isWorking === true) return\n\n const { name = '' } = this.column\n var currentValue = this.record[name] \|\| ''\n\n if (this._dirtyValue !== currentValue) {\n this.dispatchEvent(\n new CustomEvent('field-change', {\n bubbles: true,\n composed: true,\n detail: {\n before: currentValue,\n after: this._dirtyValue,\n column: this.column,\n record: this.record,\n row: this.row\n }\n })\n )\n }\n }\n\n _onchange(e: Event): void {\n e.stopPropagation()\n\n this._dirtyValue = this.formatFromEditor(e)\n }\n\n _onkeydown(e: Event): void {}\n\n _onclick(e: Event): void {\n e.stopPropagation()\n }\n\n _ondblclick(e: Event): void {\n e.stopPropagation()\n }\n\n get editorTemplate() {\n return html``\n }\n}\n"]}

package/dist/src/editors/ox-input-tree.d.ts ADDED Viewed

@@ -0,0 +1,20 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { PropertyValues } from 'lit';
+import { OxFormField } from '@operato/input';
+import { GristRecord } from '../types';
+export declare class OxInputTree extends OxFormField {
+    static styles: import("lit").CSSResult;
+    record: GristRecord;
+    selectable?: boolean;
+    private checked?;
+    private expanded?;
+    input: HTMLInputElement;
+    render(): import("lit").TemplateResult<1>;
+    updated(changes: PropertyValues<this>): void;
+    focus(): void;
+    select(): void;
+    onClickCheckbox(e: MouseEvent): void;
+    onClickExpander(e: MouseEvent): void;
+}