@things-factory/meta-ui 10.1.186 → 10.1.190

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

@@ -1,104 +0,0 @@
-// @ts-nocheck
-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 {
-    static { this.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;
-      }
-    `
-    ]; }
-    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);
-    }
-}
-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

@@ -1 +0,0 @@
-{"version":3,"file":"code-input-editor-popup.js","sourceRoot":"","sources":["../../../client/component/popup/code-input-editor-popup.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,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;aAC3C,WAAM,GAAG;QACd,kBAAkB;QAClB,GAAG,CAAA;;;;;;;;;;;;;;;;KAgBF;KACF,CAAA;IAED,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;;AAGH,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,oBAAoB,CAAC,CAAA","sourcesContent":["// @ts-nocheck\nimport '@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

@@ -1,2 +0,0 @@
-import '@material/web/icon/icon.js';
-import '@operato/input/ox-input-file.js';

package/dist-client/component/popup/file-upload-popup.js

@@ -1,123 +0,0 @@
-// @ts-nocheck
-import '@material/web/icon/icon.js';
-import '@operato/input/ox-input-file.js';
-import { client, gqlContext } from '@things-factory/shell';
-import { css, html, LitElement } from 'lit';
-import { SingleColumnFormStyles } from '@things-factory/form-ui';
-import { CommonHeaderStyles } from '@operato/styles';
-import gql from 'graphql-tag';
-import { TermsUtil } from '../../utils/terms-util';
-import { ServiceUtil } from '../../utils/service-util';
-import { MetaApi } from '../../utils/meta-api';
-class FileUploadPopup extends LitElement {
-    static get styles() {
-        return [
-            CommonHeaderStyles,
-            SingleColumnFormStyles,
-            css `
-        :host {
-          padding: 10px;
-          display: flex;
-          flex-direction: column;
-          overflow-x: overlay;
-          background-color: var(--md-sys-color-background);
-        }
-
-        .input-container {
-          display: flex;
-        }
-      `
-        ];
-    }
-    static get properties() {
-        return {
-            templateTypes: Array
-        };
-    }
-    async connectedCallback() {
-        super.connectedCallback();
-        this.templateTypes = await ServiceUtil.codeItems('TEMPLATE_TYPES');
-    }
-    render() {
-        return html `
-      <div>
-        <form id="input-form" class="single-column-form">
-          <fieldset>
-            <legend>${TermsUtil.tLabel('file_upload')}</legend>
-            <label>${TermsUtil.tLabel('file_upload')}</label>
-            <ox-input-file custom-input id="uploadTemplate"></ox-input-file>
-
-            <label>${TermsUtil.tLabel('category')}</label>
-            <select name="category" required>
-              <option value="">${TermsUtil.tText('please_select_upload_category')}</option>
-              ${(this.templateTypes || []).map(templateType => {
-            const { name, description } = templateType;
-            return html ` <option value="${name}">${name} ${description ? ` (${description})` : ''}</option> `;
-        })}
-            </select>
-
-            <label>${TermsUtil.tLabel('description')}</label>
-            <input name="description" />
-          </fieldset>
-        </form>
-      </div>
-
-      <div class="footer">
-        <div filler></div>
-        <button @click=${this._createAttachment} done>
-          <md-icon>attach_file_add</md-icon>${TermsUtil.tButton('create')}
-        </button>
-      </div>
-    `;
-    }
-    get _template() {
-        return this.renderRoot.querySelector('#uploadTemplate');
-    }
-    async _createAttachment() {
-        try {
-            const attachment = this._getAttachmentInfo();
-            const response = await client.mutate({
-                mutation: gql `
-          mutation ($attachment: NewAttachment!) {
-            createAttachment(attachment: $attachment) {
-              id
-              name
-              path
-            }
-          }
-        `,
-                variables: {
-                    attachment
-                },
-                context: {
-                    ...gqlContext(),
-                    hasUpload: true
-                }
-            });
-            if (!response.errors) {
-                history.back();
-                this.dispatchEvent(new CustomEvent('template-uploaded', { bubbles: true, composed: true, cancelable: true }));
-            }
-        }
-        catch (e) {
-            MetaApi.showAlertPopup('label.error', e.message, 'error', 'confirm');
-        }
-    }
-    _getAttachmentInfo() {
-        if (this.renderRoot.querySelector('form').checkValidity()) {
-            return {
-                file: this._template.files[0],
-                category: this._getInputByName('category').value,
-                description: this._getInputByName('description').value
-            };
-        }
-        else {
-            throw new Error(TermsUtil.tText('text.attachment_info_not_valid'));
-        }
-    }
-    _getInputByName(name) {
-        return this.renderRoot.querySelector(`select[name=${name}], input[name=${name}]`);
-    }
-}
-window.customElements.define('file-upload-popup', FileUploadPopup);
-//# sourceMappingURL=file-upload-popup.js.map

package/dist-client/component/popup/file-upload-popup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload-popup.js","sourceRoot":"","sources":["../../../client/component/popup/file-upload-popup.ts"],"names":[],"mappings":"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","sourcesContent":["// @ts-nocheck\nimport '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-file.js'\n\nimport { client, gqlContext } from '@things-factory/shell'\nimport { css, html, LitElement } from 'lit'\nimport { SingleColumnFormStyles } from '@things-factory/form-ui'\nimport { CommonHeaderStyles } from '@operato/styles'\nimport gql from 'graphql-tag'\nimport { TermsUtil } from '../../utils/terms-util'\nimport { ServiceUtil } from '../../utils/service-util'\nimport { MetaApi } from '../../utils/meta-api'\n\nclass FileUploadPopup extends LitElement {\n  static get styles() {\n    return [\n      CommonHeaderStyles,\n      SingleColumnFormStyles,\n      css`\n        :host {\n          padding: 10px;\n          display: flex;\n          flex-direction: column;\n          overflow-x: overlay;\n          background-color: var(--md-sys-color-background);\n        }\n\n        .input-container {\n          display: flex;\n        }\n      `\n    ]\n  }\n\n  static get properties() {\n    return {\n      templateTypes: Array\n    }\n  }\n\n  async connectedCallback() {\n    super.connectedCallback()\n    this.templateTypes = await ServiceUtil.codeItems('TEMPLATE_TYPES')\n  }\n\n  render() {\n    return html`\n      <div>\n        <form id=\"input-form\" class=\"single-column-form\">\n          <fieldset>\n            <legend>${TermsUtil.tLabel('file_upload')}</legend>\n            <label>${TermsUtil.tLabel('file_upload')}</label>\n            <ox-input-file custom-input id=\"uploadTemplate\"></ox-input-file>\n\n            <label>${TermsUtil.tLabel('category')}</label>\n            <select name=\"category\" required>\n              <option value=\"\">${TermsUtil.tText('please_select_upload_category')}</option>\n              ${(this.templateTypes || []).map(templateType => {\n                const { name, description } = templateType\n                return html` <option value=\"${name}\">${name} ${description ? ` (${description})` : ''}</option> `\n              })}\n            </select>\n\n            <label>${TermsUtil.tLabel('description')}</label>\n            <input name=\"description\" />\n          </fieldset>\n        </form>\n      </div>\n\n      <div class=\"footer\">\n        <div filler></div>\n        <button @click=${this._createAttachment} done>\n          <md-icon>attach_file_add</md-icon>${TermsUtil.tButton('create')}\n        </button>\n      </div>\n    `\n  }\n\n  get _template() {\n    return this.renderRoot.querySelector('#uploadTemplate')\n  }\n\n  async _createAttachment() {\n    try {\n      const attachment = this._getAttachmentInfo()\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($attachment: NewAttachment!) {\n            createAttachment(attachment: $attachment) {\n              id\n              name\n              path\n            }\n          }\n        `,\n        variables: {\n          attachment\n        },\n        context: {\n          ...gqlContext(),\n          hasUpload: true\n        }\n      })\n\n      if (!response.errors) {\n        history.back()\n        this.dispatchEvent(new CustomEvent('template-uploaded', { bubbles: true, composed: true, cancelable: true }))\n      }\n    } catch (e) {\n      MetaApi.showAlertPopup('label.error', e.message, 'error', 'confirm')\n    }\n  }\n\n  _getAttachmentInfo() {\n    if (this.renderRoot.querySelector('form').checkValidity()) {\n      return {\n        file: this._template.files[0],\n        category: this._getInputByName('category').value,\n        description: this._getInputByName('description').value\n      }\n    } else {\n      throw new Error(TermsUtil.tText('text.attachment_info_not_valid'))\n    }\n  }\n\n  _getInputByName(name) {\n    return this.renderRoot.querySelector(`select[name=${name}], input[name=${name}]`)\n  }\n}\n\nwindow.customElements.define('file-upload-popup', FileUploadPopup)\n"]}

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

