@things-factory/meta-ui 9.0.0-beta.27 → 9.0.0-beta.29

package/dist-client/component/grist/editor/grist-editor-code-input.js

@@ -0,0 +1,81 @@
+import { html } from 'lit';
+import { OxGristEditor } from '@operato/data-grist';
+import { openPopup } from '@operato/layout';
+import { TermsUtil } from '../../../utils/terms-util';
+import '../../popup/code-input-editor-popup';
+export class GristEditorCodeInput extends OxGristEditor {
+    static get properties() {
+        return {
+            value: Object,
+            column: Object,
+            record: Object,
+            rowIndex: Number,
+            field: Object,
+            popup: Object
+        };
+    }
+    get editorTemplate() {
+        let text = undefined;
+        if (this.value) {
+            if (typeof this.value === 'object') {
+                text = JSON.stringify(this.value, 0, 2);
+            }
+            else {
+                text = this.value;
+            }
+            text = text.length > 20 ? `${text.substring(0, 20)}...` : text;
+        }
+        return html `
+      ${!text
+            ? html `<span tabindex="0" ></span>`
+            : html ` <span tabindex="0" style="flex:1;">${text}</span> `}
+    `;
+    }
+    async firstUpdated() {
+        super.firstUpdated();
+    }
+    _onclick(e) {
+        e.stopPropagation();
+        this.openEditor();
+    }
+    _onkeydown(e) {
+        const key = e.key;
+        if (key == 'Enter') {
+            e.stopPropagation();
+            this.openEditor();
+        }
+    }
+    openEditor() {
+        if (this.popup) {
+            delete this.popup;
+        }
+        const confirmCallback = (chageValue) => {
+            this.dispatchEvent(new CustomEvent('field-change', {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    before: this.value,
+                    after: chageValue
+                        ? (typeof this.value === 'object' ? JSON.parse(chageValue) : chageValue)
+                        : null,
+                    record: this.record,
+                    column: this.column,
+                    row: this.row
+                }
+            }));
+        };
+        var template = html `
+        <code-input-editor-popup
+          .value=${this.value}
+          .confirmCallback=${confirmCallback.bind(this)}
+        ></code-input-editor-popup>
+      `;
+        this.popup = openPopup(template, {
+            backdrop: true,
+            size: 'large',
+            title: TermsUtil.tTitle('code-editor')
+        });
+    }
+}
+customElements.define('grist-editor-code-input', GristEditorCodeInput);
+//# sourceMappingURL=grist-editor-code-input.js.map

package/dist-client/component/grist/editor/grist-editor-code-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grist-editor-code-input.js","sourceRoot":"","sources":["../../../../client/component/grist/editor/grist-editor-code-input.js"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { openPopup } from '@operato/layout'\nimport { TermsUtil } from '../../../utils/terms-util';\n\nimport '../../popup/code-input-editor-popup'\n\nexport class GristEditorCodeInput extends OxGristEditor {\n  static get properties() {\n    return {\n      value: Object,\n      column: Object,\n      record: Object,\n      rowIndex: Number,\n      field: Object,\n      popup: Object\n    }\n  }\n  \n  get editorTemplate() {\n    let text = undefined;\n\n    if(this.value){\n      if(typeof this.value === 'object'){\n        text = JSON.stringify(this.value, 0, 2);\n      } else {\n        text = this.value;\n      }\n\n      text = text.length > 20 ? `${text.substring(0,20)}...` : text;\n    }\n      \n    return html`\n      ${!text\n        ? html`<span tabindex=\"0\" ></span>`\n        : html` <span tabindex=\"0\" style=\"flex:1;\">${text}</span> `}\n    `\n  }\n  \n  async firstUpdated() {\n    super.firstUpdated()\n  }\n\n  _onclick(e) {\n    e.stopPropagation()\n    this.openEditor()\n  }\n  \n  _onkeydown(e) {\n    const key = e.key\n    if (key == 'Enter') {\n      e.stopPropagation()\n      this.openEditor()\n    }\n  }\n  \n  openEditor() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    const confirmCallback = (chageValue) => {\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: chageValue\n              ? (typeof this.value === 'object' ? JSON.parse(chageValue) : chageValue)\n              : null,\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    var template = html`\n        <code-input-editor-popup\n          .value=${this.value}\n          .confirmCallback=${confirmCallback.bind(this)}\n        ></code-input-editor-popup>\n      `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: TermsUtil.tTitle('code-editor')\n    })\n  }    \n}\n  \ncustomElements.define('grist-editor-code-input', GristEditorCodeInput)"]}

package/dist-client/component/grist/editor/grist-editor-meta-code-selector.d.ts

@@ -0,0 +1,15 @@
+export class GristEditorMetaCodeSelector extends OxGristEditor {
+    static get properties(): {
+        value: ObjectConstructor;
+        column: ObjectConstructor;
+        record: ObjectConstructor;
+        rowIndex: NumberConstructor;
+        field: ObjectConstructor;
+        popup: ObjectConstructor;
+    };
+    _onclick(e: any): void;
+    _onkeydown(e: any): void;
+    openSelector(): void;
+    popup: import("@operato/layout").PopupHandle | undefined;
+}
+import { OxGristEditor } from '@operato/data-grist';

