@operato/scene-grist 1.0.0-alpha.3 → 1.0.0-alpha.33

package/CHANGELOG.md

@@ -3,73 +3,307 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [1.0.0-alpha.3](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.2...v1.0.0-alpha.3) (2022-03-13)
+## [1.0.0-alpha.33](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.32...v1.0.0-alpha.33) (2022-07-09)
+
+**Note:** Version bump only for package @operato/scene-grist
+
+
+
+
+
+## [1.0.0-alpha.32](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.31...v1.0.0-alpha.32) (2022-07-09)
 
 
 ### :bug: Bug Fix
 
-* [@operato](https://github.com/operato) 1.0.0-alpha.15 ([52c63fe](https://github.com/things-scene/operato-scene/commit/52c63fe1efde1a8fe6a9dc3b6852b1b2e12322bf))
+* latest [@operato](https://github.com/operato) ([d033339](https://github.com/things-scene/operato-scene/commit/d033339f50bea249cdd9af22b2b9950c72045d7d))
+* latest [@things-factory](https://github.com/things-factory) ([a5ea8ba](https://github.com/things-scene/operato-scene/commit/a5ea8ba70af7ac74e7cdee77fb74a152a0079366))
 
 
 
-## [1.0.0-alpha.2](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.1...v1.0.0-alpha.2) (2022-03-13)
+## [1.0.0-alpha.31](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.30...v1.0.0-alpha.31) (2022-07-07)
 
 
 ### :bug: Bug Fix
 
-* [@operato](https://github.com/operato) 1.0.0-alpha.14 ([c124d67](https://github.com/things-scene/operato-scene/commit/c124d672260ac940175a2a831f702aa3b5f5c996))
+* latest [@operato](https://github.com/operato) ([b35d293](https://github.com/things-scene/operato-scene/commit/b35d29370478f340e9f450034357697b9263fe10))
 
 
 
-## [1.0.0-alpha.1](https://github.com/things-scene/operato-scene/compare/v0.1.5...v1.0.0-alpha.1) (2022-03-13)
+## [1.0.0-alpha.30](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.29...v1.0.0-alpha.30) (2022-07-05)
 
 
-### :rocket: New Features
+### :bug: Bug Fix
 
-* [@operato](https://github.com/operato) 1.0.0-alpha and [@things-factory](https://github.com/things-factory) 5.0.0-alpha ([5f7f2d4](https://github.com/things-scene/operato-scene/commit/5f7f2d45ccc8300822e712c93948850bcdb43687))
+* latest [@things-factory](https://github.com/things-factory) ([dac17fa](https://github.com/things-scene/operato-scene/commit/dac17faebadfd2bd2efb7192a3b1f3aafdac0cbd))
 
 
 
-### [0.1.5](https://github.com/things-scene/operato-scene/compare/v0.1.4...v0.1.5) (2022-02-10)
+## [1.0.0-alpha.29](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.28...v1.0.0-alpha.29) (2022-07-03)
 
 
-### :rocket: New Features
+### :bug: Bug Fix
 
-* move news-ticker to here ([c5e565d](https://github.com/things-scene/operato-scene/commit/c5e565dff6016977766e54b3b74c4f80838f7cd2))
+* latest [@operato](https://github.com/operato) ([b9f14d8](https://github.com/things-scene/operato-scene/commit/b9f14d8838943093e65175b80f515281011089ed))
 
 
 
-### [0.1.4](https://github.com/things-scene/operato-scene/compare/v0.1.3...v0.1.4) (2022-01-30)
+## [1.0.0-alpha.28](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.27...v1.0.0-alpha.28) (2022-07-03)
+
+
+### :bug: Bug Fix
+
+* latest [@operato](https://github.com/operato) [@things-factory](https://github.com/things-factory) ([6ef27eb](https://github.com/things-scene/operato-scene/commit/6ef27eba820d7641e6c7cc3cedf815c0af74a6c7))
+* latest @hatiolab/things-scene [@operato](https://github.com/operato) ([353d090](https://github.com/things-scene/operato-scene/commit/353d0900a24a96aabde48405ee6ec18b1b227e09))
+* latest dependencies ([4ad53db](https://github.com/things-scene/operato-scene/commit/4ad53db21b0f88856f93fcbc3a12b80011d73a1b))
+* latest dependencies ([7328b85](https://github.com/things-scene/operato-scene/commit/7328b85c151feb718ca1bcdaf9ac36f9f721ed57))
+
+
+
+## [1.0.0-alpha.27](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.26...v1.0.0-alpha.27) (2022-06-22)
+
+
+### :bug: Bug Fix
+
+* latest @hatiolab/things-scene ([5f7e8b6](https://github.com/things-scene/operato-scene/commit/5f7e8b6f40e7b73ac874be1d473eff847f14afe2))
+* latest @hatiolab/things-scene ([1bb48f0](https://github.com/things-scene/operato-scene/commit/1bb48f0259044085f690c817dbe0383a44b15f9b))
+* latest @hatiolab/things-scene [@operato](https://github.com/operato) ([ed2b7b8](https://github.com/things-scene/operato-scene/commit/ed2b7b83f0fd06780e6b9841cc6a1702b834e4ac))
+
+
+
+## [1.0.0-alpha.26](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.25...v1.0.0-alpha.26) (2022-06-20)
+
+**Note:** Version bump only for package @operato/scene-grist
+
+
+
+
+
+## [1.0.0-alpha.25](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.24...v1.0.0-alpha.25) (2022-06-20)
+
+**Note:** Version bump only for package @operato/scene-grist
+
+
+
+
+
+## [1.0.0-alpha.24](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.23...v1.0.0-alpha.24) (2022-06-20)
+
+
+### :bug: Bug Fix
+
+* latest [@operato](https://github.com/operato) ([1a59e6f](https://github.com/things-scene/operato-scene/commit/1a59e6f0ced18902fee98b88933650e23f9ad420))
+* latest dependencies ([9ee4519](https://github.com/things-scene/operato-scene/commit/9ee4519adfe49e2eac8433f31ad5dea9257a1fca))
+
+
+
+## [1.0.0-alpha.23](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.22...v1.0.0-alpha.23) (2022-06-16)
+
+
+### :bug: Bug Fix
+
+* latest [@operato](https://github.com/operato) ([45a542f](https://github.com/things-scene/operato-scene/commit/45a542f484a4fe552533a35eb90f2b100e01249f))
+* latest [@operato](https://github.com/operato) ([d4020ee](https://github.com/things-scene/operato-scene/commit/d4020eefc797da03d43b73708dcfd8541f5b30af))
+
+
+
+## [1.0.0-alpha.22](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.21...v1.0.0-alpha.22) (2022-06-16)
+
+
+### :bug: Bug Fix
+
+* latest @hatiolab/things-scene ([0928090](https://github.com/things-scene/operato-scene/commit/09280903b4b0280ee8a76a4d1c2a0bf8d0997563))
+
+
+
+## [1.0.0-alpha.21](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.20...v1.0.0-alpha.21) (2022-06-16)
+
+
+### :bug: Bug Fix
+
+* latest [@operato](https://github.com/operato) ([8384a79](https://github.com/things-scene/operato-scene/commit/8384a79c616db7c5fb437a480bb8c8337b75db84))
+
+
+
+## [1.0.0-alpha.20](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.19...v1.0.0-alpha.20) (2022-06-10)
+
+
+### :bug: Bug Fix
+
+* remove 'uuid' dependency from scene-grist ([f09e4bb](https://github.com/things-scene/operato-scene/commit/f09e4bbb1406cc3b8c54a294182df470b788b23b))
+
+
+
+## [1.0.0-alpha.19](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.18...v1.0.0-alpha.19) (2022-06-09)
+
+
+### :bug: Bug Fix
+
+* data-grist help ([5ea51ed](https://github.com/things-scene/operato-scene/commit/5ea51ed3046bd9fd45a62c0479750ee735556842))
+* latest [@operato](https://github.com/operato) [@things-factory](https://github.com/things-factory) ([c6a5475](https://github.com/things-scene/operato-scene/commit/c6a54751a3af539840fd57d031e09ee1552a7b4c))
+
+
+
+## [1.0.0-alpha.18](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.17...v1.0.0-alpha.18) (2022-05-30)
+
+
+### :bug: Bug Fix
+
+* latest dependencies ([5fae24c](https://github.com/things-scene/operato-scene/commit/5fae24ce2e7d17b5e2e85fae4cee04cfca690549))
+
+
+
+## [1.0.0-alpha.17](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.16...v1.0.0-alpha.17) (2022-05-29)
+
+
+### :bug: Bug Fix
+
+* default client for graphql ([d13b1e4](https://github.com/things-scene/operato-scene/commit/d13b1e4a7afecedd72ec0e39827c2bf8b4ef3a1f))
+* latest things-scene & [@things-factory](https://github.com/things-factory) ([485bcce](https://github.com/things-scene/operato-scene/commit/485bccead07ccc5065088f1d458175f84083f9a5))
+* update [@operato](https://github.com/operato) [@things-factory](https://github.com/things-factory) ([8552127](https://github.com/things-scene/operato-scene/commit/8552127bdda3282ac74e86b936342caa085f6bea))
+
+
+
+## [1.0.0-alpha.16](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.15...v1.0.0-alpha.16) (2022-05-23)
 
 
 ### :rocket: New Features
 
-* scene-label migrated from things-factory project ([3c9033c](https://github.com/things-scene/operato-scene/commit/3c9033c9af28bdd0377ac4a538ef7d4bfd38d488))
+* migrate data-transform from [@things-factory](https://github.com/things-factory) ([2b7c5d3](https://github.com/things-scene/operato-scene/commit/2b7c5d34027d611c5e8210cada8cd15272944fa5))
 
 
 ### :bug: Bug Fix
 
-* applied [@operato](https://github.com/operato) 0.3.24 ([fb4fed0](https://github.com/things-scene/operato-scene/commit/fb4fed0d9fd44d6ae38db6359fdca15fc61f167c))
-* applied [@things-factory](https://github.com/things-factory)@^4.0.40 ([3d4e6cb](https://github.com/things-scene/operato-scene/commit/3d4e6cbe167f605a68333fffe18949adb5247c1d))
-* upgrade [@operato](https://github.com/operato) dependencies ([7d2478e](https://github.com/things-scene/operato-scene/commit/7d2478e72586b662e6c219f0720c78cde5dd7a2d))
-* upgrade [@things-factory](https://github.com/things-factory) and [@operato](https://github.com/operato) ([4d97897](https://github.com/things-scene/operato-scene/commit/4d978970d3c8aba6ecae99e3fa98e431a647e8cb))
+* update dependencies ([8ef917f](https://github.com/things-scene/operato-scene/commit/8ef917f41e83126495d3b75ae3042bbd66cf12c3))
 
 
 
-### [0.1.3](https://github.com/things-scene/operato-scene/compare/v0.1.2...v0.1.3) (2022-01-28)
+## [1.0.0-alpha.15](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.14...v1.0.0-alpha.15) (2022-05-13)
+
+**Note:** Version bump only for package @operato/scene-grist
+
+
+
+
+
+## [1.0.0-alpha.14](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.13...v1.0.0-alpha.14) (2022-05-01)
+
+
+### :bug: Bug Fix
+
+* apply @hatiolab/things-scene 3.0.6 - memory free ([5778610](https://github.com/things-scene/operato-scene/commit/5778610aa6456709cb931a3185b189f1d3bd1ff9))
+
+
+
+## [1.0.0-alpha.13](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.12...v1.0.0-alpha.13) (2022-04-24)
+
+
+### :bug: Bug Fix
+
+* "@hatiolab/things-scene": "^3.0.2" ([13057dd](https://github.com/things-scene/operato-scene/commit/13057dd2f8bbb3859abb479516c3483bcc15354b))
+* @hatiolab/things-scene 3.0.5 and [@operato](https://github.com/operato) 1.0.0-beta.7 ([bd69bf1](https://github.com/things-scene/operato-scene/commit/bd69bf134c1fe6789f4964f0e6525f728eee8275))
+* things-scene 3.0.1 ([288f953](https://github.com/things-scene/operato-scene/commit/288f953947d73ffa3f6e8743f8326570d1dace80))
+
+
+
+## [1.0.0-alpha.12](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.11...v1.0.0-alpha.12) (2022-04-18)
+
+
+### :bug: Bug Fix
+
+* @hatiolab/things-scene 3.0.0 ([29021a5](https://github.com/things-scene/operato-scene/commit/29021a511e5dc1e91b337b155817d846883ceff7))
+
+
+
+## [1.0.0-alpha.11](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.10...v1.0.0-alpha.11) (2022-04-17)
+
+**Note:** Version bump only for package @operato/scene-grist
+
+
+
+
+
+## [1.0.0-alpha.10](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.9...v1.0.0-alpha.10) (2022-04-10)
+
+**Note:** Version bump only for package @operato/scene-grist
+
+## [1.0.0-alpha.9](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.8...v1.0.0-alpha.9) (2022-04-07)
 
+**Note:** Version bump only for package @operato/scene-grist
+
+## [1.0.0-alpha.8](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.7...v1.0.0-alpha.8) (2022-04-07)
+
+**Note:** Version bump only for package @operato/scene-grist
+
+## [1.0.0-alpha.7](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.6...v1.0.0-alpha.7) (2022-04-06)
+
+**Note:** Version bump only for package @operato/scene-grist
+
+## [1.0.0-alpha.6](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.5...v1.0.0-alpha.6) (2022-04-05)
+
+### :bug: Bug Fix
+
+- [@things-factory](https://github.com/things-factory) 5.0.0-alpha.36 ([459ce88](https://github.com/things-scene/operato-scene/commit/459ce884942ab11bcd1e9b9c6af7bf045b580a41))
+
+## [1.0.0-alpha.5](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.4...v1.0.0-alpha.5) (2022-04-03)
+
+### :bug: Bug Fix
+
+- upgrade lit and operato, things-factory ([f056300](https://github.com/things-scene/operato-scene/commit/f056300c0e2f85c41715d3178f12c39bf3110a34))
+
+## [1.0.0-alpha.4](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.3...v1.0.0-alpha.4) (2022-03-13)
+
+### :bug: Bug Fix
+
+- [@operato](https://github.com/operato) 1.0.0-alpha.17 ([a8a147c](https://github.com/things-scene/operato-scene/commit/a8a147c972ed571e35d210feb3bfbc7cd31f280b))
+
+## [1.0.0-alpha.3](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.2...v1.0.0-alpha.3) (2022-03-13)
+
+### :bug: Bug Fix
+
+- [@operato](https://github.com/operato) 1.0.0-alpha.17 ([52c63fe](https://github.com/things-scene/operato-scene/commit/52c63fe1efde1a8fe6a9dc3b6852b1b2e12322bf))
+
+## [1.0.0-alpha.2](https://github.com/things-scene/operato-scene/compare/v1.0.0-alpha.1...v1.0.0-alpha.2) (2022-03-13)
+
+### :bug: Bug Fix
+
+- [@operato](https://github.com/operato) 1.0.0-alpha.14 ([c124d67](https://github.com/things-scene/operato-scene/commit/c124d672260ac940175a2a831f702aa3b5f5c996))
+
+## [1.0.0-alpha.1](https://github.com/things-scene/operato-scene/compare/v0.1.5...v1.0.0-alpha.1) (2022-03-13)
 
 ### :rocket: New Features
 
-* add graphql, mqtt scene component ([e223063](https://github.com/things-scene/operato-scene/commit/e223063b562f6a6a7b6ff12f3e32df30aa920da8))
+- [@operato](https://github.com/operato) 1.0.0-alpha and [@things-factory](https://github.com/things-factory) 5.0.0-alpha ([5f7f2d4](https://github.com/things-scene/operato-scene/commit/5f7f2d45ccc8300822e712c93948850bcdb43687))
+
+### [0.1.5](https://github.com/things-scene/operato-scene/compare/v0.1.4...v0.1.5) (2022-02-10)
+
+### :rocket: New Features
 
+- move news-ticker to here ([c5e565d](https://github.com/things-scene/operato-scene/commit/c5e565dff6016977766e54b3b74c4f80838f7cd2))
+
+### [0.1.4](https://github.com/things-scene/operato-scene/compare/v0.1.3...v0.1.4) (2022-01-30)
+
+### :rocket: New Features
+
+- scene-label migrated from things-factory project ([3c9033c](https://github.com/things-scene/operato-scene/commit/3c9033c9af28bdd0377ac4a538ef7d4bfd38d488))
 
 ### :bug: Bug Fix
 
-* applied [@operato](https://github.com/operato)@^0.3.20 ([9a1dcbd](https://github.com/things-scene/operato-scene/commit/9a1dcbd2d1ca7f95b498503c87242b6d57ee3482))
-* applied [@things-factory](https://github.com/things-factory)@^4.0.38 and [@operato](https://github.com/operato)@^0.3.18 ([d506c2d](https://github.com/things-scene/operato-scene/commit/d506c2d8a58341eee235079eff9b79bfa1fe350f))
+- applied [@operato](https://github.com/operato) 0.3.24 ([fb4fed0](https://github.com/things-scene/operato-scene/commit/fb4fed0d9fd44d6ae38db6359fdca15fc61f167c))
+- applied [@things-factory](https://github.com/things-factory)@^4.0.40 ([3d4e6cb](https://github.com/things-scene/operato-scene/commit/3d4e6cbe167f605a68333fffe18949adb5247c1d))
+- upgrade [@operato](https://github.com/operato) dependencies ([7d2478e](https://github.com/things-scene/operato-scene/commit/7d2478e72586b662e6c219f0720c78cde5dd7a2d))
+- upgrade [@things-factory](https://github.com/things-factory) and [@operato](https://github.com/operato) ([4d97897](https://github.com/things-scene/operato-scene/commit/4d978970d3c8aba6ecae99e3fa98e431a647e8cb))
 
+### [0.1.3](https://github.com/things-scene/operato-scene/compare/v0.1.2...v0.1.3) (2022-01-28)
+
+### :rocket: New Features
+
+- add graphql, mqtt scene component ([e223063](https://github.com/things-scene/operato-scene/commit/e223063b562f6a6a7b6ff12f3e32df30aa920da8))
+
+### :bug: Bug Fix
 
+- applied [@operato](https://github.com/operato)@^0.3.20 ([9a1dcbd](https://github.com/things-scene/operato-scene/commit/9a1dcbd2d1ca7f95b498503c87242b6d57ee3482))
+- applied [@things-factory](https://github.com/things-factory)@^4.0.38 and [@operato](https://github.com/operato)@^0.3.18 ([d506c2d](https://github.com/things-scene/operato-scene/commit/d506c2d8a58341eee235079eff9b79bfa1fe350f))
 
 ### [0.1.2](https://github.com/things-scene/operato-scene/compare/v0.1.1...v0.1.2) (2022-01-13)
 

package/dist/grist-action.d.ts

@@ -17,9 +17,8 @@ declare const GristAction_base: (new (...args: any[]) => {
     animOnValueChange(value: number, animFromBase: boolean, base: number): void;
 }) & typeof Component;
 export default class GristAction extends GristAction_base {
-    static get nature(): ComponentNature;
-    private uuid;
     private _data;
+    get nature(): ComponentNature;
     ready(): void;
     dispose(): void;
     onclick(): void;

package/dist/grist-action.js

@@ -3,7 +3,6 @@
  *
  * grist 컴포넌트를 보조하여 grist의 각종 동작을 수행하는 컴포넌트.
  */
-import uuid from 'uuid';
 import { Component, RectPath, ValueHolder } from '@hatiolab/things-scene';
 export var ACTIONS;
 (function (ACTIONS) {
@@ -90,12 +89,7 @@ const NATURE = {
     help: 'scene/component/grist-action'
 };
 export default class GristAction extends ValueHolder(RectPath(Component)) {
-    constructor() {
-        super(...arguments);
-        // grist의 fetchHandler를 사용할 때 이 컴포넌트를 판별할 ID
-        this.uuid = uuid.v4();
-    }
-    static get nature() {
+    get nature() {
         return NATURE;
     }
     ready() {
@@ -120,15 +114,16 @@ export default class GristAction extends ValueHolder(RectPath(Component)) {
         // action 값이 바뀌면 getPageInfo인지 확인하고 grist에 fetchHandler를 등록하거나 폐기함
         if ('action' in after) {
             const gristComponent = this.targetGristComponent;
+            const { refid } = this.state;
             if (gristComponent) {
                 if (after.action == ACTIONS.GET_PAGE_INFO) {
-                    gristComponent.beforeFetchFuncs[this.uuid] = (fetchedData) => {
+                    gristComponent.beforeFetchFuncs[refid] = (fetchedData) => {
                         this.data = this.getPageInfoFrom(null, fetchedData);
                         this.doDataMap();
                     };
                 }
                 else {
-                    delete gristComponent.beforeFetchFuncs[this.uuid];
+                    delete gristComponent.beforeFetchFuncs[refid];
                 }
             }
         }

package/dist/grist-action.js.map

@@ -1 +1 @@
-{"version":3,"file":"grist-action.js","sourceRoot":"","sources":["../src/grist-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,SAAS,EAA+B,QAAQ,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAMtG,MAAM,CAAN,IAAY,OAQX;AARD,WAAY,OAAO;IACjB,sCAA2B,CAAA;IAC3B,4BAAiB,CAAA;IACjB,2CAAgC,CAAA;IAChC,qCAA0B,CAAA;IAC1B,6BAAkB,CAAA;IAClB,4DAAiD,CAAA;IACjD,wCAA6B,CAAA;AAC/B,CAAC,EARW,OAAO,KAAP,OAAO,QAQlB;AAED,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,WAAW;YACX,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE;gBACR,SAAS,EAAE,OAAO;aACnB;SACF;QACD;YACE,KAAK;YACL,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,iBAAiB;wBACjB,OAAO,EAAE,sBAAsB;wBAC/B,KAAK,EAAE,OAAO,CAAC,aAAa;qBAC7B;oBACD;wBACE,kBAAkB;wBAClB,OAAO,EAAE,cAAc;wBACvB,KAAK,EAAE,OAAO,CAAC,YAAY;qBAC5B;oBACD;wBACE,mBAAmB;wBACnB,OAAO,EAAE,mBAAmB;wBAC5B,KAAK,EAAE,OAAO,CAAC,YAAY;qBAC5B;oBACD;wBACE,qBAAqB;wBACrB,OAAO,EAAE,gBAAgB;wBACzB,KAAK,EAAE,OAAO,CAAC,SAAS;qBACzB;oBACD;wBACE,OAAO;wBACP,OAAO,EAAE,WAAW;wBACpB,KAAK,EAAE,OAAO,CAAC,OAAO;qBACvB;oBACD;wBACE,UAAU;wBACV,OAAO,EAAE,sBAAsB;wBAC/B,KAAK,EAAE,OAAO,CAAC,oBAAoB;qBACpC;oBACD;wBACE,iBAAiB;wBACjB,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,OAAO,CAAC,MAAM;qBACtB;iBACF;aACF;SACF;QACD;YACE,mBAAmB;YACnB,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,cAAc;SACrB;QACD;YACE,aAAa;YACb,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,qBAAqB;YAC5B,IAAI,EAAE,cAAc;SACrB;KACF;IACD,IAAI,EAAE,8BAA8B;CACrC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAAzE;;QAKE,4CAA4C;QACpC,SAAI,GAAG,IAAI,CAAC,EAAE,EAAE,CAAA;IAmQ1B,CAAC;IAxQC,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAMD,KAAK;QACH,+EAA+E;QAC/E,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAA;QAC5C,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;YAC3B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,GAAG,CAAC,CAAA;SACvC;IACH,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAA;IACjB,CAAC;IAED,OAAO;QACL,eAAe;QACf,IAAI,CAAC,QAAQ,EAAE,CAAA;IACjB,CAAC;IAED,QAAQ,CAAC,KAAiB;QACxB,kBAAkB;QAClB,IAAI,OAAO,IAAI,KAAK,EAAE;YACpB,IAAI,CAAC,QAAQ,EAAE,CAAA;SAChB;QAED,kEAAkE;QAClE,IAAI,QAAQ,IAAI,KAAK,EAAE;YACrB,MAAM,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAA;YAEhD,IAAI,cAAc,EAAE;gBAClB,IAAI,KAAK,CAAC,MAAM,IAAI,OAAO,CAAC,aAAa,EAAE;oBACzC,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,WAK7C,EAAE,EAAE;wBACH,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;wBACnD,IAAI,CAAC,SAAS,EAAE,CAAA;oBAClB,CAAC,CAAA;iBACF;qBAAM;oBACL,OAAO,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;iBAClD;aACF;SACF;IACH,CAAC;IAED,oCAAoC;IACpC,eAAe;QACb,OAAO,CAAC,KAAK,CACX,mJAAmJ,CACpJ,CAAA;IACH,CAAC;IAED,6BAA6B;IAC7B,SAAS;QACP,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC;IAED,kBAAkB;IAClB,QAAQ,CAAC,MAAgB;QACvB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE;YACxB,OAAM;SACP;QAED,2CAA2C;QAC3C,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACzC,MAAM,GAAG,MAAM,IAAI,YAAY,CAAA;QAE/B,gBAAgB;QAChB,IAAI,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAA;QACnC,IAAI,CAAC,KAAK;YAAE,OAAM;QAElB,IAAI,IAAI,CAAA;QACR,QAAQ,MAAM,EAAE;YACd,KAAK,OAAO,CAAC,YAAY;gBACvB,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA;gBACvB,MAAK;YACP,KAAK,OAAO,CAAC,MAAM;gBACjB,KAAK,CAAC,MAAM,EAAE,CAAA;gBACd,MAAK;YACP,KAAK,OAAO,CAAC,YAAY;gBACvB,IAAI,GAAG;oBACL,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC;oBAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;iBACzB,CAAA;gBACD,MAAK;YACP,KAAK,OAAO,CAAC,SAAS;gBACpB,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;gBAChC,MAAK;YACP,KAAK,OAAO,CAAC,OAAO;gBAClB;oBACE,IAAI,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,IAAI,EAAE,CAAA;oBAE3C,IAAI,YAAY,CAAA;oBAChB,IAAI;wBACF,YAAY,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,CAAA;qBACpD;oBAAC,OAAO,CAAC,EAAE;wBACV,OAAO,CAAC,GAAG,CAAC,4DAA4D,EAAE,CAAC,CAAC,CAAA;wBAC5E,YAAY,GAAG,EAAE,CAAA;qBAClB;oBACD,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAA;oBACjD,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;iBACzB;gBACD,MAAK;YACP,KAAK,OAAO,CAAC,oBAAoB;gBAC/B;oBACE,IAAI,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,IAAI,EAAE,CAAA;oBAE3C,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;wBAC9B,IAAI,MAAM,CAAC,cAAc,CAAC,EAAE;4BAC1B,IAAI,MAAM,CAAC,WAAW,CAAC,IAAI,GAAG;gCAAE,OAAO,OAAO,CAAC,GAAG,CAAC,CAAA;;gCAC9C,MAAM,CAAC,WAAW,CAAC,GAAG,GAAG,CAAA;yBAC/B;oBACH,CAAC,CAAC,CAAA;oBACF,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,CAAA;oBACxC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;iBACzB;gBACD,MAAK;YACP,KAAK,OAAO,CAAC,aAAa;gBACxB,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;gBAClC,MAAK;SACR;QAED,uCAAuC;QACvC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;YAChB,IAAI,CAAC,SAAS,EAAE,CAAA;SACjB;IACH,CAAC;IAED,2BAA2B;IAC3B,YAAY,CAAC,KAAgB;QAC3B,KAAK,GAAG,KAAK,IAAI,IAAI,CAAC,kBAAkB,CAAA;QACxC,IAAI,CAAC,KAAK;YAAE,OAAM;QAElB,KAAK,CAAC,OAAO,EAAE,CAAA;QACf,sCAAsC;QACtC,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3C,CAAC;IAED,mCAAmC;IACnC,aAAa,CAAC,KAAgB;QAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAA;QAClC,IAAI,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QACxC,IAAI,OAAO,GAAG;YACZ,QAAQ,EAAE,OAAO;YACjB,OAAO;YACP,OAAO,EAAE,EAAmB;YAC5B,OAAO,EAAE,EAAmB;YAC5B,OAAO,EAAE,EAAmB;SAC7B,CAAA;QAED,OAAO,CAAC,OAAO,CAAC,CAAC,MAAmB,EAAE,EAAE;YACtC,QAAQ,MAAM,CAAC,QAAQ,CAAC,EAAE;gBACxB,KAAK,GAAG;oBACN,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;oBAC5B,MAAK;gBACP,KAAK,GAAG;oBACN,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;oBAC5B,MAAK;gBACP,KAAK,GAAG;oBACN,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;oBAC5B,MAAK;aACR;QACH,CAAC,CAAC,CAAA;QACF,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,iBAAiB;IACjB,eAAe,CAAC,KAAuB,EAAE,WAAuB;QAC9D,aAAa;QACb,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,WAAW,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,IAAI,UAAU,CAAC,KAAM,CAAC,CAAA;QAE/G,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAoB,EAAE,EAAE;YAC7C,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;YACxC,OAAO,MAAM,CAAA;QACf,CAAC,CAAC,CAAA;QACF,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,CAAA;QAE/B,SAAS,UAAU,CAAC,KAAgB;YAClC,IAAI,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU,CAAA;YAC7D,IAAI,MAAM;gBACR,OAAO;oBACL,IAAI,EAAE,MAAM,CAAC,IAAI;oBACjB,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;iBACzD,CAAA;;gBACE,OAAO,EAAE,CAAA;QAChB,CAAC;IACH,CAAC;IAED,mCAAmC;IACnC,YAAY,CAAC,OAAsB;QACjC,OAAO,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACzB,IAAI,UAAU,GAA2B,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;YACzE,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,CAAA;YAEzC,KAAK,IAAI,GAAG,IAAI,WAAW,EAAE;gBAC3B,UAAU,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAA;aACzC;YACD,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;YAEnC,OAAO,UAAU,CAAA;QACnB,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAExE,iBAAiB;QACjB,OAAO,CAAC,SAAS,EAAE,CAAA;QACnB,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAEtC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAA;QAC7B,OAAO,CAAC,IAAI,EAAE,CAAA;QAEd,YAAY;QACZ,OAAO,CAAC,SAAS,EAAE,CAAA;QAEnB,IAAI,SAAS,GAAG,KAAK,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;QAClF,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;QAEnD,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,SAAS,EAAE,GAAG,EAAE,KAAK,GAAG,SAAS,EAAE,MAAM,CAAC,CAAA;QAE9D,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QAEtB,OAAO,CAAC,SAAS,EAAE,CAAA;QAEnB,OAAO,CAAC,SAAS,EAAE,CAAA;QAEnB,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IACxC,CAAC;IAED,UAAU,CAAC,OAAiC;QAC1C,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QACxB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IACxB,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAI,oBAAoB;QACtB,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAe,CAAA;IACjD,CAAC;IAED,IAAI,kBAAkB;;QACpB,OAAO,MAAA,IAAI,CAAC,oBAAoB,0CAAE,KAAK,CAAA;IACzC,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAA;IACnB,CAAC;IAED,IAAI,IAAI,CAAC,IAAI;QACX,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;IACnB,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * grist 컴포넌트를 보조하여 grist의 각종 동작을 수행하는 컴포넌트.\n */\n\nimport uuid from 'uuid'\n\nimport { Component, ComponentNature, Properties, RectPath, ValueHolder } from '@hatiolab/things-scene'\nimport { DataGrist } from '@operato/data-grist'\nimport { GristData, GristRecord, SorterConfig } from '@operato/data-grist/src/types.js'\n\nimport SceneGrist from './grist'\n\nexport enum ACTIONS {\n  GET_ALL_ROWS = 'getAllRows',\n  COMMIT = 'commit',\n  GET_SELECTED = 'getSelectedRows',\n  GET_DIRTY = 'getDirtyRows',\n  ADD_ROW = 'addRow',\n  DELETE_SELECTED_ROWS = 'deleteSelectedRowsSoftly',\n  GET_PAGE_INFO = 'getPageInfo'\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      // 대상 Grist\n      type: 'id-input',\n      label: 'target-grist',\n      name: 'target',\n      property: {\n        component: 'grist'\n      }\n    },\n    {\n      // 동작\n      type: 'select',\n      label: 'action',\n      name: 'action',\n      property: {\n        options: [\n          {\n            // 페이지네이션 정보 가져오기\n            display: 'Get page information',\n            value: ACTIONS.GET_PAGE_INFO\n          },\n          {\n            // 모든 레코드 데이터 가져오기\n            display: 'Get all rows',\n            value: ACTIONS.GET_ALL_ROWS\n          },\n          {\n            // 체크된 레코드 데이터 가져오기\n            display: 'Get selected rows',\n            value: ACTIONS.GET_SELECTED\n          },\n          {\n            // 변경 사항이 있는 데이터 가져오기\n            display: 'Get dirty rows',\n            value: ACTIONS.GET_DIRTY\n          },\n          {\n            // 행 추가\n            display: 'Add a row',\n            value: ACTIONS.ADD_ROW\n          },\n          {\n            // 선택 행 삭제\n            display: 'Delete selected rows',\n            value: ACTIONS.DELETE_SELECTED_ROWS\n          },\n          {\n            // 변경 사항을 데이터에 적용\n            display: 'Commit',\n            value: ACTIONS.COMMIT\n          }\n        ]\n      }\n    },\n    {\n      // 뷰어 시작 시 자동 실행 여부\n      type: 'checkbox',\n      label: 'run-at-startup',\n      name: 'runAtStartup'\n    },\n    {\n      // 행 추가 시의 포맷\n      type: 'textarea',\n      label: 'record-adder-format',\n      name: 'recordFormat'\n    }\n  ],\n  help: 'scene/component/grist-action'\n}\n\nexport default class GristAction extends ValueHolder(RectPath(Component)) {\n  static get nature() {\n    return NATURE\n  }\n\n  // grist의 fetchHandler를 사용할 때 이 컴포넌트를 판별할 ID\n  private uuid = uuid.v4()\n  private _data: any\n\n  ready() {\n    // 뷰어 시작시에도 action 값이 getPageInfo로 되어 있을 경우 fetchHandler를 등록하기 위해 onchange를 호출함\n    this.onchange({ action: this.state.action })\n    if (this.state.runAtStartup) {\n      setTimeout(() => this.doAction(), 100)\n    }\n  }\n\n  dispose() {\n    super.dispose()\n  }\n\n  onclick() {\n    // 컴포넌트 클릭 시 동작\n    this.doAction()\n  }\n\n  onchange(after: Properties) {\n    // value 값이 바뀌면 동작\n    if ('value' in after) {\n      this.doAction()\n    }\n\n    // action 값이 바뀌면 getPageInfo인지 확인하고 grist에 fetchHandler를 등록하거나 폐기함\n    if ('action' in after) {\n      const gristComponent = this.targetGristComponent\n\n      if (gristComponent) {\n        if (after.action == ACTIONS.GET_PAGE_INFO) {\n          gristComponent.beforeFetchFuncs[this.uuid] = (fetchedData: {\n            page: number\n            limit: number\n            total: number\n            records: GristRecord[]\n          }) => {\n            this.data = this.getPageInfoFrom(null, fetchedData)\n            this.doDataMap()\n          }\n        } else {\n          delete gristComponent.beforeFetchFuncs[this.uuid]\n        }\n      }\n    }\n  }\n\n  // 데이터 매핑을 수동으로 실행하기 위해 기존의 메소드를 무효화\n  executeMappings() {\n    console.debug(\n      \"[@operato/data-grist] The method 'executeMappings' is overriden in the component 'grist-action', because of to prevent executing when initialize.\"\n    )\n  }\n\n  // 데이터 매핑을 수동으로 조작하기 위한 새 메소드\n  doDataMap() {\n    super.executeMappings()\n  }\n\n  // action 값에 따라 동작\n  doAction(action?: ACTIONS) {\n    if (!this.app.isViewMode) {\n      return\n    }\n\n    // 파라미터가 명시되어있지 않으면 컴포넌트 속성에서 action 값을 가져옴\n    var { action: storedAction } = this.state\n    action = action || storedAction\n\n    // 대상 Grist 컴포넌트\n    var grist = this.targetGristElement\n    if (!grist) return\n\n    var data\n    switch (action) {\n      case ACTIONS.GET_ALL_ROWS:\n        data = grist.grist.data\n        break\n      case ACTIONS.COMMIT:\n        grist.commit()\n        break\n      case ACTIONS.GET_SELECTED:\n        data = {\n          patches: this.buildPatches(grist.selected),\n          original: grist.selected\n        }\n        break\n      case ACTIONS.GET_DIRTY:\n        data = this.assortDirties(grist)\n        break\n      case ACTIONS.ADD_ROW:\n        {\n          var records = grist.dirtyData.records || []\n\n          let recordFormat\n          try {\n            recordFormat = eval(`(${this.state.recordFormat})`)\n          } catch (e) {\n            console.log('Invalid JSON format. It will be assumed as empty object.\\n', e)\n            recordFormat = {}\n          }\n          records.push({ ...recordFormat, __dirty__: '+' })\n          this.refreshGrist(grist)\n        }\n        break\n      case ACTIONS.DELETE_SELECTED_ROWS:\n        {\n          var records = grist.dirtyData.records || []\n\n          records.forEach((record, idx) => {\n            if (record['__selected__']) {\n              if (record['__dirty__'] == '+') delete records[idx]\n              else record['__dirty__'] = '-'\n            }\n          })\n          grist.dirtyData.records = records.flat()\n          this.refreshGrist(grist)\n        }\n        break\n      case ACTIONS.GET_PAGE_INFO:\n        data = this.getPageInfoFrom(grist)\n        break\n    }\n\n    // 이 컴포넌트의 data 값이 바뀌는 동작은 데이터 매핑까지 실행함\n    if (data) {\n      this.data = data\n      this.doDataMap()\n    }\n  }\n\n  // 대상 grist 컴포넌트의 레코드를 새로고침\n  refreshGrist(grist: DataGrist) {\n    grist = grist || this.targetGristElement\n    if (!grist) return\n\n    grist.refresh()\n    // grist.dataProvider.onRecordChange()\n    grist.grist.data = { ...grist.dirtyData }\n  }\n\n  // 변경 사항이 있는 레코드의 경우, CUD를 분류해서 반환함\n  assortDirties(grist: DataGrist) {\n    const dirties = grist.dirtyRecords\n    var patches = this.buildPatches(dirties)\n    var records = {\n      original: dirties,\n      patches,\n      created: [] as GristRecord[],\n      updated: [] as GristRecord[],\n      deleted: [] as GristRecord[]\n    }\n\n    patches.forEach((record: GristRecord) => {\n      switch (record['cuFlag']) {\n        case 'M':\n          records.updated.push(record)\n          break\n        case '+':\n          records.created.push(record)\n          break\n        case '-':\n          records.deleted.push(record)\n          break\n      }\n    })\n    return records\n  }\n\n  // 페이지네이션 정보를 가져옴\n  getPageInfoFrom(grist: DataGrist | null, fetchedData?: GristData) {\n    // @ts-ignore\n    var { page = 1, limit = 20, sorters = [] } = fetchedData || (grist && grist.dataProvider) || pagination(grist!)\n\n    sorters = sorters.map((sorter: SorterConfig) => {\n      sorter.desc = sorter.desc ? true : false\n      return sorter\n    })\n    return { page, limit, sorters }\n\n    function pagination(grist: DataGrist) {\n      var config = grist && grist.config && grist.config.pagination\n      if (config)\n        return {\n          page: config.page,\n          limit: config.limit || (config.pages && config.pages[0])\n        }\n      else return {}\n    }\n  }\n\n  // 레코드들을 서버 공통 resolver에 맞는 포맷으로 만듦\n  buildPatches(patches: GristRecord[]): GristRecord[] {\n    return patches.map(patch => {\n      let patchField: { [key: string]: any } = patch.id ? { id: patch.id } : {}\n      const dirtyFields = patch.__dirtyfields__\n\n      for (let key in dirtyFields) {\n        patchField[key] = dirtyFields[key].after\n      }\n      patchField.cuFlag = patch.__dirty__\n\n      return patchField\n    })\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { top, left, height, width, fillStyle = 'transparent' } = this.model\n\n    // background의 색상\n    context.beginPath()\n    context.rect(left, top, width, height)\n\n    context.fillStyle = fillStyle\n    context.fill()\n\n    // value의 색상\n    context.beginPath()\n\n    var drawValue = width - (width * Math.max(Math.min(this.animValue, 100), 0)) / 100\n    drawValue = Math.max(Math.min(drawValue, width), 0)\n\n    context.rect(left + drawValue, top, width - drawValue, height)\n\n    this.drawFill(context)\n\n    context.closePath()\n\n    context.beginPath()\n\n    context.rect(left, top, width, height)\n  }\n\n  postrender(context: CanvasRenderingContext2D) {\n    this.drawStroke(context)\n    this.drawText(context)\n  }\n\n  get controls() {\n    return []\n  }\n\n  get targetGristComponent(): SceneGrist {\n    var { target } = this.state\n    return this.root.findById(target) as SceneGrist\n  }\n\n  get targetGristElement(): DataGrist | undefined {\n    return this.targetGristComponent?.grist\n  }\n\n  get data() {\n    return this._data\n  }\n\n  set data(data) {\n    this._data = data\n  }\n}\n\nComponent.register('grist-action', GristAction)\n"]}
+{"version":3,"file":"grist-action.js","sourceRoot":"","sources":["../src/grist-action.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAA+B,QAAQ,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAMtG,MAAM,CAAN,IAAY,OAQX;AARD,WAAY,OAAO;IACjB,sCAA2B,CAAA;IAC3B,4BAAiB,CAAA;IACjB,2CAAgC,CAAA;IAChC,qCAA0B,CAAA;IAC1B,6BAAkB,CAAA;IAClB,4DAAiD,CAAA;IACjD,wCAA6B,CAAA;AAC/B,CAAC,EARW,OAAO,KAAP,OAAO,QAQlB;AAED,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,WAAW;YACX,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,cAAc;YACrB,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE;gBACR,SAAS,EAAE,OAAO;aACnB;SACF;QACD;YACE,KAAK;YACL,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,QAAQ;YACd,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,iBAAiB;wBACjB,OAAO,EAAE,sBAAsB;wBAC/B,KAAK,EAAE,OAAO,CAAC,aAAa;qBAC7B;oBACD;wBACE,kBAAkB;wBAClB,OAAO,EAAE,cAAc;wBACvB,KAAK,EAAE,OAAO,CAAC,YAAY;qBAC5B;oBACD;wBACE,mBAAmB;wBACnB,OAAO,EAAE,mBAAmB;wBAC5B,KAAK,EAAE,OAAO,CAAC,YAAY;qBAC5B;oBACD;wBACE,qBAAqB;wBACrB,OAAO,EAAE,gBAAgB;wBACzB,KAAK,EAAE,OAAO,CAAC,SAAS;qBACzB;oBACD;wBACE,OAAO;wBACP,OAAO,EAAE,WAAW;wBACpB,KAAK,EAAE,OAAO,CAAC,OAAO;qBACvB;oBACD;wBACE,UAAU;wBACV,OAAO,EAAE,sBAAsB;wBAC/B,KAAK,EAAE,OAAO,CAAC,oBAAoB;qBACpC;oBACD;wBACE,iBAAiB;wBACjB,OAAO,EAAE,QAAQ;wBACjB,KAAK,EAAE,OAAO,CAAC,MAAM;qBACtB;iBACF;aACF;SACF;QACD;YACE,mBAAmB;YACnB,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,cAAc;SACrB;QACD;YACE,aAAa;YACb,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,qBAAqB;YAC5B,IAAI,EAAE,cAAc;SACrB;KACF;IACD,IAAI,EAAE,8BAA8B;CACrC,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,WAAW,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAGvE,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,KAAK;QACH,+EAA+E;QAC/E,IAAI,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAA;QAC5C,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE;YAC3B,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,GAAG,CAAC,CAAA;SACvC;IACH,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAA;IACjB,CAAC;IAED,OAAO;QACL,eAAe;QACf,IAAI,CAAC,QAAQ,EAAE,CAAA;IACjB,CAAC;IAED,QAAQ,CAAC,KAAiB;QACxB,kBAAkB;QAClB,IAAI,OAAO,IAAI,KAAK,EAAE;YACpB,IAAI,CAAC,QAAQ,EAAE,CAAA;SAChB;QAED,kEAAkE;QAClE,IAAI,QAAQ,IAAI,KAAK,EAAE;YACrB,MAAM,cAAc,GAAG,IAAI,CAAC,oBAAoB,CAAA;YAChD,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;YAE5B,IAAI,cAAc,EAAE;gBAClB,IAAI,KAAK,CAAC,MAAM,IAAI,OAAO,CAAC,aAAa,EAAE;oBACzC,cAAc,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,WAKzC,EAAE,EAAE;wBACH,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,WAAW,CAAC,CAAA;wBACnD,IAAI,CAAC,SAAS,EAAE,CAAA;oBAClB,CAAC,CAAA;iBACF;qBAAM;oBACL,OAAO,cAAc,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAA;iBAC9C;aACF;SACF;IACH,CAAC;IAED,oCAAoC;IACpC,eAAe;QACb,OAAO,CAAC,KAAK,CACX,mJAAmJ,CACpJ,CAAA;IACH,CAAC;IAED,6BAA6B;IAC7B,SAAS;QACP,KAAK,CAAC,eAAe,EAAE,CAAA;IACzB,CAAC;IAED,kBAAkB;IAClB,QAAQ,CAAC,MAAgB;QACvB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE;YACxB,OAAM;SACP;QAED,2CAA2C;QAC3C,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACzC,MAAM,GAAG,MAAM,IAAI,YAAY,CAAA;QAE/B,gBAAgB;QAChB,IAAI,KAAK,GAAG,IAAI,CAAC,kBAAkB,CAAA;QACnC,IAAI,CAAC,KAAK;YAAE,OAAM;QAElB,IAAI,IAAI,CAAA;QACR,QAAQ,MAAM,EAAE;YACd,KAAK,OAAO,CAAC,YAAY;gBACvB,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA;gBACvB,MAAK;YACP,KAAK,OAAO,CAAC,MAAM;gBACjB,KAAK,CAAC,MAAM,EAAE,CAAA;gBACd,MAAK;YACP,KAAK,OAAO,CAAC,YAAY;gBACvB,IAAI,GAAG;oBACL,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC;oBAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;iBACzB,CAAA;gBACD,MAAK;YACP,KAAK,OAAO,CAAC,SAAS;gBACpB,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;gBAChC,MAAK;YACP,KAAK,OAAO,CAAC,OAAO;gBAClB;oBACE,IAAI,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,IAAI,EAAE,CAAA;oBAE3C,IAAI,YAAY,CAAA;oBAChB,IAAI;wBACF,YAAY,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,CAAC,CAAA;qBACpD;oBAAC,OAAO,CAAC,EAAE;wBACV,OAAO,CAAC,GAAG,CAAC,4DAA4D,EAAE,CAAC,CAAC,CAAA;wBAC5E,YAAY,GAAG,EAAE,CAAA;qBAClB;oBACD,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,YAAY,EAAE,SAAS,EAAE,GAAG,EAAE,CAAC,CAAA;oBACjD,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;iBACzB;gBACD,MAAK;YACP,KAAK,OAAO,CAAC,oBAAoB;gBAC/B;oBACE,IAAI,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,IAAI,EAAE,CAAA;oBAE3C,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;wBAC9B,IAAI,MAAM,CAAC,cAAc,CAAC,EAAE;4BAC1B,IAAI,MAAM,CAAC,WAAW,CAAC,IAAI,GAAG;gCAAE,OAAO,OAAO,CAAC,GAAG,CAAC,CAAA;;gCAC9C,MAAM,CAAC,WAAW,CAAC,GAAG,GAAG,CAAA;yBAC/B;oBACH,CAAC,CAAC,CAAA;oBACF,KAAK,CAAC,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,EAAE,CAAA;oBACxC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAA;iBACzB;gBACD,MAAK;YACP,KAAK,OAAO,CAAC,aAAa;gBACxB,IAAI,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;gBAClC,MAAK;SACR;QAED,uCAAuC;QACvC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;YAChB,IAAI,CAAC,SAAS,EAAE,CAAA;SACjB;IACH,CAAC;IAED,2BAA2B;IAC3B,YAAY,CAAC,KAAgB;QAC3B,KAAK,GAAG,KAAK,IAAI,IAAI,CAAC,kBAAkB,CAAA;QACxC,IAAI,CAAC,KAAK;YAAE,OAAM;QAElB,KAAK,CAAC,OAAO,EAAE,CAAA;QACf,sCAAsC;QACtC,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,EAAE,GAAG,KAAK,CAAC,SAAS,EAAE,CAAA;IAC3C,CAAC;IAED,mCAAmC;IACnC,aAAa,CAAC,KAAgB;QAC5B,MAAM,OAAO,GAAG,KAAK,CAAC,YAAY,CAAA;QAClC,IAAI,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;QACxC,IAAI,OAAO,GAAG;YACZ,QAAQ,EAAE,OAAO;YACjB,OAAO;YACP,OAAO,EAAE,EAAmB;YAC5B,OAAO,EAAE,EAAmB;YAC5B,OAAO,EAAE,EAAmB;SAC7B,CAAA;QAED,OAAO,CAAC,OAAO,CAAC,CAAC,MAAmB,EAAE,EAAE;YACtC,QAAQ,MAAM,CAAC,QAAQ,CAAC,EAAE;gBACxB,KAAK,GAAG;oBACN,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;oBAC5B,MAAK;gBACP,KAAK,GAAG;oBACN,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;oBAC5B,MAAK;gBACP,KAAK,GAAG;oBACN,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;oBAC5B,MAAK;aACR;QACH,CAAC,CAAC,CAAA;QACF,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,iBAAiB;IACjB,eAAe,CAAC,KAAuB,EAAE,WAAuB;QAC9D,aAAa;QACb,IAAI,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,WAAW,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,YAAY,CAAC,IAAI,UAAU,CAAC,KAAM,CAAC,CAAA;QAE/G,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAoB,EAAE,EAAE;YAC7C,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;YACxC,OAAO,MAAM,CAAA;QACf,CAAC,CAAC,CAAA;QACF,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,CAAA;QAE/B,SAAS,UAAU,CAAC,KAAgB;YAClC,IAAI,MAAM,GAAG,KAAK,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,CAAC,UAAU,CAAA;YAC7D,IAAI,MAAM;gBACR,OAAO;oBACL,IAAI,EAAE,MAAM,CAAC,IAAI;oBACjB,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;iBACzD,CAAA;;gBACE,OAAO,EAAE,CAAA;QAChB,CAAC;IACH,CAAC;IAED,mCAAmC;IACnC,YAAY,CAAC,OAAsB;QACjC,OAAO,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;YACzB,IAAI,UAAU,GAA2B,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;YACzE,MAAM,WAAW,GAAG,KAAK,CAAC,eAAe,CAAA;YAEzC,KAAK,IAAI,GAAG,IAAI,WAAW,EAAE;gBAC3B,UAAU,CAAC,GAAG,CAAC,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAA;aACzC;YACD,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;YAEnC,OAAO,UAAU,CAAA;QACnB,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,MAAM,CAAC,OAAiC;QACtC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAExE,iBAAiB;QACjB,OAAO,CAAC,SAAS,EAAE,CAAA;QACnB,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;QAEtC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAA;QAC7B,OAAO,CAAC,IAAI,EAAE,CAAA;QAEd,YAAY;QACZ,OAAO,CAAC,SAAS,EAAE,CAAA;QAEnB,IAAI,SAAS,GAAG,KAAK,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,GAAG,CAAA;QAClF,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;QAEnD,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,SAAS,EAAE,GAAG,EAAE,KAAK,GAAG,SAAS,EAAE,MAAM,CAAC,CAAA;QAE9D,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;QAEtB,OAAO,CAAC,SAAS,EAAE,CAAA;QAEnB,OAAO,CAAC,SAAS,EAAE,CAAA;QAEnB,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IACxC,CAAC;IAED,UAAU,CAAC,OAAiC;QAC1C,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QACxB,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;IACxB,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,EAAE,CAAA;IACX,CAAC;IAED,IAAI,oBAAoB;QACtB,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC3B,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAe,CAAA;IACjD,CAAC;IAED,IAAI,kBAAkB;;QACpB,OAAO,MAAA,IAAI,CAAC,oBAAoB,0CAAE,KAAK,CAAA;IACzC,CAAC;IAED,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAA;IACnB,CAAC;IAED,IAAI,IAAI,CAAC,IAAI;QACX,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;IACnB,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * grist 컴포넌트를 보조하여 grist의 각종 동작을 수행하는 컴포넌트.\n */\n\nimport { Component, ComponentNature, Properties, RectPath, ValueHolder } from '@hatiolab/things-scene'\nimport { DataGrist } from '@operato/data-grist'\nimport { GristData, GristRecord, SorterConfig } from '@operato/data-grist/src/types.js'\n\nimport SceneGrist from './grist'\n\nexport enum ACTIONS {\n  GET_ALL_ROWS = 'getAllRows',\n  COMMIT = 'commit',\n  GET_SELECTED = 'getSelectedRows',\n  GET_DIRTY = 'getDirtyRows',\n  ADD_ROW = 'addRow',\n  DELETE_SELECTED_ROWS = 'deleteSelectedRowsSoftly',\n  GET_PAGE_INFO = 'getPageInfo'\n}\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      // 대상 Grist\n      type: 'id-input',\n      label: 'target-grist',\n      name: 'target',\n      property: {\n        component: 'grist'\n      }\n    },\n    {\n      // 동작\n      type: 'select',\n      label: 'action',\n      name: 'action',\n      property: {\n        options: [\n          {\n            // 페이지네이션 정보 가져오기\n            display: 'Get page information',\n            value: ACTIONS.GET_PAGE_INFO\n          },\n          {\n            // 모든 레코드 데이터 가져오기\n            display: 'Get all rows',\n            value: ACTIONS.GET_ALL_ROWS\n          },\n          {\n            // 체크된 레코드 데이터 가져오기\n            display: 'Get selected rows',\n            value: ACTIONS.GET_SELECTED\n          },\n          {\n            // 변경 사항이 있는 데이터 가져오기\n            display: 'Get dirty rows',\n            value: ACTIONS.GET_DIRTY\n          },\n          {\n            // 행 추가\n            display: 'Add a row',\n            value: ACTIONS.ADD_ROW\n          },\n          {\n            // 선택 행 삭제\n            display: 'Delete selected rows',\n            value: ACTIONS.DELETE_SELECTED_ROWS\n          },\n          {\n            // 변경 사항을 데이터에 적용\n            display: 'Commit',\n            value: ACTIONS.COMMIT\n          }\n        ]\n      }\n    },\n    {\n      // 뷰어 시작 시 자동 실행 여부\n      type: 'checkbox',\n      label: 'run-at-startup',\n      name: 'runAtStartup'\n    },\n    {\n      // 행 추가 시의 포맷\n      type: 'textarea',\n      label: 'record-adder-format',\n      name: 'recordFormat'\n    }\n  ],\n  help: 'scene/component/grist-action'\n}\n\nexport default class GristAction extends ValueHolder(RectPath(Component)) {\n  private _data: any\n\n  get nature() {\n    return NATURE\n  }\n\n  ready() {\n    // 뷰어 시작시에도 action 값이 getPageInfo로 되어 있을 경우 fetchHandler를 등록하기 위해 onchange를 호출함\n    this.onchange({ action: this.state.action })\n    if (this.state.runAtStartup) {\n      setTimeout(() => this.doAction(), 100)\n    }\n  }\n\n  dispose() {\n    super.dispose()\n  }\n\n  onclick() {\n    // 컴포넌트 클릭 시 동작\n    this.doAction()\n  }\n\n  onchange(after: Properties) {\n    // value 값이 바뀌면 동작\n    if ('value' in after) {\n      this.doAction()\n    }\n\n    // action 값이 바뀌면 getPageInfo인지 확인하고 grist에 fetchHandler를 등록하거나 폐기함\n    if ('action' in after) {\n      const gristComponent = this.targetGristComponent\n      const { refid } = this.state\n\n      if (gristComponent) {\n        if (after.action == ACTIONS.GET_PAGE_INFO) {\n          gristComponent.beforeFetchFuncs[refid] = (fetchedData: {\n            page: number\n            limit: number\n            total: number\n            records: GristRecord[]\n          }) => {\n            this.data = this.getPageInfoFrom(null, fetchedData)\n            this.doDataMap()\n          }\n        } else {\n          delete gristComponent.beforeFetchFuncs[refid]\n        }\n      }\n    }\n  }\n\n  // 데이터 매핑을 수동으로 실행하기 위해 기존의 메소드를 무효화\n  executeMappings() {\n    console.debug(\n      \"[@operato/data-grist] The method 'executeMappings' is overriden in the component 'grist-action', because of to prevent executing when initialize.\"\n    )\n  }\n\n  // 데이터 매핑을 수동으로 조작하기 위한 새 메소드\n  doDataMap() {\n    super.executeMappings()\n  }\n\n  // action 값에 따라 동작\n  doAction(action?: ACTIONS) {\n    if (!this.app.isViewMode) {\n      return\n    }\n\n    // 파라미터가 명시되어있지 않으면 컴포넌트 속성에서 action 값을 가져옴\n    var { action: storedAction } = this.state\n    action = action || storedAction\n\n    // 대상 Grist 컴포넌트\n    var grist = this.targetGristElement\n    if (!grist) return\n\n    var data\n    switch (action) {\n      case ACTIONS.GET_ALL_ROWS:\n        data = grist.grist.data\n        break\n      case ACTIONS.COMMIT:\n        grist.commit()\n        break\n      case ACTIONS.GET_SELECTED:\n        data = {\n          patches: this.buildPatches(grist.selected),\n          original: grist.selected\n        }\n        break\n      case ACTIONS.GET_DIRTY:\n        data = this.assortDirties(grist)\n        break\n      case ACTIONS.ADD_ROW:\n        {\n          var records = grist.dirtyData.records || []\n\n          let recordFormat\n          try {\n            recordFormat = eval(`(${this.state.recordFormat})`)\n          } catch (e) {\n            console.log('Invalid JSON format. It will be assumed as empty object.\\n', e)\n            recordFormat = {}\n          }\n          records.push({ ...recordFormat, __dirty__: '+' })\n          this.refreshGrist(grist)\n        }\n        break\n      case ACTIONS.DELETE_SELECTED_ROWS:\n        {\n          var records = grist.dirtyData.records || []\n\n          records.forEach((record, idx) => {\n            if (record['__selected__']) {\n              if (record['__dirty__'] == '+') delete records[idx]\n              else record['__dirty__'] = '-'\n            }\n          })\n          grist.dirtyData.records = records.flat()\n          this.refreshGrist(grist)\n        }\n        break\n      case ACTIONS.GET_PAGE_INFO:\n        data = this.getPageInfoFrom(grist)\n        break\n    }\n\n    // 이 컴포넌트의 data 값이 바뀌는 동작은 데이터 매핑까지 실행함\n    if (data) {\n      this.data = data\n      this.doDataMap()\n    }\n  }\n\n  // 대상 grist 컴포넌트의 레코드를 새로고침\n  refreshGrist(grist: DataGrist) {\n    grist = grist || this.targetGristElement\n    if (!grist) return\n\n    grist.refresh()\n    // grist.dataProvider.onRecordChange()\n    grist.grist.data = { ...grist.dirtyData }\n  }\n\n  // 변경 사항이 있는 레코드의 경우, CUD를 분류해서 반환함\n  assortDirties(grist: DataGrist) {\n    const dirties = grist.dirtyRecords\n    var patches = this.buildPatches(dirties)\n    var records = {\n      original: dirties,\n      patches,\n      created: [] as GristRecord[],\n      updated: [] as GristRecord[],\n      deleted: [] as GristRecord[]\n    }\n\n    patches.forEach((record: GristRecord) => {\n      switch (record['cuFlag']) {\n        case 'M':\n          records.updated.push(record)\n          break\n        case '+':\n          records.created.push(record)\n          break\n        case '-':\n          records.deleted.push(record)\n          break\n      }\n    })\n    return records\n  }\n\n  // 페이지네이션 정보를 가져옴\n  getPageInfoFrom(grist: DataGrist | null, fetchedData?: GristData) {\n    // @ts-ignore\n    var { page = 1, limit = 20, sorters = [] } = fetchedData || (grist && grist.dataProvider) || pagination(grist!)\n\n    sorters = sorters.map((sorter: SorterConfig) => {\n      sorter.desc = sorter.desc ? true : false\n      return sorter\n    })\n    return { page, limit, sorters }\n\n    function pagination(grist: DataGrist) {\n      var config = grist && grist.config && grist.config.pagination\n      if (config)\n        return {\n          page: config.page,\n          limit: config.limit || (config.pages && config.pages[0])\n        }\n      else return {}\n    }\n  }\n\n  // 레코드들을 서버 공통 resolver에 맞는 포맷으로 만듦\n  buildPatches(patches: GristRecord[]): GristRecord[] {\n    return patches.map(patch => {\n      let patchField: { [key: string]: any } = patch.id ? { id: patch.id } : {}\n      const dirtyFields = patch.__dirtyfields__\n\n      for (let key in dirtyFields) {\n        patchField[key] = dirtyFields[key].after\n      }\n      patchField.cuFlag = patch.__dirty__\n\n      return patchField\n    })\n  }\n\n  render(context: CanvasRenderingContext2D) {\n    var { top, left, height, width, fillStyle = 'transparent' } = this.model\n\n    // background의 색상\n    context.beginPath()\n    context.rect(left, top, width, height)\n\n    context.fillStyle = fillStyle\n    context.fill()\n\n    // value의 색상\n    context.beginPath()\n\n    var drawValue = width - (width * Math.max(Math.min(this.animValue, 100), 0)) / 100\n    drawValue = Math.max(Math.min(drawValue, width), 0)\n\n    context.rect(left + drawValue, top, width - drawValue, height)\n\n    this.drawFill(context)\n\n    context.closePath()\n\n    context.beginPath()\n\n    context.rect(left, top, width, height)\n  }\n\n  postrender(context: CanvasRenderingContext2D) {\n    this.drawStroke(context)\n    this.drawText(context)\n  }\n\n  get controls() {\n    return []\n  }\n\n  get targetGristComponent(): SceneGrist {\n    var { target } = this.state\n    return this.root.findById(target) as SceneGrist\n  }\n\n  get targetGristElement(): DataGrist | undefined {\n    return this.targetGristComponent?.grist\n  }\n\n  get data() {\n    return this._data\n  }\n\n  set data(data) {\n    this._data = data\n  }\n}\n\nComponent.register('grist-action', GristAction)\n"]}

package/dist/grist.d.ts

@@ -2,12 +2,12 @@ import '@operato/data-grist';
 import { ComponentNature, HTMLOverlayElement, Properties } from '@hatiolab/things-scene';
 import { DataGrist } from '@operato/data-grist';
 export default class SceneGrist extends HTMLOverlayElement {
-    static get nature(): ComponentNature;
     beforeFetchFuncs: any;
     private __value;
     private _listenTo?;
     private _listener?;
     grist?: DataGrist;
+    get nature(): ComponentNature;
     ready(): void;
     removed(): void;
     createElement(): void;

package/dist/grist.js

@@ -22,6 +22,10 @@ const NATURE = {
                         display: 'List',
                         value: 'LIST'
                     },
+                    {
+                        display: 'Card',
+                        value: 'CARD'
+                    },
                     {
                         display: 'Depends on device',
                         value: 'DEVICE'
@@ -84,7 +88,7 @@ export default class SceneGrist extends HTMLOverlayElement {
         this.beforeFetchFuncs = {};
         this.__value = {};
     }
-    static get nature() {
+    get nature() {
         return NATURE;
     }
     ready() {

package/dist/grist.js.map

@@ -1 +1 @@
-{"version":3,"file":"grist.js","sourceRoot":"","sources":["../src/grist.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,qBAAqB,CAAA;AAE5B,OAAO,EAAE,SAAS,EAAmB,kBAAkB,EAAc,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAI1G,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,MAAM;qBACd;oBACD;wBACE,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,MAAM;qBACd;oBACD;wBACE,OAAO,EAAE,mBAAmB;wBAC5B,KAAK,EAAE,QAAQ;qBAChB;iBACF;aACF;SACF;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,QAAQ;SACf;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,YAAY;SACnB;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,aAAa;SACpB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,eAAe;YACtB,IAAI,EAAE,cAAc;YACpB,QAAQ,EAAE;gBACR,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;aACT;SACF;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,OAAO,EAAE,EAAE;wBACX,KAAK,EAAE,EAAE;qBACV;oBACD;wBACE,OAAO,EAAE,aAAa;wBACtB,KAAK,EAAE,aAAa;qBACrB;oBACD;wBACE,OAAO,EAAE,eAAe;wBACxB,KAAK,EAAE,eAAe;qBACvB;iBACF;aACF;SACF;KACF;IACD,IAAI,EAAE,uBAAuB;CAC9B,CAAA;AAED,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,KAAK,CAAA;AAElC,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,kBAAkB;IAA1D;;QAKS,qBAAgB,GAAQ,EAAE,CAAA;QAEzB,YAAO,GAAQ,EAAE,CAAA;IA8M3B,CAAC;IApNC,MAAM,KAAK,MAAM;QACf,OAAO,MAAM,CAAA;IACf,CAAC;IAUD,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;YAC/B,IAAI,CAAC,SAAS,GAAG,UAA4B,KAAiB;gBAC5D,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CAAA;YAC/B,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACZ,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;SAC5C;IACH,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;YAE5C,OAAO,IAAI,CAAC,SAAS,CAAA;YACrB,OAAO,IAAI,CAAC,SAAS,CAAA;SACtB;IACH,CAAC;IAED,aAAa;QACX,KAAK,CAAC,aAAa,EAAE,CAAA;QAErB,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAc,CAAA;QAC5D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAA;QAEpD,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAEpC,IAAI,CAAC,OAAO,EAAE,CAAA;QAEd,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;QAExB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;QAE1B,KAAK,CAAC,YAAY,GAAG,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAe,EAAwB,EAAE;YAClG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;YACpG,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAA;YAElD,OAAO;gBACL,IAAI;gBACJ,KAAK;gBACL,KAAK;gBACL,OAAO;aACR,CAAA;QACH,CAAC,CAAA;QAED,KAAK,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,CAAC,CAAC,EAAE;;YACjD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,eAAe,EAAE;gBAC5C,IAAI,CAAC,IAAI,GAAG,CAAA,MAAC,CAAC,CAAC,MAAoB,0CAAE,QAAQ,KAAI,EAAE,CAAA;aACpD;QACH,CAAC,CAAC,CAAA;QAEF,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,CAAC,CAAC,EAAE;;YAC9C,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,eAAe,EAAE;gBAC5C,IAAI,CAAC,IAAI,GAAG,CAAA,MAAC,CAAC,CAAC,MAAoB,0CAAE,QAAQ,KAAI,EAAE,CAAA;aACpD;QACH,CAAC,CAAC,CAAA;QAEF,KAAK,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAQ,EAAE,EAAE;;YAClD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,aAAa,EAAE;gBAC1C,IAAI,CAAC,IAAI,GAAG,CAAC,CAAA,MAAA,MAAC,CAAC,CAAC,MAAoB,0CAAE,IAAI,0CAAE,OAAO,KAAI,EAAE,CAAC,CAAE,CAAiB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;aAC1F;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAK;QACb,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAM;QAEpD,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE,CAAA;QAElD,IAAI,CAAC,KAAK,CAAC,IAAI;YACb,KAAK,YAAY,KAAK;gBACpB,CAAC,CAAC;oBACE,IAAI;oBACJ,KAAK;oBACL,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;oBACnB,KAAK,EAAE,KAAK,CAAC,MAAM;oBACnB,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;iBAC3B;gBACH,CAAC,CAAC;oBACE,IAAI;oBACJ,KAAK;oBACL,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;oBACnB,GAAG,KAAK;iBACT,CAAA;IACT,CAAC;IAED,QAAQ,CAAC,KAAiB,EAAE,MAAkB;QAC5C,IAAI,MAAM,IAAI,KAAK,IAAI,YAAY,IAAI,KAAK,IAAI,aAAa,IAAI,KAAK,IAAI,QAAQ,IAAI,KAAK,EAAE;YAC3F,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;SAChC;QAED,IAAI,CAAC,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAA;QAEf,OAAO,IAAI,CAAC,KAAK,CAAA;IACnB,CAAC;IAED;;;;;OAKG;IACH,oBAAoB,CAAC,KAAgB;QACnC,IAAI,CAAC,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,cAAc,CAAC,KAA4B;QACzC,IAAI,CAAC,KAAK,EAAE;YACV,OAAM;SACP;QAED,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEzB,IAAI,IAAI,IAAI,QAAQ,EAAE;YACpB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAA;SAClB;aAAM;YACL,KAAK,CAAC,IAAI,GAAG,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;SAChD;QAED,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;IAC5B,CAAC;IAED;;;OAGG;IACH,UAAU;QACR,KAAK,CAAC,UAAU,EAAE,CAAA;IACpB,CAAC;IAED;;OAEG;IACH,OAAO;QACL,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;QACtB,IAAI,CAAC,KAAK,EAAE;YACV,OAAM;SACP;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;QAEhD,MAAM,EAAE,GAAG,KAAK,CAAA;QAChB,MAAM,EAAE,GAAG,KAAK,CAAA;QAEhB,MAAM,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,CAEtC;QAAA,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,MAAc,EAAE,EAAE;YACnE,KAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,WAAW,EAAE,SAAS,CAAC,CAAA;YACzD,KAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,kBAAkB,EAAE,SAAS,CAAC,CAAA;QAClE,CAAC,CAAC,CAAA;QAEF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACpC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,IAAI,CAAA;QACpD,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,IAAI,CAAA;IACxD,CAAC;IAED,IAAI,MAAM;QACR,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEpD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAC9B,IAAI;gBACF,MAAM,GAAG,IAAI,CAAC,IAAI,MAAM,GAAG,CAAC,CAAA;aAC7B;YAAC,OAAO,CAAC,EAAE;gBACV,KAAK,CAAC,CAAC,CAAC,CAAA;aACT;SACF;QAED,IAAI,WAAW,EAAE;YACf,IAAI,MAAM,CAAC,UAAU,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,IAAI,MAAM,CAAC,UAAU,CAAC,KAAK,IAAI,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE;gBAC9G,MAAM,CAAC,UAAU,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;aACrD;SACF;QAED,MAAM,CAAC,UAAU,GAAG;YAClB,GAAG,MAAM,CAAC,UAAU;YACpB,QAAQ,EAAE,CAAC,WAAW;SACvB,CAAA;QAED,MAAM,CAAC,IAAI,GAAG;YACZ,GAAG,MAAM,CAAC,IAAI;YACd,UAAU,EAAE,CAAC,CAAC,UAAU;SACzB,CAAA;QAED,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,OAAO;QACT,OAAO,KAAK,CAAA;IACd,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@operato/data-grist'\n\nimport { Component, ComponentNature, HTMLOverlayElement, Properties, error } from '@hatiolab/things-scene'\nimport { DataGrist, FetchResult } from '@operato/data-grist'\nimport { FetchOption, GristRecord } from '@operato/data-grist/dist/src/types'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'grist-mode',\n      name: 'mode',\n      property: {\n        options: [\n          {\n            display: 'Grid',\n            value: 'GRID'\n          },\n          {\n            display: 'List',\n            value: 'LIST'\n          },\n          {\n            display: 'Depends on device',\n            value: 'DEVICE'\n          }\n        ]\n      }\n    },\n    {\n      type: 'textarea',\n      label: 'config',\n      name: 'config'\n    },\n    {\n      type: 'checkbox',\n      label: 'appendable',\n      name: 'appendable'\n    },\n    {\n      type: 'checkbox',\n      label: 'paginatable',\n      name: 'paginatable'\n    },\n    {\n      type: 'number',\n      label: 'content-scale',\n      name: 'contentScale',\n      property: {\n        step: 0.1,\n        min: 0.1\n      }\n    },\n    {\n      type: 'select',\n      label: 'bound-data',\n      name: 'boundData',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'Focused Row',\n            value: 'focused-row'\n          },\n          {\n            display: 'Selected Rows',\n            value: 'selected-rows'\n          }\n        ]\n      }\n    }\n  ],\n  help: 'scene/component/grist'\n}\n\nconst isMobileDevice = () => false\n\nexport default class SceneGrist extends HTMLOverlayElement {\n  static get nature() {\n    return NATURE\n  }\n\n  public beforeFetchFuncs: any = {}\n\n  private __value: any = {}\n  private _listenTo?: any\n  private _listener?: any\n\n  public grist?: DataGrist\n\n  ready() {\n    super.ready()\n\n    if (this.rootModel) {\n      this._listenTo = this.rootModel\n      this._listener = function (this: SceneGrist, after: Properties) {\n        after.scale && this.rescale()\n      }.bind(this)\n      this.rootModel.on('change', this._listener)\n    }\n  }\n\n  removed() {\n    if (this._listenTo) {\n      this._listenTo.off('change', this._listener)\n\n      delete this._listenTo\n      delete this._listener\n    }\n  }\n\n  createElement() {\n    super.createElement()\n\n    this.grist = document.createElement('ox-grist') as DataGrist\n    this.grist.style.setProperty('--grist-padding', '0')\n\n    this.element.appendChild(this.grist)\n\n    this.rescale()\n\n    const grist = this.grist\n\n    this.setGristConfig(grist)\n\n    grist.fetchHandler = async ({ page, limit, sorters, options }: FetchOption): Promise<FetchResult> => {\n      Object.values(this.beforeFetchFuncs).forEach((func: any) => func({ page, limit, sorters, options }))\n      var { total = 0, records = [] } = grist.data || {}\n\n      return {\n        page,\n        limit,\n        total,\n        records\n      }\n    }\n\n    grist.addEventListener('select-record-change', e => {\n      if (this.state.boundData === 'selected-rows') {\n        this.data = (e.target as DataGrist)?.selected || []\n      }\n    })\n\n    grist.addEventListener('select-all-change', e => {\n      if (this.state.boundData === 'selected-rows') {\n        this.data = (e.target as DataGrist)?.selected || []\n      }\n    })\n\n    grist.addEventListener('focus-change', (e: Event) => {\n      if (this.state.boundData === 'focused-row') {\n        this.data = ((e.target as DataGrist)?.data?.records || [])[(e as CustomEvent).detail.row]\n      }\n    })\n  }\n\n  get value() {\n    return this.__value\n  }\n\n  set value(value) {\n    this.__value = value\n    if (!this.grist || typeof value !== 'object') return\n\n    var { page, limit } = this.config.pagination || {}\n\n    this.grist.data =\n      value instanceof Array\n        ? {\n            page,\n            limit,\n            ...this.grist._data,\n            total: value.length,\n            records: Array.from(value)\n          }\n        : {\n            page,\n            limit,\n            ...this.grist._data,\n            ...value\n          }\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if ('mode' in after || 'appendable' in after || 'paginatable' in after || 'config' in after) {\n      this.setGristConfig(this.grist)\n    }\n\n    this.rescale()\n  }\n\n  dispose() {\n    super.dispose()\n\n    delete this.grist\n  }\n\n  /*\n   * 컴포넌트의 생성 또는 속성 변화 시에 호출되며,\n   * 그에 따른 html element의 반영이 필요한 부분을 구현한다.\n   *\n   * ThingsComponent state => HTML element properties\n   */\n  setElementProperties(grist: DataGrist) {\n    this.rescale()\n  }\n\n  setGristConfig(grist: DataGrist | undefined) {\n    if (!grist) {\n      return\n    }\n\n    var { mode } = this.state\n\n    if (mode != 'DEVICE') {\n      grist.mode = mode\n    } else {\n      grist.mode = isMobileDevice() ? 'LIST' : 'GRID'\n    }\n\n    grist.config = this.config\n  }\n\n  /*\n   * 컴포넌트가 ready 상태가 되거나, 컴포넌트의 속성이 변화될 시 setElementProperties 뒤에 호출된다.\n   * 변화에 따른 기본적인 html 속성이 super.reposition()에서 진행되고, 그 밖의 작업이 필요할 때, 오버라이드 한다.\n   */\n  reposition() {\n    super.reposition()\n  }\n\n  /*\n   * grist는 부모의 스케일의 역으로 transform해서, scale을 1로 맞춘다.\n   */\n  rescale() {\n    var grist = this.grist\n    if (!grist) {\n      return\n    }\n\n    const scale = this.getState('contentScale') || 1\n\n    const sx = scale\n    const sy = scale\n\n    const transform = `scale(${sx}, ${sy})`\n\n    ;['-webkit-', '-moz-', '-ms-', '-o-', ''].forEach((prefix: string) => {\n      grist!.style.setProperty(prefix + 'transform', transform)\n      grist!.style.setProperty(prefix + 'transform-origin', '0px 0px')\n    })\n\n    const { width, height } = this.state\n    grist.style.width = Math.round(width / scale) + 'px'\n    grist.style.height = Math.round(height / scale) + 'px'\n  }\n\n  get config() {\n    var { config, appendable, paginatable } = this.state\n\n    if (typeof config !== 'object') {\n      try {\n        config = eval(`(${config})`)\n      } catch (e) {\n        error(e)\n      }\n    }\n\n    if (paginatable) {\n      if (config.pagination && !config.pagination.limit && config.pagination.pages && config.pagination.pages.length) {\n        config.pagination.limit = config.pagination.pages[0]\n      }\n    }\n\n    config.pagination = {\n      ...config.pagination,\n      infinite: !paginatable\n    }\n\n    config.rows = {\n      ...config.rows,\n      appendable: !!appendable\n    }\n\n    return config\n  }\n\n  get tagName() {\n    return 'div'\n  }\n}\n\nComponent.register('grist', SceneGrist)\n"]}
+{"version":3,"file":"grist.js","sourceRoot":"","sources":["../src/grist.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,qBAAqB,CAAA;AAE5B,OAAO,EAAE,SAAS,EAAmB,kBAAkB,EAAc,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAK1G,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,MAAM;YACZ,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,MAAM;qBACd;oBACD;wBACE,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,MAAM;qBACd;oBACD;wBACE,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,MAAM;qBACd;oBACD;wBACE,OAAO,EAAE,mBAAmB;wBAC5B,KAAK,EAAE,QAAQ;qBAChB;iBACF;aACF;SACF;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,QAAQ;YACf,IAAI,EAAE,QAAQ;SACf;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,YAAY;SACnB;QACD;YACE,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,aAAa;SACpB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,eAAe;YACtB,IAAI,EAAE,cAAc;YACpB,QAAQ,EAAE;gBACR,IAAI,EAAE,GAAG;gBACT,GAAG,EAAE,GAAG;aACT;SACF;QACD;YACE,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE,YAAY;YACnB,IAAI,EAAE,WAAW;YACjB,QAAQ,EAAE;gBACR,OAAO,EAAE;oBACP;wBACE,OAAO,EAAE,EAAE;wBACX,KAAK,EAAE,EAAE;qBACV;oBACD;wBACE,OAAO,EAAE,aAAa;wBACtB,KAAK,EAAE,aAAa;qBACrB;oBACD;wBACE,OAAO,EAAE,eAAe;wBACxB,KAAK,EAAE,eAAe;qBACvB;iBACF;aACF;SACF;KACF;IACD,IAAI,EAAE,uBAAuB;CAC9B,CAAA;AAED,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,KAAK,CAAA;AAElC,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,kBAAkB;IAA1D;;QACS,qBAAgB,GAAQ,EAAE,CAAA;QAEzB,YAAO,GAAQ,EAAE,CAAA;IAkN3B,CAAC;IA5MC,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;YAC/B,IAAI,CAAC,SAAS,GAAG,UAA4B,KAAiB;gBAC5D,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,EAAE,CAAA;YAC/B,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;YACZ,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;SAC5C;IACH,CAAC;IAED,OAAO;QACL,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;YAE5C,OAAO,IAAI,CAAC,SAAS,CAAA;YACrB,OAAO,IAAI,CAAC,SAAS,CAAA;SACtB;IACH,CAAC;IAED,aAAa;QACX,KAAK,CAAC,aAAa,EAAE,CAAA;QAErB,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAc,CAAA;QAC5D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAA;QAEpD,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAEpC,IAAI,CAAC,OAAO,EAAE,CAAA;QAEd,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;QAExB,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;QAE1B,KAAK,CAAC,YAAY,GAAG,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAe,EAAwB,EAAE;YAClG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;YACpG,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI,EAAE,CAAA;YAElD,OAAO;gBACL,IAAI;gBACJ,KAAK;gBACL,KAAK;gBACL,OAAO;aACR,CAAA;QACH,CAAC,CAAA;QAED,KAAK,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,CAAC,CAAC,EAAE;;YACjD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,eAAe,EAAE;gBAC5C,IAAI,CAAC,IAAI,GAAG,CAAA,MAAC,CAAC,CAAC,MAAoB,0CAAE,QAAQ,KAAI,EAAE,CAAA;aACpD;QACH,CAAC,CAAC,CAAA;QAEF,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,CAAC,CAAC,EAAE;;YAC9C,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,eAAe,EAAE;gBAC5C,IAAI,CAAC,IAAI,GAAG,CAAA,MAAC,CAAC,CAAC,MAAoB,0CAAE,QAAQ,KAAI,EAAE,CAAA;aACpD;QACH,CAAC,CAAC,CAAA;QAEF,KAAK,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAQ,EAAE,EAAE;;YAClD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,KAAK,aAAa,EAAE;gBAC1C,IAAI,CAAC,IAAI,GAAG,CAAC,CAAA,MAAA,MAAC,CAAC,CAAC,MAAoB,0CAAE,IAAI,0CAAE,OAAO,KAAI,EAAE,CAAC,CAAE,CAAiB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAA;aAC1F;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,IAAI,KAAK,CAAC,KAAK;QACb,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAM;QAEpD,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE,CAAA;QAElD,IAAI,CAAC,KAAK,CAAC,IAAI;YACb,KAAK,YAAY,KAAK;gBACpB,CAAC,CAAC;oBACE,IAAI;oBACJ,KAAK;oBACL,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;oBACnB,KAAK,EAAE,KAAK,CAAC,MAAM;oBACnB,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;iBAC3B;gBACH,CAAC,CAAC;oBACE,IAAI;oBACJ,KAAK;oBACL,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;oBACnB,GAAG,KAAK;iBACT,CAAA;IACT,CAAC;IAED,QAAQ,CAAC,KAAiB,EAAE,MAAkB;QAC5C,IAAI,MAAM,IAAI,KAAK,IAAI,YAAY,IAAI,KAAK,IAAI,aAAa,IAAI,KAAK,IAAI,QAAQ,IAAI,KAAK,EAAE;YAC3F,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;SAChC;QAED,IAAI,CAAC,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,OAAO;QACL,KAAK,CAAC,OAAO,EAAE,CAAA;QAEf,OAAO,IAAI,CAAC,KAAK,CAAA;IACnB,CAAC;IAED;;;;;OAKG;IACH,oBAAoB,CAAC,KAAgB;QACnC,IAAI,CAAC,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,cAAc,CAAC,KAA4B;QACzC,IAAI,CAAC,KAAK,EAAE;YACV,OAAM;SACP;QAED,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEzB,IAAI,IAAI,IAAI,QAAQ,EAAE;YACpB,KAAK,CAAC,IAAI,GAAG,IAAI,CAAA;SAClB;aAAM;YACL,KAAK,CAAC,IAAI,GAAG,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;SAChD;QAED,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;IAC5B,CAAC;IAED;;;OAGG;IACH,UAAU;QACR,KAAK,CAAC,UAAU,EAAE,CAAA;IACpB,CAAC;IAED;;OAEG;IACH,OAAO;QACL,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;QACtB,IAAI,CAAC,KAAK,EAAE;YACV,OAAM;SACP;QAED,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAA;QAEhD,MAAM,EAAE,GAAG,KAAK,CAAA;QAChB,MAAM,EAAE,GAAG,KAAK,CAAA;QAEhB,MAAM,SAAS,GAAG,SAAS,EAAE,KAAK,EAAE,GAAG,CAEtC;QAAA,CAAC,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,MAAc,EAAE,EAAE;YACnE,KAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,WAAW,EAAE,SAAS,CAAC,CAAA;YACzD,KAAM,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,GAAG,kBAAkB,EAAE,SAAS,CAAC,CAAA;QAClE,CAAC,CAAC,CAAA;QAEF,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACpC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,IAAI,CAAA;QACpD,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,GAAG,IAAI,CAAA;IACxD,CAAC;IAED,IAAI,MAAM;QACR,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEpD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAC9B,IAAI;gBACF,MAAM,GAAG,IAAI,CAAC,IAAI,MAAM,GAAG,CAAC,CAAA;aAC7B;YAAC,OAAO,CAAC,EAAE;gBACV,KAAK,CAAC,CAAC,CAAC,CAAA;aACT;SACF;QAED,IAAI,WAAW,EAAE;YACf,IAAI,MAAM,CAAC,UAAU,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK,IAAI,MAAM,CAAC,UAAU,CAAC,KAAK,IAAI,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE;gBAC9G,MAAM,CAAC,UAAU,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;aACrD;SACF;QAED,MAAM,CAAC,UAAU,GAAG;YAClB,GAAG,MAAM,CAAC,UAAU;YACpB,QAAQ,EAAE,CAAC,WAAW;SACvB,CAAA;QAED,MAAM,CAAC,IAAI,GAAG;YACZ,GAAG,MAAM,CAAC,IAAI;YACd,UAAU,EAAE,CAAC,CAAC,UAAU;SACzB,CAAA;QAED,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,OAAO;QACT,OAAO,KAAK,CAAA;IACd,CAAC;CACF;AAED,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@operato/data-grist'\n\nimport { Component, ComponentNature, HTMLOverlayElement, Properties, error } from '@hatiolab/things-scene'\nimport { DataGrist, FetchResult } from '@operato/data-grist'\n\nimport { FetchOption } from '@operato/data-grist/dist/src/types'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'grist-mode',\n      name: 'mode',\n      property: {\n        options: [\n          {\n            display: 'Grid',\n            value: 'GRID'\n          },\n          {\n            display: 'List',\n            value: 'LIST'\n          },\n          {\n            display: 'Card',\n            value: 'CARD'\n          },\n          {\n            display: 'Depends on device',\n            value: 'DEVICE'\n          }\n        ]\n      }\n    },\n    {\n      type: 'textarea',\n      label: 'config',\n      name: 'config'\n    },\n    {\n      type: 'checkbox',\n      label: 'appendable',\n      name: 'appendable'\n    },\n    {\n      type: 'checkbox',\n      label: 'paginatable',\n      name: 'paginatable'\n    },\n    {\n      type: 'number',\n      label: 'content-scale',\n      name: 'contentScale',\n      property: {\n        step: 0.1,\n        min: 0.1\n      }\n    },\n    {\n      type: 'select',\n      label: 'bound-data',\n      name: 'boundData',\n      property: {\n        options: [\n          {\n            display: '',\n            value: ''\n          },\n          {\n            display: 'Focused Row',\n            value: 'focused-row'\n          },\n          {\n            display: 'Selected Rows',\n            value: 'selected-rows'\n          }\n        ]\n      }\n    }\n  ],\n  help: 'scene/component/grist'\n}\n\nconst isMobileDevice = () => false\n\nexport default class SceneGrist extends HTMLOverlayElement {\n  public beforeFetchFuncs: any = {}\n\n  private __value: any = {}\n  private _listenTo?: any\n  private _listener?: any\n\n  public grist?: DataGrist\n\n  get nature() {\n    return NATURE\n  }\n\n  ready() {\n    super.ready()\n\n    if (this.rootModel) {\n      this._listenTo = this.rootModel\n      this._listener = function (this: SceneGrist, after: Properties) {\n        after.scale && this.rescale()\n      }.bind(this)\n      this.rootModel.on('change', this._listener)\n    }\n  }\n\n  removed() {\n    if (this._listenTo) {\n      this._listenTo.off('change', this._listener)\n\n      delete this._listenTo\n      delete this._listener\n    }\n  }\n\n  createElement() {\n    super.createElement()\n\n    this.grist = document.createElement('ox-grist') as DataGrist\n    this.grist.style.setProperty('--grist-padding', '0')\n\n    this.element.appendChild(this.grist)\n\n    this.rescale()\n\n    const grist = this.grist\n\n    this.setGristConfig(grist)\n\n    grist.fetchHandler = async ({ page, limit, sorters, options }: FetchOption): Promise<FetchResult> => {\n      Object.values(this.beforeFetchFuncs).forEach((func: any) => func({ page, limit, sorters, options }))\n      var { total = 0, records = [] } = grist.data || {}\n\n      return {\n        page,\n        limit,\n        total,\n        records\n      }\n    }\n\n    grist.addEventListener('select-record-change', e => {\n      if (this.state.boundData === 'selected-rows') {\n        this.data = (e.target as DataGrist)?.selected || []\n      }\n    })\n\n    grist.addEventListener('select-all-change', e => {\n      if (this.state.boundData === 'selected-rows') {\n        this.data = (e.target as DataGrist)?.selected || []\n      }\n    })\n\n    grist.addEventListener('focus-change', (e: Event) => {\n      if (this.state.boundData === 'focused-row') {\n        this.data = ((e.target as DataGrist)?.data?.records || [])[(e as CustomEvent).detail.row]\n      }\n    })\n  }\n\n  get value() {\n    return this.__value\n  }\n\n  set value(value) {\n    this.__value = value\n    if (!this.grist || typeof value !== 'object') return\n\n    var { page, limit } = this.config.pagination || {}\n\n    this.grist.data =\n      value instanceof Array\n        ? {\n            page,\n            limit,\n            ...this.grist._data,\n            total: value.length,\n            records: Array.from(value)\n          }\n        : {\n            page,\n            limit,\n            ...this.grist._data,\n            ...value\n          }\n  }\n\n  onchange(after: Properties, before: Properties) {\n    if ('mode' in after || 'appendable' in after || 'paginatable' in after || 'config' in after) {\n      this.setGristConfig(this.grist)\n    }\n\n    this.rescale()\n  }\n\n  dispose() {\n    super.dispose()\n\n    delete this.grist\n  }\n\n  /*\n   * 컴포넌트의 생성 또는 속성 변화 시에 호출되며,\n   * 그에 따른 html element의 반영이 필요한 부분을 구현한다.\n   *\n   * ThingsComponent state => HTML element properties\n   */\n  setElementProperties(grist: DataGrist) {\n    this.rescale()\n  }\n\n  setGristConfig(grist: DataGrist | undefined) {\n    if (!grist) {\n      return\n    }\n\n    var { mode } = this.state\n\n    if (mode != 'DEVICE') {\n      grist.mode = mode\n    } else {\n      grist.mode = isMobileDevice() ? 'LIST' : 'GRID'\n    }\n\n    grist.config = this.config\n  }\n\n  /*\n   * 컴포넌트가 ready 상태가 되거나, 컴포넌트의 속성이 변화될 시 setElementProperties 뒤에 호출된다.\n   * 변화에 따른 기본적인 html 속성이 super.reposition()에서 진행되고, 그 밖의 작업이 필요할 때, 오버라이드 한다.\n   */\n  reposition() {\n    super.reposition()\n  }\n\n  /*\n   * grist는 부모의 스케일의 역으로 transform해서, scale을 1로 맞춘다.\n   */\n  rescale() {\n    var grist = this.grist\n    if (!grist) {\n      return\n    }\n\n    const scale = this.getState('contentScale') || 1\n\n    const sx = scale\n    const sy = scale\n\n    const transform = `scale(${sx}, ${sy})`\n\n    ;['-webkit-', '-moz-', '-ms-', '-o-', ''].forEach((prefix: string) => {\n      grist!.style.setProperty(prefix + 'transform', transform)\n      grist!.style.setProperty(prefix + 'transform-origin', '0px 0px')\n    })\n\n    const { width, height } = this.state\n    grist.style.width = Math.round(width / scale) + 'px'\n    grist.style.height = Math.round(height / scale) + 'px'\n  }\n\n  get config() {\n    var { config, appendable, paginatable } = this.state\n\n    if (typeof config !== 'object') {\n      try {\n        config = eval(`(${config})`)\n      } catch (e) {\n        error(e)\n      }\n    }\n\n    if (paginatable) {\n      if (config.pagination && !config.pagination.limit && config.pagination.pages && config.pagination.pages.length) {\n        config.pagination.limit = config.pagination.pages[0]\n      }\n    }\n\n    config.pagination = {\n      ...config.pagination,\n      infinite: !paginatable\n    }\n\n    config.rows = {\n      ...config.rows,\n      appendable: !!appendable\n    }\n\n    return config\n  }\n\n  get tagName() {\n    return 'div'\n  }\n}\n\nComponent.register('grist', SceneGrist)\n"]}

package/helps/scene/component/grist.ko.md

@@ -4,12 +4,24 @@
 데이타그리드는 웹어플리케이션 UI에 적합한 형태이며, 데이타리스트는 모바일 앱에 적합한 형태이다.
 이는 grist mode 속성으로 설정할 수 있다.
 
+grist 컴포넌트의 value 속성에 다음과 같은 형태의 데이타를 바인딩하면, grist에서 데이타를 각 레코드에 렌더링하는 것을 볼 수 있다.
+
+```
+[
+  { name: "name 1", description: "record 1", ...  },
+  { name: "name 2", description: "record 2", ...  },
+  { name: "name 3", description: "record 3", ...  },
+  { name: "name 4", description: "record 4", ...  },
+]
+```
+
 ## Properties
 
 - grist mode
   - Grid: 멀티컬럼을 테이블형태로 구성하는 데이타그리드 형태
-  - list: 멀티컬럼 정보를 아이템 블록 형태로 구성하는 데이타리스트 형태
-  - Depends on device : 현재 디스플레이에 따라 데이타그리드 또는 데이타리스트 형태로 자동 선택된다
+  - List: 멀티컬럼 정보를 아이템 블록 형태로 구성하는 데이타리스트 형태
+  - Card: 카드 스타일의 리스트 형태
+  - Depends on device : 현재 디스플레이에 따라 Grid 또는 List 형태로 자동 선택된다
 - config
   - grist 구성을 위한 컨피규레이션
   - 컬럼정보, 헤더정보, 레코드 정보, 페이지네이션 정보로 구성된다.