@operato/app 1.0.0-beta.38 → 1.0.0-beta.40

package/package.json

@@ -3,7 +3,7 @@
   "description": "WebApplication production supporting components following open-wc recommendations",
   "license": "MIT",
   "author": "heartyoh",
-  "version": "1.0.0-beta.38",
+  "version": "1.0.0-beta.40",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "exports": {
@@ -20,15 +20,11 @@
     "./grist-editor/ox-grist-renderer-resource-id.js": "./dist/src/grist-editor/ox-grist-renderer-resource-id.js",
     "./grist-editor/ox-selector-resource-object.js": "./dist/src/grist-editor/ox-selector-resource-object.js",
     "./grist-editor/ox-grist-renderer-resource-object.js": "./dist/src/grist-editor/ox-grist-renderer-resource-object.js",
-    "./grist-editor/ox-grist-editor-crontab.js": "./dist/src/grist-editor/ox-grist-editor-crontab.js",
     "./grist-editor/ox-grist-renderer-crontab.js": "./dist/src/grist-editor/ox-grist-renderer-crontab.js",
     "./grist-editor/ox-grist-editor-json.js": "./dist/src/grist-editor/ox-grist-editor-json.js",
     "./grist-editor/ox-grist-editor-code.js": "./dist/src/grist-editor/ox-grist-editor-code.js",
     "./grist-editor/ox-grist-editor-resource-object.js": "./dist/src/grist-editor/ox-grist-editor-resource-object.js",
     "./grist-editor/ox-grist-editor-resource-code.js": "./dist/src/grist-editor/ox-grist-editor-resource-code.js",
-    "./grist-editor/ox-grist-editor-parameters.js": "./dist/src/grist-editor/ox-grist-editor-parameters.js",
-    "./grist-editor/ox-grist-editor-value-map.js": "./dist/src/grist-editor/ox-grist-editor-value-map.js",
-    "./grist-editor/ox-grist-editor-partition-keys.js": "./dist/src/grist-editor/ox-grist-editor-partition-keys.js",
     "./filter-renderer.js": "./dist/src/filter-renderer/index.js"
   },
   "publishConfig": {
@@ -59,19 +55,19 @@
     "@material/mwc-button": "^0.25.3",
     "@material/mwc-icon": "^0.25.3",
     "@material/mwc-icon-button": "^0.25.3",
-    "@operato/attachment": "^1.0.0-beta.38",
-    "@operato/data-grist": "^1.0.0-beta.38",
-    "@operato/font": "^1.0.0-beta.38",
-    "@operato/form": "^1.0.0-beta.38",
-    "@operato/graphql": "^1.0.0-beta.38",
-    "@operato/i18n": "^1.0.0-beta.38",
-    "@operato/input": "^1.0.0-beta.38",
-    "@operato/layout": "^1.0.0-beta.38",
-    "@operato/property-editor": "^1.0.0-beta.38",
-    "@operato/shell": "^1.0.0-beta.38",
-    "@operato/styles": "^1.0.0-beta.38",
-    "@operato/utils": "^1.0.0-beta.38",
-    "codemirror": "^5.59.1",
+    "@operato/attachment": "^1.0.0-beta.40",
+    "@operato/data-grist": "^1.0.0-beta.40",
+    "@operato/font": "^1.0.0-beta.40",
+    "@operato/form": "^1.0.0-beta.40",
+    "@operato/graphql": "^1.0.0-beta.40",
+    "@operato/i18n": "^1.0.0-beta.40",
+    "@operato/input": "^1.0.0-beta.40",
+    "@operato/layout": "^1.0.0-beta.40",
+    "@operato/property-editor": "^1.0.0-beta.40",
+    "@operato/shell": "^1.0.0-beta.40",
+    "@operato/styles": "^1.0.0-beta.40",
+    "@operato/utils": "^1.0.0-beta.40",
+    "codemirror": "^5.64.0",
     "codemirror-graphql": "^0.15.2",
     "cronstrue": "^2.2.0",
     "cross-fetch": "^3.1.5",
@@ -111,5 +107,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "e5ca8bb81a52298eaf03c1d8f2829989379422c3"
+  "gitHead": "6f51f0b86e909ea850e6f185f737930daaec509e"
 }

package/src/grist-editor/index.ts