package/dist-client/component/grist/editor/grist-editor-meta-code-selector.js

@@ -0,0 +1,130 @@
+import { html } from 'lit';
+import { OxGristEditor } from '@operato/data-grist';
+import { openPopup } from '@operato/layout';
+import { TermsUtil } from '../../../utils/terms-util';
+import '../../popup/meta-object-selector-popup';
+export class GristEditorMetaCodeSelector extends OxGristEditor {
+    static get properties() {
+        return {
+            value: Object,
+            column: Object,
+            record: Object,
+            rowIndex: Number,
+            field: Object,
+            popup: Object
+        };
+    }
+    get editorTemplate() {
+        let text = '';
+        if (!this.column.record || !this.column.record.options) {
+            text = '';
+        }
+        else if (!this.column.record.options.dispField) {
+            text = this.value;
+        }
+        else {
+            let codes = this.column.record.options.codes || [];
+            if (this.value && this.value.length > 0) {
+                let codeDisp = codes.filter(x => x.value === this.value);
+                if (codeDisp && codeDisp.length > 0) {
+                    text = codeDisp[0].display;
+                }
+                else {
+                    text = '';
+                }
+            }
+        }
+        return html `
+      ${!text
+            ? html `<span tabindex="0"></span>`
+            : html ` <span tabindex="0" style="flex:1">${text}</span> `}
+    `;
+    }
+    async firstUpdated() {
+        super.firstUpdated();
+    }
+    _onclick(e) {
+        e.stopPropagation();
+        this.openSelector();
+    }
+    _onkeydown(e) {
+        const key = e.key;
+        if (key == 'Enter') {
+            e.stopPropagation();
+            this.openSelector();
+        }
+    }
+    openSelector() {
+        if (this.popup) {
+            delete this.popup;
+        }
+        var { selectorName = TermsUtil.tTitle('select_item') } = this.column.record.options || {};
+        const confirmCallback = (selected) => {
+            let codeField = this.column.record.options.codeField;
+            let dispField = this.column.record.options.dispField;
+            let fieldMap = this.column.record.options.fieldMap || {};
+            if (!this.column.record.options.codes) {
+                this.column.record.options.codes = [];
+            }
+            if (selected) {
+                let checkCodeList = this.column.record.options.codes.filter(x => x.value == selected[codeField]);
+                if (!checkCodeList || checkCodeList.length == 0) {
+                    let disp = selected[codeField];
+                    if (dispField) {
+                        let fields = dispField.split(",");
+                        disp = selected[fields[0]];
+                        if (fields.length > 1) {
+                            disp += `(${fields.splice(1).map(field => { return selected[field]; }).join(",")})`;
+                        }
+                    }
+                    this.column.record.options.codes.push({
+                        value: selected[codeField],
+                        display: disp
+                    });
+                }
+            }
+            this.dispatchEvent(new CustomEvent('field-change', {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    before: this.value,
+                    after: selected
+                        ? selected[codeField]
+                        : null,
+                    record: this.record,
+                    column: this.column,
+                    row: this.row
+                }
+            }));
+            Object.keys(fieldMap).forEach(key => {
+                this.dispatchEvent(new CustomEvent('field-change', {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        before: this.record[fieldMap[key]],
+                        after: selected
+                            ? selected[key]
+                            : null,
+                        record: this.record,
+                        column: { name: fieldMap[key] },
+                        row: this.row
+                    }
+                }));
+            });
+        };
+        var template = html `
+        <meta-object-selector-popup
+          .value=${this.value}
+          .options=${this.column.record.options}
+          .confirmCallback=${confirmCallback.bind(this)}
+        ></meta-object-selector-popup>
+      `;
+        this.popup = openPopup(template, {
+            backdrop: true,
+            size: 'large',
+            title: TermsUtil.tMenu(selectorName)
+        });
+    }
+}
+customElements.define('grist-editor-meta-code-selector', GristEditorMetaCodeSelector);
+//# sourceMappingURL=grist-editor-meta-code-selector.js.map

