@operato/app 1.0.0-alpha.3 → 1.0.0-alpha.30

package/dist/src/grist-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/grist-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAErF,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAA;AACzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAA;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAA;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAA;AAC1E,OAAO,EAAE,2BAA2B,EAAE,MAAM,sCAAsC,CAAA;AAClF,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAA;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAA;AAE9E,2CAA2C;AAC3C,cAAc,CAAC,aAAa,EAAE,uBAAuB,CAAC,CAAA;AACtD,cAAc,CAAC,iBAAiB,EAAE,2BAA2B,CAAC,CAAA;AAC9D,cAAc,CAAC,eAAe,EAAE,yBAAyB,CAAC,CAAA;AAC1D,cAAc,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAA;AACrD,cAAc,CAAC,WAAW,EAAE,qBAAqB,CAAC,CAAA;AAClD,cAAc,CAAC,gBAAgB,EAAE,0BAA0B,CAAC,CAAA;AAC5D,cAAc,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAA;AAC/C,cAAc,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAA;AAEzC,gBAAgB,CAAC,aAAa,EAAE,yBAAyB,CAAC,CAAA;AAC1D,gBAAgB,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;AAC7C,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAA;AAC5C,gBAAgB,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAAA","sourcesContent":["import { Json5Renderer, registerEditor, registerRenderer } from '@operato/data-grist'\n\nimport { OxGristEditorCrontab } from './ox-grist-editor-crontab.js'\nimport { OxGristEditorJson } from './ox-grist-editor-json.js'\nimport { OxGristEditorParameters } from './ox-grist-editor-parameters.js'\nimport { OxGristEditorPartitionKeys } from './ox-grist-editor-partition-keys.js'\nimport { OxGristEditorResourceCode } from './ox-grist-editor-resource-code.js'\nimport { OxGristEditorResourceId } from './ox-grist-editor-resource-id.js'\nimport { OxGristEditorResourceObject } from './ox-grist-editor-resource-object.js'\nimport { OxGristEditorValueMap } from './ox-grist-editor-value-map.js'\nimport { OxGristRendererResourceId } from './ox-grist-renderer-resource-id.js'\n\n/* register grist renderer/editor for id */\nregisterEditor('resource-id', OxGristEditorResourceId)\nregisterEditor('resource-object', OxGristEditorResourceObject)\nregisterEditor('resource-code', OxGristEditorResourceCode)\nregisterEditor('parameters', OxGristEditorParameters)\nregisterEditor('value-map', OxGristEditorValueMap)\nregisterEditor('partition-keys', OxGristEditorPartitionKeys)\nregisterEditor('crontab', OxGristEditorCrontab)\nregisterEditor('json', OxGristEditorJson)\n\nregisterRenderer('resource-id', OxGristRendererResourceId)\nregisterRenderer('parameters', Json5Renderer)\nregisterRenderer('value-map', Json5Renderer)\nregisterRenderer('partition-keys', Json5Renderer)\n"]}

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

@@ -0,0 +1,7 @@
+import './ox-popup-code-input.js';
+import { InputEditor } from '@operato/data-grist';
+export declare class OxGristEditorCode extends InputEditor {
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    showEditorPopup(): void;
+}

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

