npm - @things-factory/meta-ui - Versions diffs - 7.0.55 → 7.0.56 - Mend

@things-factory/meta-ui 7.0.55 → 7.0.56

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 (36) hide show

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

@@ -1,7 +1,7 @@
 import '@material/web/icon/icon.js'
 import { css, html, LitElement } from 'lit'
-import { ButtonContainerStyles } from '@operato/styles'
+import { CommonHeaderStyles } from '@operato/styles'
 import { TermsUtil } from '../../utils/terms-util'
 import { MetaApi } from '../../utils/meta-api'
 import '@operato/input/ox-input-code.js'
@@ -12,7 +12,7 @@ import { closePopup } from '@operato/popup'
  */
 export class CodeInputEditorPopup extends LitElement {
   static styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     css`
       :host {
         display: flex;
@@ -50,13 +50,15 @@ export class CodeInputEditorPopup extends LitElement {
     return html`
       <ox-input-code mode="javascript" value=${this.codeVlaue}></ox-input-code>
-      <div class="button-container" style="margin-left:unset;">
+      <div class="footer">
         <button @click=${this.clickEmpty.bind(this)}>
           <md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}
         </button>
         <div filler></div>
         <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
-        <button @click=${this.clickConfirm.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('confirm')}</button>
+        <button @click=${this.clickConfirm.bind(this)} done>
+          <md-icon>done</md-icon>${TermsUtil.tButton('confirm')}
+        </button>
       </div>
     `
   }

package/client/component/popup/file-upload-popup.js CHANGED Viewed

@@ -3,7 +3,7 @@ import '@material/web/icon/icon.js'
 import { client, gqlContext } from '@things-factory/shell'
 import { css, html, LitElement } from 'lit'
 import { SingleColumnFormStyles } from '@things-factory/form-ui'
-import { ButtonContainerStyles } from '@operato/styles'
+import { CommonHeaderStyles } from '@operato/styles'
 import gql from 'graphql-tag'
 import { TermsUtil } from '../../utils/terms-util'
 import { ServiceUtil } from '../../utils/service-util'
@@ -12,7 +12,7 @@ import { MetaApi } from '../../utils/meta-api'
 class FileUploadPopup extends LitElement {
   static get styles() {
     return [
-      ButtonContainerStyles,
+      CommonHeaderStyles,
       SingleColumnFormStyles,
       css`
         :host {
@@ -65,8 +65,9 @@ class FileUploadPopup extends LitElement {
         </form>
       </div>
-      <div class="button-container">
-        <button @click=${this._createAttachment}>
+      <div class="footer">
+        <div filler></div>
+        <button @click=${this._createAttachment} done>
           <md-icon>attach_file_add</md-icon>${TermsUtil.tButton('create')}
         </button>
       </div>

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

@@ -4,7 +4,7 @@ import { css, html, LitElement, PropertyValues } from 'lit'
 import { customElement, property, query } from 'lit/decorators.js'
 import { closePopup } from '@operato/popup'
 import { isMobileDevice, adjustFilters } from '@operato/utils'
-import { CommonGristStyles, ButtonContainerStyles, CommonHeaderStyles } from '@operato/styles'
+import { CommonGristStyles, CommonHeaderStyles } from '@operato/styles'
 import { ColumnConfig, DataGrist, FetchOption, FetchResult, GristRecord, QueryFilter } from '@operato/data-grist'
 import { TermsUtil } from '../../utils/terms-util'
@@ -18,7 +18,6 @@ export class MetaObjectSelectorPopup extends LitElement {
   static styles = [
     CommonGristStyles,
     CommonHeaderStyles,
-    ButtonContainerStyles,
     css`
       :host {
         display: flex;
@@ -262,13 +261,15 @@ export class MetaObjectSelectorPopup extends LitElement {
         </div>
       </ox-grist>
-      <div class="button-container" style="margin-left:unset;">
+      <div class="footer">
         <button @click=${this.clickEmpty.bind(this)}>
           <md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}
         </button>
         <div filler></div>
         <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
-        <button @click=${this.clickSelect.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</button>
+        <button @click=${this.clickSelect.bind(this)} done>
+          <md-icon>done</md-icon>${TermsUtil.tButton('select')}
+        </button>
       </div>
     `
   }

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

@@ -5,7 +5,7 @@ import { css, html, LitElement, PropertyValues } from 'lit'
 import { customElement, query, state } from 'lit/decorators.js'
 import { OxInputCode } from '@operato/input'
 import { closePopup } from '@operato/popup'
-import { ButtonContainerStyles } from '@operato/styles'
+import { CommonHeaderStyles } from '@operato/styles'
 import { TermsUtil } from '../../utils/terms-util'
 import { MetaApi } from '../../utils/meta-api'
@@ -18,7 +18,7 @@ import { ServiceUtil } from '../../utils/service-util'
 @customElement('record-based-code-editor-popup')
 export class RecordBasedCodeEditorPopup extends LitElement {
   static styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     css`
       :host {
         display: flex;
@@ -91,16 +91,20 @@ export class RecordBasedCodeEditorPopup extends LitElement {
       return html`
         <ox-input-code mode="javascript" value=${this.codeValue} tab-size="2" tab-as-space="true"></ox-input-code>
-        <div class="button-container">
+        <div class="footer">
+          <div filler></div>
           <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
-          <button @click=${this.clickSave.bind(this)}><md-icon>save</md-icon>${TermsUtil.tButton('save')}</button>
+          <button @click=${this.clickSave.bind(this)} done><md-icon>save</md-icon>${TermsUtil.tButton('save')}</button>
         </div>
       `
     } else {
       return html`
         <ox-input-code mode="javascript" value=${this.codeValue} tab-size="2" tab-as-space="true"></ox-input-code>
-        <div class="button-container">
-          <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
+        <div class="footer">
+          <div filler></div>
+          <button @click=${this.clickCancel.bind(this)} done>
+            <md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}
+          </button>
         </div>
       `
     }

package/client/pages/menu/export-menu-popup.js CHANGED Viewed

@@ -3,7 +3,7 @@ import '@material/web/icon/icon.js'
 import { css, html, LitElement } from 'lit'
 import { i18next, localize } from '@operato/i18n'
-import { ScrollbarStyles, CommonGristStyles, ButtonContainerStyles } from '@operato/styles'
+import { ScrollbarStyles, CommonGristStyles, CommonHeaderStyles } from '@operato/styles'
 import { TermsUtil } from './../../utils/terms-util'
 import { MetaUiUtil } from './../../utils/meta-ui-util'
@@ -43,7 +43,7 @@ export class ExportMenuPopup extends localize(i18next)(LitElement) {
     return [
       ScrollbarStyles,
       CommonGristStyles,
-      ButtonContainerStyles,
+      CommonHeaderStyles,
       css`
         :host {
           display: flex;
@@ -135,8 +135,11 @@ export class ExportMenuPopup extends localize(i18next)(LitElement) {
         .fetchHandler=${this.fetchHandler.bind(this)}
       >
       </ox-grist>
-      <div class="button-container">
-        <button @click=${this.export.bind(this)}><md-icon>export_notes</md-icon>${TermsUtil.tButton('export')}</button>
+      <div class="footer">
+        <div filler></div>
+        <button @click=${this.export.bind(this)} done>
+          <md-icon>export_notes</md-icon>${TermsUtil.tButton('export')}
+        </button>
       </div>
     `
   }

package/dist-client/component/grist/renderer/grist-renderer-code-input.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export function GristRendererCodeInput(value: any, column: any, record: any, rowIndex: any, field: any): import("lit").TemplateResult<1>;
1	+ export function GristRendererCodeInput(value: any, column: any, record: any, rowIndex: any, field: any): import("lit-html").TemplateResult<1>;

package/dist-client/component/grist/renderer/grist-renderer-meta-code-selector.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export function GristRendererMetaCodeSelector(value: any, column: any, record: any, rowIndex: any, field: any): import("lit").TemplateResult<1>;
1	+ export function GristRendererMetaCodeSelector(value: any, column: any, record: any, rowIndex: any, field: any): import("lit-html").TemplateResult<1>;

package/dist-client/component/grist/renderer/grist-renderer-meta-object-selector.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export function GristRendererMetaObjectSelector(value: any, column: any, record: any, rowIndex: any, field: any): import("lit").TemplateResult<1>;
1	+ export function GristRendererMetaObjectSelector(value: any, column: any, record: any, rowIndex: any, field: any): import("lit-html").TemplateResult<1>;

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

@@ -6,7 +6,7 @@ export class CodeInputEditorPopup extends LitElement {
     connectedCallback(): Promise<void>;
     codeVlaue: any;
     firstUpdated(): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     get codeEditor(): Element | null;
     /**
      * @description 비우기

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

@@ -1,6 +1,6 @@
 import '@material/web/icon/icon.js';
 import { css, html, LitElement } from 'lit';
-import { ButtonContainerStyles } from '@operato/styles';
+import { CommonHeaderStyles } from '@operato/styles';
 import { TermsUtil } from '../../utils/terms-util';
 import { MetaApi } from '../../utils/meta-api';
 import '@operato/input/ox-input-code.js';
@@ -25,13 +25,15 @@ export class CodeInputEditorPopup extends LitElement {
         return html `
       <ox-input-code mode="javascript" value=${this.codeVlaue}></ox-input-code>
-      <div class="button-container" style="margin-left:unset;">
+      <div class="footer">
         <button @click=${this.clickEmpty.bind(this)}>
           <md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}
         </button>
         <div filler></div>
         <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
-        <button @click=${this.clickConfirm.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('confirm')}</button>
+        <button @click=${this.clickConfirm.bind(this)} done>
+          <md-icon>done</md-icon>${TermsUtil.tButton('confirm')}
+        </button>
       </div>
     `;
     }
@@ -78,7 +80,7 @@ export class CodeInputEditorPopup extends LitElement {
     }
 }
 CodeInputEditorPopup.styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     css `
       :host {
         display: flex;

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,CAAC;YACnC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QACnD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAA;QAC7B,CAAC;QAED,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACjC,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,KAAK,CAAC,YAAY,EAAE,CAAA;IAC5B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;+CACgC,IAAI,CAAC,SAAS;;;yBAGpC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;sDACG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;;;yBAGvD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,6BAA6B,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;yBACnF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,~~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,CAAC;YAC7C,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAA;YAC7D,OAAM;QACR,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IAC1C,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,YAAY,CAAC,KAAK;QACtB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;QACnD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;~~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}></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"]}
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,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,UAAU;IAsBlD,KAAK,CAAC,iBAAiB;QACrB,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACnC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QACnD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAA;QAC7B,CAAC;QAED,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACjC,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,KAAK,CAAC,YAAY,EAAE,CAAA;IAC5B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;+CACgC,IAAI,CAAC,SAAS;;;yBAGpC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;sDACG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;;;yBAGvD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,6BAA6B,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;yBACnF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;mCAClB,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC;;;KAG1D,CAAA;IACH,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,CAAA;IACvD,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,UAAU,CAAC,CAAC;QAChB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QAClD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IACD;;;;OAIG;IACH,KAAK,CAAC,WAAW,CAAC,CAAC;QACjB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IACD;;;;OAIG;IACH,KAAK,CAAC,YAAY,CAAC,CAAC;QAClB,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;YAC7C,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAA;YAC7D,OAAM;QACR,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IAC1C,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,YAAY,CAAC,KAAK;QACtB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;QACnD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;AA9FM,2BAAM,GAAG;IACd,kBAAkB;IAClB,GAAG,CAAA;;;;;;;;;;;;;;;;KAgBF;CACF,CAAA;AA8EH,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,oBAAoB,CAAC,CAAA","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { CommonHeaderStyles } from '@operato/styles'\nimport { TermsUtil } from '../../utils/terms-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport '@operato/input/ox-input-code.js'\nimport { closePopup } from '@operato/popup'\n\n/*\n 코드 편집기 팝업\n /\nexport class CodeInputEditorPopup extends LitElement {\n static styles = [\n CommonHeaderStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: var(--md-sys-color-surface);\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-input-code {\n margin: 10px;\n overflow-y: auto;\n flex: 1;\n }\n `\n ]\n\n async connectedCallback() {\n if (typeof this.value === 'object') {\n this.codeVlaue = JSON.stringify(this.value, 0, 2)\n } else {\n this.codeVlaue = this.value\n }\n\n await super.connectedCallback()\n }\n\n async firstUpdated() {\n await super.firstUpdated()\n }\n\n render() {\n return html`\n <ox-input-code mode=\"javascript\" value=${this.codeVlaue}></ox-input-code>\n\n <div class=\"footer\">\n <button @click=${this.clickEmpty.bind(this)}>\n <md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}\n </button>\n <div filler></div>\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n <button @click=${this.clickConfirm.bind(this)} done>\n <md-icon>done</md-icon>${TermsUtil.tButton('confirm')}\n </button>\n </div>\n `\n }\n\n get codeEditor() {\n return this.shadowRoot.querySelector('ox-input-code')\n }\n\n /\n @description 비우기\n **************************\n @returns\n /\n async clickEmpty(e) {\n this.confirmCallback && this.confirmCallback(null)\n closePopup(this)\n }\n /\n @description 취소\n **************************\n @returns\n /\n async clickCancel(e) {\n closePopup(this)\n }\n /\n @description 확인\n **************************\n @returns\n /\n async clickConfirm(e) {\n if (this.codeVlaue === this.codeEditor.value) {\n MetaApi.showToast('info', TermsUtil.tText('NOTHING_CHANGED'))\n return\n }\n this.changedValue(this.codeEditor.value)\n }\n\n /\n @description 확정\n **************************\n @param {} record\n /\n async changedValue(value) {\n this.confirmCallback && this.confirmCallback(value)\n closePopup(this)\n }\n}\n\ncustomElements.define('code-input-editor-popup', CodeInputEditorPopup)\n"]}

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

@@ -2,7 +2,7 @@ import '@material/web/icon/icon.js';
 import { client, gqlContext } from '@things-factory/shell';
 import { css, html, LitElement } from 'lit';
 import { SingleColumnFormStyles } from '@things-factory/form-ui';
-import { ButtonContainerStyles } from '@operato/styles';
+import { CommonHeaderStyles } from '@operato/styles';
 import gql from 'graphql-tag';
 import { TermsUtil } from '../../utils/terms-util';
 import { ServiceUtil } from '../../utils/service-util';
@@ -10,7 +10,7 @@ import { MetaApi } from '../../utils/meta-api';
 class FileUploadPopup extends LitElement {
     static get styles() {
         return [
-            ButtonContainerStyles,
+            CommonHeaderStyles,
             SingleColumnFormStyles,
             css `
         :host {
@@ -60,8 +60,9 @@ class FileUploadPopup extends LitElement {
         </form>
       </div>
-      <div class="button-container">
-        <button @click=${this._createAttachment}>
+      <div class="footer">
+        <div filler></div>
+        <button @click=${this._createAttachment} done>
           <md-icon>attach_file_add</md-icon>${TermsUtil.tButton('create')}
         </button>
       </div>

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

	@@ -1 +1 @@
1	- {"version":3,"file":"file-upload-popup.js","sourceRoot":"","sources":["../../../client/component/popup/file-upload-popup.js"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAChE,OAAO,EAAE,~~qBAAqB~~,EAAE,MAAM,iBAAiB,CAAA;~~AACvD~~,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,MAAM,eAAgB,SAAQ,UAAU;IACtC,MAAM,KAAK,MAAM;QACf,OAAO;YACL,~~qBAAqB~~;~~YACrB~~,sBAAsB;YACtB,GAAG,CAAA;;;;;;;;;;;;OAYF;SACF,CAAA;IACH,CAAC;IAED,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,aAAa,EAAE,KAAK;SACrB,CAAA;IACH,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,KAAK,CAAC,iBAAiB,EAAE,CAAA;QACzB,IAAI,CAAC,aAAa,GAAG,MAAM,WAAW,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IACpE,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;sBAIO,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;qBAChC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC;;;qBAG/B,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC;;iCAEhB,SAAS,CAAC,KAAK,CAAC,+BAA+B,CAAC;gBACjE,CAAC,IAAI,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;YAC9C,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,YAAY,CAAA;YAC1C,OAAO,IAAI,CAAA,mBAAmB,IAAI,KAAK,IAAI,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,WAAW,GAAG,CAAC,CAAC,CAAC,EAAE,YAAY,CAAA;QACnG,CAAC,CAAC;;;qBAGK,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC~~;;;;;;;yBAO3B~~,IAAI,CAAC,iBAAiB;8CACD,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;;;KAGpE,CAAA;IACH,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAA;IACzD,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC;YACH,MAAM,UAAU,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAA;YAC5C,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;gBACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;SAQZ;gBACD,SAAS,EAAE;oBACT,UAAU;iBACX;gBACD,OAAO,kCACF,UAAU,EAAE,KACf,SAAS,EAAE,IAAI,GAChB;aACF,CAAC,CAAA;YAEF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;gBACrB,OAAO,CAAC,IAAI,EAAE,CAAA;gBACd,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,mBAAmB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;YAC/G,CAAC;QACH,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,CAAC,cAAc,CAAC,aAAa,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,CAAA;QACtE,CAAC;IACH,CAAC;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,EAAE,CAAC;YAC1D,OAAO;gBACL,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC7B,QAAQ,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,KAAK;gBAChD,WAAW,EAAE,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,KAAK;aACvD,CAAA;QACH,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,gCAAgC,CAAC,CAAC,CAAA;QACpE,CAAC;IACH,CAAC;IAED,eAAe,CAAC,IAAI;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,IAAI,iBAAiB,IAAI,GAAG,CAAC,CAAA;IACnF,CAAC;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,eAAe,CAAC,CAAA","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { client, gqlContext } from '@things-factory/shell'\nimport { css, html, LitElement } from 'lit'\nimport { SingleColumnFormStyles } from '@things-factory/form-ui'\nimport { ~~ButtonContainerStyles~~ } from '@operato/styles'\nimport gql from 'graphql-tag'\nimport { TermsUtil } from '../../utils/terms-util'\nimport { ServiceUtil } from '../../utils/service-util'\nimport { MetaApi } from '../../utils/meta-api'\n\nclass FileUploadPopup extends LitElement {\n static get styles() {\n return [\n ~~ButtonContainerStyles~~,\n SingleColumnFormStyles,\n css`\n :host {\n padding: 10px;\n display: flex;\n flex-direction: column;\n overflow-x: overlay;\n background-color: var(--md-sys-color-background);\n }\n\n .input-container {\n display: flex;\n }\n `\n ]\n }\n\n static get properties() {\n return {\n templateTypes: Array\n }\n }\n\n async connectedCallback() {\n super.connectedCallback()\n this.templateTypes = await ServiceUtil.codeItems('TEMPLATE_TYPES')\n }\n\n render() {\n return html`\n <div>\n <form id=\"input-form\" class=\"single-column-form\">\n <fieldset>\n <legend>${TermsUtil.tLabel('file_upload')}</legend>\n <label>${TermsUtil.tLabel('file_upload')}</label>\n <file-uploader custom-input id=\"uploadTemplate\" name=\"attachments\"></file-uploader>\n\n <label>${TermsUtil.tLabel('category')}</label>\n <select name=\"category\" required>\n <option value=\"\">${TermsUtil.tText('please_select_upload_category')}</option>\n ${(this.templateTypes \|\| []).map(templateType => {\n const { name, description } = templateType\n return html` <option value=\"${name}\">${name} ${description ? ` (${description})` : ''}</option> `\n })}\n </select>\n\n <label>${TermsUtil.tLabel('description')}</label>\n <input name=\"description\" />\n </fieldset>\n </form>\n </div>\n\n <div class=\"~~button-container~~\">\n <button @click=${this._createAttachment}>\n <md-icon>attach_file_add</md-icon>${TermsUtil.tButton('create')}\n </button>\n </div>\n `\n }\n\n get _template() {\n return this.renderRoot.querySelector('#uploadTemplate')\n }\n\n async _createAttachment() {\n try {\n const attachment = this._getAttachmentInfo()\n const response = await client.mutate({\n mutation: gql`\n mutation ($attachment: NewAttachment!) {\n createAttachment(attachment: $attachment) {\n id\n name\n path\n }\n }\n `,\n variables: {\n attachment\n },\n context: {\n ...gqlContext(),\n hasUpload: true\n }\n })\n\n if (!response.errors) {\n history.back()\n this.dispatchEvent(new CustomEvent('template-uploaded', { bubbles: true, composed: true, cancelable: true }))\n }\n } catch (e) {\n MetaApi.showAlertPopup('label.error', e.message, 'error', 'confirm')\n }\n }\n\n _getAttachmentInfo() {\n if (this.renderRoot.querySelector('form').checkValidity()) {\n return {\n file: this._template.files[0],\n category: this._getInputByName('category').value,\n description: this._getInputByName('description').value\n }\n } else {\n throw new Error(TermsUtil.tText('text.attachment_info_not_valid'))\n }\n }\n\n _getInputByName(name) {\n return this.renderRoot.querySelector(`select[name=${name}], input[name=${name}]`)\n }\n}\n\nwindow.customElements.define('file-upload-popup', FileUploadPopup)\n"]}
1	+ {"version":3,"file":"file-upload-popup.js","sourceRoot":"","sources":["../../../client/component/popup/file-upload-popup.js"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { client, gqlContext } from '@things-factory/shell'\nimport { css, html, LitElement } from 'lit'\nimport { SingleColumnFormStyles } from '@things-factory/form-ui'\nimport { CommonHeaderStyles } from '@operato/styles'\nimport gql from 'graphql-tag'\nimport { TermsUtil } from '../../utils/terms-util'\nimport { ServiceUtil } from '../../utils/service-util'\nimport { MetaApi } from '../../utils/meta-api'\n\nclass FileUploadPopup extends LitElement {\n static get styles() {\n return [\n CommonHeaderStyles,\n SingleColumnFormStyles,\n css`\n :host {\n padding: 10px;\n display: flex;\n flex-direction: column;\n overflow-x: overlay;\n background-color: var(--md-sys-color-background);\n }\n\n .input-container {\n display: flex;\n }\n `\n ]\n }\n\n static get properties() {\n return {\n templateTypes: Array\n }\n }\n\n async connectedCallback() {\n super.connectedCallback()\n this.templateTypes = await ServiceUtil.codeItems('TEMPLATE_TYPES')\n }\n\n render() {\n return html`\n <div>\n <form id=\"input-form\" class=\"single-column-form\">\n <fieldset>\n <legend>${TermsUtil.tLabel('file_upload')}</legend>\n <label>${TermsUtil.tLabel('file_upload')}</label>\n <file-uploader custom-input id=\"uploadTemplate\" name=\"attachments\"></file-uploader>\n\n <label>${TermsUtil.tLabel('category')}</label>\n <select name=\"category\" required>\n <option value=\"\">${TermsUtil.tText('please_select_upload_category')}</option>\n ${(this.templateTypes \|\| []).map(templateType => {\n const { name, description } = templateType\n return html` <option value=\"${name}\">${name} ${description ? ` (${description})` : ''}</option> `\n })}\n </select>\n\n <label>${TermsUtil.tLabel('description')}</label>\n <input name=\"description\" />\n </fieldset>\n </form>\n </div>\n\n <div class=\"footer\">\n <div filler></div>\n <button @click=${this._createAttachment} done>\n <md-icon>attach_file_add</md-icon>${TermsUtil.tButton('create')}\n </button>\n </div>\n `\n }\n\n get _template() {\n return this.renderRoot.querySelector('#uploadTemplate')\n }\n\n async _createAttachment() {\n try {\n const attachment = this._getAttachmentInfo()\n const response = await client.mutate({\n mutation: gql`\n mutation ($attachment: NewAttachment!) {\n createAttachment(attachment: $attachment) {\n id\n name\n path\n }\n }\n `,\n variables: {\n attachment\n },\n context: {\n ...gqlContext(),\n hasUpload: true\n }\n })\n\n if (!response.errors) {\n history.back()\n this.dispatchEvent(new CustomEvent('template-uploaded', { bubbles: true, composed: true, cancelable: true }))\n }\n } catch (e) {\n MetaApi.showAlertPopup('label.error', e.message, 'error', 'confirm')\n }\n }\n\n _getAttachmentInfo() {\n if (this.renderRoot.querySelector('form').checkValidity()) {\n return {\n file: this._template.files[0],\n category: this._getInputByName('category').value,\n description: this._getInputByName('description').value\n }\n } else {\n throw new Error(TermsUtil.tText('text.attachment_info_not_valid'))\n }\n }\n\n _getInputByName(name) {\n return this.renderRoot.querySelector(`select[name=${name}], input[name=${name}]`)\n }\n}\n\nwindow.customElements.define('file-upload-popup', FileUploadPopup)\n"]}

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

@@ -26,7 +26,7 @@ export declare class MetaObjectSelectorPopup extends LitElement {
     private record;
     connectedCallback(): Promise<void>;
     firstUpdated(changes: PropertyValues<this>): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     /**
      * @description 컬럼 조회
      ***************************

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

@@ -4,7 +4,7 @@ import { css, html, LitElement } from 'lit';
 import { customElement, property, query } from 'lit/decorators.js';
 import { closePopup } from '@operato/popup';
 import { isMobileDevice, adjustFilters } from '@operato/utils';
-import { CommonGristStyles, ButtonContainerStyles, CommonHeaderStyles } from '@operato/styles';
+import { CommonGristStyles, CommonHeaderStyles } from '@operato/styles';
 import { DataGrist } from '@operato/data-grist';
 import { TermsUtil } from '../../utils/terms-util';
 import { ValueUtil } from '../../utils/value-util';
@@ -166,13 +166,15 @@ let MetaObjectSelectorPopup = class MetaObjectSelectorPopup extends LitElement {
         </div>
       </ox-grist>
-      <div class="button-container" style="margin-left:unset;">
+      <div class="footer">
         <button @click=${this.clickEmpty.bind(this)}>
           <md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}
         </button>
         <div filler></div>
         <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
-        <button @click=${this.clickSelect.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</button>
+        <button @click=${this.clickSelect.bind(this)} done>
+          <md-icon>done</md-icon>${TermsUtil.tButton('select')}
+        </button>
       </div>
     `;
     }
@@ -243,7 +245,6 @@ let MetaObjectSelectorPopup = class MetaObjectSelectorPopup extends LitElement {
 MetaObjectSelectorPopup.styles = [
     CommonGristStyles,
     CommonHeaderStyles,
-    ButtonContainerStyles,
     css `
       :host {
         display: flex;

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":"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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"]}
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, CommonHeaderStyles } from '@operato/styles'\nimport { ColumnConfig, DataGrist, FetchOption, FetchResult, GristRecord, QueryFilter } from '@operato/data-grist'\n\nimport { TermsUtil } from '../../utils/terms-util'\nimport { ValueUtil } from '../../utils/value-util'\nimport { ServiceUtil } from '../../utils/service-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { MetaUiUtil } from '../../utils/meta-ui-util'\n\n@customElement('meta-object-selector-popup')\nexport class MetaObjectSelectorPopup extends LitElement {\n static styles = [\n CommonGristStyles,\n CommonHeaderStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: var(--md-sys-color-surface);\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-grist {\n flex: 1;\n }\n\n ox-filters-form {\n flex: 1;\n }\n `\n ]\n\n @property({ type: String }) value?: string\n @property({ type: Object }) gridConfig: any\n @property({ type: Object }) basicArgs?: FetchOption\n @property({ type: Object }) options!: FetchOption & {\n menu_template?: any\n filterFields?: any[]\n codeField?: string\n nameField?: string\n dispField?: string\n queryName: string\n select?: (ColumnConfig & {\n options: any\n select_opt: any\n object_opt: any\n })[]\n }\n @property({ type: Object }) confirmCallback?: (record?: Partial<GristRecord>) => void\n @property({ type: Array }) selectedRecords: GristRecord[] = []\n\n @query('ox-grist') private grist!: DataGrist\n\n private foundationFilters: QueryFilter[] = []\n private record: any\n\n async connectedCallback() {\n const {\n select,\n sorters,\n filters,\n codeField,\n nameField,\n dispField,\n filterFields: optionFilterFields,\n menu_template\n } = this.options \|\| {}\n\n // 숨김 검색 조건\n this.foundationFilters = filters ? filters : this.basicArgs && this.basicArgs.filters ? this.basicArgs.filters : []\n\n this.foundationFilters = this.foundationFilters.map(x => {\n let { name, operator, value } = x\n\n if (value.startsWith('::')) {\n value = ValueUtil.getParams(this.record, ...value.substring(2).split('.'))\n }\n\n return {\n name,\n operator,\n value\n }\n })\n\n // 기본 정렬\n let sortFields = sorters ? sorters : this.basicArgs && this.basicArgs.sorters ? this.basicArgs.sorters : []\n\n // 기본 검색 조건\n let filterFields = optionFilterFields\n ? optionFilterFields\n : menu_template?.search && menu_template?.search.length > 0\n ? menu_template.search\n : []\n\n // 그리드 컬럼\n let gridColumns = select\n\n // 기본 검색 조건이 없으면 코드 (code-selector), 또는 이름 (object-selector)\n if (!filterFields \|\| filterFields.length == 0) {\n let defaultFilter\n\n if (codeField) defaultFilter = codeField\n if (nameField) defaultFilter = nameField\n\n if (defaultFilter) {\n filterFields.push({\n name: defaultFilter,\n operator: 'eq'\n })\n }\n }\n\n let selectFields = [...MetaApi.getGristGuttersConfig(true, false)]\n\n if (gridColumns && gridColumns.length > 0) {\n for (let idx = 0; idx < gridColumns.length; idx++) {\n let {\n type = 'string',\n name,\n hidden = false,\n record = { align: 'left' },\n header = undefined,\n sortable = false,\n width = 135,\n options = undefined,\n select_opt = undefined,\n object_opt = undefined\n } = gridColumns[idx]\n\n if (select_opt) options = select_opt\n if (object_opt) options = object_opt\n\n if (['resource-object', 'object'].includes(type)) {\n type = 'meta-object-selector'\n } else if (['resource-code-selector'].includes(type)) {\n type = 'meta-code-selector'\n }\n\n if (name == 'id') {\n selectFields.push({\n type: 'string',\n name: name,\n hidden: true\n })\n } else {\n if (type == 'boolean-all') {\n type = 'boolean'\n }\n\n let columnConfig = MetaApi.getGristColumnConfig2(\n type,\n name,\n header ? (header as unknown as string) : name,\n record.align ? record.align : 'left',\n false,\n sortable,\n Number(width)\n )\n\n if (type.startsWith('meta-') && object_opt && object_opt.menu) {\n options = await MetaUiUtil.getGristMetaObjectOptions(type, options)\n }\n\n if (type === 'select') {\n if (Array.isArray(options)) {\n columnConfig.record.options = options\n } else {\n if (options.type === 'code') {\n // 공통 코드\n columnConfig.record.options = await ServiceUtil.getCodeSelectorData(\n options.values ? options.values : options.name\n )\n } else if (options.type === 'scenario') {\n // 시나리오\n columnConfig.record.options = await ServiceUtil.getCodeByScenario(options.name, options.args)\n } else if (options.type === 'entity') {\n // 엔티티\n columnConfig.record.options = await ServiceUtil.getCodeByEntity(options.args)\n }\n }\n } else if (type === 'meta-object-selector') {\n // object-option\n columnConfig.record.options = { ...options }\n } else if (type == 'meta-code-selector') {\n if (options.dispField) {\n options.codes = await ServiceUtil.getCodeByEntity(options)\n }\n\n columnConfig.record.options = { ...options }\n }\n\n columnConfig.hidden = hidden\n\n selectFields.push(columnConfig)\n }\n }\n } else {\n selectFields.push(MetaApi.getGristColumnConfig2('string', codeField!, codeField!, 'left', false, true, 180))\n\n if (dispField) {\n selectFields.push(MetaApi.getGristColumnConfig2('string', dispField, dispField, 'left', false, true, 300))\n }\n }\n\n selectFields.forEach(x => {\n let filters = filterFields.filter(y => (typeof y === 'string' ? x.name == y : x.name == y.name))\n\n if (filters && filters.length > 0) {\n x.filter = typeof filters[0] === 'string' ? 'search' : filters[0]\n }\n })\n\n let gridConfig = {\n rows: MetaApi.getGristSelectableConfig(false),\n pagination: MetaApi.getGristPagination100Config(),\n columns: selectFields,\n sorters: [...sortFields]\n }\n\n gridConfig.rows.handlers = {\n click: 'select-row-toggle',\n dblclick: (columns, data, column, record, rowIndex, field) => {\n this.selectRecord(record)\n }\n }\n\n gridConfig.rows.appendable = false\n\n this.gridConfig = gridConfig\n\n await super.connectedCallback()\n }\n\n async firstUpdated(changes: PropertyValues<this>) {\n await super.firstUpdated(changes)\n }\n\n render() {\n return html`\n <ox-grist\n id=\"ox-grist\"\n .config=${this.gridConfig}\n .mode=${isMobileDevice() ? 'LIST' : 'GRID'}\n auto-fetch\n .fetchHandler=${this.fetchHandler.bind(this)}\n >\n <div slot=\"headroom\" class=\"header\">\n <div class=\"filters\">\n <ox-filters-form></ox-filters-form>\n </div>\n </div>\n </ox-grist>\n\n <div class=\"footer\">\n <button @click=${this.clickEmpty.bind(this)}>\n <md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}\n </button>\n <div filler></div>\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n <button @click=${this.clickSelect.bind(this)} done>\n <md-icon>done</md-icon>${TermsUtil.tButton('select')}\n </button>\n </div>\n `\n }\n\n /*\n @description 컬럼 조회\n **************************\n @returns\n /\n async fetchHandler({ page = 0, limit = 0, sorters = [], filters = [] }: FetchOption): Promise<FetchResult> {\n const { menu_template, queryName } = this.options \|\| {}\n\n // let resFilter = [...this.foundationFilters]\n\n // filters.forEach((x: any) => {\n // let dupFilter = resFilter.filter(y => x.name == y.name)\n // if (dupFilter && dupFilter.length > 0) {\n // delete resFilter[x.name]\n // }\n\n // resFilter.push(x)\n // })\n\n let resFilter = adjustFilters([...this.foundationFilters], filters)\n\n let queryAfterSetFields = ValueUtil.getParams(\n menu_template ? menu_template.gql \|\| {} : {},\n 'query',\n 'after_set_fields'\n )\n let selectSkipFields = Object.keys(queryAfterSetFields \|\| {})\n\n // 조회 컬럼 추출 후 조회\n let selectFields = MetaApi.getSelectColumns(this.gridConfig.columns.filter(x => !selectSkipFields.includes(x.name)))\n\n // 조회 실행\n let result = await MetaApi.searchByPagination(queryName, resFilter, sorters, page, limit, selectFields)\n\n return result\n }\n\n /\n @description 비우기\n **************************\n @returns\n /\n async clickEmpty(e) {\n this.confirmCallback && this.confirmCallback()\n closePopup(this)\n }\n /\n @description 취소\n **************************\n @returns\n /\n async clickCancel(e) {\n closePopup(this)\n }\n /\n @description 선택\n **************************\n @returns\n /\n async clickSelect(e) {\n let selected = this.grist.selected\n\n if (!selected \|\| selected.length == 0) {\n MetaApi.showToast('info', TermsUtil.tText('NOTHING_SELECTED'))\n return\n }\n\n this.selectRecord(selected[0])\n }\n\n /\n @description 확정\n **************************\n @param {} record\n /\n async selectRecord(record) {\n this.confirmCallback && this.confirmCallback(record)\n closePopup(this)\n }\n}\n"]}

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

@@ -36,7 +36,7 @@ export declare class RecordBasedCodeEditorPopup extends LitElement {
      */
     connectedCallback(): Promise<void>;
     firstUpdated(changes: PropertyValues<this>): Promise<void>;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     /**
      * @description 저장
      ***************************

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

@@ -5,7 +5,7 @@ import { css, html, LitElement } from 'lit';
 import { customElement, query, state } from 'lit/decorators.js';
 import { OxInputCode } from '@operato/input';
 import { closePopup } from '@operato/popup';
-import { ButtonContainerStyles } from '@operato/styles';
+import { CommonHeaderStyles } from '@operato/styles';
 import { TermsUtil } from '../../utils/terms-util';
 import { MetaApi } from '../../utils/meta-api';
 import { ServiceUtil } from '../../utils/service-util';
@@ -55,17 +55,21 @@ let RecordBasedCodeEditorPopup = class RecordBasedCodeEditorPopup extends LitEle
             return html `
         <ox-input-code mode="javascript" value=${this.codeValue} tab-size="2" tab-as-space="true"></ox-input-code>
-        <div class="button-container">
+        <div class="footer">
+          <div filler></div>
           <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
-          <button @click=${this.clickSave.bind(this)}><md-icon>save</md-icon>${TermsUtil.tButton('save')}</button>
+          <button @click=${this.clickSave.bind(this)} done><md-icon>save</md-icon>${TermsUtil.tButton('save')}</button>
         </div>
       `;
         }
         else {
             return html `
         <ox-input-code mode="javascript" value=${this.codeValue} tab-size="2" tab-as-space="true"></ox-input-code>
-        <div class="button-container">
-          <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
+        <div class="footer">
+          <div filler></div>
+          <button @click=${this.clickCancel.bind(this)} done>
+            <md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}
+          </button>
         </div>
       `;
         }
@@ -100,7 +104,7 @@ let RecordBasedCodeEditorPopup = class RecordBasedCodeEditorPopup extends LitEle
     }
 };
 RecordBasedCodeEditorPopup.styles = [
-    ButtonContainerStyles,
+    CommonHeaderStyles,
     css `
       :host {
         display: flex;

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":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,iCAAiC,CAAA;AAExC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAC3C,OAAO,EAAE,~~qBAAqB~~,EAAE,MAAM,iBAAiB,CAAA;~~AAEvD~~,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD;;GAEG;AAGI,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,UAAU;IA6BxD;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAE7F,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE,CAAC;YACnC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;QACtD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAA;QAC7B,CAAC;QAED,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACjC,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,OAA6B;QAC9C,MAAM,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IACnC,CAAC;IAED,MAAM;QACJ,IAAI,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAA;QAEvD,IAAI,UAAU,EAAE,CAAC;YACf,OAAO,IAAI,CAAA;iDACgC,IAAI,CAAC,SAAS~~;;;2BAGpC~~,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,6BAA6B,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;2BACnF,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,~~2BAA2B~~,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC;;~~OAEjG~~,CAAA;QACH,CAAC;aAAM,CAAC;YACN,OAAO,IAAI,CAAA;iDACgC,IAAI,CAAC,SAAS~~;;2BAEpC~~,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,~~6BAA6B,~~SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC~~;;OAEvG~~,CAAA;QACH,CAAC;IACH,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,SAAS,CAAC,CAAC;QACf,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;YAC7C,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAA;QAC/D,CAAC;aAAM,CAAC;YACN,IAAI,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAA;YACxC,IAAI,YAAY,GAAG,UAAU,CAAC,SAAS,CAAA;YACvC,IAAI,KAAK,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAA;YAC/C,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAA;YACtD,IAAI,QAAQ,GAAG,MAAM,WAAW,CAAC,SAAS,CAAC,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;YAC/E,IAAI,QAAQ,EAAE,CAAC;gBACb,UAAU,CAAC,IAAI,CAAC,CAAA;YAClB,CAAC;QACH,CAAC;IACH,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,WAAW,CAAC,CAAC;QACjB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;~~AApHM~~,iCAAM,GAAG;IACd,~~qBAAqB~~;~~IACrB~~,GAAG,CAAA;;;;;;;;;;;;;;;;KAgBF;CACF,AAnBY,CAmBZ;AAEgB;IAAhB,KAAK,EAAE;;0DAAqB;AACZ;IAAhB,KAAK,EAAE;;0DAAqB;AACZ;IAAhB,KAAK,EAAE;;yDAAoB;AACX;IAAhB,KAAK,EAAE;;6DAAwB;AAEA;IAA/B,KAAK,CAAC,eAAe,CAAC;8BAAsB,WAAW;IAExD;;;;;;;;;;;;;;;;;;;;;;OAsBG;;8DAxBqD;AA3B7C,0BAA0B;IADtC,aAAa,CAAC,gCAAgC,CAAC;GACnC,0BAA0B,~~CAsHtC~~","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"]}
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 { CommonHeaderStyles } 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 CommonHeaderStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: var(--md-sys-color-surface);\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-input-code {\n margin: 10px;\n overflow-y: auto;\n flex: 1;\n }\n `\n ]\n\n @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=\"footer\">\n <div filler></div>\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n <button @click=${this.clickSave.bind(this)} done><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=\"footer\">\n <div filler></div>\n <button @click=${this.clickCancel.bind(this)} done>\n <md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}\n </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"]}

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

@@ -29,7 +29,7 @@ export function MetaBasicGristMixin(baseElement: any): {
         firstUpdated(): Promise<void>;
         pageInitialized(lifecycle: any): Promise<void>;
         pageUpdated(changes: any, lifecycle: any, before: any): Promise<void>;
-        render(): import("lit").TemplateResult<1>;
+        render(): import("lit-html").TemplateResult<1>;
         /**
          * @descrtiption 메뉴 메타에서 기본 그리드 정보 파싱 처리
          ************************************************

package/dist-client/pages/activity/meta-activity-viewer-element.d.ts CHANGED Viewed

@@ -19,7 +19,7 @@ declare const MetaActivityViewerElement_base: {
  * @description Auto Generate Activity Viewer Element
  */
 export class MetaActivityViewerElement extends MetaActivityViewerElement_base {
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     contentElement: HTMLElement | undefined;
 }
 export {};

package/dist-client/pages/activity/meta-activity-writer-element.d.ts CHANGED Viewed

@@ -21,7 +21,7 @@ declare const MetaActivityWriterElement_base: {
 export class MetaActivityWriterElement extends MetaActivityWriterElement_base {
     disconnectedCallback(): void;
     _onDataChanged(e: any): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     contentElement: HTMLElement | undefined;
 }
 export {};

package/dist-client/pages/button-role/button-role-detail.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ declare const ButtonRoleDetail_base: {
         firstUpdated(): Promise<void>;
         pageInitialized(lifecycle: any): Promise<void>;
         pageUpdated(changes: any, lifecycle: any, before: any): Promise<void>;
-        render(): import("lit").TemplateResult<1>;
+        render(): import("lit-html").TemplateResult<1>;
         parseBasicGridConfigs(menuMeta: any): void;
         gridConfig: any;
         gridColumnConfig: any;