package/dist-client/component/grist/editor/grist-editor-meta-code-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grist-editor-meta-code-selector.js","sourceRoot":"","sources":["../../../../client/component/grist/editor/grist-editor-meta-code-selector.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,wCAAwC,CAAA;AAE/C,MAAM,OAAO,2BAA4B,SAAQ,aAAa;IAC5D,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;SACd,CAAA;IACH,CAAC;IAED,IAAI,cAAc;QAChB,IAAI,IAAI,GAAG,EAAE,CAAC;QAEd,IAAG,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,EAAC,CAAC;YACrD,IAAI,GAAG,EAAE,CAAC;QACZ,CAAC;aAAM,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,EAAC,CAAC;YAChD,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC;aAAM,CAAC;YACN,IAAI,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC;YAEnD,IAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAC,CAAC;gBACtC,IAAI,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC;gBAExD,IAAG,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAC,CAAC;oBAClC,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;gBAC7B,CAAC;qBAAM,CAAC;oBACN,IAAI,GAAG,EAAE,CAAC;gBACZ,CAAC;YACH,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAA;QACP,CAAC,IAAI;YACL,CAAC,CAAC,IAAI,CAAA,4BAA4B;YAClC,CAAC,CAAC,IAAI,CAAA,sCAAsC,IAAI,UAAU;KAC7D,CAAA;IACH,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,KAAK,CAAC,YAAY,EAAE,CAAA;IACtB,CAAC;IAED,QAAQ,CAAC,CAAC;QACR,CAAC,CAAC,eAAe,EAAE,CAAA;QACnB,IAAI,CAAC,YAAY,EAAE,CAAA;IACrB,CAAC;IAED,UAAU,CAAC,CAAC;QACV,MAAM,GAAG,GAAG,CAAC,CAAC,GAAG,CAAA;QACjB,IAAI,GAAG,IAAI,OAAO,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAA;YACnB,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC;IACH,CAAC;IAED,YAAY;QACV,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,IAAI,CAAC,KAAK,CAAA;QACnB,CAAC;QAED,IAAI,EACF,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,EAC/C,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,IAAI,EAAE,CAAA;QAEpC,MAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,EAAE;YACnC,IAAI,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;YACrD,IAAI,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;YACrD,IAAI,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,IAAI,EAAE,CAAC;YAEzD,IAAG,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBACrC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;YACxC,CAAC;YAED,IAAG,QAAQ,EAAC,CAAC;gBACX,IAAI,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;gBAChG,IAAG,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,IAAI,CAAC,EAAC,CAAC;oBAC9C,IAAI,IAAI,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;oBAE/B,IAAG,SAAS,EAAC,CAAC;wBACZ,IAAI,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;wBAClC,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;wBAE3B,IAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAC,CAAC;4BACpB,IAAI,IAAG,IAAI,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,GAAG,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAA,CAAA,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAA;wBAClF,CAAC;oBACH,CAAC;oBAED,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;wBACpC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC;wBAC1B,OAAO,EAAE,IAAI;qBACd,CAAC,CAAA;gBACJ,CAAC;YACH,CAAC;YAED,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,QAAQ;wBACb,CAAC,CAAC,QAAQ,CAAC,SAAS,CAAC;wBACrB,CAAC,CAAC,IAAI;oBACR,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,GAAG,EAAE,IAAI,CAAC,GAAG;iBACd;aACF,CAAC,CACH,CAAA;YAGD,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;gBAClC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE;oBAC9B,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;oBACd,MAAM,EAAE;wBACN,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;wBAClC,KAAK,EAAE,QAAQ;4BACb,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;4BACf,CAAC,CAAC,IAAI;wBACR,MAAM,EAAE,IAAI,CAAC,MAAM;wBACnB,MAAM,EAAE,EAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,CAAC,EAAC;wBAC7B,GAAG,EAAE,IAAI,CAAC,GAAG;qBACd;iBACF,CAAC,CACH,CAAA;YACH,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;QAED,IAAI,QAAQ,GAAG,IAAI,CAAA;;mBAEJ,IAAI,CAAC,KAAK;qBACR,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO;6BAClB,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;OAEhD,CAAA;QAEH,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE;YAC/B,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC;SACrC,CAAC,CAAA;IACJ,CAAC;CACF;AAED,cAAc,CAAC,MAAM,CAAC,iCAAiC,EAAE,2BAA2B,CAAC,CAAA","sourcesContent":["import { html } from 'lit'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { openPopup } from '@operato/layout'\nimport { TermsUtil } from '../../../utils/terms-util';\n\nimport '../../popup/meta-object-selector-popup'\n\nexport class GristEditorMetaCodeSelector extends OxGristEditor {\n  static get properties() {\n    return {\n      value: Object,\n      column: Object,\n      record: Object,\n      rowIndex: Number,\n      field: Object,\n      popup: Object\n    }\n  }\n  \n  get editorTemplate() {\n    let text = '';\n\n    if(!this.column.record || !this.column.record.options){\n      text = '';\n    } else if (!this.column.record.options.dispField){\n      text = this.value;\n    } else {\n      let codes = this.column.record.options.codes || [];\n\n      if(this.value && this.value.length > 0){\n        let codeDisp = codes.filter(x=> x.value === this.value);\n    \n        if(codeDisp && codeDisp.length > 0){\n          text = codeDisp[0].display;\n        } else {\n          text = '';\n        }\n      }  \n    }\n      \n    return html`\n      ${!text\n        ? html`<span tabindex=\"0\"></span>`\n        : html` <span tabindex=\"0\" style=\"flex:1\">${text}</span> `}\n    `\n  }\n  \n  async firstUpdated() {\n    super.firstUpdated()\n  }\n\n  _onclick(e) {\n    e.stopPropagation()\n    this.openSelector()\n  }\n  \n  _onkeydown(e) {\n    const key = e.key\n    if (key == 'Enter') {\n      e.stopPropagation()\n      this.openSelector()\n    }\n  }\n  \n  openSelector() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    var {\n      selectorName = TermsUtil.tTitle('select_item')\n    } = this.column.record.options || {}\n\n    const confirmCallback = (selected) => {\n      let codeField = this.column.record.options.codeField;\n      let dispField = this.column.record.options.dispField;\n      let fieldMap = this.column.record.options.fieldMap || {};\n\n      if(!this.column.record.options.codes) {\n        this.column.record.options.codes = [];\n      }\n\n      if(selected){\n        let checkCodeList = this.column.record.options.codes.filter(x=> x.value == selected[codeField]);\n        if(!checkCodeList || checkCodeList.length == 0){\n          let disp = selected[codeField];\n\n          if(dispField){\n            let fields = dispField.split(\",\");\n            disp = selected[fields[0]];\n        \n            if(fields.length > 1){\n              disp+= `(${fields.splice(1).map(field => { return selected[field]}).join(\",\")})` \n            }\n          }\n\n          this.column.record.options.codes.push({\n            value: selected[codeField],\n            display: disp\n          })\n        }\n      }\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              ? selected[codeField]\n              : null,\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n\n\n      Object.keys(fieldMap).forEach(key =>{\n        this.dispatchEvent(\n          new CustomEvent('field-change', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              before: this.record[fieldMap[key]],\n              after: selected\n                ? selected[key]\n                : null,\n              record: this.record,\n              column: {name: fieldMap[key]},\n              row: this.row\n            }\n          })\n        )\n      })\n    }\n\n    var template = html`\n        <meta-object-selector-popup\n          .value=${this.value}\n          .options=${this.column.record.options}\n          .confirmCallback=${confirmCallback.bind(this)}\n        ></meta-object-selector-popup>\n      `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: TermsUtil.tMenu(selectorName)\n    })\n  }    \n}\n  \ncustomElements.define('grist-editor-meta-code-selector', GristEditorMetaCodeSelector)"]}

