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

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

@@ -1,118 +0,0 @@
-import '@material/web/icon/icon.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>
-            <file-uploader custom-input id="uploadTemplate" name="attachments"></file-uploader>
-
-            <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: Object.assign(Object.assign({}, 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.js"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.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            <file-uploader custom-input id=\"uploadTemplate\" name=\"attachments\"></file-uploader>\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,300 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-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 = [];
-    }
-    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 === null || menu_template === void 0 ? void 0 : menu_template.search) && (menu_template === null || menu_template === void 0 ? void 0 : 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'
-                });
-            }
-        }
-        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.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 (type === 'meta-object-selector') {
-                        // object-option
-                        columnConfig.record.options = Object.assign({}, options);
-                    }
-                    else if (type == 'meta-code-selector') {
-                        if (options.dispField) {
-                            options.codes = await ServiceUtil.getCodeByEntity(options);
-                        }
-                        columnConfig.record.options = Object.assign({}, 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);
-    }
-};
-MetaObjectSelectorPopup.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;
-      }
-    `
-];
-__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

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

@@ -1 +0,0 @@
-{"version":3,"file":"meta-object-selector-popup.js","sourceRoot":"","sources":["../../../client/component/popup/meta-object-selector-popup.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACvE,OAAO,EAAgB,SAAS,EAAsD,MAAM,qBAAqB,CAAA;AAEjH,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG9C,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,UAAU;IAAhD;;QA0CsB,oBAAe,GAAkB,EAAE,CAAA;QAItD,sBAAiB,GAAkB,EAAE,CAAA;IAqS/C,CAAC;IAlSC,KAAK,CAAC,iBAAiB;QACrB,MAAM,EACJ,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,EACT,SAAS,EACT,SAAS,EACT,YAAY,EAAE,kBAAkB,EAChC,aAAa,EACd,GAAG,IAAI,CAAC,OAAO,IAAI,EAAE,CAAA;QAEtB,WAAW;QACX,IAAI,CAAC,iBAAiB,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;QAEnH,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACtD,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,CAAC,CAAA;YAEjC,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC3B,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;YAC5E,CAAC;YAED,OAAO;gBACL,IAAI;gBACJ,QAAQ;gBACR,KAAK;aACN,CAAA;QACH,CAAC,CAAC,CAAA;QAEF,QAAQ;QACR,IAAI,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;QAE3G,WAAW;QACX,IAAI,YAAY,GAAG,kBAAkB;YACnC,CAAC,CAAC,kBAAkB;YACpB,CAAC,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,KAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,CAAC,MAAM,IAAG,CAAC;gBACzD,CAAC,CAAC,aAAa,CAAC,MAAM;gBACtB,CAAC,CAAC,EAAE,CAAA;QAER,SAAS;QACT,IAAI,WAAW,GAAG,MAAM,CAAA;QAExB,4DAA4D;QAC5D,IAAI,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YAC9C,IAAI,aAAa,CAAA;YAEjB,IAAI,SAAS;gBAAE,aAAa,GAAG,SAAS,CAAA;YACxC,IAAI,SAAS;gBAAE,aAAa,GAAG,SAAS,CAAA;YAExC,IAAI,aAAa,EAAE,CAAC;gBAClB,YAAY,CAAC,IAAI,CAAC;oBAChB,IAAI,EAAE,aAAa;oBACnB,QAAQ,EAAE,IAAI;iBACf,CAAC,CAAA;YACJ,CAAC;QACH,CAAC;QAED,IAAI,YAAY,GAAG,CAAC,GAAG,OAAO,CAAC,qBAAqB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAA;QAElE,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1C,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC;gBAClD,IAAI,EACF,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1B,MAAM,GAAG,SAAS,EAClB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,GAAG,EACX,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,SAAS,EACtB,UAAU,GAAG,SAAS,EACvB,GAAG,WAAW,CAAC,GAAG,CAAC,CAAA;gBAEpB,IAAI,UAAU;oBAAE,OAAO,GAAG,UAAU,CAAA;gBACpC,IAAI,UAAU;oBAAE,OAAO,GAAG,UAAU,CAAA;gBAEpC,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;oBACjD,IAAI,GAAG,sBAAsB,CAAA;gBAC/B,CAAC;qBAAM,IAAI,CAAC,wBAAwB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;oBACrD,IAAI,GAAG,oBAAoB,CAAA;gBAC7B,CAAC;gBAED,IAAI,IAAI,IAAI,IAAI,EAAE,CAAC;oBACjB,YAAY,CAAC,IAAI,CAAC;wBAChB,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,IAAI;wBACV,MAAM,EAAE,IAAI;qBACb,CAAC,CAAA;gBACJ,CAAC;qBAAM,CAAC;oBACN,IAAI,IAAI,IAAI,aAAa,EAAE,CAAC;wBAC1B,IAAI,GAAG,SAAS,CAAA;oBAClB,CAAC;oBAED,IAAI,YAAY,GAAG,OAAO,CAAC,qBAAqB,CAC9C,IAAI,EACJ,IAAI,EACJ,MAAM,CAAC,CAAC,CAAE,MAA4B,CAAC,CAAC,CAAC,IAAI,EAC7C,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,EACpC,KAAK,EACL,QAAQ,EACR,MAAM,CAAC,KAAK,CAAC,CACd,CAAA;oBAED,IAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,UAAU,IAAI,UAAU,CAAC,IAAI,EAAE,CAAC;wBAC9D,OAAO,GAAG,MAAM,UAAU,CAAC,yBAAyB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;oBACrE,CAAC;oBAED,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;wBACtB,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;4BAC3B,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO,CAAA;wBACvC,CAAC;6BAAM,CAAC;4BACN,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;gCAC5B,QAAQ;gCACR,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,WAAW,CAAC,mBAAmB,CACjE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAC/C,CAAA;4BACH,CAAC;iCAAM,IAAI,OAAO,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;gCACvC,OAAO;gCACP,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,WAAW,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAA;4BAC/F,CAAC;iCAAM,IAAI,OAAO,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gCACrC,MAAM;gCACN,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;4BAC/E,CAAC;wBACH,CAAC;oBACH,CAAC;yBAAM,IAAI,IAAI,KAAK,sBAAsB,EAAE,CAAC;wBAC3C,gBAAgB;wBAChB,YAAY,CAAC,MAAM,CAAC,OAAO,qBAAQ,OAAO,CAAE,CAAA;oBAC9C,CAAC;yBAAM,IAAI,IAAI,IAAI,oBAAoB,EAAE,CAAC;wBACxC,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;4BACtB,OAAO,CAAC,KAAK,GAAG,MAAM,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;wBAC5D,CAAC;wBAED,YAAY,CAAC,MAAM,CAAC,OAAO,qBAAQ,OAAO,CAAE,CAAA;oBAC9C,CAAC;oBAED,YAAY,CAAC,MAAM,GAAG,MAAM,CAAA;oBAE5B,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;gBACjC,CAAC;YACH,CAAC;QACH,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,EAAE,SAAU,EAAE,SAAU,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;YAE5G,IAAI,SAAS,EAAE,CAAC;gBACd,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;YAC5G,CAAC;QACH,CAAC;QAED,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;YACvB,IAAI,OAAO,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;YAEhG,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAClC,CAAC,CAAC,MAAM,GAAG,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;YACnE,CAAC;QACH,CAAC,CAAC,CAAA;QAEF,IAAI,UAAU,GAAG;YACf,IAAI,EAAE,OAAO,CAAC,wBAAwB,CAAC,KAAK,CAAC;YAC7C,UAAU,EAAE,OAAO,CAAC,2BAA2B,EAAE;YACjD,OAAO,EAAE,YAAY;YACrB,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;SACzB,CAAA;QAED,UAAU,CAAC,IAAI,CAAC,QAAQ,GAAG;YACzB,KAAK,EAAE,mBAAmB;YAC1B,QAAQ,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;gBAC3D,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;YAC3B,CAAC;SACF,CAAA;QAED,UAAU,CAAC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAA;QAElC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAA;QAE5B,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACjC,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,OAA6B;QAC9C,MAAM,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IACnC,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;kBAGG,IAAI,CAAC,UAAU;gBACjB,cAAc,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;wBAE1B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;;;yBAU3B,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,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;mCACjB,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;;;KAGzD,CAAA;IACH,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,YAAY,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,OAAO,GAAG,EAAE,EAAe;QACjF,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,OAAO,IAAI,EAAE,CAAA;QAEvD,8CAA8C;QAE9C,gCAAgC;QAChC,4DAA4D;QAC5D,6CAA6C;QAC7C,+BAA+B;QAC/B,MAAM;QAEN,sBAAsB;QACtB,KAAK;QAEL,IAAI,SAAS,GAAG,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAA;QAEnE,IAAI,mBAAmB,GAAG,SAAS,CAAC,SAAS,CAC3C,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,EAC5C,OAAO,EACP,kBAAkB,CACnB,CAAA;QACD,IAAI,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,mBAAmB,IAAI,EAAE,CAAC,CAAA;QAE7D,gBAAgB;QAChB,IAAI,YAAY,GAAG,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;QAEpH,QAAQ;QACR,IAAI,MAAM,GAAG,MAAM,OAAO,CAAC,kBAAkB,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,CAAC,CAAA;QAEvG,OAAO,MAAM,CAAA;IACf,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,UAAU,CAAC,CAAC;QAChB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,EAAE,CAAA;QAC9C,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,WAAW,CAAC,CAAC;QACjB,IAAI,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;QAElC,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YACtC,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAA;YAC9D,OAAM;QACR,CAAC;QAED,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAA;IAChC,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,YAAY,CAAC,MAAM;QACvB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,CAAA;QACpD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;AAjVM,8BAAM,GAAG;IACd,iBAAiB;IACjB,kBAAkB;IAClB,GAAG,CAAA;;;;;;;;;;;;;;;;;;KAkBF;CACF,AAtBY,CAsBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAAe;AACd;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;2DAAgB;AACf;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0DAAwB;AACvB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;wDAY1B;AAC2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gEAA0D;AAC1D;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;gEAAoC;AAEnC;IAA1B,KAAK,CAAC,UAAU,CAAC;8BAAiB,SAAS;sDAAA;AA5CjC,uBAAuB;IADnC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,uBAAuB,CAmVnC","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { closePopup } from '@operato/popup'\nimport { isMobileDevice, adjustFilters } from '@operato/utils'\nimport { CommonGristStyles, CommonHeaderStyles } from '@operato/styles'\nimport { ColumnConfig, DataGrist, FetchOption, FetchResult, GristRecord, QueryFilter } from '@operato/data-grist'\n\nimport { TermsUtil } from '../../utils/terms-util'\nimport { ValueUtil } from '../../utils/value-util'\nimport { ServiceUtil } from '../../utils/service-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { MetaUiUtil } from '../../utils/meta-ui-util'\n\n@customElement('meta-object-selector-popup')\nexport class MetaObjectSelectorPopup extends LitElement {\n  static styles = [\n    CommonGristStyles,\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-grist {\n        flex: 1;\n      }\n\n      ox-filters-form {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: String }) value?: string\n  @property({ type: Object }) gridConfig: any\n  @property({ type: Object }) basicArgs?: FetchOption\n  @property({ type: Object }) options!: FetchOption & {\n    menu_template?: any\n    filterFields?: any[]\n    codeField?: string\n    nameField?: string\n    dispField?: string\n    queryName: string\n    select?: (ColumnConfig & {\n      options: any\n      select_opt: any\n      object_opt: any\n    })[]\n  }\n  @property({ type: Object }) confirmCallback?: (record?: Partial<GristRecord>) => void\n  @property({ type: Array }) selectedRecords: GristRecord[] = []\n\n  @query('ox-grist') private grist!: DataGrist\n\n  private foundationFilters: QueryFilter[] = []\n  private record: any\n\n  async connectedCallback() {\n    const {\n      select,\n      sorters,\n      filters,\n      codeField,\n      nameField,\n      dispField,\n      filterFields: optionFilterFields,\n      menu_template\n    } = this.options || {}\n\n    // 숨김 검색 조건\n    this.foundationFilters = filters ? filters : this.basicArgs && this.basicArgs.filters ? this.basicArgs.filters : []\n\n    this.foundationFilters = this.foundationFilters.map(x => {\n      let { name, operator, value } = x\n\n      if (value.startsWith('::')) {\n        value = ValueUtil.getParams(this.record, ...value.substring(2).split('.'))\n      }\n\n      return {\n        name,\n        operator,\n        value\n      }\n    })\n\n    // 기본 정렬\n    let sortFields = sorters ? sorters : this.basicArgs && this.basicArgs.sorters ? this.basicArgs.sorters : []\n\n    // 기본 검색 조건\n    let filterFields = optionFilterFields\n      ? optionFilterFields\n      : menu_template?.search && menu_template?.search.length > 0\n        ? menu_template.search\n        : []\n\n    // 그리드 컬럼\n    let gridColumns = select\n\n    // 기본 검색 조건이 없으면 코드 (code-selector), 또는 이름 (object-selector)\n    if (!filterFields || filterFields.length == 0) {\n      let defaultFilter\n\n      if (codeField) defaultFilter = codeField\n      if (nameField) defaultFilter = nameField\n\n      if (defaultFilter) {\n        filterFields.push({\n          name: defaultFilter,\n          operator: 'eq'\n        })\n      }\n    }\n\n    let selectFields = [...MetaApi.getGristGuttersConfig(true, false)]\n\n    if (gridColumns && gridColumns.length > 0) {\n      for (let idx = 0; idx < gridColumns.length; idx++) {\n        let {\n          type = 'string',\n          name,\n          hidden = false,\n          record = { align: 'left' },\n          header = undefined,\n          sortable = false,\n          width = 135,\n          options = undefined,\n          select_opt = undefined,\n          object_opt = undefined\n        } = gridColumns[idx]\n\n        if (select_opt) options = select_opt\n        if (object_opt) options = object_opt\n\n        if (['resource-object', 'object'].includes(type)) {\n          type = 'meta-object-selector'\n        } else if (['resource-code-selector'].includes(type)) {\n          type = 'meta-code-selector'\n        }\n\n        if (name == 'id') {\n          selectFields.push({\n            type: 'string',\n            name: name,\n            hidden: true\n          })\n        } else {\n          if (type == 'boolean-all') {\n            type = 'boolean'\n          }\n\n          let columnConfig = MetaApi.getGristColumnConfig2(\n            type,\n            name,\n            header ? (header as unknown as string) : name,\n            record.align ? record.align : 'left',\n            false,\n            sortable,\n            Number(width)\n          )\n\n          if (type.startsWith('meta-') && object_opt && object_opt.menu) {\n            options = await MetaUiUtil.getGristMetaObjectOptions(type, options)\n          }\n\n          if (type === 'select') {\n            if (Array.isArray(options)) {\n              columnConfig.record.options = options\n            } else {\n              if (options.type === 'code') {\n                // 공통 코드\n                columnConfig.record.options = await ServiceUtil.getCodeSelectorData(\n                  options.values ? options.values : options.name\n                )\n              } else if (options.type === 'scenario') {\n                // 시나리오\n                columnConfig.record.options = await ServiceUtil.getCodeByScenario(options.name, options.args)\n              } else if (options.type === 'entity') {\n                // 엔티티\n                columnConfig.record.options = await ServiceUtil.getCodeByEntity(options.args)\n              }\n            }\n          } else if (type === 'meta-object-selector') {\n            // object-option\n            columnConfig.record.options = { ...options }\n          } else if (type == 'meta-code-selector') {\n            if (options.dispField) {\n              options.codes = await ServiceUtil.getCodeByEntity(options)\n            }\n\n            columnConfig.record.options = { ...options }\n          }\n\n          columnConfig.hidden = hidden\n\n          selectFields.push(columnConfig)\n        }\n      }\n    } else {\n      selectFields.push(MetaApi.getGristColumnConfig2('string', codeField!, codeField!, 'left', false, true, 180))\n\n      if (dispField) {\n        selectFields.push(MetaApi.getGristColumnConfig2('string', dispField, dispField, 'left', false, true, 300))\n      }\n    }\n\n    selectFields.forEach(x => {\n      let filters = filterFields.filter(y => (typeof y === 'string' ? x.name == y : x.name == y.name))\n\n      if (filters && filters.length > 0) {\n        x.filter = typeof filters[0] === 'string' ? 'search' : filters[0]\n      }\n    })\n\n    let gridConfig = {\n      rows: MetaApi.getGristSelectableConfig(false),\n      pagination: MetaApi.getGristPagination100Config(),\n      columns: selectFields,\n      sorters: [...sortFields]\n    }\n\n    gridConfig.rows.handlers = {\n      click: 'select-row-toggle',\n      dblclick: (columns, data, column, record, rowIndex, field) => {\n        this.selectRecord(record)\n      }\n    }\n\n    gridConfig.rows.appendable = false\n\n    this.gridConfig = gridConfig\n\n    await super.connectedCallback()\n  }\n\n  async firstUpdated(changes: PropertyValues<this>) {\n    await super.firstUpdated(changes)\n  }\n\n  render() {\n    return html`\n      <ox-grist\n        id=\"ox-grist\"\n        .config=${this.gridConfig}\n        .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n        auto-fetch\n        .fetchHandler=${this.fetchHandler.bind(this)}\n      >\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"filters\">\n            <ox-filters-form></ox-filters-form>\n          </div>\n        </div>\n      </ox-grist>\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.clickSelect.bind(this)} done>\n          <md-icon>done</md-icon>${TermsUtil.tButton('select')}\n        </button>\n      </div>\n    `\n  }\n\n  /**\n   * @description 컬럼 조회\n   ***************************\n   * @returns\n   */\n  async fetchHandler({ page = 0, limit = 0, sorters = [], filters = [] }: FetchOption): Promise<FetchResult> {\n    const { menu_template, queryName } = this.options || {}\n\n    // let resFilter = [...this.foundationFilters]\n\n    // filters.forEach((x: any) => {\n    //   let dupFilter = resFilter.filter(y => x.name == y.name)\n    //   if (dupFilter && dupFilter.length > 0) {\n    //     delete resFilter[x.name]\n    //   }\n\n    //   resFilter.push(x)\n    // })\n\n    let resFilter = adjustFilters([...this.foundationFilters], filters)\n\n    let queryAfterSetFields = ValueUtil.getParams(\n      menu_template ? menu_template.gql || {} : {},\n      'query',\n      'after_set_fields'\n    )\n    let selectSkipFields = Object.keys(queryAfterSetFields || {})\n\n    // 조회 컬럼 추출 후 조회\n    let selectFields = MetaApi.getSelectColumns(this.gridConfig.columns.filter(x => !selectSkipFields.includes(x.name)))\n\n    // 조회 실행\n    let result = await MetaApi.searchByPagination(queryName, resFilter, sorters, page, limit, selectFields)\n\n    return result\n  }\n\n  /**\n   * @description 비우기\n   ***************************\n   * @returns\n   */\n  async clickEmpty(e) {\n    this.confirmCallback && this.confirmCallback()\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 clickSelect(e) {\n    let selected = this.grist.selected\n\n    if (!selected || selected.length == 0) {\n      MetaApi.showToast('info', TermsUtil.tText('NOTHING_SELECTED'))\n      return\n    }\n\n    this.selectRecord(selected[0])\n  }\n\n  /**\n   * @description 확정\n   ***************************\n   * @param {*} record\n   */\n  async selectRecord(record) {\n    this.confirmCallback && this.confirmCallback(record)\n    closePopup(this)\n  }\n}\n"]}

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