@@ -0,0 +1,56 @@
+import { __decorate } from "tslib";
+import './ox-popup-code-input.js';
+import { InputEditor } from '@operato/data-grist';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+import { i18next } from '@operato/i18n';
+import { openPopup } from '@operato/layout';
+let OxGristEditorCode = class OxGristEditorCode extends InputEditor {
+    get editorTemplate() {
+        return html ` <input type="text" .value=${this.value || ''} /> `;
+    }
+    async firstUpdated() {
+        await this.updateComplete;
+        this.renderRoot.addEventListener('click', e => {
+            e.stopPropagation();
+            this.showEditorPopup();
+        });
+        this.showEditorPopup();
+    }
+    showEditorPopup() {
+        var _a;
+        var { mode } = ((_a = this.column.record) === null || _a === void 0 ? void 0 : _a.options) || {};
+        var change = (value) => {
+            this.dispatchEvent(new CustomEvent('change', {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    before: this.value,
+                    after: value,
+                    column: this.column,
+                    record: this.record,
+                    row: this.row
+                }
+            }));
+        };
+        var popup = openPopup(html `
+        <ox-popup-code-input
+          .value=${this.value}
+          mode=${mode}
+          @change=${(e) => {
+            change(e.detail.value);
+            popup.close();
+        }}
+        ></ox-popup-code-input>
+      `, {
+            backdrop: true,
+            title: i18next.t('title.setting schedule'),
+            help: 'data-grist/grist-editor/code'
+        });
+    }
+};
+OxGristEditorCode = __decorate([
+    customElement('ox-grist-editor-code')
+], OxGristEditorCode);
+export { OxGristEditorCode };
+//# sourceMappingURL=ox-grist-editor-code.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-editor-code.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-editor-code.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAG3C,IAAa,iBAAiB,GAA9B,MAAa,iBAAkB,SAAQ,WAAW;IAChD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK,IAAI,EAAE,MAAM,CAAA;IACjE,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,IAAI,CAAC,cAAc,CAAA;QAEzB,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;YAC5C,CAAC,CAAC,eAAe,EAAE,CAAA;YAEnB,IAAI,CAAC,eAAe,EAAE,CAAA;QACxB,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,eAAe,EAAE,CAAA;IACxB,CAAC;IAED,eAAe;;QACb,IAAI,EAAE,IAAI,EAAE,GAAG,CAAA,MAAA,IAAI,CAAC,MAAM,CAAC,MAAM,0CAAE,OAAO,KAAI,EAAE,CAAA;QAEhD,IAAI,MAAM,GAAG,CAAC,KAAa,EAAE,EAAE;YAC7B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;gBACxB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,MAAM,EAAE,IAAI,CAAC,KAAK;oBAClB,KAAK,EAAE,KAAK;oBACZ,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,GAAG,EAAE,IAAI,CAAC,GAAG;iBACd;aACF,CAAC,CACH,CAAA;QACH,CAAC,CAAA;QAED,IAAI,KAAK,GAAG,SAAS,CACnB,IAAI,CAAA;;mBAES,IAAI,CAAC,KAAK;iBACZ,IAAI;oBACD,CAAC,CAAc,EAAE,EAAE;YAC3B,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACtB,KAAK,CAAC,KAAK,EAAE,CAAA;QACf,CAAC;;OAEJ,EACD;YACE,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;YAC1C,IAAI,EAAE,8BAA8B;SACrC,CACF,CAAA;IACH,CAAC;CACF,CAAA;AAtDY,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAsD7B;SAtDY,iBAAiB","sourcesContent":["import './ox-popup-code-input.js'\n\nimport { InputEditor } from '@operato/data-grist'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\nimport { i18next } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\n\n@customElement('ox-grist-editor-code')\nexport class OxGristEditorCode extends InputEditor {\n  get editorTemplate() {\n    return html` <input type=\"text\" .value=${this.value || ''} /> `\n  }\n\n  async firstUpdated() {\n    await this.updateComplete\n\n    this.renderRoot.addEventListener('click', e => {\n      e.stopPropagation()\n\n      this.showEditorPopup()\n    })\n\n    this.showEditorPopup()\n  }\n\n  showEditorPopup() {\n    var { mode } = this.column.record?.options || {}\n\n    var change = (value: string) => {\n      this.dispatchEvent(\n        new CustomEvent('change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: value,\n            column: this.column,\n            record: this.record,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    var popup = openPopup(\n      html`\n        <ox-popup-code-input\n          .value=${this.value}\n          mode=${mode}\n          @change=${(e: CustomEvent) => {\n            change(e.detail.value)\n            popup.close()\n          }}\n        ></ox-popup-code-input>\n      `,\n      {\n        backdrop: true,\n        title: i18next.t('title.setting schedule'),\n        help: 'data-grist/grist-editor/code'\n      }\n    )\n  }\n}\n"]}

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

@@ -0,0 +1,8 @@
+import './ox-popup-crontab-input.js';
+import { InputEditor } from '@operato/data-grist';
+export declare class OxGristEditorCrontab extends InputEditor {
+    private popup?;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    showEditorPopup(): void;
+}

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