package/dist-client/component/grist/editor/grist-editor-meta-object-selector.d.ts

@@ -0,0 +1,15 @@
+export class GristEditorMetaObjectSelector extends OxGristEditor {
+    static get properties(): {
+        value: ObjectConstructor;
+        column: ObjectConstructor;
+        record: ObjectConstructor;
+        rowIndex: NumberConstructor;
+        field: ObjectConstructor;
+        popup: ObjectConstructor;
+    };
+    _onclick(e: any): void;
+    _onkeydown(e: any): void;
+    openSelector(): void;
+    popup: import("@operato/layout").PopupHandle | undefined;
+}
+import { OxGristEditor } from '@operato/data-grist';

package/dist-client/component/grist/editor/grist-editor-meta-object-selector.js

@@ -0,0 +1,98 @@
+import { html } from 'lit';
+import { OxGristEditor } from '@operato/data-grist';
+import { openPopup } from '@operato/layout';
+import { TermsUtil } from '../../../utils/terms-util';
+import '../../popup/meta-object-selector-popup';
+export class GristEditorMetaObjectSelector extends OxGristEditor {
+    static get properties() {
+        return {
+            value: Object,
+            column: Object,
+            record: Object,
+            rowIndex: Number,
+            field: Object,
+            popup: Object
+        };
+    }
+    get editorTemplate() {
+        let text = '';
+        if (this.value && this.column.record.options) {
+            let fields = this.column.record.options.nameField.split(",");
+            text = this.value[fields[0]];
+            if (fields.length > 1) {
+                text += `(${fields.splice(1).map(field => { return this.value[field]; }).join(",")})`;
+            }
+        }
+        return html `
+      ${!this.value
+            ? html `<span tabindex="0">${text}</span>`
+            : html ` <span tabindex="0" style="flex:1">${text}</span> `}
+    `;
+    }
+    async firstUpdated() {
+        super.firstUpdated();
+    }
+    _onclick(e) {
+        e.stopPropagation();
+        this.openSelector();
+    }
+    _onkeydown(e) {
+        const key = e.key;
+        if (key == 'Enter') {
+            e.stopPropagation();
+            this.openSelector();
+        }
+    }
+    openSelector() {
+        if (this.popup) {
+            delete this.popup;
+        }
+        var { selectorName = TermsUtil.tTitle('select_item') } = this.column.record.options || {};
+        const confirmCallback = (selected) => {
+            let fieldMap = this.column.record.options.fieldMap || {};
+            this.dispatchEvent(new CustomEvent('field-change', {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    before: this.value,
+                    after: selected
+                        ? selected
+                        : null,
+                    record: this.record,
+                    column: this.column,
+                    row: this.row
+                }
+            }));
+            Object.keys(fieldMap).forEach(key => {
+                this.dispatchEvent(new CustomEvent('field-change', {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        before: this.record[fieldMap[key]],
+                        after: selected
+                            ? selected[key]
+                            : null,
+                        record: this.record,
+                        column: { name: fieldMap[key] },
+                        row: this.row
+                    }
+                }));
+            });
+        };
+        var template = html `
+        <meta-object-selector-popup
+          .value=${this.value}
+          .options=${this.column.record.options}
+          .record=${this.record}
+          .confirmCallback=${confirmCallback.bind(this)}
+        ></meta-object-selector-popup>
+      `;
+        this.popup = openPopup(template, {
+            backdrop: true,
+            size: 'large',
+            title: TermsUtil.tMenu(selectorName)
+        });
+    }
+}
+customElements.define('grist-editor-meta-object-selector', GristEditorMetaObjectSelector);
+//# sourceMappingURL=grist-editor-meta-object-selector.js.map

