@operato/data-grist 2.0.0-alpha.13 → 2.0.0-alpha.132

package/dist/src/editors/ox-grist-editor-checkbox.js

@@ -3,8 +3,15 @@ import { OxGristEditor } from './ox-grist-editor.js';
 import { customElement } from 'lit/decorators.js';
 import { html } from 'lit';
 let OxGristEditorCheckbox = class OxGristEditorCheckbox extends OxGristEditor {
-    formatFromEditor(e) {
-        return e.target.checked;
+    _onchange(e) {
+        e.stopPropagation();
+        const input = e.target;
+        this._dirtyValue = this.formatFromEditor(input.checked);
+    }
+    formatFromEditor(value) {
+        if (typeof value == 'boolean') {
+            return value;
+        }
     }
     formatForEditor(value) {
         return value == !!value && !!String(value).match(/true/i);

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

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-editor-checkbox.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-checkbox.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,aAAa;IACtD,gBAAgB,CAAC,CAAQ;QACvB,OAAQ,CAAC,CAAC,MAA2B,CAAC,OAAO,CAAA;IAC/C,CAAC;IAED,eAAe,CAAC,KAAU;QACxB,OAAO,KAAK,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,oCAAoC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAA;IAC1G,CAAC;CACF,CAAA;AAZY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAYjC","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-checkbox')\nexport class OxGristEditorCheckbox extends OxGristEditor {\n  formatFromEditor(e: Event) {\n    return (e.target as HTMLInputElement).checked\n  }\n\n  formatForEditor(value: any): any {\n    return value == !!value && !!String(value).match(/true/i)\n  }\n\n  get editorTemplate() {\n    return html` <input type=\"checkbox\" .checked=${!!this.value && !!String(this.value).match(/true/i)} /> `\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-editor-checkbox.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-checkbox.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,aAAa;IACtD,SAAS,CAAC,CAAQ;QAChB,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAA;QAE1C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IACzD,CAAC;IAED,gBAAgB,CAAC,KAAU;QACzB,IAAI,OAAO,KAAK,IAAI,SAAS,EAAE,CAAC;YAC9B,OAAO,KAAK,CAAA;QACd,CAAC;IACH,CAAC;IAED,eAAe,CAAC,KAAU;QACxB,OAAO,KAAK,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAA;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,oCAAoC,CAAC,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAA;IAC1G,CAAC;CACF,CAAA;AAtBY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAsBjC","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-checkbox')\nexport class OxGristEditorCheckbox extends OxGristEditor {\n  _onchange(e: Event) {\n    e.stopPropagation()\n\n    const input = e.target as HTMLInputElement\n\n    this._dirtyValue = this.formatFromEditor(input.checked)\n  }\n\n  formatFromEditor(value: any) {\n    if (typeof value == 'boolean') {\n      return value\n    }\n  }\n\n  formatForEditor(value: any): any {\n    return value == !!value && !!String(value).match(/true/i)\n  }\n\n  get editorTemplate() {\n    return html` <input type=\"checkbox\" .checked=${!!this.value && !!String(this.value).match(/true/i)} /> `\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorColor extends OxGristEditor {
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,4 +1,4 @@
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorDate extends OxGristEditor {
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,6 +1,6 @@
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorDateTime extends OxGristEditor {
     formatForEditor(timestamp: any): string;
-    formatFromEditor(e: Event): number;
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    formatFromEditor(value: any): number;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/editors/ox-grist-editor-datetime.js

@@ -11,8 +11,7 @@ let OxGristEditorDateTime = class OxGristEditorDateTime extends OxGristEditor {
         var tzoffset = datetime.getTimezoneOffset() * 60000; //offset in milliseconds
         return new Date(timestamp - tzoffset).toISOString().slice(0, -1);
     }
-    formatFromEditor(e) {
-        var value = e.target.value;
+    formatFromEditor(value) {
         var datetime = new Date(value);
         return datetime.getTime();
     }

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

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-editor-datetime.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-datetime.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,aAAa;IACtD,eAAe,CAAC,SAAc;QAC5B,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;QACxB,CAAC;QACD,IAAI,QAAQ,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAA;QAElC,IAAI,QAAQ,GAAG,QAAQ,CAAC,iBAAiB,EAAE,GAAG,KAAK,CAAA,CAAC,wBAAwB;QAE5E,OAAO,IAAI,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;IAClE,CAAC;IAED,gBAAgB,CAAC,CAAQ;QACvB,IAAI,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAA;QAChD,IAAI,QAAQ,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;QAE9B,OAAO,QAAQ,CAAC,OAAO,EAAE,CAAA;IAC3B,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,wCAAwC,IAAI,CAAC,KAAK,MAAM,CAAA;IACrE,CAAC;CACF,CAAA;AAtBY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAsBjC","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-datetime')\nexport class OxGristEditorDateTime extends OxGristEditor {\n  formatForEditor(timestamp: any) {\n    if (!timestamp) {\n      timestamp = Date.now()\n    }\n    var datetime = new Date(timestamp)\n\n    var tzoffset = datetime.getTimezoneOffset() * 60000 //offset in milliseconds\n\n    return new Date(timestamp - tzoffset).toISOString().slice(0, -1)\n  }\n\n  formatFromEditor(e: Event) {\n    var value = (e.target as HTMLInputElement).value\n    var datetime = new Date(value)\n\n    return datetime.getTime()\n  }\n\n  get editorTemplate() {\n    return html` <input type=\"datetime-local\" .value=${this.value} /> `\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-editor-datetime.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-datetime.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,aAAa;IACtD,eAAe,CAAC,SAAc;QAC5B,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;QACxB,CAAC;QACD,IAAI,QAAQ,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAA;QAElC,IAAI,QAAQ,GAAG,QAAQ,CAAC,iBAAiB,EAAE,GAAG,KAAK,CAAA,CAAC,wBAAwB;QAE5E,OAAO,IAAI,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;IAClE,CAAC;IAED,gBAAgB,CAAC,KAAU;QACzB,IAAI,QAAQ,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;QAE9B,OAAO,QAAQ,CAAC,OAAO,EAAE,CAAA;IAC3B,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,wCAAwC,IAAI,CAAC,KAAK,MAAM,CAAA;IACrE,CAAC;CACF,CAAA;AArBY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAqBjC","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-datetime')\nexport class OxGristEditorDateTime extends OxGristEditor {\n  formatForEditor(timestamp: any) {\n    if (!timestamp) {\n      timestamp = Date.now()\n    }\n    var datetime = new Date(timestamp)\n\n    var tzoffset = datetime.getTimezoneOffset() * 60000 //offset in milliseconds\n\n    return new Date(timestamp - tzoffset).toISOString().slice(0, -1)\n  }\n\n  formatFromEditor(value: any) {\n    var datetime = new Date(value)\n\n    return datetime.getTime()\n  }\n\n  get editorTemplate() {\n    return html` <input type=\"datetime-local\" .value=${this.value} /> `\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorEmail extends OxGristEditor {
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,5 +1,6 @@
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorFile extends OxGristEditor {
-    formatFromEditor(e: Event): any;
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    _onchange(e: Event): void;
+    formatFromEditor(value: any): any;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/editors/ox-grist-editor-file.js

@@ -3,8 +3,14 @@ import { html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { OxGristEditor } from './ox-grist-editor.js';
 let OxGristEditorFile = class OxGristEditorFile extends OxGristEditor {
-    formatFromEditor(e) {
-        return e.target.files;
+    _onchange(e) {
+        e.stopPropagation();
+        const input = e.target;
+        this._dirtyValue = this.formatFromEditor(input.files);
+        this._onfocusout();
+    }
+    formatFromEditor(value) {
+        return value;
     }
     get editorTemplate() {
         var value = typeof this.value === 'string' ? null : this.value;

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

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-editor-file.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-file.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG7C,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,aAAa;IAClD,gBAAgB,CAAC,CAAQ;QACvB,OAAQ,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAA;IAC7C,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAA;QAC9D,OAAO,IAAI,CAAA,4CAA4C,CAAA;IACzD,CAAC;CACF,CAAA;AATY,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAS7B","sourcesContent":["import { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditor } from './ox-grist-editor.js'\n\n@customElement('ox-grist-editor-file')\nexport class OxGristEditorFile extends OxGristEditor {\n  formatFromEditor(e: Event): any {\n    return (e.target as HTMLInputElement).files\n  }\n\n  get editorTemplate() {\n    var value = typeof this.value === 'string' ? null : this.value\n    return html` <input style=\"opacity: 1\" type=\"file\" /> `\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-editor-file.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-file.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAG7C,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,aAAa;IAClD,SAAS,CAAC,CAAQ;QAChB,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAA;QAE1C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QAErD,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,gBAAgB,CAAC,KAAU;QACzB,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAA;QAC9D,OAAO,IAAI,CAAA,4CAA4C,CAAA;IACzD,CAAC;CACF,CAAA;AAnBY,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAmB7B","sourcesContent":["import { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditor } from './ox-grist-editor.js'\n\n@customElement('ox-grist-editor-file')\nexport class OxGristEditorFile extends OxGristEditor {\n  _onchange(e: Event) {\n    e.stopPropagation()\n\n    const input = e.target as HTMLInputElement\n\n    this._dirtyValue = this.formatFromEditor(input.files)\n\n    this._onfocusout()\n  }\n\n  formatFromEditor(value: any): any {\n    return value\n  }\n\n  get editorTemplate() {\n    var value = typeof this.value === 'string' ? null : this.value\n    return html` <input style=\"opacity: 1\" type=\"file\" /> `\n  }\n}\n"]}

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

@@ -1,7 +1,7 @@
 import '@operato/input/ox-input-image.js';
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorImage extends OxGristEditor {
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
     _onchange(e: Event): void;
-    formatFromEditor(e: Event): string | File;
+    formatFromEditor(value: any): any;
 }

package/dist/src/editors/ox-grist-editor-image.js

@@ -8,20 +8,20 @@ let OxGristEditorImage = class OxGristEditorImage extends OxGristEditor {
         return html ` <ox-input-image .value=${this.value}></ox-input-image> `;
     }
     _onchange(e) {
-        e.stopPropagation();
-        this._dirtyValue = this.formatFromEditor(e);
-        this._onfocusout();
-    }
-    formatFromEditor(e) {
         var _a;
-        // value가 image file object인지, image url인지 확인
+        e.stopPropagation();
         const input = e.target;
+        // value가 image file object인지, image url인지 확인
         if ((_a = input.files) === null || _a === void 0 ? void 0 : _a[0]) {
-            return input.files[0];
+            this._dirtyValue = this.formatFromEditor(input.files[0]);
         }
         else {
-            return input.value;
+            this._dirtyValue = this.formatFromEditor(input.value);
         }
+        this._onfocusout();
+    }
+    formatFromEditor(value) {
+        return value;
     }
 };
 OxGristEditorImage = __decorate([

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

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-editor-image.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-image.ts"],"names":[],"mappings":";AAAA,OAAO,kCAAkC,CAAA;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,aAAa;IACnD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,2BAA2B,IAAI,CAAC,KAAK,qBAAqB,CAAA;IACvE,CAAC;IAED,SAAS,CAAC,CAAQ;QAChB,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;QAC3C,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,gBAAgB,CAAC,CAAQ;;QACvB,6CAA6C;QAC7C,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAA;QAC1C,IAAI,MAAA,KAAK,CAAC,KAAK,0CAAG,CAAC,CAAC,EAAE,CAAC;YACrB,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QACvB,CAAC;aAAM,CAAC;YACN,OAAO,KAAK,CAAC,KAAK,CAAA;QACpB,CAAC;IACH,CAAC;CACF,CAAA;AApBY,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAoB9B","sourcesContent":["import '@operato/input/ox-input-image.js'\n\nimport { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-image')\nexport class OxGristEditorImage extends OxGristEditor {\n  get editorTemplate() {\n    return html` <ox-input-image .value=${this.value}></ox-input-image> `\n  }\n\n  _onchange(e: Event) {\n    e.stopPropagation()\n    this._dirtyValue = this.formatFromEditor(e)\n    this._onfocusout()\n  }\n\n  formatFromEditor(e: Event) {\n    // value가 image file object인지, image url인지 확인\n    const input = e.target as HTMLInputElement\n    if (input.files?.[0]) {\n      return input.files[0]\n    } else {\n      return input.value\n    }\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-editor-image.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-image.ts"],"names":[],"mappings":";AAAA,OAAO,kCAAkC,CAAA;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,aAAa;IACnD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,2BAA2B,IAAI,CAAC,KAAK,qBAAqB,CAAA;IACvE,CAAC;IAED,SAAS,CAAC,CAAQ;;QAChB,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAA;QAE1C,6CAA6C;QAC7C,IAAI,MAAA,KAAK,CAAC,KAAK,0CAAG,CAAC,CAAC,EAAE,CAAC;YACrB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;QAC1D,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACvD,CAAC;QAED,IAAI,CAAC,WAAW,EAAE,CAAA;IACpB,CAAC;IAED,gBAAgB,CAAC,KAAU;QACzB,OAAO,KAAK,CAAA;IACd,CAAC;CACF,CAAA;AAvBY,kBAAkB;IAD9B,aAAa,CAAC,uBAAuB,CAAC;GAC1B,kBAAkB,CAuB9B","sourcesContent":["import '@operato/input/ox-input-image.js'\n\nimport { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-image')\nexport class OxGristEditorImage extends OxGristEditor {\n  get editorTemplate() {\n    return html` <ox-input-image .value=${this.value}></ox-input-image> `\n  }\n\n  _onchange(e: Event) {\n    e.stopPropagation()\n\n    const input = e.target as HTMLInputElement\n\n    // value가 image file object인지, image url인지 확인\n    if (input.files?.[0]) {\n      this._dirtyValue = this.formatFromEditor(input.files[0])\n    } else {\n      this._dirtyValue = this.formatFromEditor(input.value)\n    }\n\n    this._onfocusout()\n  }\n\n  formatFromEditor(value: any) {\n    return value\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorMonth extends OxGristEditor {
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/editors/ox-grist-editor-multiple-select.d.ts

@@ -4,5 +4,5 @@ import '@operato/popup/ox-popup-list.js';
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorMultipleSelect extends OxGristEditor {
     static styles: import("lit").CSSResult[];
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,5 +1,6 @@
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorNumber extends OxGristEditor {
-    formatFromEditor(e: Event): number;
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get inlineEditable(): boolean;
+    formatFromEditor(value: any): number | null;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/editors/ox-grist-editor-number.js

@@ -2,17 +2,18 @@ import { __decorate } from "tslib";
 import { OxGristEditor } from './ox-grist-editor.js';
 import { customElement } from 'lit/decorators.js';
 import { html } from 'lit';
+import { parseToNumberOrNull } from '@operato/utils';
 let OxGristEditorNumber = class OxGristEditorNumber extends OxGristEditor {
-    formatFromEditor(e) {
-        let value = e.target.value;
-        switch (this.column.type) {
-            case 'float':
-                return Number.parseFloat(value) || 0;
-            case 'integer':
-                return Number.parseInt(value) || 0;
-            default:
-                return Number(value);
+    get inlineEditable() {
+        return true;
+    }
+    formatFromEditor(value) {
+        var _a;
+        const parsed = (_a = parseToNumberOrNull(value)) !== null && _a !== void 0 ? _a : null;
+        if (parsed !== null && this.column.type == 'integer') {
+            return Math.floor(parsed);
         }
+        return parsed;
     }
     get editorTemplate() {
         var { min = -Infinity, max = Infinity } = this.column.record.options || {};

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

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-editor-number.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-number.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAInB,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,aAAa;IACpD,gBAAgB,CAAC,CAAQ;QACvB,IAAI,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAA;QAEhD,QAAQ,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YACzB,KAAK,OAAO;gBACV,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YACtC,KAAK,SAAS;gBACZ,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;YACpC;gBACE,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;QACxB,CAAC;IACH,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,EAAE,GAAG,GAAG,CAAC,QAAQ,EAAE,GAAG,GAAG,QAAQ,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;QAE1E,OAAO,IAAI,CAAA,gCAAgC,IAAI,CAAC,KAAK,SAAS,MAAM,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,CAAC,MAAM,CAAA;IACrG,CAAC;CACF,CAAA;AAnBY,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAmB/B","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\nimport { parseToNumberOrNull } from '@operato/utils'\n\n@customElement('ox-grist-editor-number')\nexport class OxGristEditorNumber extends OxGristEditor {\n  formatFromEditor(e: Event) {\n    let value = (e.target as HTMLInputElement).value\n\n    switch (this.column.type) {\n      case 'float':\n        return Number.parseFloat(value) || 0\n      case 'integer':\n        return Number.parseInt(value) || 0\n      default:\n        return Number(value)\n    }\n  }\n\n  get editorTemplate() {\n    var { min = -Infinity, max = Infinity } = this.column.record.options || {}\n\n    return html` <input type=\"number\" .value=${this.value} .min=${Number(min)} .max=${Number(max)} /> `\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-editor-number.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-number.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAG7C,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,aAAa;IACpD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,gBAAgB,CAAC,KAAU;;QACzB,MAAM,MAAM,GAAG,MAAA,mBAAmB,CAAC,KAAK,CAAC,mCAAI,IAAI,CAAA;QAEjD,IAAI,MAAM,KAAK,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC;YACrD,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QAC3B,CAAC;QAED,OAAO,MAAM,CAAA;IACf,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,EAAE,GAAG,GAAG,CAAC,QAAQ,EAAE,GAAG,GAAG,QAAQ,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;QAE1E,OAAO,IAAI,CAAA,gCAAgC,IAAI,CAAC,KAAK,SAAS,MAAM,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,CAAC,MAAM,CAAA;IACrG,CAAC;CACF,CAAA;AApBY,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAoB/B","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\nimport { parseToNumberOrNull } from '@operato/utils'\n\n@customElement('ox-grist-editor-number')\nexport class OxGristEditorNumber extends OxGristEditor {\n  get inlineEditable() {\n    return true\n  }\n\n  formatFromEditor(value: any) {\n    const parsed = parseToNumberOrNull(value) ?? null\n\n    if (parsed !== null && this.column.type == 'integer') {\n      return Math.floor(parsed)\n    }\n\n    return parsed\n  }\n\n  get editorTemplate() {\n    var { min = -Infinity, max = Infinity } = this.column.record.options || {}\n\n    return html` <input type=\"number\" .value=${this.value} .min=${Number(min)} .max=${Number(max)} /> `\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorPassword extends OxGristEditor {
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,4 +1,4 @@
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorSelect extends OxGristEditor {
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/editors/ox-grist-editor-select.js

@@ -1,37 +1,49 @@
 import { __decorate } from "tslib";
-import { OxGristEditor } from './ox-grist-editor.js';
-import { customElement } from 'lit/decorators.js';
 import { html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { until } from 'lit/directives/until.js';
+import { OxGristEditor } from './ox-grist-editor.js';
+function buildOptions(options, value) {
+    const selectOptionObjects = options.map(option => {
+        switch (typeof option) {
+            case 'string':
+                return {
+                    display: option,
+                    value: option
+                };
+            case 'object':
+                return {
+                    display: option.display || option.name,
+                    value: option.value
+                };
+            default:
+                return option;
+        }
+    });
+    return html `
+    <select>
+      ${selectOptionObjects.map((option) => html `
+          <option ?selected=${option.value == value} value=${option.value}>${option.display}</option>
+        `)}
+    </select>
+  `;
+}
 let OxGristEditorSelect = class OxGristEditorSelect extends OxGristEditor {
     get editorTemplate() {
         var rowOptionField = this.record[this.column.record.rowOptionField || ''];
         var { options = [] } = rowOptionField ? rowOptionField : this.column.record;
         if (typeof options == 'function') {
             options = options.call(null, this.value, this.column, this.record, this.rowIndex, this.field);
-        }
-        options = options.map((option) => {
-            switch (typeof option) {
-                case 'string':
-                    return {
-                        display: option,
-                        value: option
-                    };
-                case 'object':
-                    return {
-                        display: option.display,
-                        value: option.value
-                    };
-                default:
-                    return option;
+            if (options instanceof Promise) {
+                return html `${until(options.then(options => buildOptions(options, this.value)))}`;
+            }
+            else {
+                return buildOptions((options || []), rowOptionField.display || this.value);
             }
-        });
-        return html `
-      <select>
-        ${options.map((option) => html `
-            <option ?selected=${option.value == this.value} value=${option.value}>${option.display}</option>
-          `)}
-      </select>
-    `;
+        }
+        else {
+            return buildOptions((options || []), this.value);
+        }
     }
 };
 OxGristEditorSelect = __decorate([

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

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-editor-select.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-select.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,aAAa;IACpD,IAAI,cAAc;QAChB,IAAI,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,IAAI,EAAE,CAAC,CAAA;QACzE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAA;QAE3E,IAAI,OAAO,OAAO,IAAI,UAAU,EAAE,CAAC;YACjC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;QAC/F,CAAC;QAED,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,EAAE;YACpC,QAAQ,OAAO,MAAM,EAAE,CAAC;gBACtB,KAAK,QAAQ;oBACX,OAAO;wBACL,OAAO,EAAE,MAAM;wBACf,KAAK,EAAE,MAAM;qBACd,CAAA;gBACH,KAAK,QAAQ;oBACX,OAAO;wBACL,OAAO,EAAE,MAAM,CAAC,OAAO;wBACvB,KAAK,EAAE,MAAM,CAAC,KAAK;qBACpB,CAAA;gBACH;oBACE,OAAO,MAAM,CAAA;YACjB,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,OAAO,IAAI,CAAA;;UAEL,OAAO,CAAC,GAAG,CACX,CAAC,MAAW,EAAE,EAAE,CAAC,IAAI,CAAA;gCACC,MAAM,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,UAAU,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO;WACvF,CACF;;KAEJ,CAAA;IACH,CAAC;CACF,CAAA;AApCY,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAoC/B","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-select')\nexport class OxGristEditorSelect extends OxGristEditor {\n  get editorTemplate() {\n    var rowOptionField = this.record[this.column.record.rowOptionField || '']\n    var { options = [] } = rowOptionField ? rowOptionField : this.column.record\n\n    if (typeof options == 'function') {\n      options = options.call(null, this.value, this.column, this.record, this.rowIndex, this.field)\n    }\n\n    options = options.map((option: any) => {\n      switch (typeof option) {\n        case 'string':\n          return {\n            display: option,\n            value: option\n          }\n        case 'object':\n          return {\n            display: option.display,\n            value: option.value\n          }\n        default:\n          return option\n      }\n    })\n\n    return html`\n      <select>\n        ${options.map(\n          (option: any) => html`\n            <option ?selected=${option.value == this.value} value=${option.value}>${option.display}</option>\n          `\n        )}\n      </select>\n    `\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-editor-select.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-select.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAGpD,SAAS,YAAY,CAAC,OAAuB,EAAE,KAAU;IACvD,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAC/C,QAAQ,OAAO,MAAM,EAAE,CAAC;YACtB,KAAK,QAAQ;gBACX,OAAO;oBACL,OAAO,EAAE,MAAM;oBACf,KAAK,EAAE,MAAM;iBACd,CAAA;YACH,KAAK,QAAQ;gBACX,OAAO;oBACL,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,IAAI;oBACtC,KAAK,EAAE,MAAM,CAAC,KAAK;iBACpB,CAAA;YACH;gBACE,OAAO,MAAM,CAAA;QACjB,CAAC;IACH,CAAC,CAAyB,CAAA;IAE1B,OAAO,IAAI,CAAA;;QAEL,mBAAmB,CAAC,GAAG,CACvB,CAAC,MAAW,EAAE,EAAE,CAAC,IAAI,CAAA;8BACC,MAAM,CAAC,KAAK,IAAI,KAAK,UAAU,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO;SAClF,CACF;;GAEJ,CAAA;AACH,CAAC;AAGM,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,aAAa;IACpD,IAAI,cAAc;QAChB,IAAI,cAAc,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,cAAc,IAAI,EAAE,CAAC,CAAA;QACzE,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAA;QAE3E,IAAI,OAAO,OAAO,IAAI,UAAU,EAAE,CAAC;YACjC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;YAE7F,IAAI,OAAO,YAAY,OAAO,EAAE,CAAC;gBAC/B,OAAO,IAAI,CAAA,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;YACnF,CAAC;iBAAM,CAAC;gBACN,OAAO,YAAY,CAAC,CAAC,OAAO,IAAI,EAAE,CAAmB,EAAE,cAAc,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAA;YAC9F,CAAC;QACH,CAAC;aAAM,CAAC;YACN,OAAO,YAAY,CAAC,CAAC,OAAO,IAAI,EAAE,CAAmB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;QACpE,CAAC;IACH,CAAC;CACF,CAAA;AAjBY,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAiB/B","sourcesContent":["import { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { until } from 'lit/directives/until.js'\n\nimport { OxGristEditor } from './ox-grist-editor.js'\nimport { SelectOption, SelectOptionObject } from '../types.js'\n\nfunction buildOptions(options: SelectOption[], value: any) {\n  const selectOptionObjects = options.map(option => {\n    switch (typeof option) {\n      case 'string':\n        return {\n          display: option,\n          value: option\n        }\n      case 'object':\n        return {\n          display: option.display || option.name,\n          value: option.value\n        }\n      default:\n        return option\n    }\n  }) as SelectOptionObject[]\n\n  return html`\n    <select>\n      ${selectOptionObjects.map(\n        (option: any) => html`\n          <option ?selected=${option.value == value} value=${option.value}>${option.display}</option>\n        `\n      )}\n    </select>\n  `\n}\n\n@customElement('ox-grist-editor-select')\nexport class OxGristEditorSelect extends OxGristEditor {\n  get editorTemplate() {\n    var rowOptionField = this.record[this.column.record.rowOptionField || '']\n    var { options = [] } = rowOptionField ? rowOptionField : this.column.record\n\n    if (typeof options == 'function') {\n      options = options.call(null, this.value, this.column, this.record, this.rowIndex, this.field)\n\n      if (options instanceof Promise) {\n        return html`${until(options.then(options => buildOptions(options, this.value)))}`\n      } else {\n        return buildOptions((options || []) as SelectOption[], rowOptionField.display || this.value)\n      }\n    } else {\n      return buildOptions((options || []) as SelectOption[], this.value)\n    }\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorTel extends OxGristEditor {
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

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

@@ -1,4 +1,5 @@
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorText extends OxGristEditor {
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get inlineEditable(): boolean;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/editors/ox-grist-editor-text.js

@@ -3,6 +3,9 @@ import { OxGristEditor } from './ox-grist-editor.js';
 import { customElement } from 'lit/decorators.js';
 import { html } from 'lit';
 let OxGristEditorText = class OxGristEditorText extends OxGristEditor {
+    get inlineEditable() {
+        return true;
+    }
     get editorTemplate() {
         return html ` <input type="text" .value=${this.value} /> `;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-editor-text.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,aAAa;IAClD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK,MAAM,CAAA;IAC3D,CAAC;CACF,CAAA;AAJY,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAI7B","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-text')\nexport class OxGristEditorText extends OxGristEditor {\n  get editorTemplate() {\n    return html` <input type=\"text\" .value=${this.value} /> `\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-editor-text.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-text.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,aAAa;IAClD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK,MAAM,CAAA;IAC3D,CAAC;CACF,CAAA;AARY,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAQ7B","sourcesContent":["import { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-text')\nexport class OxGristEditorText extends OxGristEditor {\n  get inlineEditable() {\n    return true\n  }\n\n  get editorTemplate() {\n    return html` <input type=\"text\" .value=${this.value} /> `\n  }\n}\n"]}

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

@@ -1,5 +1,6 @@
 import '@operato/input/ox-input-textarea.js';
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorTextarea extends OxGristEditor {
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get inlineEditable(): boolean;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/editors/ox-grist-editor-textarea.js

@@ -4,6 +4,9 @@ import { OxGristEditor } from './ox-grist-editor.js';
 import { customElement } from 'lit/decorators.js';
 import { html } from 'lit';
 let OxGristEditorTextarea = class OxGristEditorTextarea extends OxGristEditor {
+    get inlineEditable() {
+        return true;
+    }
     get editorTemplate() {
         return html ` <ox-input-textarea .value=${this.value}></ox-input-textarea> `;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-editor-textarea.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-textarea.ts"],"names":[],"mappings":";AAAA,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,aAAa;IACtD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK,wBAAwB,CAAA;IAC7E,CAAC;CACF,CAAA;AAJY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAIjC","sourcesContent":["import '@operato/input/ox-input-textarea.js'\n\nimport { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-textarea')\nexport class OxGristEditorTextarea extends OxGristEditor {\n  get editorTemplate() {\n    return html` <ox-input-textarea .value=${this.value}></ox-input-textarea> `\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-editor-textarea.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor-textarea.ts"],"names":[],"mappings":";AAAA,OAAO,qCAAqC,CAAA;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAGnB,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,aAAa;IACtD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK,wBAAwB,CAAA;IAC7E,CAAC;CACF,CAAA;AARY,qBAAqB;IADjC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,qBAAqB,CAQjC","sourcesContent":["import '@operato/input/ox-input-textarea.js'\n\nimport { OxGristEditor } from './ox-grist-editor.js'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\n\n@customElement('ox-grist-editor-textarea')\nexport class OxGristEditorTextarea extends OxGristEditor {\n  get inlineEditable() {\n    return true\n  }\n\n  get editorTemplate() {\n    return html` <ox-input-textarea .value=${this.value}></ox-input-textarea> `\n  }\n}\n"]}

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

@@ -1,4 +1,4 @@
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorTime extends OxGristEditor {
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

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

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

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

@@ -1,4 +1,4 @@
 import { OxGristEditor } from './ox-grist-editor.js';
 export declare class OxGristEditorWeek extends OxGristEditor {
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

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

@@ -10,18 +10,18 @@ export declare class OxGristEditor extends LitElement {
     field?: DataGridField;
     row?: number;
     protected _dirtyValue?: any;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     get editor(): HTMLElement | null;
-    get directEditable(): boolean;
+    get inlineEditable(): boolean;
     firstUpdated(): Promise<void>;
     select(): void;
     focus(): void;
     formatForEditor(value: any): any;
-    formatFromEditor(e: Event): any;
+    formatFromEditor(value: any): any;
     _onfocusout(): void;
     _onchange(e: Event): void;
     _onkeydown(e: Event): void;
     _onclick(e: Event): void;
     _ondblclick(e: Event): void;
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

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

@@ -2,8 +2,7 @@ import { __decorate } from "tslib";
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { ZERO_COLUMN, ZERO_RECORD } from '../configure/zero-config';
-import { getDefaultValue } from '../value-generator';
-import { parseToNumberOrNull } from '@operato/utils';
+import { getDefaultValue } from '@operato/time-calculator';
 const STYLE = css `
   :host {
     display: flex;
@@ -79,11 +78,11 @@ let OxGristEditor = class OxGristEditor extends LitElement {
     get editor() {
         return this.renderRoot.firstElementChild;
     }
-    get directEditable() {
-        return true;
+    get inlineEditable() {
+        return false;
     }
     async firstUpdated() {
-        var _a, _b;
+        var _a;
         this.renderRoot.addEventListener('change', this._onchange.bind(this));
         this.renderRoot.addEventListener('focusout', this._onfocusout.bind(this));
         this.addEventListener('click', this._onclick.bind(this));
@@ -103,21 +102,18 @@ let OxGristEditor = class OxGristEditor extends LitElement {
         if (typeof currentValue == 'undefined' && defaultValue) {
             currentValue = getDefaultValue(defaultValue, this.record);
         }
+        this.value = this._dirtyValue = this.formatForEditor(currentValue);
         // 입력을 위한 키를 누르면서 편집모드가 될때는 누른 키가 처음에 입력되도록, enter 같은 것을 눌러서 편집모드가 되면 현재 값으로 편집모드 전환
-        const editorValue = ((_a = this.field) === null || _a === void 0 ? void 0 : _a.valueWithEdit) ? this.field.valueWithEdit : this.formatForEditor(currentValue);
-        const fieldType = ((_b = this.field) === null || _b === void 0 ? void 0 : _b.type) || 'string';
-        this.value = this._dirtyValue = ['number', 'float', 'integer', 'progress'].includes(fieldType)
-            ? parseToNumberOrNull(editorValue)
-            : editorValue;
+        const valueWith = this.inlineEditable && ((_a = this.field) === null || _a === void 0 ? void 0 : _a.valueWith);
+        this.value = this._dirtyValue = valueWith ? this.formatFromEditor(valueWith) : this.formatForEditor(currentValue);
         requestAnimationFrame(() => {
             this.focus();
-            this.select();
+            !valueWith && this.select();
         });
     }
     select() {
-        var _a;
         const editor = this.editor;
-        if ((editor === null || editor === void 0 ? void 0 : editor.select) && !((_a = this.field) === null || _a === void 0 ? void 0 : _a.valueWithEdit)) {
+        if (editor === null || editor === void 0 ? void 0 : editor.select) {
             return editor.select();
         }
     }
@@ -130,8 +126,8 @@ let OxGristEditor = class OxGristEditor extends LitElement {
     formatForEditor(value) {
         return value == null ? '' : value;
     }
-    formatFromEditor(e) {
-        return e.target.value;
+    formatFromEditor(value) {
+        return value;
     }
     _onfocusout() {
         var _a;
@@ -155,8 +151,10 @@ let OxGristEditor = class OxGristEditor extends LitElement {
         }
     }
     _onchange(e) {
+        var _a;
         e.stopPropagation();
-        this._dirtyValue = this.formatFromEditor(e);
+        const value = (_a = e.target) === null || _a === void 0 ? void 0 : _a.value;
+        this._dirtyValue = this.formatFromEditor(value);
     }
     _onkeydown(e) { }
     _onclick(e) {

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

@@ -1 +1 @@
-{"version":3,"file":"ox-grist-editor.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { ZERO_COLUMN, ZERO_RECORD } from '../configure/zero-config'\nimport { DataGridField } from '../data-grid/data-grid-field'\nimport { ColumnConfig, GristRecord } from '../types'\nimport { getDefaultValue } from '../value-generator'\nimport { parseToNumberOrNull } from '@operato/utils'\n\nconst STYLE = css`\n  :host {\n    display: flex;\n\n    align-items: center;\n\n    width: 100%;\n    height: 100%;\n\n    border: 0;\n    background-color: transparent;\n\n    overflow: hidden;\n    justify-content: var(--data-grid-field-justify-content, flex-start);\n  }\n\n  :host > * {\n    display: flex;\n\n    width: 100%;\n    height: 100%;\n\n    border: 0;\n    background-color: transparent;\n\n    box-sizing: border-box;\n\n    align-items: center;\n  }\n\n  :host > style {\n    display: none;\n  }\n\n  :host > input[type='checkbox'] {\n    width: initial;\n    margin: 0;\n  }\n  *:focus {\n    outline: none;\n  }\n\n  input[type='file'] {\n    opacity: 0%;\n  }\n\n  @media screen and (max-width: 460px) {\n    :host > * {\n      border: initial;\n      background-color: initial;\n    }\n\n    *:focus {\n      outline: none;\n    }\n\n    input,\n    select,\n    textarea {\n      font-size: 16px;\n    }\n  }\n`\n\n@customElement('ox-grist-editor')\nexport class OxGristEditor extends LitElement {\n  static styles = [STYLE]\n\n  @property({ type: Object }) value?: any\n  @property({ type: Object }) column: ColumnConfig = ZERO_COLUMN\n  @property({ type: Object }) record: GristRecord = ZERO_RECORD\n  @property({ type: Number }) rowIndex?: number\n  @property({ type: Object }) field?: DataGridField\n  @property({ type: Number }) row?: number\n\n  protected _dirtyValue?: any\n\n  render() {\n    return this.editorTemplate\n  }\n\n  get editor(): HTMLElement | null {\n    return this.renderRoot.firstElementChild as HTMLElement\n  }\n\n  get directEditable() {\n    return true\n  }\n\n  async firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onchange.bind(this))\n    this.renderRoot.addEventListener('focusout', this._onfocusout.bind(this))\n    this.addEventListener('click', this._onclick.bind(this))\n    this.addEventListener('dblclick', this._ondblclick.bind(this))\n    this.addEventListener('keydown', this._onkeydown.bind(this))\n\n    /* editor mode 인 경우의 마우스 움직임이, grist-body의 이벤트 처리에 의해서 에디터를 리셋시킬 수 있으므로, 이벤트 전파를 막는다. */\n    this.addEventListener('mousedown', (e: Event) => e.stopPropagation())\n    this.addEventListener('mousemove', (e: Event) => e.stopPropagation())\n    this.addEventListener('mouseup', (e: Event) => e.stopPropagation())\n\n    const { name = '' } = this.column\n    const { align, defaultValue } = this.column.record\n\n    if (align) {\n      this.style.textAlign = align\n      this.style.textAlignLast = align /* for select */\n    }\n\n    var currentValue = this.record[name]\n\n    if (typeof currentValue == 'undefined' && defaultValue) {\n      currentValue = getDefaultValue(defaultValue, this.record)\n    }\n\n    // 입력을 위한 키를 누르면서 편집모드가 될때는 누른 키가 처음에 입력되도록, enter 같은 것을 눌러서 편집모드가 되면 현재 값으로 편집모드 전환\n    const editorValue = this.field?.valueWithEdit ? this.field.valueWithEdit : this.formatForEditor(currentValue)\n    const fieldType = this.field?.type || 'string'\n    this.value = this._dirtyValue = ['number', 'float', 'integer', 'progress'].includes(fieldType)\n      ? parseToNumberOrNull(editorValue)\n      : editorValue\n\n    requestAnimationFrame(() => {\n      this.focus()\n      this.select()\n    })\n  }\n\n  select() {\n    const editor = this.editor\n    if ((editor as HTMLInputElement)?.select && !this.field?.valueWithEdit) {\n      return (editor as HTMLInputElement).select()\n    }\n  }\n\n  focus() {\n    const editor = this.editor\n    if (editor) {\n      editor.focus()\n    }\n  }\n\n  formatForEditor(value: any): any {\n    return value == null ? '' : value\n  }\n\n  formatFromEditor(e: Event): any {\n    return (e.target as HTMLInputElement).value\n  }\n\n  _onfocusout() {\n    // paste시 field-change는 Body에서 하므로 X\n    if (this.field?.isWorking === true) return\n\n    const { name = '' } = this.column\n    var currentValue = this.record[name] || ''\n\n    if (this._dirtyValue !== currentValue) {\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: currentValue,\n            after: this._dirtyValue,\n            column: this.column,\n            record: this.record,\n            row: this.row\n          }\n        })\n      )\n    }\n  }\n\n  _onchange(e: Event): void {\n    e.stopPropagation()\n\n    this._dirtyValue = this.formatFromEditor(e)\n  }\n\n  _onkeydown(e: Event): void {}\n\n  _onclick(e: Event): void {\n    e.stopPropagation()\n  }\n\n  _ondblclick(e: Event): void {\n    e.stopPropagation()\n  }\n\n  get editorTemplate() {\n    return html``\n  }\n}\n"]}
+{"version":3,"file":"ox-grist-editor.js","sourceRoot":"","sources":["../../../src/editors/ox-grist-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { ZERO_COLUMN, ZERO_RECORD } from '../configure/zero-config'\nimport { DataGridField } from '../data-grid/data-grid-field'\nimport { ColumnConfig, GristRecord } from '../types'\nimport { getDefaultValue } from '@operato/time-calculator'\n\nconst STYLE = css`\n  :host {\n    display: flex;\n\n    align-items: center;\n\n    width: 100%;\n    height: 100%;\n\n    border: 0;\n    background-color: transparent;\n\n    overflow: hidden;\n    justify-content: var(--data-grid-field-justify-content, flex-start);\n  }\n\n  :host > * {\n    display: flex;\n\n    width: 100%;\n    height: 100%;\n\n    border: 0;\n    background-color: transparent;\n\n    box-sizing: border-box;\n\n    align-items: center;\n  }\n\n  :host > style {\n    display: none;\n  }\n\n  :host > input[type='checkbox'] {\n    width: initial;\n    margin: 0;\n  }\n  *:focus {\n    outline: none;\n  }\n\n  input[type='file'] {\n    opacity: 0%;\n  }\n\n  @media screen and (max-width: 460px) {\n    :host > * {\n      border: initial;\n      background-color: initial;\n    }\n\n    *:focus {\n      outline: none;\n    }\n\n    input,\n    select,\n    textarea {\n      font-size: 16px;\n    }\n  }\n`\n\n@customElement('ox-grist-editor')\nexport class OxGristEditor extends LitElement {\n  static styles = [STYLE]\n\n  @property({ type: Object }) value?: any\n  @property({ type: Object }) column: ColumnConfig = ZERO_COLUMN\n  @property({ type: Object }) record: GristRecord = ZERO_RECORD\n  @property({ type: Number }) rowIndex?: number\n  @property({ type: Object }) field?: DataGridField\n  @property({ type: Number }) row?: number\n\n  protected _dirtyValue?: any\n\n  render() {\n    return this.editorTemplate\n  }\n\n  get editor(): HTMLElement | null {\n    return this.renderRoot.firstElementChild as HTMLElement\n  }\n\n  get inlineEditable() {\n    return false\n  }\n\n  async firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onchange.bind(this))\n    this.renderRoot.addEventListener('focusout', this._onfocusout.bind(this))\n    this.addEventListener('click', this._onclick.bind(this))\n    this.addEventListener('dblclick', this._ondblclick.bind(this))\n    this.addEventListener('keydown', this._onkeydown.bind(this))\n\n    /* editor mode 인 경우의 마우스 움직임이, grist-body의 이벤트 처리에 의해서 에디터를 리셋시킬 수 있으므로, 이벤트 전파를 막는다. */\n    this.addEventListener('mousedown', (e: Event) => e.stopPropagation())\n    this.addEventListener('mousemove', (e: Event) => e.stopPropagation())\n    this.addEventListener('mouseup', (e: Event) => e.stopPropagation())\n\n    const { name = '' } = this.column\n    const { align, defaultValue } = this.column.record\n\n    if (align) {\n      this.style.textAlign = align\n      this.style.textAlignLast = align /* for select */\n    }\n\n    var currentValue = this.record[name]\n\n    if (typeof currentValue == 'undefined' && defaultValue) {\n      currentValue = getDefaultValue(defaultValue, this.record)\n    }\n\n    this.value = this._dirtyValue = this.formatForEditor(currentValue)\n\n    // 입력을 위한 키를 누르면서 편집모드가 될때는 누른 키가 처음에 입력되도록, enter 같은 것을 눌러서 편집모드가 되면 현재 값으로 편집모드 전환\n    const valueWith = this.inlineEditable && this.field?.valueWith\n    this.value = this._dirtyValue = valueWith ? this.formatFromEditor(valueWith) : this.formatForEditor(currentValue)\n\n    requestAnimationFrame(() => {\n      this.focus()\n      !valueWith && this.select()\n    })\n  }\n\n  select() {\n    const editor = this.editor\n    if ((editor as HTMLInputElement)?.select) {\n      return (editor as HTMLInputElement).select()\n    }\n  }\n\n  focus() {\n    const editor = this.editor\n    if (editor) {\n      editor.focus()\n    }\n  }\n\n  formatForEditor(value: any): any {\n    return value == null ? '' : value\n  }\n\n  formatFromEditor(value: any): any {\n    return value\n  }\n\n  _onfocusout() {\n    // paste시 field-change는 Body에서 하므로 X\n    if (this.field?.isWorking === true) return\n\n    const { name = '' } = this.column\n    var currentValue = this.record[name] || ''\n\n    if (this._dirtyValue !== currentValue) {\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: currentValue,\n            after: this._dirtyValue,\n            column: this.column,\n            record: this.record,\n            row: this.row\n          }\n        })\n      )\n    }\n  }\n\n  _onchange(e: Event): void {\n    e.stopPropagation()\n\n    const value = (e.target as any)?.value\n\n    this._dirtyValue = this.formatFromEditor(value)\n  }\n\n  _onkeydown(e: Event): void {}\n\n  _onclick(e: Event): void {\n    e.stopPropagation()\n  }\n\n  _ondblclick(e: Event): void {\n    e.stopPropagation()\n  }\n\n  get editorTemplate() {\n    return html``\n  }\n}\n"]}

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

@@ -11,7 +11,7 @@ export declare class OxInputTree extends OxFormField {
     private checked?;
     private expanded?;
     input: HTMLInputElement;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     updated(changes: PropertyValues<this>): void;
     focus(): void;
     select(): void;