@@ -0,0 +1,50 @@
+import { __decorate } from "tslib";
+import './ox-popup-crontab-input.js';
+import { openPopup } from '@operato/layout';
+import { InputEditor } from '@operato/data-grist';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+import { i18next } from '@operato/i18n';
+let OxGristEditorCrontab = class OxGristEditorCrontab extends InputEditor {
+    get editorTemplate() {
+        return html ` <input type="text" .value=${this.value || ''} /> `;
+    }
+    async firstUpdated() {
+        await this.updateComplete;
+        this.renderRoot.addEventListener('click', e => {
+            e.stopPropagation();
+            this.showEditorPopup();
+        });
+        this.showEditorPopup();
+    }
+    showEditorPopup() {
+        if (this.popup) {
+            delete this.popup;
+        }
+        const confirmCallback = (newval) => {
+            this.dispatchEvent(new CustomEvent('field-change', {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    before: this.value,
+                    after: newval,
+                    record: this.record,
+                    column: this.column,
+                    row: this.row
+                }
+            }));
+        };
+        this.popup = openPopup(html `
+        <ox-popup-crontab-input .value=${this.value} .confirmCallback=${confirmCallback}></ox-popup-crontab-input>
+      `, {
+            backdrop: true,
+            title: i18next.t('title.setting schedule'),
+            help: 'data-grist/grist-editor/crontab'
+        });
+    }
+};
+OxGristEditorCrontab = __decorate([
+    customElement('ox-grist-editor-crontab')
+], OxGristEditorCrontab);
+export { OxGristEditorCrontab };
+//# sourceMappingURL=ox-grist-editor-crontab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-editor-crontab.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-editor-crontab.ts"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAA;AAEpC,OAAO,EAAe,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,WAAW;IAGnD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK,IAAI,EAAE,MAAM,CAAA;IACjE,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,IAAI,CAAC,cAAc,CAAA;QAEzB,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;YAC5C,CAAC,CAAC,eAAe,EAAE,CAAA;YAEnB,IAAI,CAAC,eAAe,EAAE,CAAA;QACxB,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,eAAe,EAAE,CAAA;IACxB,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,IAAI,CAAC,KAAK,CAAA;SAClB;QAED,MAAM,eAAe,GAAG,CAAC,MAAW,EAAE,EAAE;YACtC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE;gBAC9B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,MAAM,EAAE,IAAI,CAAC,KAAK;oBAClB,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,GAAG,EAAE,IAAI,CAAC,GAAG;iBACd;aACF,CAAC,CACH,CAAA;QACH,CAAC,CAAA;QAED,IAAI,CAAC,KAAK,GAAG,SAAS,CACpB,IAAI,CAAA;yCAC+B,IAAI,CAAC,KAAK,qBAAqB,eAAe;OAChF,EACD;YACE,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;YAC1C,IAAI,EAAE,iCAAiC;SACxC,CACF,CAAA;IACH,CAAC;CACF,CAAA;AAnDY,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAmDhC;SAnDY,oBAAoB","sourcesContent":["import './ox-popup-crontab-input.js'\n\nimport { PopupHandle, openPopup } from '@operato/layout'\n\nimport { InputEditor } from '@operato/data-grist'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\nimport { i18next } from '@operato/i18n'\n\n@customElement('ox-grist-editor-crontab')\nexport class OxGristEditorCrontab extends InputEditor {\n  private popup?: PopupHandle\n\n  get editorTemplate() {\n    return html` <input type=\"text\" .value=${this.value || ''} /> `\n  }\n\n  async firstUpdated() {\n    await this.updateComplete\n\n    this.renderRoot.addEventListener('click', e => {\n      e.stopPropagation()\n\n      this.showEditorPopup()\n    })\n\n    this.showEditorPopup()\n  }\n\n  showEditorPopup() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    const confirmCallback = (newval: any) => {\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: newval,\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    this.popup = openPopup(\n      html`\n        <ox-popup-crontab-input .value=${this.value} .confirmCallback=${confirmCallback}></ox-popup-crontab-input>\n      `,\n      {\n        backdrop: true,\n        title: i18next.t('title.setting schedule'),\n        help: 'data-grist/grist-editor/crontab'\n      }\n    )\n  }\n}\n"]}

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

@@ -0,0 +1,7 @@
+import './ox-popup-code-input.js';
+import { InputEditor } from '@operato/data-grist';
+export declare class OxGristEditorJson extends InputEditor {
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    showEditorPopup(): void;
+}

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