@@ -1,14 +1,10 @@
 import { OxGristRendererJson5, registerEditor, registerRenderer } from '@operato/data-grist'
 
-import { OxGristEditorCrontab } from './ox-grist-editor-crontab.js'
 import { OxGristEditorJson } from './ox-grist-editor-json.js'
-import { OxGristEditorParameters } from './ox-grist-editor-parameters.js'
-import { OxGristEditorPartitionKeys } from './ox-grist-editor-partition-keys.js'
 import { OxGristEditorResourceCode } from './ox-grist-editor-resource-code.js'
 import { OxGristEditorResourceId } from './ox-grist-editor-resource-id.js'
 import { OxGristEditorResourceObject } from './ox-grist-editor-resource-object.js'
-import { OxGristEditorValueMap } from './ox-grist-editor-value-map.js'
-import { OxGristRendererCrontab } from './ox-grist-renderer-crontab.js'
+import { OxGristRendererCrontab } from './ox-grist-renderer-crontab'
 import { OxGristRendererResourceId } from './ox-grist-renderer-resource-id.js'
 import { OxGristRendererResourceObject } from './ox-grist-renderer-resource-object.js'
 
@@ -16,10 +12,6 @@ import { OxGristRendererResourceObject } from './ox-grist-renderer-resource-obje
 registerEditor('resource-id', OxGristEditorResourceId)
 registerEditor('resource-object', OxGristEditorResourceObject)
 registerEditor('resource-code', OxGristEditorResourceCode)
-registerEditor('parameters', OxGristEditorParameters)
-registerEditor('value-map', OxGristEditorValueMap)
-registerEditor('partition-keys', OxGristEditorPartitionKeys)
-registerEditor('crontab', OxGristEditorCrontab)
 registerEditor('json', OxGristEditorJson)
 
 registerRenderer('resource-id', OxGristRendererResourceId)

package/src/grist-editor/ox-popup-code-input.ts

@@ -1,10 +1,11 @@
 import '@operato/input/ox-input-code.js'
 
-import { LitElement, css, html } from 'lit'
+import { css, html, LitElement } from 'lit'
 import { customElement, property } from 'lit/decorators.js'
 
-import { ScrollbarStyles } from '@operato/styles'
 import { i18next } from '@operato/i18n'
+import { closePopup } from '@operato/popup'
+import { ScrollbarStyles } from '@operato/styles'
 
 @customElement('ox-popup-code-input')
 export class OxPopupCodeInput extends LitElement {
@@ -55,11 +56,11 @@ export class OxPopupCodeInput extends LitElement {
   }
 
   private onCancel(e: Event) {
-    history.back()
+    closePopup(this)
   }
 
   private onConfirm(e: Event) {
     this.confirmCallback && this.confirmCallback(this.value)
-    history.back()
+    closePopup(this)
   }
 }

package/src/grist-editor/ox-selector-resource-id.ts

@@ -7,6 +7,7 @@ import { customElement, property, query } from 'lit/decorators.js'
 import { DataGrist, FetchOption, GristData, GristRecord, ZERO_DATA } from '@operato/data-grist'
 import { client } from '@operato/graphql'
 import { i18next } from '@operato/i18n'
+import { closePopup } from '@operato/popup'
 import { isMobileDevice } from '@operato/utils'
 
 @customElement('ox-selector-resource-id')
