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

package/dist-client/mixin/meta-base-mixin.js

@@ -1,287 +0,0 @@
-import { MetaApi } from './../utils/meta-api';
-import { ValueUtil } from './../utils/value-util';
-import { TermsUtil } from './../utils/terms-util';
-/**
- * @license
- * Copyright © HatioLab Inc. All rights reserved.
- * @author Shortstop shortstop@hatiolab.com
- * @description 메타 기반의 화면 생성을 위한 기본 믹스인
- *   화면에 필요한 프로퍼티 정의, 메타 데이터 조회 및 파싱, 기본 데이터 조회, 변경 이벤트 핸들러 등록 등
- */
-export const MetaBaseMixin = baseElement => class extends baseElement {
-    /**
-     * @override properties
-     ***************************
-     * @returns {Object} 프로퍼티 오브젝트
-     */
-    static get properties() {
-        return {
-            /**
-             * @description 메뉴 메타 정보
-             ****************************
-             * @type {Object}
-             */
-            menuInfo: Object,
-            /**
-             * @description 화면 라우팅 정보, 상세 뷰는 호출시에 route_name 변수를 설정하여 넘겨준다.
-             ****************************
-             * @type {String}
-             */
-            route_name: String,
-            /**
-             * 상세 폼 뷰 상위 데이터 ID, 상세 뷰는 호출시에 parent_id 변수를 설정하여 넘겨준다.
-             ****************************
-             * @type {String}
-             */
-            parent_id: String,
-            /**
-             * @description 페이지 내 컴포넌트 여부, 상세 뷰는 호출시에 is_detail 변수를 설정하여 넘겨준다.
-             ****************************
-             * @type {Boolean}
-             */
-            is_detail: {
-                type: Boolean,
-                converter(value) {
-                    return Boolean(value);
-                }
-            },
-            /**
-             * @description 팝업 여부, 팝업 뷰는 호출시에 is_popup 변수를 설정하여 넘겨준다.
-             ****************************
-             * @type {Boolean}
-             */
-            is_popup: {
-                type: Boolean,
-                converter(value) {
-                    return Boolean(value);
-                }
-            },
-            /**
-             * @description 작업, 결제 관련 화면에서 호출 된 경우
-             ****************************
-             * @type {Boolean}
-             */
-            is_activity: {
-                type: Boolean,
-                converter(value) {
-                    return Boolean(value);
-                }
-            },
-            /**
-             * @description 수정 불가 페이지
-             ****************************
-             * @type {Boolean}
-             */
-            is_readonly: {
-                type: Boolean,
-                converter(value) {
-                    return Boolean(value);
-                }
-            }
-        };
-    }
-    /**
-     * @description 엘리먼트 (페이지 내 컴포넌트 혹은 팝업인 경우) 여부
-     ********************************************************
-     * @returns {Boolean} 엘리먼트 여부
-     */
-    get isElement() {
-        return this.is_detail === true || this.is_popup === true;
-    }
-    /**
-     * @description 페이지 내 포함된 하나의 컴포넌트 여부
-     *******************************************
-     * @returns {Boolean} 컴포넌트 여부
-     */
-    get isDetail() {
-        return ValueUtil.isEmpty(this.is_detail) ? false : this.is_detail;
-    }
-    /**
-     * @description 시나리오 기반 데이터 변경 이벤트 핸들러
-     **********************************************
-     */
-    async dataChangeEventHandler(e) {
-        // 이벤트 디테일 추출
-        let { after, before, column, record, row } = e.detail;
-        // 데이터 변경 컬럼 명
-        let columnName = column.name;
-        // 해당 컬럼에 컬럼 변경 핸들러가 등록되어 있다면 해당 컬럼 변경 이벤트 핸들러 (시나리오)를 실행
-        if (Object.keys(this.fieldChangeHandlers || {}).includes(columnName)) {
-            let response = await MetaApi.callScenario(columnName, this.fieldChangeHandlers[columnName], {
-                columnName,
-                column,
-                record,
-                after,
-                before,
-                row,
-                parentId: this.parent_id ? this.parent_id : ''
-            }, false);
-            let result = response.data.runScenario.result.result;
-            if (!result)
-                return;
-            // 이벤트 타겟 추출
-            let eventTarget = this.grist ? this.grist.grist.body : this;
-            // 이벤트 타겟에 필드 변경 이벤트 전파
-            Object.keys(result).forEach(key => {
-                eventTarget.dispatchEvent(new CustomEvent('field-change', {
-                    bubbles: true,
-                    composed: true,
-                    detail: {
-                        record,
-                        row,
-                        after: result[key],
-                        before: record[key],
-                        column: { name: key }
-                    }
-                }));
-            });
-        }
-        // 데이터 변경 이벤트 전파
-        this.dispatchEvent(new CustomEvent('data-changed', {
-            bubbles: true,
-            composed: true,
-            detail: e.detail
-        }));
-    }
-    /**
-     * @override connectedCallback
-     ********************************
-     */
-    async connectedCallback() {
-        if (super.connectedCallback) {
-            await super.connectedCallback();
-        }
-        // meta-form 계열인 경우 form-field-change 이벤트에 대한 핸들러를 등록
-        if (this.tagName.toLowerCase().startsWith('meta-form-')) {
-            this.addEventListener('form-field-change', async (e) => {
-                await this.dataChangeEventHandler(e);
-            });
-            // 그렇지 않으면 field-change 이벤트에 대한 핸들러를 등록
-        }
-        else {
-            this.addEventListener('field-change', async (e) => {
-                await this.dataChangeEventHandler(e);
-            });
-        }
-    }
-    /**
-     * @override pageUpdated : URL 파라미터에 대한 triggering
-     ******************************************************
-     * @returns
-     */
-    async pageUpdated(changes, lifecycle, before) {
-        var _a;
-        let navParams = ((_a = this.lifecycle) === null || _a === void 0 ? void 0 : _a.params) ? this.lifecycle.params : {};
-        if (this.isPage && this.active && before.active == false && ValueUtil.isNotEmpty(navParams)) {
-            this.fetch();
-        }
-    }
-    /**
-     * @description 팝업으로 오픈되었는지 여부
-     *************************************
-     * @returns {Boolean} 팝업 오픈 여부
-     */
-    get isPopup() {
-        return ValueUtil.isEmpty(this.is_popup) ? false : this.is_popup;
-    }
-    /**
-     * @description 페이지 여부 리턴 (마스터 디테일의 디테일 엘리먼트나 팝업 화면은 페이지가 아니다.)
-     *   - 페이지란 라우트 정보를 가지는 페이지를 뜻한다.
-     ******************************************
-     * @returns {Boolean} 페이지 여부
-     */
-    get isPage() {
-        return !this.is_detail && !this.is_popup;
-    }
-    /**
-     * @description 메뉴 메타 정보 조회 && 화면 생성을 위한 Configuration 구성
-     *****************************************************************
-     * @returns {Object} 화면 생성을 위한 메타 정보 리턴
-     */
-    async getAndParseMenuMeta() {
-        let menuMeta = await MetaApi.getMenuMeta(this);
-        if (menuMeta) {
-            // 기본 메뉴 정보
-            this.menuInfo = menuMeta.menu;
-            // 기타 설정
-            this.etcConfig = menuMeta.etc;
-            // 그리드 정보 파싱
-            if (this.parseBasicGridConfigs) {
-                this.parseBasicGridConfigs(menuMeta);
-            }
-            // GraphQL 이용을 위한 서비스 Configuration
-            if (this.parseBasicServiceConfigs) {
-                this.parseBasicServiceConfigs(menuMeta);
-            }
-            // 폼 정보 구성을 위한 폼 Configuration
-            if (this.parseBasicFormConfigs) {
-                this.parseBasicFormConfigs(menuMeta);
-            }
-            // MetaTabMixin
-            if (this.parseBasicTabConfigs) {
-                this.parseBasicTabConfigs(menuMeta);
-            }
-            // 버튼 정보 파싱
-            if (this.parseBasicButtonConfigs) {
-                this.parseBasicButtonConfigs(menuMeta);
-            }
-        }
-    }
-    /**
-     * @description 화면에 구성된 콤포넌트에 따라 조회를 호출
-     ***********************************************
-     */
-    async fetch() {
-        if (ValueUtil.isNotEmpty(this.grist)) {
-            this.grist.fetch();
-        }
-        else if (ValueUtil.isNotEmpty(this.filterForm)) {
-            await this.fetchHandler();
-        }
-        else if (this.fetchHandler) {
-            await this.fetchHandler();
-        }
-    }
-    /**
-     * @description 팝업 오픈 버튼 처리
-     ********************************
-     * @param {Object} action
-     * @param {Object} record
-     * @param {Function} closeCallback
-     */
-    async excuteOpenPopupButtonClick(action, record, closeCallback) {
-        // 타이틀 변환
-        let title = TermsUtil.tTitle(action.title);
-        // 타이틀 상세 필드 정의 확인
-        if (ValueUtil.isNotEmpty(action.title_detail)) {
-            title = `${title}-${ValueUtil.getParams(record, ...action.title_detail.split('.'))}`;
-        }
-        // 팝업 오픈
-        MetaApi.openDynamicPopup(title, action, record, closeCallback);
-    }
-    /**
-     * @description 시나리오 호출 버튼 처리
-     ***********************************
-     * @param {Object} action
-     * @param {Object or Array} params
-     * @param {Function} afterCallback
-     */
-    async executeCallScenarioButtonClick(action, params, afterCallback) {
-        // 시나리오 호출
-        let response = await MetaApi.callScenario(action.name, action.name, params);
-        // 처리 중 에러가 발생했으면 시나리오 호출 후 처리가 없으면 return
-        if (response !== false && !response.errors && ValueUtil.isNotEmpty(action.after)) {
-            afterCallback();
-        }
-    }
-    /**
-     * @description 상위 페이지 에서 하위 엘리먼트로 전달하는 ID 저장 및 조회 실행
-     ***********************************
-     * @param {String} id
-     */
-    setParentId(id) {
-        this.parent_id = id;
-        this.fetch();
-    }
-};
-//# sourceMappingURL=meta-base-mixin.js.map