@@ -1,60 +0,0 @@
-import '@material/web/icon/icon.js';
-import { LitElement, PropertyValues } from 'lit';
-import { ColumnConfig, FetchOption, FetchResult, GristRecord } from '@operato/data-grist';
-export declare class MetaObjectSelectorPopup extends LitElement {
-    static styles: import("lit").CSSResult[];
-    value?: string;
-    gridConfig: any;
-    basicArgs?: FetchOption;
-    options: FetchOption & {
-        menu_template?: any;
-        filterFields?: any[];
-        codeField?: string;
-        nameField?: string;
-        dispField?: string;
-        queryName: string;
-        select?: (ColumnConfig & {
-            options: any;
-            select_opt: any;
-            object_opt: any;
-        })[];
-    };
-    confirmCallback?: (record?: Partial<GristRecord>) => void;
-    selectedRecords: GristRecord[];
-    private grist;
-    private foundationFilters;
-    private record;
-    connectedCallback(): Promise<void>;
-    firstUpdated(changes: PropertyValues<this>): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
-    /**
-     * @description 컬럼 조회
-     ***************************
-     * @returns
-     */
-    fetchHandler({ page, limit, sorters, filters }: FetchOption): Promise<FetchResult>;
-    /**
-     * @description 비우기
-     ***************************
-     * @returns
-     */
-    clickEmpty(e: any): Promise<void>;
-    /**
-     * @description 취소
-     ***************************
-     * @returns
-     */
-    clickCancel(e: any): Promise<void>;
-    /**
-     * @description 선택
-     ***************************
-     * @returns
-     */
-    clickSelect(e: any): Promise<void>;
-    /**
-     * @description 확정
-     ***************************
-     * @param {*} record
-     */
-    selectRecord(record: any): Promise<void>;
-}