@@ -75,16 +76,16 @@ export class OxSelectorResourceId extends LitElement {
 
   onempty() {
     this.confirmCallback && this.confirmCallback()
-    history.back()
+    closePopup(this)
   }
 
   oncancel() {
-    history.back()
+    closePopup(this)
   }
 
   onconfirm() {
     this.confirmCallback && this.confirmCallback(this.selected)
-    history.back()
+    closePopup(this)
   }
 
   async firstUpdated() {

package/src/grist-editor/ox-selector-resource-object.ts

@@ -18,6 +18,7 @@ import {
 import { MultiColumnFormStyles, SearchForm } from '@operato/form'
 import { buildArgs, client, gqlContext } from '@operato/graphql'
 import { i18next } from '@operato/i18n'
+import { closePopup } from '@operato/popup'
 import { isMobileDevice } from '@operato/utils'
 
 @customElement('ox-selector-resource-object')
@@ -108,16 +109,16 @@ export class OxSelectorResourceObject extends LitElement {
 
   onempty() {
     this.confirmCallback && this.confirmCallback()
-    history.back()
+    closePopup(this)
   }
 
   oncancel() {
-    history.back()
+    closePopup(this)
   }
 
   onconfirm() {
     this.confirmCallback && this.confirmCallback(this.selected)
-    history.back()
+    closePopup(this)
   }
 
   fetchHandler: FetchHandler = async ({ filters, page, limit, sorters = [] }) => {

package/src/input/ox-input-background-pattern.ts

@@ -3,6 +3,7 @@
  */
 
 import '@operato/i18n/ox-i18n.js'
+import '@operato/input/ox-input-color.js'
 import '@operato/attachment/ox-attachment-selector.js'
 
 import { css, html } from 'lit'
@@ -12,12 +13,14 @@ import { OxFormField } from '@operato/input'
 
 export type BackgroundPatternOption = {
   image?: HTMLImageElement | string
+  color?: string
   align?: 'left-top' | 'top' | 'right-top' | 'left' | 'center' | 'right' | 'left-bottom' | 'bottom' | 'right-bottom'
   offsetX?: number
   offsetY?: number
   width?: number
   height?: number
   fitPattern?: boolean
+  noRepeat?: boolean
 }
 
 /**
@@ -89,6 +92,23 @@ export class OxInputBackgroundPattern extends OxFormField {
       grid-column: span 2;
       text-align: right;
     }
+
+    .grid-10 > .icon-only-label {
+      grid-column: span 2;
+
+      background: var(--url-icon-properties-label) no-repeat;
+      float: left;
+      margin: 0;
+      align-self: stretch;
+    }
+
+    .icon-only-label.color {
+      background-position: 100% -500px;
+    }
+
+    .grid-10 > ox-input-color {
+      grid-column: span 8;
+    }
   `
 
   @property({ type: Object }) value?: BackgroundPatternOption
@@ -112,13 +132,13 @@ export class OxInputBackgroundPattern extends OxFormField {
 
       <select value-key="align" class="select-content" .value=${value.align}>
         <option value="left-top">Left Top</option>
-        <option value="top">Top</option>
+        <option value="top">Center Top</option>
         <option value="right-top">Right Top</option>
-        <option value="left">Left</option>
-        <option value="center">Center</option>
-        <option value="right">Right</option>
+        <option value="left">Left Center</option>
+        <option value="center">Center Center</option>
+        <option value="right">Right Center</option>
         <option value="left-bottom">Left Bottom</option>
-        <option value="bottom">Bottom</option>
+        <option value="bottom">Center Bottom</option>
         <option value="right-bottom">Right Bottom</option>
       </select>
 
@@ -136,9 +156,19 @@ export class OxInputBackgroundPattern extends OxFormField {
         <input type="number" value-key="height" .value=${value.height} />
       </div>
 
+      <div class="grid-10">
+        <label class="icon-only-label color"></label>
+        <ox-input-color value-key="color" .value=${value.color}> </ox-input-color>
+      </div>
+
       <div class="grid-10">
         <input value-key="fitPattern" type="checkbox" .checked=${value.fitPattern} required />
-        <label> <ox-i18n msgid="label.fit" auto="">Fit</ox-i18n> </label>
+        <label> <ox-i18n msgid="label.fit" auto="">fit</ox-i18n> </label>
+      </div>
+
+      <div class="grid-10">
+        <input value-key="noRepeat" type="checkbox" .checked=${value.noRepeat} required />
+        <label> <ox-i18n msgid="label.no-repeat" auto="">no repeat</ox-i18n> </label>
       </div>
     `
   }
@@ -152,7 +182,7 @@ export class OxInputBackgroundPattern extends OxFormField {
     var key = element.getAttribute('value-key')
     var value: any = element.value
 
-    if (key == 'fitPattern') {
+    if (key === 'fitPattern' || key === 'noRepeat') {
       value = element.checked
     }
 

package/src/input/ox-input-fill-style.ts

@@ -8,10 +8,12 @@ import '@operato/input/ox-input-color-stops.js'
 import '@operato/input/ox-input-color-gradient.js'
 import './ox-input-background-pattern.js'
 
-import { BackgroundPatternOption, OxInputBackgroundPattern } from './ox-input-background-pattern.js'
+import { css, html, PropertyValues } from 'lit'
+import { customElement, property } from 'lit/decorators.js'
+
 import { ColorStop, GradientOption, OxFormField, OxInputColorGradient } from '@operato/input'
-import { PropertyValues, css, html } from 'lit'
-import { customElement, property, query } from 'lit/decorators.js'
+
+import { BackgroundPatternOption, OxInputBackgroundPattern } from './ox-input-background-pattern.js'
 
 export type FillStyle =
   | {
@@ -27,6 +29,8 @@ export type FillStyle =
       height?: number
       align?: 'left-top' | 'top' | 'right-top' | 'left' | 'center' | 'right' | 'left-bottom' | 'bottom' | 'right-bottom'
       fitPattern?: boolean
+      noRepeat?: boolean
+      color?: string
     }
   | 'no'
   | string
@@ -66,13 +70,13 @@ export class OxInputColorStyle extends OxFormField {
     .grid-10 > .icon-only-label {
       grid-column: span 1;
 
-      background: url(/assets/images/icon-properties-label.png) no-repeat;
+      background: var(--url-icon-properties-label) no-repeat;
       float: left;
       margin: 0;
     }
 
     .icon-only-label.color {
-      background-position: 70% -498px;
+      background-position: 100% -500px;
     }
 
     [editors] > :not([active]) {
@@ -206,7 +210,9 @@ export class OxInputColorStyle extends OxFormField {
             width: Number(value.width),
             height: Number(value.height),
             align: value.align,
-            fitPattern: value.fitPattern
+            fitPattern: value.fitPattern,
+            noRepeat: value.noRepeat,
+            color: value.color
           }
 
           if (!this._block_reset) {
@@ -275,7 +281,9 @@ export class OxInputColorStyle extends OxFormField {
           width: Number(this.pattern.width),
           height: Number(this.pattern.height),
           align: this.pattern.align,
-          fitPattern: this.pattern.fitPattern
+          fitPattern: this.pattern.fitPattern,
+          noRepeat: this.pattern.noRepeat,
+          color: this.pattern.color
         }
         break
 
@@ -350,7 +358,9 @@ export class OxInputColorStyle extends OxFormField {
       width: Number(this.pattern?.width),
       height: Number(this.pattern?.height),
       align: this.pattern?.align,
-      fitPattern: this.pattern?.fitPattern
+      fitPattern: this.pattern?.fitPattern,
+      noRepeat: this.pattern?.noRepeat,
+      color: this.pattern?.color
     }
 
     this._block_reset = true

package/dist/src/grist-editor/ox-grist-editor-crontab.d.ts

@@ -1,8 +0,0 @@
-import './ox-popup-crontab-input.js';
-import { OxGristEditor } from '@operato/data-grist';
-export declare class OxGristEditorCrontab extends OxGristEditor {
-    private popup?;
-    get editorTemplate(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): Promise<void>;
-    showEditorPopup(): void;
-}

package/dist/src/grist-editor/ox-grist-editor-crontab.js

@@ -1,50 +0,0 @@
-import { __decorate } from "tslib";
-import './ox-popup-crontab-input.js';
-import { html } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { OxGristEditor } from '@operato/data-grist';
-import { i18next } from '@operato/i18n';
-import { openPopup } from '@operato/layout';
-let OxGristEditorCrontab = class OxGristEditorCrontab extends OxGristEditor {
-    get editorTemplate() {
-        return html ` <input type="text" .value=${this.value || ''} /> `;
-    }
-    async firstUpdated() {
-        await this.updateComplete;
-        this.renderRoot.addEventListener('click', e => {
-            e.stopPropagation();
-            this.showEditorPopup();
-        });
-        this.showEditorPopup();
-    }
-    showEditorPopup() {
-        if (this.popup) {
-            delete this.popup;
-        }
-        const confirmCallback = (newval) => {
-            this.dispatchEvent(new CustomEvent('field-change', {
-                bubbles: true,
-                composed: true,
-                detail: {
-                    before: this.value,
-                    after: newval,
-                    record: this.record,
-                    column: this.column,
-                    row: this.row
-                }
-            }));
-        };
-        this.popup = openPopup(html `
-        <ox-popup-crontab-input .value=${this.value} .confirmCallback=${confirmCallback}></ox-popup-crontab-input>
-      `, {
-            backdrop: true,
-            title: i18next.t('title.setting schedule'),
-            help: 'data-grist/grist-editor/crontab'
-        });
-    }
-};
-OxGristEditorCrontab = __decorate([
-    customElement('ox-grist-editor-crontab')
-], OxGristEditorCrontab);
-export { OxGristEditorCrontab };
-//# sourceMappingURL=ox-grist-editor-crontab.js.map

package/dist/src/grist-editor/ox-grist-editor-crontab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-editor-crontab.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-editor-crontab.ts"],"names":[],"mappings":";AAAA,OAAO,6BAA6B,CAAA;AAEpC,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAEjD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,SAAS,EAAe,MAAM,iBAAiB,CAAA;AAGxD,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,aAAa;IAGrD,IAAI,cAAc;QAChB,OAAO,IAAI,CAAA,8BAA8B,IAAI,CAAC,KAAK,IAAI,EAAE,MAAM,CAAA;IACjE,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,IAAI,CAAC,cAAc,CAAA;QAEzB,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;YAC5C,CAAC,CAAC,eAAe,EAAE,CAAA;YAEnB,IAAI,CAAC,eAAe,EAAE,CAAA;QACxB,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,eAAe,EAAE,CAAA;IACxB,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,IAAI,CAAC,KAAK,CAAA;SAClB;QAED,MAAM,eAAe,GAAG,CAAC,MAAW,EAAE,EAAE;YACtC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE;gBAC9B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,MAAM,EAAE,IAAI,CAAC,KAAK;oBAClB,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,GAAG,EAAE,IAAI,CAAC,GAAG;iBACd;aACF,CAAC,CACH,CAAA;QACH,CAAC,CAAA;QAED,IAAI,CAAC,KAAK,GAAG,SAAS,CACpB,IAAI,CAAA;yCAC+B,IAAI,CAAC,KAAK,qBAAqB,eAAe;OAChF,EACD;YACE,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,wBAAwB,CAAC;YAC1C,IAAI,EAAE,iCAAiC;SACxC,CACF,CAAA;IACH,CAAC;CACF,CAAA;AAnDY,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAmDhC;SAnDY,oBAAoB","sourcesContent":["import './ox-popup-crontab-input.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { i18next } from '@operato/i18n'\nimport { openPopup, PopupHandle } from '@operato/layout'\n\n@customElement('ox-grist-editor-crontab')\nexport class OxGristEditorCrontab extends OxGristEditor {\n  private popup?: PopupHandle\n\n  get editorTemplate() {\n    return html` <input type=\"text\" .value=${this.value || ''} /> `\n  }\n\n  async firstUpdated() {\n    await this.updateComplete\n\n    this.renderRoot.addEventListener('click', e => {\n      e.stopPropagation()\n\n      this.showEditorPopup()\n    })\n\n    this.showEditorPopup()\n  }\n\n  showEditorPopup() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    const confirmCallback = (newval: any) => {\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: newval,\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    this.popup = openPopup(\n      html`\n        <ox-popup-crontab-input .value=${this.value} .confirmCallback=${confirmCallback}></ox-popup-crontab-input>\n      `,\n      {\n        backdrop: true,\n        title: i18next.t('title.setting schedule'),\n        help: 'data-grist/grist-editor/crontab'\n      }\n    )\n  }\n}\n"]}

package/dist/src/grist-editor/ox-grist-editor-parameters.d.ts

@@ -1,12 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import './ox-parameters-builder.js';
-import './ox-popup-parameters-builder.js';
-import { OxGristEditor } from '@operato/data-grist';
-export declare class OxGristEditorParameters extends OxGristEditor {
-    private popup?;
-    get editorTemplate(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): Promise<void>;
-    openSelector(): Promise<void>;
-}

package/dist/src/grist-editor/ox-grist-editor-parameters.js

@@ -1,84 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import { __decorate } from "tslib";
-import './ox-parameters-builder.js';
-import './ox-popup-parameters-builder.js';
-import { OxGristEditor } from '@operato/data-grist';
-import { openPopup } from '@operato/layout';
-import { html } from 'lit';
-import { cloneDeep } from 'lodash-es';
-import { customElement } from 'lit/decorators.js';
-import { i18next } from '@operato/i18n';
-let OxGristEditorParameters = class OxGristEditorParameters extends OxGristEditor {
-    get editorTemplate() {
-        const value = typeof this.value === 'object' ? JSON.stringify(this.value) : this.value;
-        return html ` ${value || ''} `;
-    }
-    async firstUpdated() {
-        await this.updateComplete;
-        this.renderRoot.addEventListener('click', e => {
-            e.stopPropagation();
-            this.openSelector();
-        });
-        this.openSelector();
-    }
-    async openSelector() {
-        if (this.popup) {
-            delete this.popup;
-        }
-        var { options } = this.column.record;
-        if (typeof options === 'function') {
-            options = await options.call(this, this.value, this.column, this.record, this.row, this.field);
-        }
-        const { name, help, spec, context, objectified = false } = options;
-        const confirmCallback = (newval) => {
-            this.dispatchEvent(new CustomEvent('field-change', {
-                bubbles: true,
-                composed: true,
-                detail: {
-                    before: this.value,
-                    after: !objectified ? JSON.stringify(newval) : newval,
-                    record: this.record,
-                    column: this.column,
-                    row: this.row
-                }
-            }));
-        };
-        try {
-            var value = !objectified && typeof this.value === 'string' ? JSON.parse(this.value) : cloneDeep(this.value || {});
-        }
-        catch (e) {
-            var value = {};
-        }
-        /*
-          주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로,
-          layout의 구성에 변화가 발생하면, 다시 render된다.
-          이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)
-          이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,
-          만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.
-          따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.
-        */
-        var template = html `
-      <ox-popup-parameters-builder
-        .value=${value}
-        .props=${spec}
-        .host=${this.record}
-        .context=${context}
-        .confirmCallback=${confirmCallback}
-      >
-      </ox-popup-parameters-builder>
-    `;
-        this.popup = openPopup(template, {
-            backdrop: true,
-            size: 'large',
-            title: `${(name === null || name === void 0 ? void 0 : name.toUpperCase()) || ''} ${i18next.t('field.params')}`,
-            help
-        });
-    }
-};
-OxGristEditorParameters = __decorate([
-    customElement('ox-grist-editor-parameters')
-], OxGristEditorParameters);
-export { OxGristEditorParameters };
-//# sourceMappingURL=ox-grist-editor-parameters.js.map

package/dist/src/grist-editor/ox-grist-editor-parameters.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-editor-parameters.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-editor-parameters.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,4BAA4B,CAAA;AACnC,OAAO,kCAAkC,CAAA;AAEzC,OAAO,EAA6B,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9E,OAAO,EAAe,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAO,IAAI,EAAE,MAAM,KAAK,CAAA;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,IAAa,uBAAuB,GAApC,MAAa,uBAAwB,SAAQ,aAAa;IAGxD,IAAI,cAAc;QAChB,MAAM,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAA;QACtF,OAAO,IAAI,CAAA,IAAI,KAAK,IAAI,EAAE,GAAG,CAAA;IAC/B,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,IAAI,CAAC,cAAc,CAAA;QAEzB,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;YAC5C,CAAC,CAAC,eAAe,EAAE,CAAA;YAEnB,IAAI,CAAC,YAAY,EAAE,CAAA;QACrB,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,YAAY,EAAE,CAAA;IACrB,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,OAAO,IAAI,CAAC,KAAK,CAAA;SAClB;QAED,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAA;QAEpC,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE;YACjC,OAAO,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,CAAA;SAC/F;QAED,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,GAAG,KAAK,EAAE,GAAG,OAAO,CAAA;QAElE,MAAM,eAAe,GAAG,CAAC,MAAW,EAAE,EAAE;YACtC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,cAAc,EAAE;gBAC9B,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,MAAM,EAAE,IAAI,CAAC,KAAK;oBAClB,KAAK,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM;oBACrD,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,MAAM,EAAE,IAAI,CAAC,MAAM;oBACnB,GAAG,EAAE,IAAI,CAAC,GAAG;iBACd;aACF,CAAC,CACH,CAAA;QACH,CAAC,CAAA;QAED,IAAI;YACF,IAAI,KAAK,GACP,CAAC,WAAW,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA;SACxG;QAAC,OAAO,CAAC,EAAE;YACV,IAAI,KAAK,GAAQ,EAAE,CAAA;SACpB;QAED;;;;;;;UAOE;QACF,IAAI,QAAQ,GAAG,IAAI,CAAA;;iBAEN,KAAK;iBACL,IAAI;gBACL,IAAI,CAAC,MAAM;mBACR,OAAO;2BACC,eAAe;;;KAGrC,CAAA;QAED,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,EAAE;YAC/B,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,KAAI,EAAE,IAAI,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,EAAE;YAClE,IAAI;SACL,CAAC,CAAA;IACJ,CAAC;CACF,CAAA;AAlFY,uBAAuB;IADnC,aAAa,CAAC,4BAA4B,CAAC;GAC/B,uBAAuB,CAkFnC;SAlFY,uBAAuB","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport './ox-parameters-builder.js'\nimport './ox-popup-parameters-builder.js'\n\nimport { ColumnConfig, GristRecord, OxGristEditor } from '@operato/data-grist'\nimport { PopupHandle, openPopup } from '@operato/layout'\nimport { css, html } from 'lit'\n\nimport { cloneDeep } from 'lodash-es'\nimport { customElement } from 'lit/decorators.js'\nimport { i18next } from '@operato/i18n'\n\n@customElement('ox-grist-editor-parameters')\nexport class OxGristEditorParameters extends OxGristEditor {\n  private popup?: PopupHandle\n\n  get editorTemplate() {\n    const value = typeof this.value === 'object' ? JSON.stringify(this.value) : this.value\n    return html` ${value || ''} `\n  }\n\n  async firstUpdated() {\n    await this.updateComplete\n\n    this.renderRoot.addEventListener('click', e => {\n      e.stopPropagation()\n\n      this.openSelector()\n    })\n\n    this.openSelector()\n  }\n\n  async openSelector() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    var { options } = this.column.record\n\n    if (typeof options === 'function') {\n      options = await options.call(this, this.value, this.column, this.record, this.row, this.field)\n    }\n\n    const { name, help, spec, context, objectified = false } = options\n\n    const confirmCallback = (newval: any) => {\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: !objectified ? JSON.stringify(newval) : newval,\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    try {\n      var value: any =\n        !objectified && typeof this.value === 'string' ? JSON.parse(this.value) : cloneDeep(this.value || {})\n    } catch (e) {\n      var value: any = {}\n    }\n\n    /* \n      주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로, \n      layout의 구성에 변화가 발생하면, 다시 render된다.\n      이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)\n      이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,\n      만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.\n      따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.\n    */\n    var template = html`\n      <ox-popup-parameters-builder\n        .value=${value}\n        .props=${spec}\n        .host=${this.record}\n        .context=${context}\n        .confirmCallback=${confirmCallback}\n      >\n      </ox-popup-parameters-builder>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: `${name?.toUpperCase() || ''} ${i18next.t('field.params')}`,\n      help\n    })\n  }\n}\n"]}

package/dist/src/grist-editor/ox-grist-editor-partition-keys.d.ts

@@ -1,11 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import './ox-popup-partition-keys-input.js';
-import { OxGristEditor } from '@operato/data-grist';
-export declare class OxGristEditorPartitionKeys extends OxGristEditor {
-    private popup?;
-    get editorTemplate(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): Promise<void>;
-    openSelector(): Promise<void>;
-}

package/dist/src/grist-editor/ox-grist-editor-partition-keys.js

@@ -1,74 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import { __decorate } from "tslib";
-import './ox-popup-partition-keys-input.js';
-import { html } from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { cloneDeep } from 'lodash-es';
-import { OxGristEditor } from '@operato/data-grist';
-import { i18next } from '@operato/i18n';
-import { openPopup } from '@operato/layout';
-let OxGristEditorPartitionKeys = class OxGristEditorPartitionKeys extends OxGristEditor {
-    get editorTemplate() {
-        const value = typeof this.value === 'object' ? JSON.stringify(this.value) : this.value;
-        return html ` ${value || ''} `;
-    }
-    async firstUpdated() {
-        await this.updateComplete;
-        this.renderRoot.addEventListener('click', e => {
-            e.stopPropagation();
-            this.openSelector();
-        });
-        this.openSelector();
-    }
-    async openSelector() {
-        var _a;
-        if (this.popup) {
-            delete this.popup;
-        }
-        const { name, help, objectified = false } = ((_a = this.column.record) === null || _a === void 0 ? void 0 : _a.options) || {};
-        const confirmCallback = (newval) => {
-            this.dispatchEvent(new CustomEvent('field-change', {
-                bubbles: true,
-                composed: true,
-                detail: {
-                    before: this.value,
-                    after: !objectified ? JSON.stringify(newval) : newval,
-                    record: this.record,
-                    column: this.column,
-                    row: this.row
-                }
-            }));
-        };
-        try {
-            var value = !objectified && typeof this.value === 'string' ? JSON.parse(this.value) : cloneDeep(this.value || {});
-        }
-        catch (e) {
-            var value = {};
-        }
-        /*
-          주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로,
-          layout의 구성에 변화가 발생하면, 다시 render된다.
-          이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)
-          이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,
-          만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.
-          따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.
-        */
-        var template = html `
-      <ox-popup-partition-keys-input .value=${value} .confirmCallback=${confirmCallback}>
-      </ox-popup-partition-keys-input>
-    `;
-        this.popup = openPopup(template, {
-            backdrop: true,
-            size: 'large',
-            title: `${(name === null || name === void 0 ? void 0 : name.toUpperCase()) || i18next.t('field.partition-keys')} `,
-            help
-        });
-    }
-};
-OxGristEditorPartitionKeys = __decorate([
-    customElement('ox-grist-editor-partition-keys')
-], OxGristEditorPartitionKeys);
-export { OxGristEditorPartitionKeys };
-//# sourceMappingURL=ox-grist-editor-partition-keys.js.map

package/dist/src/grist-editor/ox-grist-editor-partition-keys.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-grist-editor-partition-keys.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-grist-editor-partition-keys.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport './ox-popup-partition-keys-input.js'\n\nimport { html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { cloneDeep } from 'lodash-es'\n\nimport { OxGristEditor } from '@operato/data-grist'\nimport { i18next } from '@operato/i18n'\nimport { openPopup, PopupHandle } from '@operato/layout'\n\n@customElement('ox-grist-editor-partition-keys')\nexport class OxGristEditorPartitionKeys extends OxGristEditor {\n  private popup?: PopupHandle\n\n  get editorTemplate() {\n    const value = typeof this.value === 'object' ? JSON.stringify(this.value) : this.value\n    return html` ${value || ''} `\n  }\n\n  async firstUpdated() {\n    await this.updateComplete\n\n    this.renderRoot.addEventListener('click', e => {\n      e.stopPropagation()\n\n      this.openSelector()\n    })\n\n    this.openSelector()\n  }\n\n  async openSelector() {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    const { name, help, objectified = false } = this.column.record?.options || {}\n\n    const confirmCallback = (newval: any) => {\n      this.dispatchEvent(\n        new CustomEvent('field-change', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            before: this.value,\n            after: !objectified ? JSON.stringify(newval) : newval,\n            record: this.record,\n            column: this.column,\n            row: this.row\n          }\n        })\n      )\n    }\n\n    try {\n      var value: any =\n        !objectified && typeof this.value === 'string' ? JSON.parse(this.value) : cloneDeep(this.value || {})\n    } catch (e) {\n      var value: any = {}\n    }\n\n    /* \n      주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로, \n      layout의 구성에 변화가 발생하면, 다시 render된다.\n      이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)\n      이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,\n      만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.\n      따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.\n    */\n    var template = html`\n      <ox-popup-partition-keys-input .value=${value} .confirmCallback=${confirmCallback}>\n      </ox-popup-partition-keys-input>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'large',\n      title: `${name?.toUpperCase() || i18next.t('field.partition-keys')} `,\n      help\n    })\n  }\n}\n"]}

package/dist/src/grist-editor/ox-grist-editor-value-map.d.ts

@@ -1,11 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import './ox-popup-value-map-input.js';
-import { OxGristEditor } from '@operato/data-grist';
-export declare class OxGristEditorValueMap extends OxGristEditor {
-    private popup?;
-    get editorTemplate(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): Promise<void>;
-    openSelector(): Promise<void>;
-}