@things-factory/meta-ui 10.1.248 → 10.1.249

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

@@ -0,0 +1,252 @@
+// @ts-nocheck
+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() {
+        return this.renderRoot?.querySelector(this.gristId);
+    }
+    /**
+     * @description 필터 폼
+     ***********************
+     * @returns {HTMLElement}
+     */
+    get filterForm() {
+        return this.shadowRoot?.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

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

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

package/dist-client/mixin/meta-button-mixin.d.ts

@@ -0,0 +1,109 @@
+/**
+* @license
+* Copyright © HatioLab Inc. All rights reserved.
+* @author Shortstop shortstop@hatiolab.com
+* @description 메뉴 메타 기반 버튼 렌더링 & 이벤트 처리
+*/
+export declare const MetaButtonMixin: (baseElement: any) => {
+    new (): {
+        [x: string]: any;
+        /**
+         * @description 커스텀 버튼 컨테이너 스타일 리턴
+         *****************************************
+         */
+        getCustomButtonContainerStyle(): import("lit").CSSResult[];
+        /**
+         * @description 메뉴 컨텍스트에서 사용할 버튼 정보 추출
+         **********************************************
+         * @returns {Array}
+         */
+        getContextButtons(): any;
+        /**
+         * @description 버튼 컨테이너 HTML 리턴
+         ***********************************
+         * @returns {HTML}
+         */
+        getButtonContainer(): import("lit-html").TemplateResult<1>;
+        /**
+         * @description 버튼과 연결될 핸들러를 리턴 - TODO 사용 안 하는 거 같으므로 확인 후 삭제 필요
+         *************************************
+         * @param {String} type
+         * @param {String} action
+         * @param {Object} logic
+         * @returns {Object}
+         */
+        getBasicButtonHandler(type: any, action: any, logic: any): Promise<any>;
+        /**
+         * @description 커스텀 버튼에 대한 액션 분기 - TODO 사용 안 하는 거 같으므로 확인 후 삭제 필요
+         **************************************
+         * @param {Object} logic
+         */
+        customButtonHandler(logic: any): Promise<void>;
+        /**
+         * @description 그리스트 버튼에 대한 커스텀 액션 분기 - TODO 사용 안 하는 거 같으므로 확인 후 삭제 필요
+         ********************************************
+         * @param {Object} actionInfo
+         * @param {Object} record
+         */
+        gristButtonHandler(actionInfo: any, record: any): Promise<void>;
+        /**
+         * @description 그리스트 버튼에 대한 파싱 처리
+         ***************************************
+         * @param {Object} menuMeta
+         */
+        parseBasicButtonConfigs(menuMeta: any): void;
+        parseBasicServiceConfigs(menuMeta: any): void;
+        fetchHandler({ page, limit, sortings, filters }: {
+            page?: number | undefined;
+            limit?: number | undefined;
+            sortings?: never[] | undefined;
+            filters?: never[] | undefined;
+        }): Promise<any>;
+        getPageNavigateParams(): never[];
+        findOne(id: any): Promise<any>;
+        deleteByIds(ids: any): Promise<boolean>;
+        updateMultiple(params: any): Promise<boolean>;
+        get isElement(): boolean;
+        get isDetail(): any;
+        dataChangeEventHandler(e: any): Promise<void>;
+        connectedCallback(): Promise<void>;
+        pageUpdated(changes: any, lifecycle: any, before: any): Promise<void>;
+        get isPopup(): any;
+        get isPage(): boolean;
+        getAndParseMenuMeta(): Promise<void>;
+        fetch(): Promise<void>;
+        excuteOpenPopupButtonClick(action: any, record: any, closeCallback: any): Promise<void>;
+        executeCallScenarioButtonClick(action: any, params: any, afterCallback: any): Promise<void>;
+        setParentId(id: any): void;
+    };
+    /**
+     * @description 프로퍼티
+     ***********************
+     */
+    get properties(): {
+        /**
+         * @description 버튼 구성 정보
+         ***************************
+         * @type {Array}
+         */
+        buttonConfig: ArrayConstructor;
+        /**
+         * @description 내보내기 버튼 사용 여부
+         **********************************
+         * @type {Array}
+         */
+        useButtonExport: BooleanConstructor;
+        /**
+         * @description 가져오기 버튼 사용 여부
+         **********************************
+         * @type {Array}
+         */
+        useButtonImport: BooleanConstructor;
+        /**
+         * @description 추가 버튼 사용 여부
+         *******************************
+         * @type {Boolean}
+         */
+        useButtonAdd: BooleanConstructor;
+    };
+};

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

@@ -0,0 +1,107 @@
+// @ts-nocheck
+import { html } from 'lit';
+import { MetaUiUtil } from '../utils/meta-ui-util';
+import { MetaServiceMixin } from './meta-service-mixin';
+/**
+* @license
+* Copyright © HatioLab Inc. All rights reserved.
+* @author Shortstop shortstop@hatiolab.com
+* @description 메뉴 메타 기반 버튼 렌더링 & 이벤트 처리
+*/
+export const MetaButtonMixin = (baseElement) => class extends MetaServiceMixin(baseElement) {
+    /**
+     * @description 프로퍼티
+     ***********************
+     */
+    static get properties() {
+        return {
+            /**
+             * @description 버튼 구성 정보
+             ***************************
+             * @type {Array}
+             */
+            buttonConfig: Array,
+            /**
+             * @description 내보내기 버튼 사용 여부
+             **********************************
+             * @type {Array}
+             */
+            useButtonExport: Boolean,
+            /**
+             * @description 가져오기 버튼 사용 여부
+             **********************************
+             * @type {Array}
+             */
+            useButtonImport: Boolean,
+            /**
+             * @description 추가 버튼 사용 여부
+             *******************************
+             * @type {Boolean}
+             */
+            useButtonAdd: Boolean
+        };
+    }
+    /**
+     * @description 커스텀 버튼 컨테이너 스타일 리턴
+     *****************************************
+     */
+    getCustomButtonContainerStyle() {
+        return MetaUiUtil.getCustomButtonContainerStyles();
+    }
+    /**
+     * @description 메뉴 컨텍스트에서 사용할 버튼 정보 추출
+     **********************************************
+     * @returns {Array}
+     */
+    getContextButtons() {
+        return MetaUiUtil.getContextButtons(this);
+    }
+    /**
+     * @description 버튼 컨테이너 HTML 리턴
+     ***********************************
+     * @returns {HTML}
+     */
+    getButtonContainer() {
+        return this.isPage ? html `` : MetaUiUtil.getButtonContainer(this);
+    }
+    /**
+     * @description 버튼과 연결될 핸들러를 리턴 - TODO 사용 안 하는 거 같으므로 확인 후 삭제 필요
+     *************************************
+     * @param {String} type
+     * @param {String} action
+     * @param {Object} logic
+     * @returns {Object}
+     */
+    async getBasicButtonHandler(type, action, logic) {
+        return await MetaUiUtil.getButtonActionHandler(this, type, action, logic);
+    }
+    /**
+     * @description 커스텀 버튼에 대한 액션 분기 - TODO 사용 안 하는 거 같으므로 확인 후 삭제 필요
+     **************************************
+     * @param {Object} logic
+     */
+    async customButtonHandler(logic) {
+        await MetaUiUtil.customButtonHandler(this, null, logic);
+    }
+    /**
+     * @description 그리스트 버튼에 대한 커스텀 액션 분기 - TODO 사용 안 하는 거 같으므로 확인 후 삭제 필요
+     ********************************************
+     * @param {Object} actionInfo
+     * @param {Object} record
+     */
+    async gristButtonHandler(actionInfo, record) {
+        await MetaUiUtil.gristButtonHandler(this, actionInfo, record);
+    }
+    /**
+     * @description 그리스트 버튼에 대한 파싱 처리
+     ***************************************
+     * @param {Object} menuMeta
+     */
+    parseBasicButtonConfigs(menuMeta) {
+        this.buttonConfig = menuMeta.button;
+        this.useButtonImport = MetaUiUtil.isButtonExist(this.buttonConfig, 'import');
+        this.useButtonExport = MetaUiUtil.isButtonExist(this.buttonConfig, 'export');
+        this.useButtonAdd = MetaUiUtil.isButtonExist(this.buttonConfig, 'add');
+    }
+};
+//# sourceMappingURL=meta-button-mixin.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"meta-button-mixin.js","sourceRoot":"","sources":["../../client/mixin/meta-button-mixin.ts"],"names":[],"mappings":"AAAA,cAAc;AACd,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAEvD;;;;;EAKE;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC,KAAM,SAAQ,gBAAgB,CAAC,WAAW,CAAC;IACzF;;;OAGG;IACH,MAAM,KAAK,UAAU;QACnB,OAAO;YACL;;;;eAIG;YACH,YAAY,EAAE,KAAK;YACnB;;;;eAIG;YACH,eAAe,EAAE,OAAO;YACxB;;;;eAIG;YACH,eAAe,EAAE,OAAO;YACxB;;;;eAIG;YACH,YAAY,EAAE,OAAO;SACtB,CAAA;IACH,CAAC;IAED;;;OAGG;IACH,6BAA6B;QAC3B,OAAO,UAAU,CAAC,8BAA8B,EAAE,CAAA;IACpD,CAAC;IAED;;;;OAIG;IACH,iBAAiB;QACf,OAAO,UAAU,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAC3C,CAAC;IAED;;;;OAIG;IACH,kBAAkB;QAChB,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAA;IACnE,CAAC;IAED;;;;;;;OAOG;IACH,KAAK,CAAC,qBAAqB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK;QAC7C,OAAO,MAAM,UAAU,CAAC,sBAAsB,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,CAAA;IAC3E,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,mBAAmB,CAAC,KAAK;QAC7B,MAAM,UAAU,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,CAAA;IACzD,CAAC;IAED;;;;;OAKG;IACH,KAAK,CAAC,kBAAkB,CAAC,UAAU,EAAE,MAAM;QACzC,MAAM,UAAU,CAAC,kBAAkB,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,CAAC,CAAA;IAC/D,CAAC;IAED;;;;OAIG;IACH,uBAAuB,CAAC,QAAQ;QAC9B,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC,MAAM,CAAA;QAEnC,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QAC5E,IAAI,CAAC,eAAe,GAAG,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAA;QAC5E,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;IACxE,CAAC;CACF,CAAA","sourcesContent":["// @ts-nocheck\nimport { html } from 'lit'\n\nimport { MetaUiUtil } from '../utils/meta-ui-util'\n\nimport { MetaServiceMixin } from './meta-service-mixin'\n\n/**\n* @license\n* Copyright © HatioLab Inc. All rights reserved.\n* @author Shortstop shortstop@hatiolab.com\n* @description 메뉴 메타 기반 버튼 렌더링 & 이벤트 처리\n*/\nexport const MetaButtonMixin = (baseElement) => class extends MetaServiceMixin(baseElement) {\n  /** \n   * @description 프로퍼티 \n   ***********************\n   */\n  static get properties() {\n    return {\n      /**\n       * @description 버튼 구성 정보\n       ***************************\n       * @type {Array}\n       */\n      buttonConfig: Array,\n      /**\n       * @description 내보내기 버튼 사용 여부\n       **********************************\n       * @type {Array}\n       */\n      useButtonExport: Boolean,\n      /**\n       * @description 가져오기 버튼 사용 여부\n       **********************************\n       * @type {Array}\n       */\n      useButtonImport: Boolean,\n      /**\n       * @description 추가 버튼 사용 여부\n       *******************************\n       * @type {Boolean}\n       */\n      useButtonAdd: Boolean\n    }\n  }\n\n  /** \n   * @description 커스텀 버튼 컨테이너 스타일 리턴\n   *****************************************\n   */\n  getCustomButtonContainerStyle() {\n    return MetaUiUtil.getCustomButtonContainerStyles()\n  }\n\n  /** \n   * @description 메뉴 컨텍스트에서 사용할 버튼 정보 추출\n   **********************************************\n   * @returns {Array}\n   */\n  getContextButtons() {\n    return MetaUiUtil.getContextButtons(this)\n  }\n\n  /**\n   * @description 버튼 컨테이너 HTML 리턴\n   ***********************************\n   * @returns {HTML}\n   */\n  getButtonContainer() {\n    return this.isPage ? html`` : MetaUiUtil.getButtonContainer(this)\n  }\n\n  /**\n   * @description 버튼과 연결될 핸들러를 리턴 - TODO 사용 안 하는 거 같으므로 확인 후 삭제 필요\n   *************************************\n   * @param {String} type\n   * @param {String} action\n   * @param {Object} logic\n   * @returns {Object}\n   */\n  async getBasicButtonHandler(type, action, logic) {\n    return await MetaUiUtil.getButtonActionHandler(this, type, action, logic)\n  }\n\n  /**\n   * @description 커스텀 버튼에 대한 액션 분기 - TODO 사용 안 하는 거 같으므로 확인 후 삭제 필요\n   **************************************\n   * @param {Object} logic\n   */\n  async customButtonHandler(logic) {\n    await MetaUiUtil.customButtonHandler(this, null, logic)\n  }\n\n  /**\n   * @description 그리스트 버튼에 대한 커스텀 액션 분기 - TODO 사용 안 하는 거 같으므로 확인 후 삭제 필요\n   ********************************************\n   * @param {Object} actionInfo\n   * @param {Object} record\n   */\n  async gristButtonHandler(actionInfo, record) {\n    await MetaUiUtil.gristButtonHandler(this, actionInfo, record)\n  }\n\n  /**\n   * @description 그리스트 버튼에 대한 파싱 처리\n   ***************************************\n   * @param {Object} menuMeta\n   */\n  parseBasicButtonConfigs(menuMeta) {\n    this.buttonConfig = menuMeta.button\n\n    this.useButtonImport = MetaUiUtil.isButtonExist(this.buttonConfig, 'import')\n    this.useButtonExport = MetaUiUtil.isButtonExist(this.buttonConfig, 'export')\n    this.useButtonAdd = MetaUiUtil.isButtonExist(this.buttonConfig, 'add')\n  }\n}"]}