@operato/scene-grist 0.0.9

package/CHANGELOG.md

@@ -0,0 +1,16 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+### [0.0.9](https://github.com/things-scene/operato-scene/compare/v0.0.8...v0.0.9) (2021-12-03)
+
+
+### :rocket: New Features
+
+* operato/scene-grist added ([5dfb9ac](https://github.com/things-scene/operato-scene/commit/5dfb9ac35f46d0b101cbcb43dc7d90c937d8e2ff))
+
+
+### :bug: Bug Fix
+
+* ready to operato/scene-grist ([0cc9cc0](https://github.com/things-scene/operato-scene/commit/0cc9cc02d608be80ba5e39c017b5c2080e959da9))

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Hearty, Oh
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/editors/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: never[];
+export default _default;

package/dist/editors/index.js

@@ -0,0 +1,2 @@
+export default [];
+//# sourceMappingURL=index.js.map

package/dist/editors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editors/index.ts"],"names":[],"mappings":"AAAA,eAAe,EAAE,CAAA","sourcesContent":["export default []\n"]}

package/dist/grist-action.d.ts

@@ -0,0 +1,82 @@
+import { Component, Properties } from '@hatiolab/things-scene';
+import { GristData, GristRecord } from '@operato/data-grist/src/types.js';
+import { DataGrist } from '@operato/data-grist';
+import SceneGrist from './grist';
+export declare enum ACTIONS {
+    GET_ALL_ROWS = "getAllRows",
+    COMMIT = "commit",
+    GET_SELECTED = "getSelectedRows",
+    GET_DIRTY = "getDirtyRows",
+    ADD_ROW = "addRow",
+    DELETE_SELECTED_ROWS = "deleteSelectedRowsSoftly",
+    GET_PAGE_INFO = "getPageInfo"
+}
+declare const GristAction_base: (new (...args: any[]) => {
+    value: number;
+    animValue: number;
+    animOnValueChange(value: number, animFromBase: boolean, base: number): void;
+}) & typeof Component;
+export default class GristAction extends GristAction_base {
+    static get nature(): {
+        mutable: boolean;
+        resizable: boolean;
+        rotatable: boolean;
+        properties: ({
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                component: string;
+                options?: undefined;
+            };
+        } | {
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                options: {
+                    display: string;
+                    value: ACTIONS;
+                }[];
+                component?: undefined;
+            };
+        } | {
+            type: string;
+            label: string;
+            name: string;
+            property?: undefined;
+        })[];
+        help: string;
+    };
+    private uuid;
+    private _data;
+    ready(): void;
+    dispose(): void;
+    onclick(): void;
+    onchange(after: Properties): void;
+    executeMappings(): void;
+    doDataMap(): void;
+    doAction(action?: ACTIONS): void;
+    refreshGrist(grist: DataGrist): void;
+    assortDirties(grist: DataGrist): {
+        original: import("@operato/data-grist/dist/src/types").GristRecord[];
+        patches: GristRecord[];
+        created: GristRecord[];
+        updated: GristRecord[];
+        deleted: GristRecord[];
+    };
+    getPageInfoFrom(grist: DataGrist, fetchedData?: GristData): {
+        page: any;
+        limit: any;
+        sorters: any;
+    };
+    buildPatches(patches: GristRecord[]): GristRecord[];
+    render(context: CanvasRenderingContext2D): void;
+    postrender(context: CanvasRenderingContext2D): void;
+    get controls(): never[];
+    get targetGristComponent(): SceneGrist;
+    get targetGristElement(): DataGrist | undefined;
+    get data(): any;
+    set data(data: any);
+}
+export {};

package/dist/grist-action.js

@@ -0,0 +1,322 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * grist 컴포넌트를 보조하여 grist의 각종 동작을 수행하는 컴포넌트.
+ */
+import { Component, RectPath, ValueHolder } from '@hatiolab/things-scene';
+import uuid from 'uuid';
+export var ACTIONS;
+(function (ACTIONS) {
+    ACTIONS["GET_ALL_ROWS"] = "getAllRows";
+    ACTIONS["COMMIT"] = "commit";
+    ACTIONS["GET_SELECTED"] = "getSelectedRows";
+    ACTIONS["GET_DIRTY"] = "getDirtyRows";
+    ACTIONS["ADD_ROW"] = "addRow";
+    ACTIONS["DELETE_SELECTED_ROWS"] = "deleteSelectedRowsSoftly";
+    ACTIONS["GET_PAGE_INFO"] = "getPageInfo";
+})(ACTIONS || (ACTIONS = {}));
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            // 대상 Grist
+            type: 'id-input',
+            label: 'target-grist',
+            name: 'target',
+            property: {
+                component: 'grist'
+            }
+        },
+        {
+            // 동작
+            type: 'select',
+            label: 'action',
+            name: 'action',
+            property: {
+                options: [
+                    {
+                        // 페이지네이션 정보 가져오기
+                        display: 'Get page information',
+                        value: ACTIONS.GET_PAGE_INFO
+                    },
+                    {
+                        // 모든 레코드 데이터 가져오기
+                        display: 'Get all rows',
+                        value: ACTIONS.GET_ALL_ROWS
+                    },
+                    {
+                        // 체크된 레코드 데이터 가져오기
+                        display: 'Get selected rows',
+                        value: ACTIONS.GET_SELECTED
+                    },
+                    {
+                        // 변경 사항이 있는 데이터 가져오기
+                        display: 'Get dirty rows',
+                        value: ACTIONS.GET_DIRTY
+                    },
+                    {
+                        // 행 추가
+                        display: 'Add a row',
+                        value: ACTIONS.ADD_ROW
+                    },
+                    {
+                        // 선택 행 삭제
+                        display: 'Delete selected rows',
+                        value: ACTIONS.DELETE_SELECTED_ROWS
+                    },
+                    {
+                        // 변경 사항을 데이터에 적용
+                        display: 'Commit',
+                        value: ACTIONS.COMMIT
+                    }
+                ]
+            }
+        },
+        {
+            // 뷰어 시작 시 자동 실행 여부
+            type: 'checkbox',
+            label: 'run-at-startup',
+            name: 'runAtStartup'
+        },
+        {
+            // 행 추가 시의 포맷
+            type: 'textarea',
+            label: 'record-adder-format',
+            name: 'recordFormat'
+        }
+    ],
+    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() {
+        return NATURE;
+    }
+    ready() {
+        // 뷰어 시작시에도 action 값이 getPageInfo로 되어 있을 경우 fetchHandler를 등록하기 위해 onchange를 호출함
+        this.onchange({ action: this.state.action });
+        if (this.state.runAtStartup)
+            this.doAction();
+    }
+    dispose() {
+        super.dispose();
+    }
+    onclick() {
+        // 컴포넌트 클릭 시 동작
+        this.doAction();
+    }
+    onchange(after) {
+        // value 값이 바뀌면 동작
+        if ('value' in after) {
+            this.doAction();
+        }
+        // action 값이 바뀌면 getPageInfo인지 확인하고 grist에 fetchHandler를 등록하거나 폐기함
+        if ('action' in after) {
+            const gristComponent = this.targetGristComponent;
+            if (gristComponent) {
+                if (after.action == ACTIONS.GET_PAGE_INFO)
+                    //@ts-ignore
+                    gristComponent.beforeFetchFuncs[this.uuid] = fetchedData => {
+                        //@ts-ignore
+                        this.data = this.getPageInfoFrom(null, fetchedData);
+                        this.doDataMap();
+                    };
+                //@ts-ignore
+                else
+                    delete gristComponent.beforeFetchFuncs[this.uuid];
+            }
+        }
+    }
+    // 데이터 매핑을 수동으로 실행하기 위해 기존의 메소드를 무효화
+    executeMappings() {
+        console.debug("[@operato/data-grist] The method 'executeMappings' is overriden in the component 'grist-action', because of to prevent executing when initialize.");
+    }
+    // 데이터 매핑을 수동으로 조작하기 위한 새 메소드
+    doDataMap() {
+        super.executeMappings();
+    }
+    // action 값에 따라 동작
+    doAction(action) {
+        if (!this.app.isViewMode) {
+            return;
+        }
+        // 파라미터가 명시되어있지 않으면 컴포넌트 속성에서 action 값을 가져옴
+        var { action: storedAction } = this.state;
+        action = action || storedAction;
+        // 대상 Grist 컴포넌트
+        var grist = this.targetGristElement;
+        if (!grist)
+            return;
+        var data;
+        switch (action) {
+            case ACTIONS.GET_ALL_ROWS:
+                data = grist.grist.data;
+                break;
+            case ACTIONS.COMMIT:
+                grist.commit();
+                break;
+            case ACTIONS.GET_SELECTED:
+                data = {
+                    patches: this.buildPatches(grist.selected),
+                    original: grist.selected
+                };
+                break;
+            case ACTIONS.GET_DIRTY:
+                data = this.assortDirties(grist);
+                break;
+            case ACTIONS.ADD_ROW:
+                {
+                    var records = grist.dirtyData.records || [];
+                    let recordFormat;
+                    try {
+                        recordFormat = eval(`(${this.state.recordFormat})`);
+                    }
+                    catch (e) {
+                        console.log('Invalid JSON format. It will be assumed as empty object.\n', e);
+                        recordFormat = {};
+                    }
+                    records.push({ ...recordFormat, __dirty__: '+' });
+                    this.refreshGrist(grist);
+                }
+                break;
+            case ACTIONS.DELETE_SELECTED_ROWS:
+                {
+                    var records = grist.dirtyData.records || [];
+                    //@ts-ignore
+                    records.forEach((record, idx) => {
+                        if (record['__selected__']) {
+                            if (record['__dirty__'] == '+')
+                                delete records[idx];
+                            else
+                                record['__dirty__'] = '-';
+                        }
+                    });
+                    grist.dirtyData.records = records.flat();
+                    this.refreshGrist(grist);
+                }
+                break;
+            case ACTIONS.GET_PAGE_INFO:
+                data = this.getPageInfoFrom(grist);
+                break;
+        }
+        // 이 컴포넌트의 data 값이 바뀌는 동작은 데이터 매핑까지 실행함
+        if (data) {
+            this.data = data;
+            this.doDataMap();
+        }
+    }
+    // 대상 grist 컴포넌트의 레코드를 새로고침
+    refreshGrist(grist) {
+        grist = grist || this.targetGristElement;
+        if (!grist)
+            return;
+        //@ts-ignore
+        grist.dataProvider.onRecordChange();
+        grist.grist.data = { ...grist.dirtyData };
+    }
+    // 변경 사항이 있는 레코드의 경우, CUD를 분류해서 반환함
+    assortDirties(grist) {
+        const dirties = grist.dirtyRecords;
+        var patches = this.buildPatches(dirties);
+        var records = {
+            original: dirties,
+            patches,
+            created: [],
+            updated: [],
+            deleted: []
+        };
+        patches.forEach((record) => {
+            switch (record['cuFlag']) {
+                case 'M':
+                    records.updated.push(record);
+                    break;
+                case '+':
+                    records.created.push(record);
+                    break;
+                case '-':
+                    records.deleted.push(record);
+                    break;
+            }
+        });
+        return records;
+    }
+    // 페이지네이션 정보를 가져옴
+    getPageInfoFrom(grist, fetchedData) {
+        //@ts-ignore
+        var { page = 1, limit = 20, sorters = [] } = fetchedData || (grist && grist.dataProvider) || pagination(grist);
+        sorters = sorters.map((sorter) => {
+            sorter.desc = sorter.desc ? true : false;
+            return sorter;
+        });
+        return { page, limit, sorters };
+        function pagination(grist) {
+            var config = grist && grist.config && grist.config.pagination;
+            if (config)
+                return {
+                    page: config.page,
+                    limit: config.limit || (config.pages && config.pages[0])
+                };
+            else
+                return {};
+        }
+    }
+    // 레코드들을 서버 공통 resolver에 맞는 포맷으로 만듦
+    buildPatches(patches) {
+        return patches.map(patch => {
+            let patchField = patch.id ? { id: patch.id } : {};
+            const dirtyFields = patch.__dirtyfields__;
+            for (let key in dirtyFields) {
+                patchField[key] = dirtyFields[key].after;
+            }
+            patchField.cuFlag = patch.__dirty__;
+            return patchField;
+        });
+    }
+    render(context) {
+        var { top, left, height, width, fillStyle = 'transparent' } = this.model;
+        // background의 색상
+        context.beginPath();
+        context.rect(left, top, width, height);
+        context.fillStyle = fillStyle;
+        context.fill();
+        // value의 색상
+        context.beginPath();
+        var drawValue = width - (width * Math.max(Math.min(this.animValue, 100), 0)) / 100;
+        drawValue = Math.max(Math.min(drawValue, width), 0);
+        context.rect(left + drawValue, top, width - drawValue, height);
+        this.drawFill(context);
+        context.closePath();
+        context.beginPath();
+        context.rect(left, top, width, height);
+    }
+    postrender(context) {
+        this.drawStroke(context);
+        this.drawText(context);
+    }
+    get controls() {
+        return [];
+    }
+    get targetGristComponent() {
+        var { target } = this.state;
+        return this.root.findById(target);
+    }
+    get targetGristElement() {
+        var _a;
+        return (_a = this.targetGristComponent) === null || _a === void 0 ? void 0 : _a.grist;
+    }
+    // @ts-ignore
+    get data() {
+        return this._data;
+    }
+    set data(data) {
+        this._data = data;
+    }
+}
+Component.register('grist-action', GristAction);
+//# sourceMappingURL=grist-action.js.map

