@operato/app 1.0.0-alpha.9 → 1.0.0-beta.10

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 { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { cloneDeep } from 'lodash-es'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { i18next } from '@operato/i18n'\nimport { openPopup, PopupHandle } from '@operato/layout'\n\n@customElement('ox-grist-editor-partition-keys')\nexport class OxGristEditorPartitionKeys extends OxGristEditor {\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 {
+import { OxGristEditor } from '@operato/data-grist';
+export declare class OxGristEditorResourceCode extends OxGristEditor {
     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 { OxGristEditor } 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 OxGristEditor {
     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,aAAa,EAAgB,MAAM,qBAAqB,CAAA;AACjE,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,aAAa;IAC1D,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 { OxGristEditor, 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 OxGristEditor {\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,9 @@
+import '@material/mwc-icon';
+import './ox-selector-resource-id.js';
+import { OxGristEditor } from '@operato/data-grist';
+export declare class OxGristEditorResourceId extends OxGristEditor {
+    private popup?;
+    render(): import("lit-html").TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    openSelector(): void;
+}

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

@@ -0,0 +1,72 @@
+import { __decorate } from "tslib";
+import '@material/mwc-icon';
+import './ox-selector-resource-id.js';
+import { html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { OxGristEditor } from '@operato/data-grist';
+import { openPopup } from '@operato/layout';
+let OxGristEditorResourceId = class OxGristEditorResourceId extends OxGristEditor {
+    render() {
+        var { nameField = 'name', descriptionField = 'description' } = this.column.record.options || {};
+        var value = this.value;
+        return html `
+      ${!value ? html `` : html ` <span>${value[nameField]} (${value[descriptionField]})</span> `}
+      <mwc-icon>arrow_drop_down</mwc-icon>
+    `;
+    }
+    async firstUpdated() {
+        await this.updateComplete;
+        this.renderRoot.addEventListener('click', e => {
+            e.stopPropagation();
+            this.openSelector();
+        });
+        this.openSelector();
+    }
+    openSelector() {
+        if (this.popup) {
+            delete this.popup;
+        }
+        const confirmCallback = selected => {
+            if (!selected) {
+                return;
+            }
+            var { idField = 'id', nameField = 'name', descriptionField = 'description' } = this.column.record.options || {};
+            this.dispatchEvent(new CustomEvent('field-change', {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    before: this.value,
+                    after: selected
+                        ? {
+                            [idField]: selected[idField],
+                            [nameField]: selected[nameField],
+                            [descriptionField]: selected[descriptionField]
+                        }
+                        : null,
+                    record: this.record,
+                    column: this.column,
+                    row: this.row
+                }
+            }));
+        };
+        var value = this.value || {};
+        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',
+            title: 'select item'
+        });
+    }
+};
+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 { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { GristRecord, OxGristEditor } from '@operato/data-grist'\nimport { openPopup, PopupHandle } from '@operato/layout'\n\n@customElement('ox-input-resource-id')\nexport class OxGristEditorResourceId extends OxGristEditor {\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) => 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: selected\n              ? {\n                  [idField]: selected[idField],\n                  [nameField]: selected[nameField],\n                  [descriptionField]: selected[descriptionField]\n                }\n              : null,\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 { OxGristEditor } from '@operato/data-grist';
+export declare class OxGristEditorResourceObject extends OxGristEditor {
+    private popup?;
+    private template?;
+    get editorTemplate(): TemplateResult<1>;
+    firstUpdated(): Promise<void>;
+    openSelector(): void;
+}

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

@@ -1,19 +1,13 @@
 import { __decorate } from "tslib";
 import '@material/mwc-icon';
-import './object-selector.js';
-import { ZERO_COLUMN, ZERO_RECORD } from '@operato/data-grist';
-import { LitElement, css, html } from 'lit';
-import { openPopup } from '@operato/layout';
-import { customElement, property } from 'lit/decorators.js';
+import './ox-selector-resource-object.js';
+import { html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { OxGristEditor } from '@operato/data-grist';
 import { i18next } from '@operato/i18n';
-let ObjectEditor = class ObjectEditor extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.value = {};
-        this.column = ZERO_COLUMN;
-        this.record = ZERO_RECORD;
-    }
-    render() {
+import { openPopup } from '@operato/layout';
+let OxGristEditorResourceObject = class OxGristEditorResourceObject extends OxGristEditor {
+    get editorTemplate() {
         var value = this.value || {};
         var { nameField = 'name', descriptionField = 'description' } = this.column.record.options || {};
         var name, description;
@@ -35,13 +29,13 @@ let ObjectEditor = class ObjectEditor extends LitElement {
     `;
     }
     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();
             this.openSelector();
         });
+        this.openSelector();
     }
     openSelector() {
         if (this.popup) {
@@ -54,19 +48,21 @@ let ObjectEditor = class ObjectEditor extends LitElement {
                 composed: true,
                 detail: {
                     before: this.value,
-                    after: {
-                        ...(this.column.record.options.select || [])
-                            .map((field) => field.name)
-                            .reduce((obj, fieldName) => {
-                            return (obj = {
-                                ...obj,
-                                [fieldName]: selected[fieldName]
-                            });
-                        }, {}),
-                        [idField]: selected[idField],
-                        [nameField]: selected[nameField],
-                        [descriptionField]: selected[descriptionField]
-                    },
+                    after: selected
+                        ? {
+                            ...(this.column.record.options.select || [])
+                                .map((field) => field.name)
+                                .reduce((obj, fieldName) => {
+                                return (obj = {
+                                    ...obj,
+                                    [fieldName]: selected[fieldName]
+                                });
+                            }, {}),
+                            [idField]: selected[idField],
+                            [nameField]: selected[nameField],
+                            [descriptionField]: selected[descriptionField]
+                        }
+                        : null,
                     record: this.record,
                     column: this.column,
                     row: this.row
@@ -84,7 +80,7 @@ let ObjectEditor = class ObjectEditor extends LitElement {
         }
         var template = this.template ||
             html `
-        <object-selector
+        <ox-selector-resource-object
           .value=${actualValue}
           .confirmCallback=${confirmCallback.bind(this)}
           .queryName=${this.column.record.options.queryName}
@@ -92,7 +88,7 @@ let ObjectEditor = class ObjectEditor extends LitElement {
           .list=${this.column.record.options.list}
           .basicArgs=${this.column.record.options.basicArgs}
           .valueField=${this.column.record.options.valueField}
-        ></object-selector>
+        ></ox-selector-resource-object>
       `;
         this.popup = openPopup(template, {
             backdrop: true,
@@ -101,52 +97,8 @@ let ObjectEditor = class ObjectEditor extends LitElement {
         });
     }
 };
-ObjectEditor.styles = css `
-    :host {
-      display: flex;
-      flex-flow: row nowrap;
-
-      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 })
-], ObjectEditor.prototype, "value", void 0);
-__decorate([
-    property({ type: Object })
-], ObjectEditor.prototype, "column", void 0);
-__decorate([
-    property({ type: Object })
-], ObjectEditor.prototype, "record", void 0);
-__decorate([
-    property({ type: Number })
-], ObjectEditor.prototype, "row", void 0);
-ObjectEditor = __decorate([
-    customElement('ox-object-editor')
-], ObjectEditor);
-export { ObjectEditor };
-//# sourceMappingURL=object-editor.js.map
+OxGristEditorResourceObject = __decorate([
+    customElement('ox-grist-editor-resource-object')
+], OxGristEditorResourceObject);
+export { OxGristEditorResourceObject };
+//# sourceMappingURL=ox-grist-editor-resource-object.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-editor-resource-object.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-editor-resource-object.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\nimport './ox-selector-resource-object.js'\n\nimport { html, TemplateResult } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { i18next } from '@operato/i18n'\nimport { openPopup, PopupHandle } from '@operato/layout'\n\n@customElement('ox-grist-editor-resource-object')\nexport class OxGristEditorResourceObject extends OxGristEditor {\n  private popup?: PopupHandle\n  private template?: TemplateResult\n\n  get editorTemplate() {\n    var value = this.value || {}\n\n    var { nameField = 'name', descriptionField = 'description' } = this.column.record.options || {}\n    var name, description\n    if (typeof nameField === 'function') {\n      name = nameField(value)\n    } else {\n      name = value[nameField]\n    }\n\n    if (typeof descriptionField === 'function') {\n      description = descriptionField(value)\n    } else {\n      description = value[descriptionField] && `(${value[descriptionField]})`\n    }\n\n    return html`\n      ${!value ? html`` : html` <span>${name || ''}${description || ''}</span> `}\n      <mwc-icon>arrow_drop_down</mwc-icon>\n    `\n  }\n\n  async firstUpdated() {\n    this.template = ((this.column.record || {}).options || {}).template\n\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 = (selected?: { [field: string]: any }) => {\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: selected\n              ? {\n                  ...(this.column.record.options.select || [])\n                    .map((field: any) => field.name)\n                    .reduce((obj: { [field: string]: any }, fieldName: string) => {\n                      return (obj = {\n                        ...obj,\n                        [fieldName]: selected[fieldName]\n                      })\n                    }, {} as { [field: string]: any }),\n                  [idField]: selected[idField],\n                  [nameField]: selected[nameField],\n                  [descriptionField]: selected[descriptionField]\n                }\n              : null,\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    var value = this.value || {}\n    var valueField: string | ((item: any) => any) = this.column.record.options.valueField || 'id'\n    var actualValue\n    if (typeof valueField === 'function') {\n      actualValue = valueField(value)\n    } else {\n      actualValue = value[valueField]\n    }\n\n    var template =\n      this.template ||\n      html`\n        <ox-selector-resource-object\n          .value=${actualValue}\n          .confirmCallback=${confirmCallback.bind(this)}\n          .queryName=${this.column.record.options.queryName}\n          .select=${this.column.record.options.select}\n          .list=${this.column.record.options.list}\n          .basicArgs=${this.column.record.options.basicArgs}\n          .valueField=${this.column.record.options.valueField}\n        ></ox-selector-resource-object>\n      `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: i18next.t('title.select_item')\n    })\n  }\n}\n"]}

package/dist/src/grist-editor/ox-grist-editor-value-map.d.ts

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

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

@@ -0,0 +1,74 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ */
+import { __decorate } from "tslib";
+import './ox-popup-value-map-input.js';
+import { OxGristEditor } from '@operato/data-grist';
+import { openPopup } from '@operato/layout';
+import { html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { cloneDeep } from 'lodash-es';
+import { i18next } from '@operato/i18n';
+let OxGristEditorValueMap = class OxGristEditorValueMap extends OxGristEditor {
+    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, valuetype = 'string', 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-value-map-input .value=${value} .valuetype=${valuetype} .confirmCallback=${confirmCallback}>
+      </ox-popup-value-map-input>
+    `;
+        this.popup = openPopup(template, {
+            backdrop: true,
+            size: 'large',
+            title: `${(name === null || name === void 0 ? void 0 : name.toUpperCase()) || i18next.t('field.value-map')} `,
+            help
+        });
+    }
+};
+OxGristEditorValueMap = __decorate([
+    customElement('ox-grist-editor-value-map')
+], OxGristEditorValueMap);
+export { OxGristEditorValueMap };
+//# sourceMappingURL=ox-grist-editor-value-map.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-editor-value-map.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-editor-value-map.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport './ox-popup-value-map-input.js'\n\nimport { ColumnConfig, GristRecord, OxGristEditor } from '@operato/data-grist'\nimport { PopupHandle, openPopup } from '@operato/layout'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { cloneDeep } from 'lodash-es'\nimport { i18next } from '@operato/i18n'\n\n@customElement('ox-grist-editor-value-map')\nexport class OxGristEditorValueMap extends OxGristEditor {\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, valuetype = 'string', 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-value-map-input .value=${value} .valuetype=${valuetype} .confirmCallback=${confirmCallback}>\n      </ox-popup-value-map-input>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: `${name?.toUpperCase() || i18next.t('field.value-map')} `,\n      help\n    })\n  }\n}\n"]}

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

@@ -0,0 +1,2 @@
+import { FieldRenderer } from '@operato/data-grist';
+export declare const OxGristRendererCrontab: FieldRenderer;

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

@@ -0,0 +1,26 @@
+import cronstrue from 'cronstrue/i18n';
+import { detectOverflow } from '@operato/utils';
+import { html } from 'lit';
+import i18next from 'i18next';
+function onmouseover(e) {
+    const element = e.target;
+    if (detectOverflow(element)) {
+        element.setAttribute('data-tooltip', element.textContent);
+    }
+}
+function onmouseout(e) {
+    const element = e.target;
+    element.removeAttribute('data-tooltip');
+}
+export const OxGristRendererCrontab = (value, column, record, rowIndex, field) => {
+    let text = '';
+    try {
+        const language = (i18next.language || 'en').substring(0, 2);
+        text = value === undefined ? '' : cronstrue.toString(value, { locale: language || 'en' });
+    }
+    catch (e) {
+        console.error(e);
+    }
+    return html `<span @mouseover=${onmouseover} @mouseout=${onmouseout}>${text}</span>`;
+};
+//# sourceMappingURL=ox-grist-renderer-crontab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-renderer-crontab.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-renderer-crontab.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,MAAM,gBAAgB,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,OAAO,MAAM,SAAS,CAAA;AAE7B,SAAS,WAAW,CAAC,CAAQ;IAC3B,MAAM,OAAO,GAAG,CAAC,CAAC,MAAyB,CAAA;IAC3C,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;QAC3B,OAAO,CAAC,YAAY,CAAC,cAAc,EAAE,OAAO,CAAC,WAAY,CAAC,CAAA;KAC3D;AACH,CAAC;AAED,SAAS,UAAU,CAAC,CAAQ;IAC1B,MAAM,OAAO,GAAG,CAAC,CAAC,MAAyB,CAAA;IAC3C,OAAO,CAAC,eAAe,CAAC,cAAc,CAAC,CAAA;AACzC,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAC9F,IAAI,IAAI,GAAG,EAAE,CAAA;IAEb,IAAI;QACF,MAAM,QAAQ,GAAG,CAAC,OAAO,CAAC,QAAQ,IAAI,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;QAC3D,IAAI,GAAG,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,IAAI,IAAI,EAAE,CAAC,CAAA;KAC1F;IAAC,OAAO,CAAC,EAAE;QACV,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;KACjB;IAED,OAAO,IAAI,CAAA,oBAAoB,WAAW,cAAc,UAAU,IAAI,IAAI,SAAS,CAAA;AACrF,CAAC,CAAA","sourcesContent":["import { FieldRenderer } from '@operato/data-grist'\nimport cronstrue from 'cronstrue/i18n'\nimport { detectOverflow } from '@operato/utils'\nimport { html } from 'lit'\nimport i18next from 'i18next'\n\nfunction onmouseover(e: Event) {\n  const element = e.target as HTMLSpanElement\n  if (detectOverflow(element)) {\n    element.setAttribute('data-tooltip', element.textContent!)\n  }\n}\n\nfunction onmouseout(e: Event) {\n  const element = e.target as HTMLSpanElement\n  element.removeAttribute('data-tooltip')\n}\n\nexport const OxGristRendererCrontab: FieldRenderer = (value, column, record, rowIndex, field) => {\n  let text = ''\n\n  try {\n    const language = (i18next.language || 'en').substring(0, 2)\n    text = value === undefined ? '' : cronstrue.toString(value, { locale: language || 'en' })\n  } catch (e) {\n    console.error(e)\n  }\n\n  return html`<span @mouseover=${onmouseover} @mouseout=${onmouseout}>${text}</span>`\n}\n"]}

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

@@ -0,0 +1,2 @@
+import { FieldRenderer } from '@operato/data-grist';
+export declare const OxGristRendererResourceId: FieldRenderer;

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

@@ -0,0 +1,9 @@
+import { html } from 'lit';
+export const OxGristRendererResourceId = (value, column, record, rowIndex, field) => {
+    if (!value) {
+        return '';
+    }
+    var { nameField = 'name', descriptionField = 'description' } = column.record.options || {};
+    return html `<span>${value[nameField] || ''}(${value[descriptionField] || ''})</span> `;
+};
+//# sourceMappingURL=ox-grist-renderer-resource-id.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-renderer-resource-id.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-renderer-resource-id.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAI1B,MAAM,CAAC,MAAM,yBAAyB,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IACjG,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,EAAE,CAAA;KACV;IAED,IAAI,EAAE,SAAS,GAAG,MAAM,EAAE,gBAAgB,GAAG,aAAa,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;IAE1F,OAAO,IAAI,CAAA,SAAS,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,KAAK,CAAC,gBAAgB,CAAC,IAAI,EAAE,WAAW,CAAA;AACxF,CAAC,CAAA","sourcesContent":["import { html } from 'lit'\n\nimport { FieldRenderer } from '@operato/data-grist'\n\nexport const OxGristRendererResourceId: FieldRenderer = (value, column, record, rowIndex, field) => {\n  if (!value) {\n    return ''\n  }\n\n  var { nameField = 'name', descriptionField = 'description' } = column.record.options || {}\n\n  return html`<span>${value[nameField] || ''}(${value[descriptionField] || ''})</span> `\n}\n"]}

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

@@ -0,0 +1,2 @@
+import { FieldRenderer } from '@operato/data-grist';
+export declare const OxGristRendererResourceObject: FieldRenderer;

package/dist/src/grist-editor/ox-grist-renderer-resource-object.js

@@ -0,0 +1,22 @@
+import { html } from 'lit-html';
+export const OxGristRendererResourceObject = (value, column, record, rowIndex, field) => {
+    if (!value) {
+        return '';
+    }
+    var { nameField = 'name', descriptionField = 'description' } = column.record.options || {};
+    var name, description;
+    if (typeof nameField === 'function') {
+        name = nameField(value);
+    }
+    else {
+        name = value[nameField];
+    }
+    if (typeof descriptionField === 'function') {
+        description = descriptionField(value);
+    }
+    else {
+        description = value[descriptionField] && `(${value[descriptionField]})`;
+    }
+    return html `<span>${name || ''}${description || ''}</span> `;
+};
+//# sourceMappingURL=ox-grist-renderer-resource-object.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-grist-renderer-resource-object.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-renderer-resource-object.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAI/B,MAAM,CAAC,MAAM,6BAA6B,GAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IACrG,IAAI,CAAC,KAAK,EAAE;QACV,OAAO,EAAE,CAAA;KACV;IAED,IAAI,EAAE,SAAS,GAAG,MAAM,EAAE,gBAAgB,GAAG,aAAa,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;IAC1F,IAAI,IAAI,EAAE,WAAW,CAAA;IAErB,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE;QACnC,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;KACxB;SAAM;QACL,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,CAAA;KACxB;IAED,IAAI,OAAO,gBAAgB,KAAK,UAAU,EAAE;QAC1C,WAAW,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;KACtC;SAAM;QACL,WAAW,GAAG,KAAK,CAAC,gBAAgB,CAAC,IAAI,IAAI,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAA;KACxE;IAED,OAAO,IAAI,CAAA,SAAS,IAAI,IAAI,EAAE,GAAG,WAAW,IAAI,EAAE,UAAU,CAAA;AAC9D,CAAC,CAAA","sourcesContent":["import { html } from 'lit-html'\n\nimport { FieldRenderer } from '@operato/data-grist'\n\nexport const OxGristRendererResourceObject: FieldRenderer = (value, column, record, rowIndex, field) => {\n  if (!value) {\n    return ''\n  }\n\n  var { nameField = 'name', descriptionField = 'description' } = column.record.options || {}\n  var name, description\n\n  if (typeof nameField === 'function') {\n    name = nameField(value)\n  } else {\n    name = value[nameField]\n  }\n\n  if (typeof descriptionField === 'function') {\n    description = descriptionField(value)\n  } else {\n    description = value[descriptionField] && `(${value[descriptionField]})`\n  }\n\n  return html`<span>${name || ''}${description || ''}</span> `\n}\n"]}

package/dist/src/{grist/parameters-editor-builder.d.ts → grist-editor/ox-parameters-builder.d.ts}

@@ -1,4 +1,4 @@
 /**
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
-import '@things-factory/modeller-ui';
+export {};

package/dist/src/{grist/parameters-editor-builder.js → grist-editor/ox-parameters-builder.js}

@@ -2,7 +2,6 @@
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
 import { __decorate } from "tslib";
-import '@things-factory/modeller-ui';
 import { LitElement, html } from 'lit';
 import { OxPropertyEditor } from '@operato/property-editor';
 import { customElement, property } from 'lit/decorators.js';
@@ -13,12 +12,12 @@ import { store } from '@operato/shell';
 
 Example:
 
-    <ox-parameters-editor-builder value="{{value}}">
+    <ox-parameters-builder value="{{value}}">
       <label>Center X</label>
       <input type="number" .value="${value.cx}">
       <label>Width</label>
       <input type="number" .value="${value.width}">
-    </ox-parameters-editor-builder>
+    </ox-parameters-builder>
 */
 const DEFAULT_VALUE = {
     legend: '',
@@ -40,7 +39,7 @@ const DEFAULT_VALUE = {
     options: null,
     date: null
 };
-let ParametersEditorBuilder = class ParametersEditorBuilder extends connect(store)(LitElement) {
+let OxParametersBuilder = class OxParametersBuilder extends connect(store)(LitElement) {
     render() {
         return html `<slot></slot>`;
     }
@@ -106,14 +105,14 @@ let ParametersEditorBuilder = class ParametersEditorBuilder extends connect(stor
 };
 __decorate([
     property({ type: Object })
-], ParametersEditorBuilder.prototype, "value", void 0);
+], OxParametersBuilder.prototype, "value", void 0);
 __decorate([
     property({ type: Array })
-], ParametersEditorBuilder.prototype, "props", void 0);
+], OxParametersBuilder.prototype, "props", void 0);
 __decorate([
     property({ type: Object })
-], ParametersEditorBuilder.prototype, "host", void 0);
-ParametersEditorBuilder = __decorate([
-    customElement('ox-parameters-editor-builder')
-], ParametersEditorBuilder);
-//# sourceMappingURL=parameters-editor-builder.js.map
+], OxParametersBuilder.prototype, "host", void 0);
+OxParametersBuilder = __decorate([
+    customElement('ox-parameters-builder')
+], OxParametersBuilder);
+//# sourceMappingURL=ox-parameters-builder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ox-parameters-builder.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-parameters-builder.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { LitElement, PropertyValues, html } from 'lit'\nimport { OxPropertyEditor, PropertySpec } from '@operato/property-editor'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { connect } from 'pwa-helpers/connect-mixin'\nimport { store } from '@operato/shell'\n\n/**\n모든 에디터들은 change 이벤트를 지원해야 한다. 또한, 모든 에디터들은 value속성에 값을 가져야 한다.\n\nExample:\n\n    <ox-parameters-builder value=\"{{value}}\">\n      <label>Center X</label>\n      <input type=\"number\" .value=\"${value.cx}\">\n      <label>Width</label>\n      <input type=\"number\" .value=\"${value.width}\">\n    </ox-parameters-builder>\n*/\n\nconst DEFAULT_VALUE = {\n  legend: '',\n  number: 0,\n  angle: 0,\n  string: '',\n  text: '',\n  textarea: '',\n  checkbox: false,\n  select: '',\n  color: '#000000',\n  'solidcolor-stops': null,\n  'gradientcolor-stops': null,\n  'gltf-selector': '',\n  'image-selector': '',\n  multiplecolor: null,\n  editortable: null,\n  imageselector: '',\n  options: null,\n  date: null\n} as any\n\n@customElement('ox-parameters-builder')\nclass OxParametersBuilder extends connect(store)(LitElement) {\n  @property({ type: Object }) value: any\n  @property({ type: Array }) props?: PropertySpec[]\n  @property({ type: Object }) host: any\n\n  render() {\n    return html`<slot></slot>`\n  }\n\n  firstUpdated() {\n    this.addEventListener('change', this._onValueChanged.bind(this))\n  }\n\n  updated(changes: PropertyValues<this>) {\n    changes.has('props') && this._onPropsChanged(this.props)\n    changes.has('value') && this._setValues()\n  }\n\n  _onPropsChanged(props: PropertySpec[] | undefined) {\n    this.textContent = ''\n    ;(props || []).forEach(prop => {\n      let elementType = OxPropertyEditor.getEditor(prop.type)\n      if (!elementType) {\n        console.warn('Property Editor not defined', prop.type)\n        return\n      }\n      let element = document.createElement(elementType) as OxPropertyEditor\n\n      element.label = prop.label\n      element.type = prop.type\n      element.placeholder = prop.placeholder\n      element.host = this.host\n      // element.context = this.context\n      element.setAttribute('name', prop.name)\n\n      if (prop.observe) {\n        element.observe = prop.observe\n      }\n      element.property = prop.property\n      element.setAttribute('property-editor', '')\n\n      this.appendChild(element)\n    })\n  }\n\n  _setValues() {\n    var value = this.value || {}\n    Array.from(this.querySelectorAll('[name]')).forEach(propertyEditor => {\n      const editor = propertyEditor as OxPropertyEditor\n      let name = editor.getAttribute('name')\n      editor.value = value[name!] === undefined ? DEFAULT_VALUE[editor.type] : value[name!]\n    })\n  }\n\n  _getValues() {\n    var value = {} as any\n    Array.from(this.querySelectorAll('[name]')).forEach(propertyEditor => {\n      const editor = propertyEditor as OxPropertyEditor\n      let name = editor.getAttribute('name')\n      value[name!] = editor.value === undefined ? DEFAULT_VALUE[editor.type] : editor.value\n    })\n\n    return value\n  }\n\n  _onValueChanged(e: Event) {\n    e.stopPropagation()\n    var prop = e.target as HTMLElement\n\n    if (!prop || !prop.hasAttribute('property-editor')) {\n      return\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('property-change', {\n        bubbles: true,\n        composed: true,\n        detail: this._getValues()\n      })\n    )\n  }\n}\n"]}

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

@@ -0,0 +1,12 @@
+import '@operato/input/ox-input-code.js';
+import { LitElement } from 'lit';
+export declare class OxPopupCodeInput extends LitElement {
+    static styles: import("lit").CSSResult[];
+    value: any;
+    mode: string;
+    confirmCallback: (newval: any) => void;
+    render(): import("lit-html").TemplateResult<1>;
+    private onChange;
+    private onCancel;
+    private onConfirm;
+}