@@ -0,0 +1,54 @@
+import { __decorate } from "tslib";
+import './ox-popup-code-input.js';
+import { InputEditor } from '@operato/data-grist';
+import { customElement } from 'lit/decorators.js';
+import { html } from 'lit';
+import { i18next } from '@operato/i18n';
+import { openPopup } from '@operato/layout';
+let OxGristEditorJson = class OxGristEditorJson extends InputEditor {
+    get editorTemplate() {
+        return html ` <input type="text" .value=${this.value || ''} /> `;
+    }
+    async firstUpdated() {
+        await this.updateComplete;
+        this.renderRoot.addEventListener('click', e => {
+            e.stopPropagation();
+            this.showEditorPopup();
+        });
+        this.showEditorPopup();
+    }
+    showEditorPopup() {
+        var change = (value) => {
+            this.dispatchEvent(new CustomEvent('change', {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    before: this.value,
+                    after: value,
+                    column: this.column,
+                    record: this.record,
+                    row: this.row
+                }
+            }));
+        };
+        var popup = openPopup(html `
+        <ox-popup-code-input
+          .value=${this.value}
+          mode="javascript"
+          @change=${(e) => {
+            change(e.detail.value);
+            popup.close();
+        }}
+        ></ox-popup-code-input>
+      `, {
+            backdrop: true,
+            title: i18next.t('title.setting schedule'),
+            help: 'data-grist/grist-editor/code'
+        });
+    }
+};
+OxGristEditorJson = __decorate([
+    customElement('ox-grist-editor-json')
+], OxGristEditorJson);
+export { OxGristEditorJson };
+//# sourceMappingURL=ox-grist-editor-json.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-editor-json.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-editor-json.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAG3C,IAAa,iBAAiB,GAA9B,MAAa,iBAAkB,SAAQ,WAAW;IAChD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK,IAAI,EAAE,MAAM,CAAA;IACjE,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,IAAI,CAAC,cAAc,CAAA;QAEzB,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;YAC5C,CAAC,CAAC,eAAe,EAAE,CAAA;YAEnB,IAAI,CAAC,eAAe,EAAE,CAAA;QACxB,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,eAAe,EAAE,CAAA;IACxB,CAAC;IAED,eAAe;QACb,IAAI,MAAM,GAAG,CAAC,KAAa,EAAE,EAAE;YAC7B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;gBACxB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,MAAM,EAAE,IAAI,CAAC,KAAK;oBAClB,KAAK,EAAE,KAAK;oBACZ,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,GAAG,EAAE,IAAI,CAAC,GAAG;iBACd;aACF,CAAC,CACH,CAAA;QACH,CAAC,CAAA;QAED,IAAI,KAAK,GAAG,SAAS,CACnB,IAAI,CAAA;;mBAES,IAAI,CAAC,KAAK;;oBAET,CAAC,CAAc,EAAE,EAAE;YAC3B,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACtB,KAAK,CAAC,KAAK,EAAE,CAAA;QACf,CAAC;;OAEJ,EACD;YACE,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;YAC1C,IAAI,EAAE,8BAA8B;SACrC,CACF,CAAA;IACH,CAAC;CACF,CAAA;AApDY,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAoD7B;SApDY,iBAAiB","sourcesContent":["import './ox-popup-code-input.js'\n\nimport { InputEditor } from '@operato/data-grist'\nimport { customElement } from 'lit/decorators.js'\nimport { html } from 'lit'\nimport { i18next } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\n\n@customElement('ox-grist-editor-json')\nexport class OxGristEditorJson extends InputEditor {\n  get editorTemplate() {\n    return html` <input type=\"text\" .value=${this.value || ''} /> `\n  }\n\n  async firstUpdated() {\n    await this.updateComplete\n\n    this.renderRoot.addEventListener('click', e => {\n      e.stopPropagation()\n\n      this.showEditorPopup()\n    })\n\n    this.showEditorPopup()\n  }\n\n  showEditorPopup() {\n    var change = (value: string) => {\n      this.dispatchEvent(\n        new CustomEvent('change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: value,\n            column: this.column,\n            record: this.record,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    var popup = openPopup(\n      html`\n        <ox-popup-code-input\n          .value=${this.value}\n          mode=\"javascript\"\n          @change=${(e: CustomEvent) => {\n            change(e.detail.value)\n            popup.close()\n          }}\n        ></ox-popup-code-input>\n      `,\n      {\n        backdrop: true,\n        title: i18next.t('title.setting schedule'),\n        help: 'data-grist/grist-editor/code'\n      }\n    )\n  }\n}\n"]}

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

@@ -0,0 +1,12 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import './ox-parameters-builder.js';
+import './ox-popup-parameters-builder.js';
+import { InputEditor } from '@operato/data-grist';
+export declare class OxGristEditorParameters extends InputEditor {
+    private popup?;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    openSelector(): Promise<void>;
+}

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