package/dist-client/component/grist/editor/grist-editor-meta-object-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grist-editor-meta-object-selector.js","sourceRoot":"","sources":["../../../../client/component/grist/editor/grist-editor-meta-object-selector.js"],"names":[],"mappings":"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","sourcesContent":["import { html } from 'lit'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { openPopup } from '@operato/layout'\nimport { TermsUtil } from '../../../utils/terms-util';\n\nimport '../../popup/meta-object-selector-popup'\n\nexport class GristEditorMetaObjectSelector extends OxGristEditor {\n  static get properties() {\n    return {\n      value: Object,\n      column: Object,\n      record: Object,\n      rowIndex: Number,\n      field: Object,\n      popup: Object\n    }\n  }\n  \n  get editorTemplate() {\n    let text = '';\n\n    if(this.value && this.column.record.options){\n\n      let fields = this.column.record.options.nameField.split(\",\");\n      text = this.value[fields[0]];\n  \n      if(fields.length > 1){\n        text+= `(${fields.splice(1).map(field => { return this.value[field]}).join(\",\")})` \n      }\n    } \n  \n    return html`\n      ${!this.value\n        ? html`<span tabindex=\"0\">${text}</span>`\n        : html` <span tabindex=\"0\" style=\"flex:1\">${text}</span> `}\n    `\n  }\n  \n  async firstUpdated() {\n    super.firstUpdated()\n  }\n\n  _onclick(e) {\n    e.stopPropagation()\n    this.openSelector()\n  }\n  \n  _onkeydown(e) {\n    const key = e.key\n    if (key == 'Enter') {\n      e.stopPropagation()\n      this.openSelector()\n    }\n  }\n  \n  openSelector() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    var {\n      selectorName = TermsUtil.tTitle('select_item')\n    } = this.column.record.options || {}\n\n    const confirmCallback = (selected) => {\n      let fieldMap = this.column.record.options.fieldMap || {};\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              ? selected\n              : null,\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n\n      Object.keys(fieldMap).forEach(key =>{\n        this.dispatchEvent(\n          new CustomEvent('field-change', {\n            bubbles: true,\n            composed: true,\n            detail: {\n              before: this.record[fieldMap[key]],\n              after: selected\n                ? selected[key]\n                : null,\n              record: this.record,\n              column: {name: fieldMap[key]},\n              row: this.row\n            }\n          })\n        )\n      })\n    }\n\n    var template = html`\n        <meta-object-selector-popup\n          .value=${this.value}\n          .options=${this.column.record.options}\n          .record=${this.record}\n          .confirmCallback=${confirmCallback.bind(this)}\n        ></meta-object-selector-popup>\n      `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: TermsUtil.tMenu(selectorName)\n    })\n  }    \n}\n  \ncustomElements.define('grist-editor-meta-object-selector', GristEditorMetaObjectSelector)"]}

package/dist-client/component/grist/renderer/grist-renderer-code-input.d.ts

@@ -0,0 +1 @@
+export function GristRendererCodeInput(value: any, column: any, record: any, rowIndex: any, field: any): import("lit-html").TemplateResult<1>;

package/dist-client/component/grist/renderer/grist-renderer-code-input.js

@@ -0,0 +1,19 @@
+/**
+ * 그리드 Resource-column 타입 셀렉터
+ * @auth yang
+ */
+import { html } from 'lit';
+export const GristRendererCodeInput = (value, column, record, rowIndex, field) => {
+    let text = '';
+    if (value) {
+        if (typeof value === 'object') {
+            text = JSON.stringify(value, 0, 2);
+        }
+        else {
+            text = value;
+        }
+        text = text.length > 20 ? `${text.substring(0, 20)}...` : text;
+    }
+    return html `<span style="flex:1" data-reactive-tooltip>${text}</span>`;
+};
+//# sourceMappingURL=grist-renderer-code-input.js.map

package/dist-client/component/grist/renderer/grist-renderer-code-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grist-renderer-code-input.js","sourceRoot":"","sources":["../../../../client/component/grist/renderer/grist-renderer-code-input.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAC/E,IAAI,IAAI,GAAG,EAAE,CAAA;IAEb,IAAI,KAAK,EAAE,CAAC;QACV,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QACpC,CAAC;aAAM,CAAC;YACN,IAAI,GAAG,KAAK,CAAA;QACd,CAAC;QACD,IAAI,GAAG,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;IAChE,CAAC;IAED,OAAO,IAAI,CAAA,8CAA8C,IAAI,SAAS,CAAA;AACxE,CAAC,CAAA","sourcesContent":["/**\n * 그리드 Resource-column 타입 셀렉터\n * @auth yang\n */\nimport { html } from 'lit'\n\nexport const GristRendererCodeInput = (value, column, record, rowIndex, field) => {\n  let text = ''\n\n  if (value) {\n    if (typeof value === 'object') {\n      text = JSON.stringify(value, 0, 2)\n    } else {\n      text = value\n    }\n    text = text.length > 20 ? `${text.substring(0, 20)}...` : text\n  }\n\n  return html`<span style=\"flex:1\" data-reactive-tooltip>${text}</span>`\n}\n"]}

package/dist-client/component/grist/renderer/grist-renderer-meta-code-selector.d.ts

@@ -0,0 +1 @@
+export function GristRendererMetaCodeSelector(value: any, column: any, record: any, rowIndex: any, field: any): import("lit-html").TemplateResult<1>;

package/dist-client/component/grist/renderer/grist-renderer-meta-code-selector.js

@@ -0,0 +1,29 @@
+/**
+ * 그리드 Resource-column 타입 셀렉터
+ * @auth yang
+ */
+import { html } from 'lit';
+export const GristRendererMetaCodeSelector = (value, column, record, rowIndex, field) => {
+    let text = '';
+    if (!column.record || !column.record.options) {
+        text = '';
+    }
+    else if (!column.record.options.dispField) {
+        text = value;
+    }
+    else {
+        if (!column.record.options.codes)
+            column.record.options.codes = [];
+        if (value && value.length > 0) {
+            let codeDisp = column.record.options.codes.filter(x => x.value === value);
+            if (codeDisp && codeDisp.length > 0) {
+                text = codeDisp[0].display;
+            }
+            else {
+                text = value;
+            }
+        }
+    }
+    return html `<span data-reactive-tooltip>${text}</span>`;
+};
+//# sourceMappingURL=grist-renderer-meta-code-selector.js.map

package/dist-client/component/grist/renderer/grist-renderer-meta-code-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grist-renderer-meta-code-selector.js","sourceRoot":"","sources":["../../../../client/component/grist/renderer/grist-renderer-meta-code-selector.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IACtF,IAAI,IAAI,GAAG,EAAE,CAAA;IAEb,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QAC7C,IAAI,GAAG,EAAE,CAAA;IACX,CAAC;SAAM,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;QAC5C,IAAI,GAAG,KAAK,CAAA;IACd,CAAC;SAAM,CAAC;QACN,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;YAAE,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;QAElE,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC9B,IAAI,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAA;YAEzE,IAAI,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACpC,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;YAC5B,CAAC;iBAAM,CAAC;gBACN,IAAI,GAAG,KAAK,CAAA;YACd,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAA,+BAA+B,IAAI,SAAS,CAAA;AACzD,CAAC,CAAA","sourcesContent":["/**\n * 그리드 Resource-column 타입 셀렉터\n * @auth yang\n */\nimport { html } from 'lit'\n\nexport const GristRendererMetaCodeSelector = (value, column, record, rowIndex, field) => {\n  let text = ''\n\n  if (!column.record || !column.record.options) {\n    text = ''\n  } else if (!column.record.options.dispField) {\n    text = value\n  } else {\n    if (!column.record.options.codes) column.record.options.codes = []\n\n    if (value && value.length > 0) {\n      let codeDisp = column.record.options.codes.filter(x => x.value === value)\n\n      if (codeDisp && codeDisp.length > 0) {\n        text = codeDisp[0].display\n      } else {\n        text = value\n      }\n    }\n  }\n  return html`<span data-reactive-tooltip>${text}</span>`\n}\n"]}

package/dist-client/component/grist/renderer/grist-renderer-meta-object-selector.d.ts

@@ -0,0 +1 @@
+export function GristRendererMetaObjectSelector(value: any, column: any, record: any, rowIndex: any, field: any): import("lit-html").TemplateResult<1>;

package/dist-client/component/grist/renderer/grist-renderer-meta-object-selector.js

@@ -0,0 +1,23 @@
+/**
+ * 그리드 Resource-column 타입 셀렉터
+ * @auth yang
+ */
+import { html } from 'lit';
+export const GristRendererMetaObjectSelector = (value, column, record, rowIndex, field) => {
+    var _a;
+    let text = '';
+    if (value && ((_a = column.record.options) === null || _a === void 0 ? void 0 : _a.nameField)) {
+        let fields = column.record.options.nameField.split(',');
+        text = value[fields[0]];
+        if (fields.length > 1) {
+            text += `(${fields
+                .splice(1)
+                .map(field => {
+                return value[field];
+            })
+                .join(',')})`;
+        }
+    }
+    return html `<span data-reactive-tooltip>${text}</span>`;
+};
+//# sourceMappingURL=grist-renderer-meta-object-selector.js.map

package/dist-client/component/grist/renderer/grist-renderer-meta-object-selector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grist-renderer-meta-object-selector.js","sourceRoot":"","sources":["../../../../client/component/grist/renderer/grist-renderer-meta-object-selector.js"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;;IACxF,IAAI,IAAI,GAAG,EAAE,CAAA;IAEb,IAAI,KAAK,KAAI,MAAA,MAAM,CAAC,MAAM,CAAC,OAAO,0CAAE,SAAS,CAAA,EAAE,CAAC;QAC9C,IAAI,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QACvD,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;QAEvB,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACtB,IAAI,IAAI,IAAI,MAAM;iBACf,MAAM,CAAC,CAAC,CAAC;iBACT,GAAG,CAAC,KAAK,CAAC,EAAE;gBACX,OAAO,KAAK,CAAC,KAAK,CAAC,CAAA;YACrB,CAAC,CAAC;iBACD,IAAI,CAAC,GAAG,CAAC,GAAG,CAAA;QACjB,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAA,+BAA+B,IAAI,SAAS,CAAA;AACzD,CAAC,CAAA","sourcesContent":["/**\n * 그리드 Resource-column 타입 셀렉터\n * @auth yang\n */\nimport { html } from 'lit'\n\nexport const GristRendererMetaObjectSelector = (value, column, record, rowIndex, field) => {\n  let text = ''\n\n  if (value && column.record.options?.nameField) {\n    let fields = column.record.options.nameField.split(',')\n    text = value[fields[0]]\n\n    if (fields.length > 1) {\n      text += `(${fields\n        .splice(1)\n        .map(field => {\n          return value[field]\n        })\n        .join(',')})`\n    }\n  }\n\n  return html`<span data-reactive-tooltip>${text}</span>`\n}\n"]}

package/dist-client/component/popup/code-input-editor-popup.d.ts

@@ -0,0 +1,36 @@
+/**
+ * 코드 편집기 팝업
+ */
+export class CodeInputEditorPopup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    connectedCallback(): Promise<void>;
+    codeVlaue: any;
+    firstUpdated(): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+    get codeEditor(): Element | null;
+    /**
+     * @description 비우기
+     ***************************
+     * @returns
+     */
+    clickEmpty(e: any): Promise<void>;
+    /**
+     * @description 취소
+     ***************************
+     * @returns
+     */
+    clickCancel(e: any): Promise<void>;
+    /**
+     * @description 확인
+     ***************************
+     * @returns
+     */
+    clickConfirm(e: any): Promise<void>;
+    /**
+     * @description 확정
+     ***************************
+     * @param {*} record
+     */
+    changedValue(value: any): Promise<void>;
+}
+import { LitElement } from 'lit';