@@ -1,52 +0,0 @@
-import '@material/web/icon/icon.js';
-import '@operato/input/ox-input-code.js';
-import { LitElement, PropertyValues } from 'lit';
-/**
- * 레코드 기반 코드 편집기 팝업
- */
-export declare class RecordBasedCodeEditorPopup extends LitElement {
-    static styles: import("lit").CSSResult[];
-    private config?;
-    private record?;
-    private value?;
-    private codeValue?;
-    private codeEditor;
-    /**
-     * 그리드 버튼 (grid-custom) 선택시 코드 편집기 팝업을 띄우는 버튼 로직
-     {
-      "type": "popup", -> 팝업 표시 (고정값)
-      "title": "template", -> 코드 에디터에서 팝업 타이틀에 표시할 타이틀 정보 (변수값)
-      "title_detail": "name", -> 코드 에디터에서 팝업 타이틀에 표시할 레코드의 필드 정보 (변수값)
-      "size": "large", -> 팝업 사이즈 (full, large, medium, small)
-      "popup_field": "record", -> 코드 에디터에서 레코드를 받을 필드명 (고정값)
-      "parent_field": "id", -> 부모 레코드 ID 필드 값 (고정값)
-      "value_field": "template", -> 코드 에디터에 표시할 레코드 필드 정보 (변수값)
-      "menu": "code-editor", -> 코드 에디터 이름 정보 (고정값)
-      "tagname": "record-code-editor-popup", -> 코드 에디터 태그 명 (고정값)
-      "location": "@things-factory/meta-ui/dist-client/component/popup/record-code-editor-popup", -> 코드 에디터 파일 위치 (고정값)
-      "save_action": {
-        "func_name": "updateDocTemplate", -> 업데이트 함수 명
-        "func_type": "DocTemplatePatch"
-      },
-      "param": [
-        "grist_one"  -> 파라미터 전달 모드 - 그리드 선택 값 전달 (고정값)
-      ],
-      "after": "fetch" -> 팝업 닫기 후 액션 (Optional)
-     }
-     */
-    connectedCallback(): Promise<void>;
-    firstUpdated(changes: PropertyValues<this>): Promise<void>;
-    render(): import("lit-html").TemplateResult<1>;
-    /**
-     * @description 저장
-     ***************************
-     * @returns
-     */
-    clickSave(e: any): Promise<void>;
-    /**
-     * @description 취소
-     ***************************
-     * @returns
-     */
-    clickCancel(e: any): Promise<void>;
-}