npm - @things-factory/meta-ui - Versions diffs - 7.0.1-alpha.103 → 7.0.1-alpha.105 - Mend

@things-factory/meta-ui 7.0.1-alpha.103 → 7.0.1-alpha.105

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/client/component/popup/code-input-editor-popup.js CHANGED Viewed

@@ -18,7 +18,7 @@ export class CodeInputEditorPopup extends LitElement {
         display: flex;
         flex-direction: column;
-        background-color: #fff;
+        background-color: var(--md-sys-color-surface);
         width: var(--overlay-center-normal-width, 50%);
         height: var(--overlay-center-normal-height, 50%);
@@ -51,7 +51,9 @@ export class CodeInputEditorPopup extends LitElement {
       <ox-input-code mode="javascript" value=${this.codeVlaue} tab-size="2" tab-as-space="true"></ox-input-code>
       <div class="button-container" style="margin-left:unset;">
-        <button @click=${this.clickEmpty.bind(this)}><md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>
+        <button @click=${this.clickEmpty.bind(this)}>
+          <md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}
+        </button>
         <div filler></div>
         <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
         <button @click=${this.clickConfirm.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('confirm')}</button>

package/client/component/popup/meta-object-selector-popup.ts CHANGED Viewed

@@ -24,7 +24,7 @@ export class MetaObjectSelectorPopup extends LitElement {
         display: flex;
         flex-direction: column;
-        background-color: #fff;
+        background-color: var(--md-sys-color-surface);
         width: var(--overlay-center-normal-width, 50%);
         height: var(--overlay-center-normal-height, 50%);

package/client/component/popup/record-based-code-editor-popup.ts CHANGED Viewed

@@ -24,7 +24,7 @@ export class RecordBasedCodeEditorPopup extends LitElement {
         display: flex;
         flex-direction: column;
-        background-color: #fff;
+        background-color: var(--md-sys-color-surface);
         width: var(--overlay-center-normal-width, 50%);
         height: var(--overlay-center-normal-height, 50%);

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

@@ -26,7 +26,9 @@ export class CodeInputEditorPopup extends LitElement {
       <ox-input-code mode="javascript" value=${this.codeVlaue} tab-size="2" tab-as-space="true"></ox-input-code>
       <div class="button-container" style="margin-left:unset;">
-        <button @click=${this.clickEmpty.bind(this)}><md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>
+        <button @click=${this.clickEmpty.bind(this)}>
+          <md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}
+        </button>
         <div filler></div>
         <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
         <button @click=${this.clickConfirm.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('confirm')}</button>
@@ -82,7 +84,7 @@ CodeInputEditorPopup.styles = [
         display: flex;
         flex-direction: column;
-        background-color: #fff;
+        background-color: var(--md-sys-color-surface);
         width: var(--overlay-center-normal-width, 50%);
         height: var(--overlay-center-normal-height, 50%);

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

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

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

@@ -249,7 +249,7 @@ MetaObjectSelectorPopup.styles = [
         display: flex;
         flex-direction: column;
-        background-color: #fff;
+        background-color: var(--md-sys-color-surface);
         width: var(--overlay-center-normal-width, 50%);
         height: var(--overlay-center-normal-height, 50%);

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

	@@ -1 +1 @@
1	- {"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,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAC9F,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;;QA2CsB,oBAAe,GAAkB,EAAE,CAAA;QAItD,sBAAiB,GAAkB,EAAE,CAAA;IAmS/C,CAAC;IAhSC,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;gBAC1B,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAA;aAC3E;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;YAC7C,IAAI,aAAa,CAAA;YAEjB,IAAI,SAAS;gBAAE,aAAa,GAAG,SAAS,CAAA;YACxC,IAAI,SAAS;gBAAE,aAAa,GAAG,SAAS,CAAA;YAExC,IAAI,aAAa,EAAE;gBACjB,YAAY,CAAC,IAAI,CAAC;oBAChB,IAAI,EAAE,aAAa;oBACnB,QAAQ,EAAE,IAAI;iBACf,CAAC,CAAA;aACH;SACF;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;YACzC,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;gBACjD,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;oBAChD,IAAI,GAAG,sBAAsB,CAAA;iBAC9B;qBAAM,IAAI,CAAC,wBAAwB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;oBACpD,IAAI,GAAG,oBAAoB,CAAA;iBAC5B;gBAED,IAAI,IAAI,IAAI,IAAI,EAAE;oBAChB,YAAY,CAAC,IAAI,CAAC;wBAChB,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,IAAI;wBACV,MAAM,EAAE,IAAI;qBACb,CAAC,CAAA;iBACH;qBAAM;oBACL,IAAI,IAAI,IAAI,aAAa,EAAE;wBACzB,IAAI,GAAG,SAAS,CAAA;qBACjB;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;wBAC7D,OAAO,GAAG,MAAM,UAAU,CAAC,yBAAyB,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;qBACpE;oBAED,IAAI,IAAI,KAAK,QAAQ,EAAE;wBACrB,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;4BAC1B,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO,CAAA;yBACtC;6BAAM;4BACL,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,EAAE;gCAC3B,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;6BACF;iCAAM,IAAI,OAAO,CAAC,IAAI,KAAK,UAAU,EAAE;gCACtC,OAAO;gCACP,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,WAAW,CAAC,iBAAiB,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,CAAA;6BAC9F;iCAAM,IAAI,OAAO,CAAC,IAAI,KAAK,QAAQ,EAAE;gCACpC,MAAM;gCACN,YAAY,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;6BAC9E;yBACF;qBACF;yBAAM,IAAI,IAAI,KAAK,sBAAsB,EAAE;wBAC1C,gBAAgB;wBAChB,YAAY,CAAC,MAAM,CAAC,OAAO,qBAAQ,OAAO,CAAE,CAAA;qBAC7C;yBAAM,IAAI,IAAI,IAAI,oBAAoB,EAAE;wBACvC,IAAI,OAAO,CAAC,SAAS,EAAE;4BACrB,OAAO,CAAC,KAAK,GAAG,MAAM,WAAW,CAAC,eAAe,CAAC,OAAO,CAAC,CAAA;yBAC3D;wBAED,YAAY,CAAC,MAAM,CAAC,OAAO,qBAAQ,OAAO,CAAE,CAAA;qBAC7C;oBAED,YAAY,CAAC,MAAM,GAAG,MAAM,CAAA;oBAE5B,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;iBAChC;aACF;SACF;aAAM;YACL,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;gBACb,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA;aAC3G;SACF;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;gBACjC,CAAC,CAAC,MAAM,GAAG,OAAO,OAAO,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;aAClE;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,2BAA2B,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;;KAErG,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;YACrC,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAA;YAC9D,OAAM;SACP;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;;AAhVM,8BAAM,GAAG;IACd,iBAAiB;IACjB,kBAAkB;IAClB,qBAAqB;IACrB,GAAG,CAAA;;;;;;;;;;;;;;;;;;KAkBF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAAe;AAC1C;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;2DAAgB;AAC3C;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0DAAwB;AACnD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;wDAY1B;AACD;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gEAA0D;AACrF;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;gEAAoC;AAE9D;IAAC,KAAK,CAAC,UAAU,CAAC;8BAAiB,SAAS;sDAAA;AA7CjC,uBAAuB;IADnC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,uBAAuB,CAkVnC;SAlVY,uBAAuB","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, ButtonContainerStyles, 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 ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\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=\"button-container\" style=\"margin-left:unset;\">\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)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</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"]}
1	+ {"version":3,"file":"meta-object-selector-popup.js","sourceRoot":"","sources":["../../../client/component/popup/meta-object-selector-popup.ts"],"names":[],"mappings":"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","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, ButtonContainerStyles, 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 ButtonContainerStyles,\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=\"button-container\" style=\"margin-left:unset;\">\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)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</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.js CHANGED Viewed

@@ -106,7 +106,7 @@ RecordBasedCodeEditorPopup.styles = [
         display: flex;
         flex-direction: column;
-        background-color: #fff;
+        background-color: var(--md-sys-color-surface);
         width: var(--overlay-center-normal-width, 50%);
         height: var(--overlay-center-normal-height, 50%);

package/dist-client/component/popup/record-based-code-editor-popup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"record-based-code-editor-popup.js","sourceRoot":"","sources":["../../../client/component/popup/record-based-code-editor-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-code.js'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { OxInputCode } from '@operato/input'\nimport { closePopup } from '@operato/popup'\nimport { ButtonContainerStyles } from '@operato/styles'\n\nimport { TermsUtil } from '../../utils/terms-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { ServiceUtil } from '../../utils/service-util'\n\n/*\n 레코드 기반 코드 편집기 팝업\n /\n\n@customElement('record-based-code-editor-popup')\nexport class RecordBasedCodeEditorPopup extends LitElement {\n static styles = [\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: ~~#fff~~;\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-input-code {\n margin: 10px;\n overflow-y: auto;\n flex: 1;\n }\n `\n ]\n\n @state() private config?: any\n @state() private record?: any\n @state() private value?: any\n @state() private codeValue?: any\n\n @query('ox-input-code') private codeEditor!: OxInputCode\n\n /\n 그리드 버튼 (grid-custom) 선택시 코드 편집기 팝업을 띄우는 버튼 로직\n {\n \"type\": \"popup\", -> 팝업 표시 (고정값)\n \"title\": \"template\", -> 코드 에디터에서 팝업 타이틀에 표시할 타이틀 정보 (변수값)\n \"title_detail\": \"name\", -> 코드 에디터에서 팝업 타이틀에 표시할 레코드의 필드 정보 (변수값)\n \"size\": \"large\", -> 팝업 사이즈 (full, large, medium, small)\n \"popup_field\": \"record\", -> 코드 에디터에서 레코드를 받을 필드명 (고정값)\n \"parent_field\": \"id\", -> 부모 레코드 ID 필드 값 (고정값)\n \"value_field\": \"template\", -> 코드 에디터에 표시할 레코드 필드 정보 (변수값)\n \"menu\": \"code-editor\", -> 코드 에디터 이름 정보 (고정값)\n \"tagname\": \"record-code-editor-popup\", -> 코드 에디터 태그 명 (고정값)\n \"location\": \"@things-factory/meta-ui/dist-client/component/popup/record-code-editor-popup\", -> 코드 에디터 파일 위치 (고정값)\n \"save_action\": {\n \"func_name\": \"updateDocTemplate\", -> 업데이트 함수 명\n \"func_type\": \"DocTemplatePatch\"\n },\n \"param\": [\n \"grist_one\" -> 파라미터 전달 모드 - 그리드 선택 값 전달 (고정값)\n ],\n \"after\": \"fetch\" -> 팝업 닫기 후 액션 (Optional)\n }\n /\n async connectedCallback() {\n this.value = this.record[this.config.value_field] ? this.record[this.config.value_field] : ''\n\n if (typeof this.value === 'object') {\n this.codeValue = JSON.stringify(this.value, null, 2)\n } else {\n this.codeValue = this.value\n }\n\n await super.connectedCallback()\n }\n\n async firstUpdated(changes: PropertyValues<this>) {\n await super.firstUpdated(changes)\n }\n\n render() {\n let addSaveBtn = this.config.save_action ? true : false\n\n if (addSaveBtn) {\n return html`\n <ox-input-code mode=\"javascript\" value=${this.codeValue} tab-size=\"2\" tab-as-space=\"true\"></ox-input-code>\n\n <div class=\"button-container\">\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n <button @click=${this.clickSave.bind(this)}><md-icon>save</md-icon>${TermsUtil.tButton('save')}</button>\n </div>\n `\n } else {\n return html`\n <ox-input-code mode=\"javascript\" value=${this.codeValue} tab-size=\"2\" tab-as-space=\"true\"></ox-input-code>\n <div class=\"button-container\">\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n </div>\n `\n }\n }\n\n /\n @description 저장\n **************************\n @returns\n /\n async clickSave(e) {\n if (this.codeValue === this.codeEditor.value) {\n MetaApi.showToast('info', TermsUtil.tText('NOTHING_CHANGED'))\n } else {\n let saveAction = this.config.save_action\n let saveFuncName = saveAction.func_name\n let patch = { id: this.record.id, cuFlag: 'M' }\n patch[this.config.value_field] = this.codeEditor.value\n let response = await ServiceUtil.updateOne(saveFuncName, this.record.id, patch)\n if (response) {\n closePopup(this)\n }\n }\n }\n\n /\n @description 취소\n **************************\n @returns\n */\n async clickCancel(e) {\n closePopup(this)\n }\n}\n"]}
1	+ {"version":3,"file":"record-based-code-editor-popup.js","sourceRoot":"","sources":["../../../client/component/popup/record-based-code-editor-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-code.js'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { OxInputCode } from '@operato/input'\nimport { closePopup } from '@operato/popup'\nimport { ButtonContainerStyles } from '@operato/styles'\n\nimport { TermsUtil } from '../../utils/terms-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { ServiceUtil } from '../../utils/service-util'\n\n/*\n 레코드 기반 코드 편집기 팝업\n /\n\n@customElement('record-based-code-editor-popup')\nexport class RecordBasedCodeEditorPopup extends LitElement {\n static styles = [\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: var(--md-sys-color-surface);\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-input-code {\n margin: 10px;\n overflow-y: auto;\n flex: 1;\n }\n `\n ]\n\n @state() private config?: any\n @state() private record?: any\n @state() private value?: any\n @state() private codeValue?: any\n\n @query('ox-input-code') private codeEditor!: OxInputCode\n\n /\n 그리드 버튼 (grid-custom) 선택시 코드 편집기 팝업을 띄우는 버튼 로직\n {\n \"type\": \"popup\", -> 팝업 표시 (고정값)\n \"title\": \"template\", -> 코드 에디터에서 팝업 타이틀에 표시할 타이틀 정보 (변수값)\n \"title_detail\": \"name\", -> 코드 에디터에서 팝업 타이틀에 표시할 레코드의 필드 정보 (변수값)\n \"size\": \"large\", -> 팝업 사이즈 (full, large, medium, small)\n \"popup_field\": \"record\", -> 코드 에디터에서 레코드를 받을 필드명 (고정값)\n \"parent_field\": \"id\", -> 부모 레코드 ID 필드 값 (고정값)\n \"value_field\": \"template\", -> 코드 에디터에 표시할 레코드 필드 정보 (변수값)\n \"menu\": \"code-editor\", -> 코드 에디터 이름 정보 (고정값)\n \"tagname\": \"record-code-editor-popup\", -> 코드 에디터 태그 명 (고정값)\n \"location\": \"@things-factory/meta-ui/dist-client/component/popup/record-code-editor-popup\", -> 코드 에디터 파일 위치 (고정값)\n \"save_action\": {\n \"func_name\": \"updateDocTemplate\", -> 업데이트 함수 명\n \"func_type\": \"DocTemplatePatch\"\n },\n \"param\": [\n \"grist_one\" -> 파라미터 전달 모드 - 그리드 선택 값 전달 (고정값)\n ],\n \"after\": \"fetch\" -> 팝업 닫기 후 액션 (Optional)\n }\n /\n async connectedCallback() {\n this.value = this.record[this.config.value_field] ? this.record[this.config.value_field] : ''\n\n if (typeof this.value === 'object') {\n this.codeValue = JSON.stringify(this.value, null, 2)\n } else {\n this.codeValue = this.value\n }\n\n await super.connectedCallback()\n }\n\n async firstUpdated(changes: PropertyValues<this>) {\n await super.firstUpdated(changes)\n }\n\n render() {\n let addSaveBtn = this.config.save_action ? true : false\n\n if (addSaveBtn) {\n return html`\n <ox-input-code mode=\"javascript\" value=${this.codeValue} tab-size=\"2\" tab-as-space=\"true\"></ox-input-code>\n\n <div class=\"button-container\">\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n <button @click=${this.clickSave.bind(this)}><md-icon>save</md-icon>${TermsUtil.tButton('save')}</button>\n </div>\n `\n } else {\n return html`\n <ox-input-code mode=\"javascript\" value=${this.codeValue} tab-size=\"2\" tab-as-space=\"true\"></ox-input-code>\n <div class=\"button-container\">\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n </div>\n `\n }\n }\n\n /\n @description 저장\n **************************\n @returns\n /\n async clickSave(e) {\n if (this.codeValue === this.codeEditor.value) {\n MetaApi.showToast('info', TermsUtil.tText('NOTHING_CHANGED'))\n } else {\n let saveAction = this.config.save_action\n let saveFuncName = saveAction.func_name\n let patch = { id: this.record.id, cuFlag: 'M' }\n patch[this.config.value_field] = this.codeEditor.value\n let response = await ServiceUtil.updateOne(saveFuncName, this.record.id, patch)\n if (response) {\n closePopup(this)\n }\n }\n }\n\n /\n @description 취소\n **************************\n @returns\n */\n async clickCancel(e) {\n closePopup(this)\n }\n}\n"]}