package/dist-client/component/popup/code-input-editor-popup.js

@@ -0,0 +1,103 @@
+import '@material/web/icon/icon.js';
+import { css, html, LitElement } from 'lit';
+import { CommonHeaderStyles } from '@operato/styles';
+import { TermsUtil } from '../../utils/terms-util';
+import { MetaApi } from '../../utils/meta-api';
+import '@operato/input/ox-input-code.js';
+import { closePopup } from '@operato/popup';
+/**
+ * 코드 편집기 팝업
+ */
+export class CodeInputEditorPopup extends LitElement {
+    async connectedCallback() {
+        if (typeof this.value === 'object') {
+            this.codeVlaue = JSON.stringify(this.value, 0, 2);
+        }
+        else {
+            this.codeVlaue = this.value;
+        }
+        await super.connectedCallback();
+    }
+    async firstUpdated() {
+        await super.firstUpdated();
+    }
+    render() {
+        return html `
+      <ox-input-code mode="javascript" value=${this.codeVlaue}></ox-input-code>
+
+      <div class="footer">
+        <button @click=${this.clickEmpty.bind(this)}>
+          <md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}
+        </button>
+        <div filler></div>
+        <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
+        <button @click=${this.clickConfirm.bind(this)} done>
+          <md-icon>done</md-icon>${TermsUtil.tButton('confirm')}
+        </button>
+      </div>
+    `;
+    }
+    get codeEditor() {
+        return this.shadowRoot.querySelector('ox-input-code');
+    }
+    /**
+     * @description 비우기
+     ***************************
+     * @returns
+     */
+    async clickEmpty(e) {
+        this.confirmCallback && this.confirmCallback(null);
+        closePopup(this);
+    }
+    /**
+     * @description 취소
+     ***************************
+     * @returns
+     */
+    async clickCancel(e) {
+        closePopup(this);
+    }
+    /**
+     * @description 확인
+     ***************************
+     * @returns
+     */
+    async clickConfirm(e) {
+        if (this.codeVlaue === this.codeEditor.value) {
+            MetaApi.showToast('info', TermsUtil.tText('NOTHING_CHANGED'));
+            return;
+        }
+        this.changedValue(this.codeEditor.value);
+    }
+    /**
+     * @description 확정
+     ***************************
+     * @param {*} record
+     */
+    async changedValue(value) {
+        this.confirmCallback && this.confirmCallback(value);
+        closePopup(this);
+    }
+}
+CodeInputEditorPopup.styles = [
+    CommonHeaderStyles,
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        background-color: var(--md-sys-color-surface);
+
+        width: var(--overlay-center-normal-width, 50%);
+        height: var(--overlay-center-normal-height, 50%);
+      }
+
+      ox-input-code {
+        margin: 10px;
+        overflow-y: auto;
+        flex: 1;
+      }
+    `
+];
+customElements.define('code-input-editor-popup', CodeInputEditorPopup);
+//# sourceMappingURL=code-input-editor-popup.js.map

package/dist-client/component/popup/code-input-editor-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-input-editor-popup.js","sourceRoot":"","sources":["../../../client/component/popup/code-input-editor-popup.js"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,UAAU;IAsBlD,KAAK,CAAC,iBAAiB;QACrB,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACnC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QACnD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAA;QAC7B,CAAC;QAED,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACjC,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,KAAK,CAAC,YAAY,EAAE,CAAA;IAC5B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;+CACgC,IAAI,CAAC,SAAS;;;yBAGpC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;sDACG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;;;yBAGvD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,6BAA6B,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;yBACnF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;mCAClB,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC;;;KAG1D,CAAA;IACH,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,CAAA;IACvD,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,UAAU,CAAC,CAAC;QAChB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QAClD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IACD;;;;OAIG;IACH,KAAK,CAAC,WAAW,CAAC,CAAC;QACjB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IACD;;;;OAIG;IACH,KAAK,CAAC,YAAY,CAAC,CAAC;QAClB,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;YAC7C,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAA;YAC7D,OAAM;QACR,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IAC1C,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,YAAY,CAAC,KAAK;QACtB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;QACnD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;AA9FM,2BAAM,GAAG;IACd,kBAAkB;IAClB,GAAG,CAAA;;;;;;;;;;;;;;;;KAgBF;CACF,CAAA;AA8EH,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,oBAAoB,CAAC,CAAA","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { CommonHeaderStyles } from '@operato/styles'\nimport { TermsUtil } from '../../utils/terms-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport '@operato/input/ox-input-code.js'\nimport { closePopup } from '@operato/popup'\n\n/**\n * 코드 편집기 팝업\n */\nexport class CodeInputEditorPopup extends LitElement {\n  static styles = [\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n\n        width: var(--overlay-center-normal-width, 50%);\n        height: var(--overlay-center-normal-height, 50%);\n      }\n\n      ox-input-code {\n        margin: 10px;\n        overflow-y: auto;\n        flex: 1;\n      }\n    `\n  ]\n\n  async connectedCallback() {\n    if (typeof this.value === 'object') {\n      this.codeVlaue = JSON.stringify(this.value, 0, 2)\n    } else {\n      this.codeVlaue = this.value\n    }\n\n    await super.connectedCallback()\n  }\n\n  async firstUpdated() {\n    await super.firstUpdated()\n  }\n\n  render() {\n    return html`\n      <ox-input-code mode=\"javascript\" value=${this.codeVlaue}></ox-input-code>\n\n      <div class=\"footer\">\n        <button @click=${this.clickEmpty.bind(this)}>\n          <md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}\n        </button>\n        <div filler></div>\n        <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n        <button @click=${this.clickConfirm.bind(this)} done>\n          <md-icon>done</md-icon>${TermsUtil.tButton('confirm')}\n        </button>\n      </div>\n    `\n  }\n\n  get codeEditor() {\n    return this.shadowRoot.querySelector('ox-input-code')\n  }\n\n  /**\n   * @description 비우기\n   ***************************\n   * @returns\n   */\n  async clickEmpty(e) {\n    this.confirmCallback && this.confirmCallback(null)\n    closePopup(this)\n  }\n  /**\n   * @description 취소\n   ***************************\n   * @returns\n   */\n  async clickCancel(e) {\n    closePopup(this)\n  }\n  /**\n   * @description 확인\n   ***************************\n   * @returns\n   */\n  async clickConfirm(e) {\n    if (this.codeVlaue === this.codeEditor.value) {\n      MetaApi.showToast('info', TermsUtil.tText('NOTHING_CHANGED'))\n      return\n    }\n    this.changedValue(this.codeEditor.value)\n  }\n\n  /**\n   * @description 확정\n   ***************************\n   * @param {*} record\n   */\n  async changedValue(value) {\n    this.confirmCallback && this.confirmCallback(value)\n    closePopup(this)\n  }\n}\n\ncustomElements.define('code-input-editor-popup', CodeInputEditorPopup)\n"]}

package/dist-client/component/popup/file-upload-popup.d.ts

@@ -0,0 +1 @@
+export {};