@@ -0,0 +1,84 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate } from "tslib";
+import './ox-parameters-builder.js';
+import './ox-popup-parameters-builder.js';
+import { InputEditor } from '@operato/data-grist';
+import { openPopup } from '@operato/layout';
+import { html } from 'lit';
+import { cloneDeep } from 'lodash-es';
+import { customElement } from 'lit/decorators.js';
+import { i18next } from '@operato/i18n';
+let OxGristEditorParameters = class OxGristEditorParameters extends InputEditor {
+    get editorTemplate() {
+        const value = typeof this.value === 'object' ? JSON.stringify(this.value) : this.value;
+        return html ` ${value || ''} `;
+    }
+    async firstUpdated() {
+        await this.updateComplete;
+        this.renderRoot.addEventListener('click', e => {
+            e.stopPropagation();
+            this.openSelector();
+        });
+        this.openSelector();
+    }
+    async openSelector() {
+        if (this.popup) {
+            delete this.popup;
+        }
+        var { options } = this.column.record;
+        if (typeof options === 'function') {
+            options = await options.call(this, this.value, this.column, this.record, this.row, this.field);
+        }
+        const { name, help, spec, context, objectified = false } = options;
+        const confirmCallback = (newval) => {
+            this.dispatchEvent(new CustomEvent('field-change', {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    before: this.value,
+                    after: !objectified ? JSON.stringify(newval) : newval,
+                    record: this.record,
+                    column: this.column,
+                    row: this.row
+                }
+            }));
+        };
+        try {
+            var value = !objectified && typeof this.value === 'string' ? JSON.parse(this.value) : cloneDeep(this.value || {});
+        }
+        catch (e) {
+            var value = {};
+        }
+        /*
+          주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로,
+          layout의 구성에 변화가 발생하면, 다시 render된다.
+          이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)
+          이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,
+          만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.
+          따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.
+        */
+        var template = html `
+      <ox-popup-parameters-builder
+        .value=${value}
+        .props=${spec}
+        .host=${this.record}
+        .context=${context}
+        .confirmCallback=${confirmCallback}
+      >
+      </ox-popup-parameters-builder>
+    `;
+        this.popup = openPopup(template, {
+            backdrop: true,
+            size: 'large',
+            title: `${(name === null || name === void 0 ? void 0 : name.toUpperCase()) || ''} ${i18next.t('field.params')}`,
+            help
+        });
+    }
+};
+OxGristEditorParameters = __decorate([
+    customElement('ox-grist-editor-parameters')
+], OxGristEditorParameters);
+export { OxGristEditorParameters };
+//# sourceMappingURL=ox-grist-editor-parameters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-editor-parameters.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-editor-parameters.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport './ox-parameters-builder.js'\nimport './ox-popup-parameters-builder.js'\n\nimport { ColumnConfig, GristRecord, InputEditor } from '@operato/data-grist'\nimport { PopupHandle, openPopup } from '@operato/layout'\nimport { css, html } from 'lit'\n\nimport { cloneDeep } from 'lodash-es'\nimport { customElement } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\n\n@customElement('ox-grist-editor-parameters')\nexport class OxGristEditorParameters extends InputEditor {\n  private popup?: PopupHandle\n\n  get editorTemplate() {\n    const value = typeof this.value === 'object' ? JSON.stringify(this.value) : this.value\n    return html` ${value || ''} `\n  }\n\n  async firstUpdated() {\n    await this.updateComplete\n\n    this.renderRoot.addEventListener('click', e => {\n      e.stopPropagation()\n\n      this.openSelector()\n    })\n\n    this.openSelector()\n  }\n\n  async openSelector() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    var { options } = this.column.record\n\n    if (typeof options === 'function') {\n      options = await options.call(this, this.value, this.column, this.record, this.row, this.field)\n    }\n\n    const { name, help, spec, context, objectified = false } = options\n\n    const confirmCallback = (newval: any) => {\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: !objectified ? JSON.stringify(newval) : newval,\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    try {\n      var value: any =\n        !objectified && typeof this.value === 'string' ? JSON.parse(this.value) : cloneDeep(this.value || {})\n    } catch (e) {\n      var value: any = {}\n    }\n\n    /* \n      주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로, \n      layout의 구성에 변화가 발생하면, 다시 render된다.\n      이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)\n      이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,\n      만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.\n      따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.\n    */\n    var template = html`\n      <ox-popup-parameters-builder\n        .value=${value}\n        .props=${spec}\n        .host=${this.record}\n        .context=${context}\n        .confirmCallback=${confirmCallback}\n      >\n      </ox-popup-parameters-builder>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: `${name?.toUpperCase() || ''} ${i18next.t('field.params')}`,\n      help\n    })\n  }\n}\n"]}

package/dist/src/grist-editor/ox-grist-editor-partition-keys.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import './ox-popup-partition-keys-input.js';
+import { InputEditor } from '@operato/data-grist';
+export declare class OxGristEditorPartitionKeys extends InputEditor {
+    private popup?;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    openSelector(): Promise<void>;
+}

package/dist/src/grist-editor/ox-grist-editor-partition-keys.js

@@ -0,0 +1,74 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate } from "tslib";
+import './ox-popup-partition-keys-input.js';
+import { openPopup } from '@operato/layout';
+import { customElement } from 'lit/decorators.js';
+import { InputEditor } from '@operato/data-grist';
+import { cloneDeep } from 'lodash-es';
+import { html } from 'lit';
+import { i18next } from '@operato/i18n';
+let OxGristEditorPartitionKeys = class OxGristEditorPartitionKeys extends InputEditor {
+    get editorTemplate() {
+        const value = typeof this.value === 'object' ? JSON.stringify(this.value) : this.value;
+        return html ` ${value || ''} `;
+    }
+    async firstUpdated() {
+        await this.updateComplete;
+        this.renderRoot.addEventListener('click', e => {
+            e.stopPropagation();
+            this.openSelector();
+        });
+        this.openSelector();
+    }
+    async openSelector() {
+        var _a;
+        if (this.popup) {
+            delete this.popup;
+        }
+        const { name, help, objectified = false } = ((_a = this.column.record) === null || _a === void 0 ? void 0 : _a.options) || {};
+        const confirmCallback = (newval) => {
+            this.dispatchEvent(new CustomEvent('field-change', {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    before: this.value,
+                    after: !objectified ? JSON.stringify(newval) : newval,
+                    record: this.record,
+                    column: this.column,
+                    row: this.row
+                }
+            }));
+        };
+        try {
+            var value = !objectified && typeof this.value === 'string' ? JSON.parse(this.value) : cloneDeep(this.value || {});
+        }
+        catch (e) {
+            var value = {};
+        }
+        /*
+          주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로,
+          layout의 구성에 변화가 발생하면, 다시 render된다.
+          이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)
+          이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,
+          만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.
+          따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.
+        */
+        var template = html `
+      <ox-popup-partition-keys-input .value=${value} .confirmCallback=${confirmCallback}>
+      </ox-popup-partition-keys-input>
+    `;
+        this.popup = openPopup(template, {
+            backdrop: true,
+            size: 'large',
+            title: `${(name === null || name === void 0 ? void 0 : name.toUpperCase()) || i18next.t('field.partition-keys')} `,
+            help
+        });
+    }
+};
+OxGristEditorPartitionKeys = __decorate([
+    customElement('ox-grist-editor-partition-keys')
+], OxGristEditorPartitionKeys);
+export { OxGristEditorPartitionKeys };
+//# sourceMappingURL=ox-grist-editor-partition-keys.js.map