package/dist-client/component/popup/meta-object-selector-popup.js

@@ -1,318 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-// @ts-nocheck
-import '@material/web/icon/icon.js';
-import { css, html, LitElement } from 'lit';
-import { customElement, property, query } from 'lit/decorators.js';
-import { closePopup } from '@operato/popup';
-import { isMobileDevice, adjustFilters } from '@operato/utils';
-import { CommonGristStyles, CommonHeaderStyles } from '@operato/styles';
-import { DataGrist } from '@operato/data-grist';
-import { TermsUtil } from '../../utils/terms-util';
-import { ValueUtil } from '../../utils/value-util';
-import { ServiceUtil } from '../../utils/service-util';
-import { MetaApi } from '../../utils/meta-api';
-import { MetaUiUtil } from '../../utils/meta-ui-util';
-let MetaObjectSelectorPopup = class MetaObjectSelectorPopup extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.selectedRecords = [];
-        this.foundationFilters = [];
-    }
-    static { this.styles = [
-        CommonGristStyles,
-        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-grist {
-        flex: 1;
-      }
-
-      ox-filters-form {
-        flex: 1;
-      }
-    `
-    ]; }
-    async connectedCallback() {
-        const { select, sorters, filters, codeField, nameField, dispField, filterFields: optionFilterFields, menu_template } = this.options || {};
-        // 숨김 검색 조건
-        this.foundationFilters = filters ? filters : this.basicArgs && this.basicArgs.filters ? this.basicArgs.filters : [];
-        this.foundationFilters = this.foundationFilters.map(x => {
-            let { name, operator, value } = x;
-            if (value.startsWith('::')) {
-                value = ValueUtil.getParams(this.record, ...value.substring(2).split('.'));
-            }
-            return {
-                name,
-                operator,
-                value
-            };
-        });
-        // 기본 정렬
-        let sortFields = sorters ? sorters : this.basicArgs && this.basicArgs.sorters ? this.basicArgs.sorters : [];
-        // 기본 검색 조건
-        let filterFields = optionFilterFields
-            ? optionFilterFields
-            : menu_template?.search && menu_template?.search.length > 0
-                ? menu_template.search
-                : [];
-        // 그리드 컬럼
-        let gridColumns = select;
-        // 기본 검색 조건이 없으면 코드 (code-selector), 또는 이름 (object-selector)
-        if (!filterFields || filterFields.length == 0) {
-            let defaultFilter;
-            if (codeField)
-                defaultFilter = codeField;
-            if (nameField)
-                defaultFilter = nameField;
-            if (defaultFilter) {
-                filterFields.push({
-                    name: defaultFilter,
-                    operator: 'eq'
-                });
-            }
-        }
-        // 컬럼 설정에 filter 속성이 있으면 filterFields로 자동 변환
-        if (filterFields.length == 0 && gridColumns) {
-            gridColumns.forEach((col) => {
-                if (col.filter) {
-                    if (typeof col.filter === 'string') {
-                        filterFields.push({ name: col.name, operator: col.filter });
-                    }
-                    else {
-                        filterFields.push({ name: col.name, ...col.filter });
-                    }
-                }
-            });
-        }
-        let selectFields = [...MetaApi.getGristGuttersConfig(true, false)];
-        if (gridColumns && gridColumns.length > 0) {
-            for (let idx = 0; idx < gridColumns.length; idx++) {
-                let { type = 'string', name, hidden = false, record = { align: 'left' }, header = undefined, sortable = false, width = 135, options = undefined, select_opt = undefined, object_opt = undefined } = gridColumns[idx];
-                if (select_opt)
-                    options = select_opt;
-                if (object_opt)
-                    options = object_opt;
-                if (['resource-object', 'object'].includes(type)) {
-                    type = 'meta-object-selector';
-                }
-                else if (['resource-code-selector'].includes(type)) {
-                    type = 'meta-code-selector';
-                }
-                if (name == 'id') {
-                    selectFields.push({
-                        type: 'string',
-                        name: name,
-                        hidden: true
-                    });
-                }
-                else {
-                    if (type == 'boolean-all') {
-                        type = 'boolean';
-                    }
-                    let columnConfig = MetaApi.getGristColumnConfig2(type, name, header ? header : name, record.align ? record.align : 'left', false, sortable, Number(width));
-                    if (type.startsWith('meta-') && object_opt && object_opt.menu) {
-                        options = await MetaUiUtil.getGristMetaObjectOptions(type, options);
-                    }
-                    if (type === 'select') {
-                        if (Array.isArray(options)) {
-                            columnConfig.record.options = options;
-                        }
-                        else if (options) {
-                            if (options.type === 'code') {
-                                // 공통 코드
-                                columnConfig.record.options = await ServiceUtil.getCodeSelectorData(options.values ? options.values : options.name);
-                            }
-                            else if (options.type === 'scenario') {
-                                // 시나리오
-                                columnConfig.record.options = await ServiceUtil.getCodeByScenario(options.name, options.args);
-                            }
-                            else if (options.type === 'entity') {
-                                // 엔티티
-                                columnConfig.record.options = await ServiceUtil.getCodeByEntity(options.args);
-                            }
-                        }
-                        else if (Array.isArray(record.options)) {
-                            // record.options에 직접 정의된 경우
-                            columnConfig.record.options = record.options;
-                        }
-                    }
-                    else if (type === 'meta-object-selector') {
-                        // object-option
-                        columnConfig.record.options = { ...options };
-                    }
-                    else if (type == 'meta-code-selector') {
-                        if (options.dispField) {
-                            options.codes = await ServiceUtil.getCodeByEntity(options);
-                        }
-                        columnConfig.record.options = { ...options };
-                    }
-                    columnConfig.hidden = hidden;
-                    selectFields.push(columnConfig);
-                }
-            }
-        }
-        else {
-            selectFields.push(MetaApi.getGristColumnConfig2('string', codeField, codeField, 'left', false, true, 180));
-            if (dispField) {
-                selectFields.push(MetaApi.getGristColumnConfig2('string', dispField, dispField, 'left', false, true, 300));
-            }
-        }
-        selectFields.forEach(x => {
-            let filters = filterFields.filter(y => (typeof y === 'string' ? x.name == y : x.name == y.name));
-            if (filters && filters.length > 0) {
-                x.filter = typeof filters[0] === 'string' ? 'search' : filters[0];
-            }
-        });
-        let gridConfig = {
-            rows: MetaApi.getGristSelectableConfig(false),
-            pagination: MetaApi.getGristPagination100Config(),
-            columns: selectFields,
-            sorters: [...sortFields]
-        };
-        gridConfig.rows.handlers = {
-            click: 'select-row-toggle',
-            dblclick: (columns, data, column, record, rowIndex, field) => {
-                this.selectRecord(record);
-            }
-        };
-        gridConfig.rows.appendable = false;
-        this.gridConfig = gridConfig;
-        await super.connectedCallback();
-    }
-    async firstUpdated(changes) {
-        await super.firstUpdated(changes);
-    }
-    render() {
-        return html `
-      <ox-grist
-        id="ox-grist"
-        .config=${this.gridConfig}
-        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
-        auto-fetch
-        .fetchHandler=${this.fetchHandler.bind(this)}
-      >
-        <div slot="headroom" class="header">
-          <div class="filters">
-            <ox-filters-form></ox-filters-form>
-          </div>
-        </div>
-      </ox-grist>
-
-      <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.clickSelect.bind(this)} done>
-          <md-icon>done</md-icon>${TermsUtil.tButton('select')}
-        </button>
-      </div>
-    `;
-    }
-    /**
-     * @description 컬럼 조회
-     ***************************
-     * @returns
-     */
-    async fetchHandler({ page = 0, limit = 0, sorters = [], filters = [] }) {
-        const { menu_template, queryName } = this.options || {};
-        // let resFilter = [...this.foundationFilters]
-        // filters.forEach((x: any) => {
-        //   let dupFilter = resFilter.filter(y => x.name == y.name)
-        //   if (dupFilter && dupFilter.length > 0) {
-        //     delete resFilter[x.name]
-        //   }
-        //   resFilter.push(x)
-        // })
-        let resFilter = adjustFilters([...this.foundationFilters], filters);
-        let queryAfterSetFields = ValueUtil.getParams(menu_template ? menu_template.gql || {} : {}, 'query', 'after_set_fields');
-        let selectSkipFields = Object.keys(queryAfterSetFields || {});
-        // 조회 컬럼 추출 후 조회
-        let selectFields = MetaApi.getSelectColumns(this.gridConfig.columns.filter(x => !selectSkipFields.includes(x.name)));
-        // 조회 실행
-        let result = await MetaApi.searchByPagination(queryName, resFilter, sorters, page, limit, selectFields);
-        return result;
-    }
-    /**
-     * @description 비우기
-     ***************************
-     * @returns
-     */
-    async clickEmpty(e) {
-        this.confirmCallback && this.confirmCallback();
-        closePopup(this);
-    }
-    /**
-     * @description 취소
-     ***************************
-     * @returns
-     */
-    async clickCancel(e) {
-        closePopup(this);
-    }
-    /**
-     * @description 선택
-     ***************************
-     * @returns
-     */
-    async clickSelect(e) {
-        let selected = this.grist.selected;
-        if (!selected || selected.length == 0) {
-            MetaApi.showToast('info', TermsUtil.tText('NOTHING_SELECTED'));
-            return;
-        }
-        this.selectRecord(selected[0]);
-    }
-    /**
-     * @description 확정
-     ***************************
-     * @param {*} record
-     */
-    async selectRecord(record) {
-        this.confirmCallback && this.confirmCallback(record);
-        closePopup(this);
-    }
-};
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], MetaObjectSelectorPopup.prototype, "value", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], MetaObjectSelectorPopup.prototype, "gridConfig", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], MetaObjectSelectorPopup.prototype, "basicArgs", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Object)
-], MetaObjectSelectorPopup.prototype, "options", void 0);
-__decorate([
-    property({ type: Object }),
-    __metadata("design:type", Function)
-], MetaObjectSelectorPopup.prototype, "confirmCallback", void 0);
-__decorate([
-    property({ type: Array }),
-    __metadata("design:type", Array)
-], MetaObjectSelectorPopup.prototype, "selectedRecords", void 0);
-__decorate([
-    query('ox-grist'),
-    __metadata("design:type", DataGrist)
-], MetaObjectSelectorPopup.prototype, "grist", void 0);
-MetaObjectSelectorPopup = __decorate([
-    customElement('meta-object-selector-popup')
-], MetaObjectSelectorPopup);
-export { MetaObjectSelectorPopup };
-//# sourceMappingURL=meta-object-selector-popup.js.map