package/dist-client/mixin/meta-base-mixin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta-base-mixin.js","sourceRoot":"","sources":["../../client/mixin/meta-base-mixin.js"],"names":[],"mappings":"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","sourcesContent":["import { MetaApi } from './../utils/meta-api'\nimport { ValueUtil } from './../utils/value-util'\nimport { TermsUtil } from './../utils/terms-util'\n\n/**\n * @license\n * Copyright © HatioLab Inc. All rights reserved.\n * @author Shortstop shortstop@hatiolab.com\n * @description 메타 기반의 화면 생성을 위한 기본 믹스인\n *   화면에 필요한 프로퍼티 정의, 메타 데이터 조회 및 파싱, 기본 데이터 조회, 변경 이벤트 핸들러 등록 등\n */\nexport const MetaBaseMixin = baseElement =>\n  class extends baseElement {\n    /**\n     * @override properties\n     ***************************\n     * @returns {Object} 프로퍼티 오브젝트\n     */\n    static get properties() {\n      return {\n        /**\n         * @description 메뉴 메타 정보\n         ****************************\n         * @type {Object}\n         */\n        menuInfo: Object,\n\n        /**\n         * @description 화면 라우팅 정보, 상세 뷰는 호출시에 route_name 변수를 설정하여 넘겨준다.\n         ****************************\n         * @type {String}\n         */\n        route_name: String,\n\n        /**\n         * 상세 폼 뷰 상위 데이터 ID, 상세 뷰는 호출시에 parent_id 변수를 설정하여 넘겨준다.\n         ****************************\n         * @type {String}\n         */\n        parent_id: String,\n\n        /**\n         * @description 페이지 내 컴포넌트 여부, 상세 뷰는 호출시에 is_detail 변수를 설정하여 넘겨준다.\n         ****************************\n         * @type {Boolean}\n         */\n        is_detail: {\n          type: Boolean,\n          converter(value) {\n            return Boolean(value)\n          }\n        },\n\n        /**\n         * @description 팝업 여부, 팝업 뷰는 호출시에 is_popup 변수를 설정하여 넘겨준다.\n         ****************************\n         * @type {Boolean}\n         */\n        is_popup: {\n          type: Boolean,\n          converter(value) {\n            return Boolean(value)\n          }\n        },\n\n        /**\n         * @description 작업, 결제 관련 화면에서 호출 된 경우\n         ****************************\n         * @type {Boolean}\n         */\n        is_activity: {\n          type: Boolean,\n          converter(value) {\n            return Boolean(value)\n          }\n        },\n\n        /**\n         * @description 수정 불가 페이지\n         ****************************\n         * @type {Boolean}\n         */\n        is_readonly: {\n          type: Boolean,\n          converter(value) {\n            return Boolean(value)\n          }\n        }\n      }\n    }\n\n    /**\n     * @description 엘리먼트 (페이지 내 컴포넌트 혹은 팝업인 경우) 여부\n     ********************************************************\n     * @returns {Boolean} 엘리먼트 여부\n     */\n    get isElement() {\n      return this.is_detail === true || this.is_popup === true\n    }\n\n    /**\n     * @description 페이지 내 포함된 하나의 컴포넌트 여부\n     *******************************************\n     * @returns {Boolean} 컴포넌트 여부\n     */\n    get isDetail() {\n      return ValueUtil.isEmpty(this.is_detail) ? false : this.is_detail\n    }\n\n    /**\n     * @description 시나리오 기반 데이터 변경 이벤트 핸들러\n     **********************************************\n     */\n    async dataChangeEventHandler(e) {\n      // 이벤트 디테일 추출\n      let { after, before, column, record, row } = e.detail\n\n      // 데이터 변경 컬럼 명\n      let columnName = column.name\n      // 해당 컬럼에 컬럼 변경 핸들러가 등록되어 있다면 해당 컬럼 변경 이벤트 핸들러 (시나리오)를 실행\n      if (Object.keys(this.fieldChangeHandlers || {}).includes(columnName)) {\n        let response = await MetaApi.callScenario(\n          columnName,\n          this.fieldChangeHandlers[columnName],\n          {\n            columnName,\n            column,\n            record,\n            after,\n            before,\n            row,\n            parentId: this.parent_id ? this.parent_id : ''\n          },\n          false\n        )\n        let result = response.data.runScenario.result.result\n        if (!result) return\n\n        // 이벤트 타겟 추출\n        let eventTarget = this.grist ? this.grist.grist.body : this\n        // 이벤트 타겟에 필드 변경 이벤트 전파\n        Object.keys(result).forEach(key => {\n          eventTarget.dispatchEvent(\n            new CustomEvent('field-change', {\n              bubbles: true,\n              composed: true,\n              detail: {\n                record,\n                row,\n                after: result[key],\n                before: record[key],\n                column: { name: key }\n              }\n            })\n          )\n        })\n      }\n\n      // 데이터 변경 이벤트 전파\n      this.dispatchEvent(\n        new CustomEvent('data-changed', {\n          bubbles: true,\n          composed: true,\n          detail: e.detail\n        })\n      )\n    }\n\n    /**\n     * @override connectedCallback\n     ********************************\n     */\n    async connectedCallback() {\n      if (super.connectedCallback) {\n        await super.connectedCallback()\n      }\n\n      // meta-form 계열인 경우 form-field-change 이벤트에 대한 핸들러를 등록\n      if (this.tagName.toLowerCase().startsWith('meta-form-')) {\n        this.addEventListener('form-field-change', async e => {\n          await this.dataChangeEventHandler(e)\n        })\n        // 그렇지 않으면 field-change 이벤트에 대한 핸들러를 등록\n      } else {\n        this.addEventListener('field-change', async e => {\n          await this.dataChangeEventHandler(e)\n        })\n      }\n    }\n\n    /**\n     * @override pageUpdated : URL 파라미터에 대한 triggering\n     ******************************************************\n     * @returns\n     */\n    async pageUpdated(changes, lifecycle, before) {\n      let navParams = this.lifecycle?.params ? this.lifecycle.params : {}\n      if (this.isPage && this.active && before.active == false && ValueUtil.isNotEmpty(navParams)) {\n        this.fetch()\n      }\n    }\n\n    /**\n     * @description 팝업으로 오픈되었는지 여부\n     *************************************\n     * @returns {Boolean} 팝업 오픈 여부\n     */\n    get isPopup() {\n      return ValueUtil.isEmpty(this.is_popup) ? false : this.is_popup\n    }\n\n    /**\n     * @description 페이지 여부 리턴 (마스터 디테일의 디테일 엘리먼트나 팝업 화면은 페이지가 아니다.)\n     *   - 페이지란 라우트 정보를 가지는 페이지를 뜻한다.\n     ******************************************\n     * @returns {Boolean} 페이지 여부\n     */\n    get isPage() {\n      return !this.is_detail && !this.is_popup\n    }\n\n    /**\n     * @description 메뉴 메타 정보 조회 && 화면 생성을 위한 Configuration 구성\n     *****************************************************************\n     * @returns {Object} 화면 생성을 위한 메타 정보 리턴\n     */\n    async getAndParseMenuMeta() {\n      let menuMeta = await MetaApi.getMenuMeta(this)\n\n      if (menuMeta) {\n        // 기본 메뉴 정보\n        this.menuInfo = menuMeta.menu\n        // 기타 설정\n        this.etcConfig = menuMeta.etc\n\n        // 그리드 정보 파싱\n        if (this.parseBasicGridConfigs) {\n          this.parseBasicGridConfigs(menuMeta)\n        }\n\n        // GraphQL 이용을 위한 서비스 Configuration\n        if (this.parseBasicServiceConfigs) {\n          this.parseBasicServiceConfigs(menuMeta)\n        }\n\n        // 폼 정보 구성을 위한 폼 Configuration\n        if (this.parseBasicFormConfigs) {\n          this.parseBasicFormConfigs(menuMeta)\n        }\n\n        // MetaTabMixin\n        if (this.parseBasicTabConfigs) {\n          this.parseBasicTabConfigs(menuMeta)\n        }\n\n        // 버튼 정보 파싱\n        if (this.parseBasicButtonConfigs) {\n          this.parseBasicButtonConfigs(menuMeta)\n        }\n      }\n    }\n\n    /**\n     * @description 화면에 구성된 콤포넌트에 따라 조회를 호출\n     ***********************************************\n     */\n    async fetch() {\n      if (ValueUtil.isNotEmpty(this.grist)) {\n        this.grist.fetch()\n      } else if (ValueUtil.isNotEmpty(this.filterForm)) {\n        await this.fetchHandler()\n      } else if (this.fetchHandler) {\n        await this.fetchHandler()\n      }\n    }\n\n    /**\n     * @description 팝업 오픈 버튼 처리\n     ********************************\n     * @param {Object} action\n     * @param {Object} record\n     * @param {Function} closeCallback\n     */\n    async excuteOpenPopupButtonClick(action, record, closeCallback) {\n      // 타이틀 변환\n      let title = TermsUtil.tTitle(action.title)\n\n      // 타이틀 상세 필드 정의 확인\n      if (ValueUtil.isNotEmpty(action.title_detail)) {\n        title = `${title}-${ValueUtil.getParams(record, ...action.title_detail.split('.'))}`\n      }\n\n      // 팝업 오픈\n      MetaApi.openDynamicPopup(title, action, record, closeCallback)\n    }\n\n    /**\n     * @description 시나리오 호출 버튼 처리\n     ***********************************\n     * @param {Object} action\n     * @param {Object or Array} params\n     * @param {Function} afterCallback\n     */\n    async executeCallScenarioButtonClick(action, params, afterCallback) {\n      // 시나리오 호출\n      let response = await MetaApi.callScenario(action.name, action.name, params)\n\n      // 처리 중 에러가 발생했으면 시나리오 호출 후 처리가 없으면 return\n      if (response !== false && !response.errors && ValueUtil.isNotEmpty(action.after)) {\n        afterCallback()\n      }\n    }\n\n    /**\n     * @description 상위 페이지 에서 하위 엘리먼트로 전달하는 ID 저장 및 조회 실행\n     ***********************************\n     * @param {String} id\n     */\n    setParentId(id) {\n      this.parent_id = id\n      this.fetch()\n    }\n  }\n"]}

package/dist-client/mixin/meta-basic-grist-mixin.d.ts

@@ -1,108 +0,0 @@
-export function MetaBasicGristMixin(baseElement: any): {
-    new (): {
-        [x: string]: any;
-        /**
-         * @description 그리스트
-         ***********************
-         * @returns {HTMLElement}
-         */
-        readonly grist: HTMLElement;
-        /**
-         * @description 필터 폼
-         ***********************
-         * @returns {HTMLElement}
-         */
-        readonly filterForm: HTMLElement;
-        /**
-         * @description 컨텍스트
-         ***********************
-         * @returns {HTMLElement}
-         */
-        readonly context: HTMLElement;
-        /******************************************************
-         *                      LifeCycle
-         ******************************************************/
-        connectedCallback(): Promise<void>;
-        gristId: string | undefined;
-        filterFormId: string | undefined;
-        dataSet: any;
-        firstUpdated(): Promise<void>;
-        pageInitialized(lifecycle: any): Promise<void>;
-        pageUpdated(changes: any, lifecycle: any, before: any): Promise<void>;
-        render(): import("lit-html").TemplateResult<1>;
-        /**
-         * @descrtiption 메뉴 메타에서 기본 그리드 정보 파싱 처리
-         ************************************************
-         * @param {Object} menuMeta 메뉴 메타 정보
-         */
-        parseBasicGridConfigs(menuMeta: any): void;
-        gridConfig: any;
-        gridColumnConfig: any;
-        searchConfig: any;
-        gridEmphasized: any;
-        /**
-         * @descrtiption 그리스트 구성 정보 파싱 처리
-         ***************************************
-         */
-        parseGristConfigs(): Promise<void>;
-        gristConfigSet: any;
-        /********************************************************************
-         *                          C R U D Functions
-         ********************************************************************/
-        fetch(): Promise<void>;
-        back(): void;
-        save(): Promise<void>;
-        find(): Promise<any>;
-        delete(): Promise<void>;
-        export(): Promise<any>;
-        import(): Promise<void>;
-        clear(): Promise<void>;
-        getData(): any;
-        getCustomButtonContainerStyle(): any[];
-        getContextButtons(): any[];
-        getButtonContainer(): HTML /**
-         * @description 메뉴 메타 정보로 부터 추출한 후 그리스트를 위해 설정 정보 구성
-         *****************************************************************
-         * @type {Object}
-         */;
-        getBasicButtonHandler(type: string, action: string, logic: any): any;
-        customButtonHandler(logic: any): Promise<void>;
-        gristButtonHandler(actionInfo: any, record: any): Promise<void>;
-        parseBasicButtonConfigs(menuMeta: any): void;
-        buttonConfig: any;
-        useButtonImport: boolean | undefined;
-        useButtonExport: boolean | undefined;
-        useButtonAdd: boolean | undefined;
-        parseBasicServiceConfigs(menuMeta: any): void;
-        gqlInfo: any;
-        fetchHandler({ page, limit, sortings, filters }: any): any;
-        getPageNavigateParams(): any[];
-        findOne(id: string): Promise<any>;
-        deleteByIds(ids: string): boolean;
-        updateMultiple(params: any[]): Promise<boolean>;
-        readonly isElement: boolean;
-        readonly isDetail: boolean;
-        dataChangeEventHandler(e: any): Promise<void>;
-        readonly isPopup: boolean;
-        readonly isPage: boolean;
-        getAndParseMenuMeta(): any;
-        menuInfo: any;
-        etcConfig: any;
-        excuteOpenPopupButtonClick(action: any, record: any, closeCallback: Function): Promise<void>;
-        executeCallScenarioButtonClick(action: any, params: any, afterCallback: Function): Promise<void>;
-        setParentId(id: string): void;
-        parent_id: string | undefined;
-    };
-    /**
-     * @description 스타일 정의
-     **************************
-     * @returns {Array} 스타일
-     */
-    readonly styles: any[];
-    /**
-     * @description 프로퍼티 정의
-     ***************************************
-     * @returns {Object} 프로퍼티
-     */
-    readonly properties: any;
-};

package/dist-client/mixin/meta-basic-grist-mixin.js

@@ -1,253 +0,0 @@
-import '@operato/data-grist';
-import { html } from 'lit';
-import { MetaApi } from '../utils/meta-api';
-import { MetaUiUtil } from '../utils/meta-ui-util';
-import { ValueUtil } from '../utils/value-util';
-import { TermsUtil } from '../utils/terms-util';
-import { MetaButtonMixin } from './meta-button-mixin';
-/**
- * @description 메뉴 메타 정보를 이용해 그리드를 렌더링
- ******************************************************
- * @param {Object} MetaButtonMixin
- * @returns
- */
-export const MetaBasicGristMixin = baseElement => class extends MetaButtonMixin(baseElement) {
-    /**
-     * @description 스타일 정의
-     **************************
-     * @returns {Array} 스타일
-     */
-    static get styles() {
-        return MetaApi.getBasicGristStyles();
-    }
-    /**
-     * @description 프로퍼티 정의
-     ***************************************
-     * @returns {Object} 프로퍼티
-     */
-    static get properties() {
-        return {
-            /**
-             * @description 그리드 구성 정보
-             *****************************
-             * @type {Object}
-             */
-            gridConfig: Object,
-            /**
-             * @description 그리드 컬럼 구성 정보
-             *********************************
-             * @type {Array}
-             */
-            gridColumnConfig: Array,
-            /**
-             * @description 검색 폼 구성 정보
-             *******************************
-             * @type {Array}
-             */
-            searchConfig: Array,
-            /**
-             * @description 화면에서 사용되는 서치 폼 : grist, filter, not
-             *********************************************************
-             * @type {String}
-             */
-            searchFormElement: String,
-            /**
-             * @description 메뉴 메타 정보로 부터 추출한 후 그리스트를 위해 설정 정보 구성
-             *****************************************************************
-             * @type {Object}
-             */
-            gristConfigSet: Object,
-            /**
-             * @description 필터 폼 사용 여부
-             *****************************
-             * @type {Boolean}
-             */
-            useFilterForm: Boolean,
-            /**
-             * @description 모바일 기기에서 그리드 모드 : GRID, LIST, CARD
-             *********************************************************
-             * @type {String}
-             */
-            gridMobileMode: String,
-            /**
-             * @description 데스크탑에서 그리드 모드 : GRID, LIST, CARD
-             ******************************************************
-             * @type {String}
-             */
-            gridDeskMode: String,
-            /**
-             * @description 그리드 뷰 모드 : GRID, LIST, CARD
-             **********************************************
-             * @type {Array}
-             */
-            gridViewOptions: Array,
-            /**
-             * @description 현재 그리드 뷰 모드 : GRID, LIST, CARD
-             ***************************************************
-             * @type {String}
-             */
-            gridMode: String,
-            /**
-             * @description Infinity Page 사용 여부
-             **************************************
-             * @type {Boolean}
-             */
-            infinityPage: Boolean,
-            /**
-             * @description 그리스트 엘리먼트 ID
-             ***************************
-             * @type {String}
-             */
-            gristId: String,
-            /**
-             * @description 필터 폼 엘리먼트 ID
-             ***************************
-             * @type {String}
-             */
-            filterFormId: String
-        };
-    }
-    /**
-     * @description 그리스트
-     ***********************
-     * @returns {HTMLElement}
-     */
-    get grist() {
-        var _a;
-        return (_a = this.renderRoot) === null || _a === void 0 ? void 0 : _a.querySelector(this.gristId);
-    }
-    /**
-     * @description 필터 폼
-     ***********************
-     * @returns {HTMLElement}
-     */
-    get filterForm() {
-        var _a;
-        return (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(this.filterFormId);
-    }
-    /**
-     * @description 컨텍스트
-     ***********************
-     * @returns {HTMLElement}
-     */
-    get context() {
-        return MetaUiUtil.getContextObject(this);
-    }
-    /******************************************************
-     *                      LifeCycle
-     ******************************************************/
-    async connectedCallback() {
-        // 그리스트, 필터 폼 ID 설정
-        this.gristId = 'ox-grist';
-        this.filterFormId = 'ox-filters-form';
-        // 메뉴 메타 정보 조회 및 기본 파싱
-        await this.getAndParseMenuMeta();
-        if (this.isElement) {
-            await this.parseGristConfigs();
-        }
-        if (this.activityDataSet) {
-            this.dataSet = this.activityDataSet;
-        }
-        if (super.connectedCallback) {
-            await super.connectedCallback();
-        }
-    }
-    async firstUpdated() {
-        if (super.firstUpdated) {
-            await super.firstUpdated();
-        }
-    }
-    async pageInitialized(lifecycle) {
-        if (this.isPage) {
-            await this.parseGristConfigs();
-        }
-        if (super.pageInitialized) {
-            await super.pageInitialized();
-        }
-    }
-    async pageUpdated(changes, lifecycle, before) {
-        if (this.active) {
-            /* this page is activated */
-            if (this.gridConfig.grid_refresh_when_page_activated) {
-                this.fetch();
-            }
-        }
-        else {
-            /* this page is deactivated */
-        }
-    }
-    render() {
-        return html ` ${MetaApi.getBasicGristHtml(this)} ${this.isPage ? html `` : MetaUiUtil.getButtonContainer(this)} `;
-    }
-    /**
-     * @descrtiption 메뉴 메타에서 기본 그리드 정보 파싱 처리
-     ************************************************
-     * @param {Object} menuMeta 메뉴 메타 정보
-     */
-    parseBasicGridConfigs(menuMeta) {
-        this.gridConfig = menuMeta.grid;
-        this.gridColumnConfig = menuMeta.grid_column;
-        this.searchConfig = menuMeta.search;
-        this.gridEmphasized = menuMeta.gridEmphasized;
-    }
-    /**
-     * @descrtiption 그리스트 구성 정보 파싱 처리
-     ***************************************
-     */
-    async parseGristConfigs() {
-        this.gristConfigSet = await MetaApi.parseGridConfigSet(this);
-    }
-    /********************************************************************
-     *                          C R U D Functions
-     ********************************************************************/
-    async fetch() {
-        await this.grist.fetch();
-    }
-    back() {
-        history.back();
-    }
-    async save() {
-        let patches = MetaApi.patchesForUpdateMultiple(this.grist);
-        let result = ValueUtil.isNotEmpty(patches) ? await this.updateMultiple(patches) : false;
-        if (result) {
-            this.fetch();
-        }
-    }
-    async find() {
-        let ids = MetaApi.getSelectedIdList(this.grist, true);
-        return ValueUtil.isNotEmpty(ids) ? await this.findOne(ids[0]) : {};
-    }
-    async delete() {
-        let ids = MetaApi.getSelectedIdList(this.grist, true);
-        let result = ValueUtil.isNotEmpty(ids) ? await this.deleteByIds(ids) : false;
-        if (result) {
-            this.fetch();
-        }
-    }
-    async export() {
-        let exportTitle = TermsUtil.tTitle(ValueUtil.getParams(this.menuInfo, 'title'));
-        return await MetaApi.exportableData(this.isElement, exportTitle, this.grist);
-    }
-    async import() {
-        // TODO
-    }
-    async clear() {
-        if (this.grist) {
-            this.grist.data = { page: 0, total: 0, limit: 0, records: [] };
-        }
-    }
-    getData() {
-        let records = this.grist.___data.records;
-        records = JSON.parse(JSON.stringify(records));
-        records.forEach(record => {
-            let keys = Object.keys(record);
-            keys.forEach(x => {
-                if (x.startsWith('__')) {
-                    delete record[x];
-                }
-            });
-        });
-        return records;
-    }
-};
-//# sourceMappingURL=meta-basic-grist-mixin.js.map