package/dist/grist-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grist-action.js","sourceRoot":"","sources":["../src/grist-action.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * grist 컴포넌트를 보조하여 grist의 각종 동작을 수행하는 컴포넌트.\n */\n\nimport { Component, Properties, RectPath, ValueHolder } from '@hatiolab/things-scene'\nimport { GristData, GristRecord, SorterConfig } from '@operato/data-grist/src/types.js'\n\nimport { DataGrist } from '@operato/data-grist'\nimport SceneGrist from './grist'\nimport uuid from 'uuid'\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 = {\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) this.doAction()\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          //@ts-ignore\n          gristComponent.beforeFetchFuncs[this.uuid] = fetchedData => {\n            //@ts-ignore\n            this.data = this.getPageInfoFrom(null, fetchedData)\n            this.doDataMap()\n          }\n        //@ts-ignore\n        else delete gristComponent.beforeFetchFuncs[this.uuid]\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          //@ts-ignore\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    //@ts-ignore\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, 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  // @ts-ignore\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

@@ -0,0 +1,56 @@
+import '@operato/data-grist';
+import { HTMLOverlayElement, Properties } from '@hatiolab/things-scene';
+import { DataGrist } from '@operato/data-grist';
+export default class SceneGrist extends HTMLOverlayElement {
+    static get nature(): {
+        mutable: boolean;
+        resizable: boolean;
+        rotatable: boolean;
+        properties: ({
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                options: {
+                    display: string;
+                    value: string;
+                }[];
+                step?: undefined;
+                min?: undefined;
+            };
+        } | {
+            type: string;
+            label: string;
+            name: string;
+            property?: undefined;
+        } | {
+            type: string;
+            label: string;
+            name: string;
+            property: {
+                step: number;
+                min: number;
+                options?: undefined;
+            };
+        })[];
+        help: string;
+    };
+    private __value;
+    private beforeFetchFuncs;
+    private _listenTo?;
+    private _listener?;
+    grist?: DataGrist;
+    ready(): void;
+    removed(): void;
+    createElement(): void;
+    get value(): any;
+    set value(value: any);
+    onchange(after: Properties, before: Properties): void;
+    dispose(): void;
+    setElementProperties(grist: DataGrist): void;
+    setGristConfig(grist: DataGrist | undefined): void;
+    reposition(): void;
+    rescale(): void;
+    get config(): any;
+    get tagName(): string;
+}