package/dist/src/grist-editor/ox-grist-editor-partition-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-editor-partition-keys.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-editor-partition-keys.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport './ox-popup-partition-keys-input.js'\n\nimport { PopupHandle, openPopup } from '@operato/layout'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { InputEditor } from '@operato/data-grist'\nimport { cloneDeep } from 'lodash-es'\nimport { html } from 'lit'\nimport { i18next } from '@operato/i18n'\n\n@customElement('ox-grist-editor-partition-keys')\nexport class OxGristEditorPartitionKeys extends InputEditor {\n  private popup?: PopupHandle\n\n  get editorTemplate() {\n    const value = typeof this.value === 'object' ? JSON.stringify(this.value) : this.value\n    return html` ${value || ''} `\n  }\n\n  async firstUpdated() {\n    await this.updateComplete\n\n    this.renderRoot.addEventListener('click', e => {\n      e.stopPropagation()\n\n      this.openSelector()\n    })\n\n    this.openSelector()\n  }\n\n  async openSelector() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    const { name, help, objectified = false } = this.column.record?.options || {}\n\n    const confirmCallback = (newval: any) => {\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: !objectified ? JSON.stringify(newval) : newval,\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    try {\n      var value: any =\n        !objectified && typeof this.value === 'string' ? JSON.parse(this.value) : cloneDeep(this.value || {})\n    } catch (e) {\n      var value: any = {}\n    }\n\n    /* \n      주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로, \n      layout의 구성에 변화가 발생하면, 다시 render된다.\n      이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)\n      이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,\n      만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.\n      따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.\n    */\n    var template = html`\n      <ox-popup-partition-keys-input .value=${value} .confirmCallback=${confirmCallback}>\n      </ox-popup-partition-keys-input>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: `${name?.toUpperCase() || i18next.t('field.partition-keys')} `,\n      help\n    })\n  }\n}\n"]}

package/dist/src/{grist/code-editor.d.ts → grist-editor/ox-grist-editor-resource-code.d.ts}

@@ -1,6 +1,6 @@
 import '@material/mwc-icon';
 import { InputEditor } from '@operato/data-grist';
-export declare class CodeEditor extends InputEditor {
+export declare class OxGristEditorResourceCode extends InputEditor {
     firstUpdated(): Promise<void>;
     get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/{grist/code-editor.js → grist-editor/ox-grist-editor-resource-code.js}

@@ -1,6 +1,8 @@
+import { __decorate } from "tslib";
 import '@material/mwc-icon';
 import { InputEditor } from '@operato/data-grist';
 import { client, gqlContext } from '@operato/graphql';
+import { customElement } from 'lit/decorators.js';
 import gql from 'graphql-tag';
 import { html } from 'lit';
 const FETCH_COMMON_CODE_GQL = (codeName) => gql `
@@ -14,7 +16,7 @@ const FETCH_COMMON_CODE_GQL = (codeName) => gql `
   }
 }
 `;
-export class CodeEditor extends InputEditor {
+let OxGristEditorResourceCode = class OxGristEditorResourceCode extends InputEditor {
     async firstUpdated() {
         super.firstUpdated();
         var { codeName, codes } = this.column.record || {};
@@ -45,6 +47,9 @@ export class CodeEditor extends InputEditor {
       </select>
     `;
     }
-}
-customElements.define('code-editor', CodeEditor);
-//# sourceMappingURL=code-editor.js.map
+};
+OxGristEditorResourceCode = __decorate([
+    customElement('ox-grist-editor-resource-code')
+], OxGristEditorResourceCode);
+export { OxGristEditorResourceCode };
+//# sourceMappingURL=ox-grist-editor-resource-code.js.map

package/dist/src/grist-editor/ox-grist-editor-resource-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-editor-resource-code.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-editor-resource-code.ts"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAA;AAE3B,OAAO,EAAE,WAAW,EAAgB,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAc1B,MAAM,qBAAqB,GAAG,CAAC,QAAgB,EAAE,EAAE,CAAC,GAAG,CAAA;;sBAEjC,QAAQ;;;;;;;;CAQ7B,CAAA;AAGD,IAAa,yBAAyB,GAAtC,MAAa,yBAA0B,SAAQ,WAAW;IACxD,KAAK,CAAC,YAAY;QAChB,KAAK,CAAC,YAAY,EAAE,CAAA;QAEpB,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAA;QAElD,IAAI,CAAC,KAAK,IAAI,QAAQ,EAAE;YACtB,2DAA2D;YAC3D,IAAI,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;gBAChC,KAAK,EAAE,qBAAqB,CAAC,QAAQ,CAAC;gBACtC,OAAO,EAAE,UAAU,EAAE;aACtB,CAAC,CAAA;YAEF,IAAI,UAAU,GAAG,QAAQ,IAAI,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAA;YAEtE,IAAI,UAAU,EAAE;gBACd,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAC/D,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAmB,EAAE,CAAmB;oBACxE,OAAO,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAA;gBACxB,CAAC,CAAC,CACH,CAAA;gBAED,IAAI,CAAC,aAAa,EAAE,CAAA;aACrB;SACF;IACH,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,EAAE,CAAA;QAExC,OAAO,IAAI,CAAA;;UAEL,CAAC,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CACnB,CAAC,IAAgB,EAAE,EAAE,CAAC,IAAI,CAAA;gCACJ,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,UAAU,IAAI,CAAC,IAAI;gBAC1D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE;;WAEjE,CACF;;KAEJ,CAAA;IACH,CAAC;CACF,CAAA;AA1CY,yBAAyB;IADrC,aAAa,CAAC,+BAA+B,CAAC;GAClC,yBAAyB,CA0CrC;SA1CY,yBAAyB","sourcesContent":["import '@material/mwc-icon'\n\nimport { InputEditor, RecordConfig } from '@operato/data-grist'\nimport { client, gqlContext } from '@operato/graphql'\n\nimport { customElement } from 'lit/decorators.js'\nimport gql from 'graphql-tag'\nimport { html } from 'lit'\n\ntype CommonCodeDetail = {\n  name: string\n  description: string\n  rank: number\n}\n\ntype CommonCode = {\n  name: string\n  description: string\n  details: CommonCodeDetail[]\n}\n\nconst FETCH_COMMON_CODE_GQL = (codeName: string) => gql`\n{\n  commonCode(name: \"${codeName}\") {\n    details {\n      name\n      description\n      rank\n    }\n  }\n}\n`\n\n@customElement('ox-grist-editor-resource-code')\nexport class OxGristEditorResourceCode extends InputEditor {\n  async firstUpdated() {\n    super.firstUpdated()\n\n    var { codeName, codes } = this.column.record || {}\n\n    if (!codes && codeName) {\n      /* codeName으로 fetch 해와서, this.column.record.codes에 보관한다. */\n      var response = await client.query({\n        query: FETCH_COMMON_CODE_GQL(codeName),\n        context: gqlContext()\n      })\n\n      var commonCode = response && response.data && response.data.commonCode\n\n      if (commonCode) {\n        this.column.record.codes = [{ name: '', description: '' }].concat(\n          commonCode.details.sort(function (a: CommonCodeDetail, b: CommonCodeDetail) {\n            return a.rank - b.rank\n          })\n        )\n\n        this.requestUpdate()\n      }\n    }\n  }\n\n  get editorTemplate() {\n    var { codes } = this.column.record || {}\n\n    return html`\n      <select>\n        ${(codes || ['']).map(\n          (code: CommonCode) => html`\n            <option ?selected=${code.name == this.value} value=${code.name}>\n              ${code.name}${code.description ? ` - ${code.description}` : ''}\n            </option>\n          `\n        )}\n      </select>\n    `\n  }\n}\n"]}

package/dist/src/grist-editor/ox-grist-editor-resource-id.d.ts

@@ -0,0 +1,10 @@
+import '@material/mwc-icon';
+import './ox-selector-resource-id.js';
+import { InputEditor } from '@operato/data-grist';
+import { TemplateResult } from 'lit';
+export declare class OxGristEditorResourceId extends InputEditor {
+    private popup?;
+    render(): TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    openSelector(): void;
+}

package/dist/src/{grist/id-input.js → grist-editor/ox-grist-editor-resource-id.js}

@@ -1,11 +1,11 @@
 import { __decorate } from "tslib";
 import '@material/mwc-icon';
-import './id-selector.js';
+import './ox-selector-resource-id.js';
 import { InputEditor } from '@operato/data-grist';
-import { css, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
 import { openPopup } from '@operato/layout';
-let IdInput = class IdInput extends InputEditor {
+import { html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+let OxGristEditorResourceId = class OxGristEditorResourceId extends InputEditor {
     render() {
         var { nameField = 'name', descriptionField = 'description' } = this.column.record.options || {};
         var value = this.value;
@@ -15,8 +15,6 @@ let IdInput = class IdInput extends InputEditor {
     `;
     }
     async firstUpdated() {
-        this.value = this.record[this.column.name];
-        this.template = ((this.column.record || {}).options || {}).template;
         await this.updateComplete;
         this.renderRoot.addEventListener('click', e => {
             e.stopPropagation();
@@ -50,15 +48,14 @@ let IdInput = class IdInput extends InputEditor {
             }));
         };
         var value = this.value || {};
-        var template = this.template ||
-            html `
-        <ox-id-selector
-          .value=${value.id}
-          .confirmCallback=${confirmCallback.bind(this)}
-          .queryName=${this.column.record.options.queryName}
-          .basicArgs=${this.column.record.options.basicArgs}
-        ></ox-id-selector>
-      `;
+        var template = html `
+      <ox-selector-resource-id
+        .value=${value.id}
+        .confirmCallback=${confirmCallback.bind(this)}
+        .queryName=${this.column.record.options.queryName}
+        .basicArgs=${this.column.record.options.basicArgs}
+      ></ox-selector-resource-id>
+    `;
         this.popup = openPopup(template, {
             backdrop: true,
             size: 'large',
@@ -66,54 +63,8 @@ let IdInput = class IdInput extends InputEditor {
         });
     }
 };
-IdInput.styles = css `
-    :host {
-      display: flex;
-      flex-flow: row nowrap;
-      align-items: center;
-
-      padding: 7px 0px;
-      box-sizing: border-box;
-
-      width: 100%;
-      height: 100%;
-
-      border: 0;
-      background-color: transparent;
-
-      font: var(--grist-object-editor-font);
-      color: var(--grist-object-editor-color);
-
-      justify-content: inherit;
-    }
-
-    span {
-      display: flex;
-      flex: auto;
-
-      justify-content: inherit;
-    }
-
-    mwc-icon {
-      width: 20px;
-      font-size: 1.5em;
-      margin-left: auto;
-    }
-  `;
-__decorate([
-    property({ type: Object })
-], IdInput.prototype, "value", void 0);
-__decorate([
-    property({ type: Object })
-], IdInput.prototype, "column", void 0);
-__decorate([
-    property({ type: Object })
-], IdInput.prototype, "record", void 0);
-__decorate([
-    property({ type: Number })
-], IdInput.prototype, "row", void 0);
-IdInput = __decorate([
-    customElement('ox-id-input')
-], IdInput);
-export { IdInput };
-//# sourceMappingURL=id-input.js.map
+OxGristEditorResourceId = __decorate([
+    customElement('ox-input-resource-id')
+], OxGristEditorResourceId);
+export { OxGristEditorResourceId };
+//# sourceMappingURL=ox-grist-editor-resource-id.js.map

package/dist/src/grist-editor/ox-grist-editor-resource-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-editor-resource-id.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-editor-resource-id.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\nimport './ox-selector-resource-id.js'\n\nimport { GristRecord, InputEditor } from '@operato/data-grist'\nimport { PopupHandle, openPopup } from '@operato/layout'\nimport { TemplateResult, html } from 'lit'\n\nimport { customElement } from 'lit/decorators.js'\n\n@customElement('ox-input-resource-id')\nexport class OxGristEditorResourceId extends InputEditor {\n  private popup?: PopupHandle\n\n  render() {\n    var { nameField = 'name', descriptionField = 'description' } = this.column.record.options || {}\n    var value = this.value\n\n    return html`\n      ${!value ? html`` : html` <span>${value[nameField]} (${value[descriptionField]})</span> `}\n      <mwc-icon>arrow_drop_down</mwc-icon>\n    `\n  }\n\n  async firstUpdated() {\n    await this.updateComplete\n\n    this.renderRoot.addEventListener('click', e => {\n      e.stopPropagation()\n\n      this.openSelector()\n    })\n\n    this.openSelector()\n  }\n\n  openSelector() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    const confirmCallback: (record: GristRecord | undefined) => void = selected => {\n      if (!selected) {\n        return\n      }\n\n      var { idField = 'id', nameField = 'name', descriptionField = 'description' } = this.column.record.options || {}\n\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: {\n              [idField]: selected[idField],\n              [nameField]: selected[nameField],\n              [descriptionField]: selected[descriptionField]\n            },\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    var value = this.value || {}\n    var template = html`\n      <ox-selector-resource-id\n        .value=${value.id}\n        .confirmCallback=${confirmCallback.bind(this)}\n        .queryName=${this.column.record.options.queryName}\n        .basicArgs=${this.column.record.options.basicArgs}\n      ></ox-selector-resource-id>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: 'select item'\n    })\n  }\n}\n"]}

package/dist/src/grist-editor/ox-grist-editor-resource-object.d.ts

@@ -0,0 +1,11 @@
+import '@material/mwc-icon';
+import './ox-selector-resource-object.js';
+import { TemplateResult } from 'lit';
+import { InputEditor } from '@operato/data-grist';
+export declare class OxGristEditorResourceObject extends InputEditor {
+    private popup?;
+    private template?;
+    get editorTemplate(): TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    openSelector(): void;
+}