@operato/app 1.0.0-beta.9 → 1.0.2

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

@@ -1,118 +0,0 @@
-/**
- * @license Copyright © HatioLab Inc. All rights reserved.
- */
-import { __decorate } from "tslib";
-import { LitElement, html } from 'lit';
-import { OxPropertyEditor } from '@operato/property-editor';
-import { customElement, property } from 'lit/decorators.js';
-import { connect } from 'pwa-helpers/connect-mixin';
-import { store } from '@operato/shell';
-/**
-모든 에디터들은 change 이벤트를 지원해야 한다. 또한, 모든 에디터들은 value속성에 값을 가져야 한다.
-
-Example:
-
-    <ox-parameters-builder value="{{value}}">
-      <label>Center X</label>
-      <input type="number" .value="${value.cx}">
-      <label>Width</label>
-      <input type="number" .value="${value.width}">
-    </ox-parameters-builder>
-*/
-const DEFAULT_VALUE = {
-    legend: '',
-    number: 0,
-    angle: 0,
-    string: '',
-    text: '',
-    textarea: '',
-    checkbox: false,
-    select: '',
-    color: '#000000',
-    'solidcolor-stops': null,
-    'gradientcolor-stops': null,
-    'gltf-selector': '',
-    'image-selector': '',
-    multiplecolor: null,
-    editortable: null,
-    imageselector: '',
-    options: null,
-    date: null
-};
-let OxParametersBuilder = class OxParametersBuilder extends connect(store)(LitElement) {
-    render() {
-        return html `<slot></slot>`;
-    }
-    firstUpdated() {
-        this.addEventListener('change', this._onValueChanged.bind(this));
-    }
-    updated(changes) {
-        changes.has('props') && this._onPropsChanged(this.props);
-        changes.has('value') && this._setValues();
-    }
-    _onPropsChanged(props) {
-        this.textContent = '';
-        (props || []).forEach(prop => {
-            let elementType = OxPropertyEditor.getEditor(prop.type);
-            if (!elementType) {
-                console.warn('Property Editor not defined', prop.type);
-                return;
-            }
-            let element = document.createElement(elementType);
-            element.label = prop.label;
-            element.type = prop.type;
-            element.placeholder = prop.placeholder;
-            element.host = this.host;
-            // element.context = this.context
-            element.setAttribute('name', prop.name);
-            if (prop.observe) {
-                element.observe = prop.observe;
-            }
-            element.property = prop.property;
-            element.setAttribute('property-editor', '');
-            this.appendChild(element);
-        });
-    }
-    _setValues() {
-        var value = this.value || {};
-        Array.from(this.querySelectorAll('[name]')).forEach(propertyEditor => {
-            const editor = propertyEditor;
-            let name = editor.getAttribute('name');
-            editor.value = value[name] === undefined ? DEFAULT_VALUE[editor.type] : value[name];
-        });
-    }
-    _getValues() {
-        var value = {};
-        Array.from(this.querySelectorAll('[name]')).forEach(propertyEditor => {
-            const editor = propertyEditor;
-            let name = editor.getAttribute('name');
-            value[name] = editor.value === undefined ? DEFAULT_VALUE[editor.type] : editor.value;
-        });
-        return value;
-    }
-    _onValueChanged(e) {
-        e.stopPropagation();
-        var prop = e.target;
-        if (!prop || !prop.hasAttribute('property-editor')) {
-            return;
-        }
-        this.dispatchEvent(new CustomEvent('property-change', {
-            bubbles: true,
-            composed: true,
-            detail: this._getValues()
-        }));
-    }
-};
-__decorate([
-    property({ type: Object })
-], OxParametersBuilder.prototype, "value", void 0);
-__decorate([
-    property({ type: Array })
-], OxParametersBuilder.prototype, "props", void 0);
-__decorate([
-    property({ type: Object })
-], OxParametersBuilder.prototype, "host", void 0);
-OxParametersBuilder = __decorate([
-    customElement('ox-parameters-builder')
-], OxParametersBuilder);
-//# sourceMappingURL=ox-parameters-builder.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ox-parameters-builder.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-parameters-builder.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { LitElement, PropertyValues, html } from 'lit'\nimport { OxPropertyEditor, PropertySpec } from '@operato/property-editor'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { connect } from 'pwa-helpers/connect-mixin'\nimport { store } from '@operato/shell'\n\n/**\n모든 에디터들은 change 이벤트를 지원해야 한다. 또한, 모든 에디터들은 value속성에 값을 가져야 한다.\n\nExample:\n\n    <ox-parameters-builder value=\"{{value}}\">\n      <label>Center X</label>\n      <input type=\"number\" .value=\"${value.cx}\">\n      <label>Width</label>\n      <input type=\"number\" .value=\"${value.width}\">\n    </ox-parameters-builder>\n*/\n\nconst DEFAULT_VALUE = {\n  legend: '',\n  number: 0,\n  angle: 0,\n  string: '',\n  text: '',\n  textarea: '',\n  checkbox: false,\n  select: '',\n  color: '#000000',\n  'solidcolor-stops': null,\n  'gradientcolor-stops': null,\n  'gltf-selector': '',\n  'image-selector': '',\n  multiplecolor: null,\n  editortable: null,\n  imageselector: '',\n  options: null,\n  date: null\n} as any\n\n@customElement('ox-parameters-builder')\nclass OxParametersBuilder extends connect(store)(LitElement) {\n  @property({ type: Object }) value: any\n  @property({ type: Array }) props?: PropertySpec[]\n  @property({ type: Object }) host: any\n\n  render() {\n    return html`<slot></slot>`\n  }\n\n  firstUpdated() {\n    this.addEventListener('change', this._onValueChanged.bind(this))\n  }\n\n  updated(changes: PropertyValues<this>) {\n    changes.has('props') && this._onPropsChanged(this.props)\n    changes.has('value') && this._setValues()\n  }\n\n  _onPropsChanged(props: PropertySpec[] | undefined) {\n    this.textContent = ''\n    ;(props || []).forEach(prop => {\n      let elementType = OxPropertyEditor.getEditor(prop.type)\n      if (!elementType) {\n        console.warn('Property Editor not defined', prop.type)\n        return\n      }\n      let element = document.createElement(elementType) as OxPropertyEditor\n\n      element.label = prop.label\n      element.type = prop.type\n      element.placeholder = prop.placeholder\n      element.host = this.host\n      // element.context = this.context\n      element.setAttribute('name', prop.name)\n\n      if (prop.observe) {\n        element.observe = prop.observe\n      }\n      element.property = prop.property\n      element.setAttribute('property-editor', '')\n\n      this.appendChild(element)\n    })\n  }\n\n  _setValues() {\n    var value = this.value || {}\n    Array.from(this.querySelectorAll('[name]')).forEach(propertyEditor => {\n      const editor = propertyEditor as OxPropertyEditor\n      let name = editor.getAttribute('name')\n      editor.value = value[name!] === undefined ? DEFAULT_VALUE[editor.type] : value[name!]\n    })\n  }\n\n  _getValues() {\n    var value = {} as any\n    Array.from(this.querySelectorAll('[name]')).forEach(propertyEditor => {\n      const editor = propertyEditor as OxPropertyEditor\n      let name = editor.getAttribute('name')\n      value[name!] = editor.value === undefined ? DEFAULT_VALUE[editor.type] : editor.value\n    })\n\n    return value\n  }\n\n  _onValueChanged(e: Event) {\n    e.stopPropagation()\n    var prop = e.target as HTMLElement\n\n    if (!prop || !prop.hasAttribute('property-editor')) {\n      return\n    }\n\n    this.dispatchEvent(\n      new CustomEvent('property-change', {\n        bubbles: true,\n        composed: true,\n        detail: this._getValues()\n      })\n    )\n  }\n}\n"]}

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

@@ -1,11 +0,0 @@
-import '@operato/input/ox-input-crontab.js';
-import { LitElement } from 'lit';
-export declare class OxPopupCrontabInput extends LitElement {
-    static styles: import("lit").CSSResult[];
-    value: any;
-    confirmCallback: (newval: any) => void;
-    render(): import("lit-html").TemplateResult<1>;
-    private onChange;
-    private onCancel;
-    private onConfirm;
-}

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

@@ -1,74 +0,0 @@
-import { __decorate } from "tslib";
-import '@operato/input/ox-input-crontab.js';
-import { LitElement, css, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { ScrollbarStyles } from '@operato/styles';
-import { i18next } from '@operato/i18n';
-let OxPopupCrontabInput = class OxPopupCrontabInput extends LitElement {
-    render() {
-        return html `
-      <ox-input-crontab .value=${this.value} @change=${this.onChange.bind(this)}> </ox-input-crontab>
-
-      <div class="button-container">
-        <mwc-button @click=${this.onCancel.bind(this)}>${i18next.t('button.cancel')}</mwc-button>
-        <mwc-button @click=${this.onConfirm.bind(this)}>${i18next.t('button.confirm')}</mwc-button>
-      </div>
-    `;
-    }
-    onChange(e) {
-        e.stopPropagation();
-        this.value = e.detail;
-    }
-    onCancel(e) {
-        history.back();
-    }
-    onConfirm(e) {
-        this.confirmCallback && this.confirmCallback(this.value);
-        history.back();
-    }
-};
-OxPopupCrontabInput.styles = [
-    ScrollbarStyles,
-    css `
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: #fff;
-
-        width: var(--overlay-center-normal-width, 50%);
-        height: var(--overlay-center-normal-height, 50%);
-      }
-
-      ox-input-crontab {
-        flex: 1;
-        overflow-y: auto;
-      }
-
-      span {
-        flex: 1;
-
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        color: var(--primary-color);
-      }
-
-      .button-container {
-        display: flex;
-        margin-left: auto;
-      }
-    `
-];
-__decorate([
-    property({ type: Object })
-], OxPopupCrontabInput.prototype, "value", void 0);
-__decorate([
-    property({ type: Object })
-], OxPopupCrontabInput.prototype, "confirmCallback", void 0);
-OxPopupCrontabInput = __decorate([
-    customElement('ox-popup-crontab-input')
-], OxPopupCrontabInput);
-export { OxPopupCrontabInput };
-//# sourceMappingURL=ox-popup-crontab-input.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ox-popup-crontab-input.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-popup-crontab-input.ts"],"names":[],"mappings":";AAAA,OAAO,oCAAoC,CAAA;AAE3C,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,IAAa,mBAAmB,GAAhC,MAAa,mBAAoB,SAAQ,UAAU;IAuCjD,MAAM;QACJ,OAAO,IAAI,CAAA;iCACkB,IAAI,CAAC,KAAK,YAAY,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;;6BAGlD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;6BACtD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;;KAEhF,CAAA;IACH,CAAC;IAEO,QAAQ,CAAC,CAAc;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAA;IACvB,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;IAEO,SAAS,CAAC,CAAQ;QACxB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACxD,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;CACF,CAAA;AA/DQ,0BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8BF;CACF,CAAA;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DAAwC;AArCxD,mBAAmB;IAD/B,aAAa,CAAC,wBAAwB,CAAC;GAC3B,mBAAmB,CAgE/B;SAhEY,mBAAmB","sourcesContent":["import '@operato/input/ox-input-crontab.js'\n\nimport { LitElement, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\nimport { i18next } from '@operato/i18n'\n\n@customElement('ox-popup-crontab-input')\nexport class OxPopupCrontabInput extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n\n        width: var(--overlay-center-normal-width, 50%);\n        height: var(--overlay-center-normal-height, 50%);\n      }\n\n      ox-input-crontab {\n        flex: 1;\n        overflow-y: auto;\n      }\n\n      span {\n        flex: 1;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        color: var(--primary-color);\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n      }\n    `\n  ]\n\n  @property({ type: Object }) value: any\n  @property({ type: Object }) confirmCallback!: (newval: any) => void\n\n  render() {\n    return html`\n      <ox-input-crontab .value=${this.value} @change=${this.onChange.bind(this)}> </ox-input-crontab>\n\n      <div class=\"button-container\">\n        <mwc-button @click=${this.onCancel.bind(this)}>${i18next.t('button.cancel')}</mwc-button>\n        <mwc-button @click=${this.onConfirm.bind(this)}>${i18next.t('button.confirm')}</mwc-button>\n      </div>\n    `\n  }\n\n  private onChange(e: CustomEvent) {\n    e.stopPropagation()\n\n    this.value = e.detail\n  }\n\n  private onCancel(e: Event) {\n    history.back()\n  }\n\n  private onConfirm(e: Event) {\n    this.confirmCallback && this.confirmCallback(this.value)\n    history.back()\n  }\n}\n"]}

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

@@ -1,13 +0,0 @@
-import { LitElement } from 'lit';
-export declare class OxPopupParametersBuilder extends LitElement {
-    static styles: import("lit").CSSResult[];
-    value: any;
-    props: any;
-    host: any;
-    context: any;
-    confirmCallback: (newval: any) => void;
-    render(): import("lit-html").TemplateResult<1>;
-    private onChange;
-    private onCancel;
-    private onConfirm;
-}

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

@@ -1,111 +0,0 @@
-import { __decorate } from "tslib";
-import { LitElement, css, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { ScrollbarStyles } from '@operato/styles';
-import { i18next } from '@operato/i18n';
-let OxPopupParametersBuilder = class OxPopupParametersBuilder extends LitElement {
-    render() {
-        var props = this.props instanceof Array ? this.props : [];
-        return html `
-      ${props.length > 0
-            ? html `
-            <ox-parameters-builder
-              .value=${this.value}
-              .props=${props}
-              .host=${this.host}
-              .context=${this.context}
-              @property-change=${this.onChange.bind(this)}
-            >
-            </ox-parameters-builder>
-          `
-            : html ` <span><i18n-msg msgid="text.no properties to set"></i18n-msg></span> `}
-
-      <div class="button-container">
-        <mwc-button @click=${this.onCancel.bind(this)}>${i18next.t('button.cancel')}</mwc-button>
-        <mwc-button @click=${this.onConfirm.bind(this)}>${i18next.t('button.confirm')}</mwc-button>
-      </div>
-    `;
-    }
-    onChange(e) {
-        e.stopPropagation();
-        /*
-          주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로,
-          layout의 구성에 변화가 발생하면, 다시 render된다.
-          이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)
-          이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,
-          만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.
-          따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.
-          (이 팝업 클래스를 템플릿으로 사용한 곳의 코드를 참조하세요.)
-          =>
-          이런 이유로, Object.assign(...)을 사용하였다.
-        */
-        if (!this.value) {
-            this.value = {};
-        }
-        for (let key in this.value) {
-            delete this.value[key];
-        }
-        Object.assign(this.value, e.detail);
-    }
-    onCancel(e) {
-        history.back();
-    }
-    onConfirm(e) {
-        this.confirmCallback && this.confirmCallback(this.value);
-        history.back();
-    }
-};
-OxPopupParametersBuilder.styles = [
-    ScrollbarStyles,
-    css `
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: #fff;
-
-        width: var(--overlay-center-normal-width, 50%);
-        height: var(--overlay-center-normal-height, 50%);
-      }
-
-      ox-parameters-builder {
-        flex: 1;
-        overflow-y: auto;
-      }
-
-      span {
-        flex: 1;
-
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        color: var(--primary-color);
-      }
-
-      .button-container {
-        display: flex;
-        margin-left: auto;
-      }
-    `
-];
-__decorate([
-    property({ type: Object })
-], OxPopupParametersBuilder.prototype, "value", void 0);
-__decorate([
-    property({ type: Object })
-], OxPopupParametersBuilder.prototype, "props", void 0);
-__decorate([
-    property({ type: Object })
-], OxPopupParametersBuilder.prototype, "host", void 0);
-__decorate([
-    property({ type: Object })
-], OxPopupParametersBuilder.prototype, "context", void 0);
-__decorate([
-    property({ type: Object })
-], OxPopupParametersBuilder.prototype, "confirmCallback", void 0);
-OxPopupParametersBuilder = __decorate([
-    customElement('ox-popup-parameters-builder')
-], OxPopupParametersBuilder);
-export { OxPopupParametersBuilder };
-//# sourceMappingURL=ox-popup-parameters-builder.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ox-popup-parameters-builder.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-popup-parameters-builder.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,UAAU;IA0CtD,MAAM;QACJ,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;QAEzD,OAAO,IAAI,CAAA;QACP,KAAK,CAAC,MAAM,GAAG,CAAC;YAChB,CAAC,CAAC,IAAI,CAAA;;uBAES,IAAI,CAAC,KAAK;uBACV,KAAK;sBACN,IAAI,CAAC,IAAI;yBACN,IAAI,CAAC,OAAO;iCACJ,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;;WAG9C;YACH,CAAC,CAAC,IAAI,CAAA,wEAAwE;;;6BAGzD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;6BACtD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;;KAEhF,CAAA;IACH,CAAC;IAEO,QAAQ,CAAC,CAAc;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB;;;;;;;;;;UAUE;QACF,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;SAChB;QAED,KAAK,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE;YAC1B,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;SACvB;QACD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAA;IACrC,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;IAEO,SAAS,CAAC,CAAQ;QACxB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACxD,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;CACF,CAAA;AAjGQ,+BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8BF;CACF,CAAA;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;sDAAU;AACT;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yDAAa;AACZ;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iEAAwC;AAxCxD,wBAAwB;IADpC,aAAa,CAAC,6BAA6B,CAAC;GAChC,wBAAwB,CAkGpC;SAlGY,wBAAwB","sourcesContent":["import { LitElement, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\nimport { i18next } from '@operato/i18n'\n\n@customElement('ox-popup-parameters-builder')\nexport class OxPopupParametersBuilder extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n\n        width: var(--overlay-center-normal-width, 50%);\n        height: var(--overlay-center-normal-height, 50%);\n      }\n\n      ox-parameters-builder {\n        flex: 1;\n        overflow-y: auto;\n      }\n\n      span {\n        flex: 1;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        color: var(--primary-color);\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n      }\n    `\n  ]\n\n  @property({ type: Object }) value: any\n  @property({ type: Object }) props: any\n  @property({ type: Object }) host: any\n  @property({ type: Object }) context: any\n  @property({ type: Object }) confirmCallback!: (newval: any) => void\n\n  render() {\n    var props = this.props instanceof Array ? this.props : []\n\n    return html`\n      ${props.length > 0\n        ? html`\n            <ox-parameters-builder\n              .value=${this.value}\n              .props=${props}\n              .host=${this.host}\n              .context=${this.context}\n              @property-change=${this.onChange.bind(this)}\n            >\n            </ox-parameters-builder>\n          `\n        : html` <span><i18n-msg msgid=\"text.no properties to set\"></i18n-msg></span> `}\n\n      <div class=\"button-container\">\n        <mwc-button @click=${this.onCancel.bind(this)}>${i18next.t('button.cancel')}</mwc-button>\n        <mwc-button @click=${this.onConfirm.bind(this)}>${i18next.t('button.confirm')}</mwc-button>\n      </div>\n    `\n  }\n\n  private onChange(e: CustomEvent) {\n    e.stopPropagation()\n\n    /* \n      주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로, \n      layout의 구성에 변화가 발생하면, 다시 render된다.\n      이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)\n      이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,\n      만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.\n      따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.\n      (이 팝업 클래스를 템플릿으로 사용한 곳의 코드를 참조하세요.)\n      => \n      이런 이유로, Object.assign(...)을 사용하였다.\n    */\n    if (!this.value) {\n      this.value = {}\n    }\n\n    for (let key in this.value) {\n      delete this.value[key]\n    }\n    Object.assign(this.value, e.detail)\n  }\n\n  private onCancel(e: Event) {\n    history.back()\n  }\n\n  private onConfirm(e: Event) {\n    this.confirmCallback && this.confirmCallback(this.value)\n    history.back()\n  }\n}\n"]}

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

@@ -1,12 +0,0 @@
-import '@operato/input/ox-input-partition-keys.js';
-import { LitElement } from 'lit';
-export declare class OxPopupPartitionKeysInput extends LitElement {
-    static styles: import("lit").CSSResult[];
-    value: any;
-    valuetype: string;
-    confirmCallback: (newval: any) => void;
-    render(): import("lit-html").TemplateResult<1>;
-    private onChange;
-    private onCancel;
-    private onConfirm;
-}

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

@@ -1,98 +0,0 @@
-import { __decorate } from "tslib";
-import '@operato/input/ox-input-partition-keys.js';
-import { LitElement, css, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { ScrollbarStyles } from '@operato/styles';
-import { i18next } from '@operato/i18n';
-let OxPopupPartitionKeysInput = class OxPopupPartitionKeysInput extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.valuetype = 'string';
-    }
-    render() {
-        return html `
-      <ox-input-partition-keys .value=${this.value} @change=${this.onChange.bind(this)}> </ox-input-partition-keys>
-
-      <div class="button-container">
-        <mwc-button @click=${this.onCancel.bind(this)}>${i18next.t('button.cancel')}</mwc-button>
-        <mwc-button @click=${this.onConfirm.bind(this)}>${i18next.t('button.confirm')}</mwc-button>
-      </div>
-    `;
-    }
-    onChange(e) {
-        e.stopPropagation();
-        /*
-          주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로,
-          layout의 구성에 변화가 발생하면, 다시 render된다.
-          이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)
-          이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,
-          만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.
-          따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.
-          (이 팝업 클래스를 템플릿으로 사용한 곳의 코드를 참조하세요.)
-          =>
-          이런 이유로, Object.assign(...)을 사용하였다.
-        */
-        if (!this.value || typeof this.value !== 'object') {
-            this.value = {};
-        }
-        for (let key in this.value) {
-            delete this.value[key];
-        }
-        Object.assign(this.value, e.detail);
-    }
-    onCancel(e) {
-        history.back();
-    }
-    onConfirm(e) {
-        this.confirmCallback && this.confirmCallback(this.value);
-        history.back();
-    }
-};
-OxPopupPartitionKeysInput.styles = [
-    ScrollbarStyles,
-    css `
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: #fff;
-
-        width: var(--overlay-center-normal-width, 50%);
-        height: var(--overlay-center-normal-height, 50%);
-      }
-
-      ox-input-partition-keys {
-        flex: 1;
-        overflow-y: auto;
-      }
-
-      span {
-        flex: 1;
-
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        color: var(--primary-color);
-      }
-
-      .button-container {
-        display: flex;
-        margin-left: auto;
-      }
-    `
-];
-__decorate([
-    property({ type: Object })
-], OxPopupPartitionKeysInput.prototype, "value", void 0);
-__decorate([
-    property({ type: String })
-], OxPopupPartitionKeysInput.prototype, "valuetype", void 0);
-__decorate([
-    property({ type: Object })
-], OxPopupPartitionKeysInput.prototype, "confirmCallback", void 0);
-OxPopupPartitionKeysInput = __decorate([
-    customElement('ox-popup-partition-keys-input')
-], OxPopupPartitionKeysInput);
-export { OxPopupPartitionKeysInput };
-//# sourceMappingURL=ox-popup-partition-keys-input.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ox-popup-partition-keys-input.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-popup-partition-keys-input.ts"],"names":[],"mappings":";AAAA,OAAO,2CAA2C,CAAA;AAElD,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,IAAa,yBAAyB,GAAtC,MAAa,yBAA0B,SAAQ,UAAU;IAAzD;;QAqC8B,cAAS,GAAW,QAAQ,CAAA;IAgD1D,CAAC;IA7CC,MAAM;QACJ,OAAO,IAAI,CAAA;wCACyB,IAAI,CAAC,KAAK,YAAY,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;;6BAGzD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;6BACtD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;;KAEhF,CAAA;IACH,CAAC;IAEO,QAAQ,CAAC,CAAc;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB;;;;;;;;;;UAUE;QAEF,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YACjD,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;SAChB;QAED,KAAK,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE;YAC1B,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;SACvB;QAED,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAA;IACrC,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;IAEO,SAAS,CAAC,CAAQ;QACxB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACxD,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;CACF,CAAA;AApFQ,gCAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8BF;CACF,CAAA;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wDAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4DAA6B;AAC5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kEAAwC;AAtCxD,yBAAyB;IADrC,aAAa,CAAC,+BAA+B,CAAC;GAClC,yBAAyB,CAqFrC;SArFY,yBAAyB","sourcesContent":["import '@operato/input/ox-input-partition-keys.js'\n\nimport { LitElement, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\nimport { i18next } from '@operato/i18n'\n\n@customElement('ox-popup-partition-keys-input')\nexport class OxPopupPartitionKeysInput extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n\n        width: var(--overlay-center-normal-width, 50%);\n        height: var(--overlay-center-normal-height, 50%);\n      }\n\n      ox-input-partition-keys {\n        flex: 1;\n        overflow-y: auto;\n      }\n\n      span {\n        flex: 1;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        color: var(--primary-color);\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n      }\n    `\n  ]\n\n  @property({ type: Object }) value: any\n  @property({ type: String }) valuetype: string = 'string'\n  @property({ type: Object }) confirmCallback!: (newval: any) => void\n\n  render() {\n    return html`\n      <ox-input-partition-keys .value=${this.value} @change=${this.onChange.bind(this)}> </ox-input-partition-keys>\n\n      <div class=\"button-container\">\n        <mwc-button @click=${this.onCancel.bind(this)}>${i18next.t('button.cancel')}</mwc-button>\n        <mwc-button @click=${this.onConfirm.bind(this)}>${i18next.t('button.confirm')}</mwc-button>\n      </div>\n    `\n  }\n\n  private onChange(e: CustomEvent) {\n    e.stopPropagation()\n\n    /* \n      주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로, \n      layout의 구성에 변화가 발생하면, 다시 render된다.\n      이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)\n      이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,\n      만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.\n      따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.\n      (이 팝업 클래스를 템플릿으로 사용한 곳의 코드를 참조하세요.)\n      => \n      이런 이유로, Object.assign(...)을 사용하였다.\n    */\n\n    if (!this.value || typeof this.value !== 'object') {\n      this.value = {}\n    }\n\n    for (let key in this.value) {\n      delete this.value[key]\n    }\n\n    Object.assign(this.value, e.detail)\n  }\n\n  private onCancel(e: Event) {\n    history.back()\n  }\n\n  private onConfirm(e: Event) {\n    this.confirmCallback && this.confirmCallback(this.value)\n    history.back()\n  }\n}\n"]}

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

@@ -1,12 +0,0 @@
-import '@operato/input/ox-input-value-map.js';
-import { LitElement } from 'lit';
-export declare class OxPopupValueMapInput extends LitElement {
-    static styles: import("lit").CSSResult[];
-    value: any;
-    valuetype: string;
-    confirmCallback: (newval: any) => void;
-    render(): import("lit-html").TemplateResult<1>;
-    private onChange;
-    private onCancel;
-    private onConfirm;
-}

package/dist/src/grist-editor/ox-popup-value-map-input.js

@@ -1,104 +0,0 @@
-import { __decorate } from "tslib";
-import '@operato/input/ox-input-value-map.js';
-import { LitElement, css, html } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { ScrollbarStyles } from '@operato/styles';
-import { i18next } from '@operato/i18n';
-let OxPopupValueMapInput = class OxPopupValueMapInput extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.valuetype = 'string';
-    }
-    render() {
-        return html `
-      <ox-input-value-map
-        .value=${this.value}
-        keytype="string"
-        .valuetype=${this.valuetype}
-        @change=${this.onChange.bind(this)}
-      >
-      </ox-input-value-map>
-
-      <div class="button-container">
-        <mwc-button @click=${this.onCancel.bind(this)}>${i18next.t('button.cancel')}</mwc-button>
-        <mwc-button @click=${this.onConfirm.bind(this)}>${i18next.t('button.confirm')}</mwc-button>
-      </div>
-    `;
-    }
-    onChange(e) {
-        e.stopPropagation();
-        /*
-          주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로,
-          layout의 구성에 변화가 발생하면, 다시 render된다.
-          이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)
-          이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,
-          만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.
-          따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.
-          (이 팝업 클래스를 템플릿으로 사용한 곳의 코드를 참조하세요.)
-          =>
-          이런 이유로, Object.assign(...)을 사용하였다.
-        */
-        if (!this.value) {
-            this.value = {};
-        }
-        for (let key in this.value) {
-            delete this.value[key];
-        }
-        Object.assign(this.value, e.detail);
-    }
-    onCancel(e) {
-        history.back();
-    }
-    onConfirm(e) {
-        this.confirmCallback && this.confirmCallback(this.value);
-        history.back();
-    }
-};
-OxPopupValueMapInput.styles = [
-    ScrollbarStyles,
-    css `
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: #fff;
-
-        width: var(--overlay-center-normal-width, 50%);
-        height: var(--overlay-center-normal-height, 50%);
-      }
-
-      ox-input-value-map {
-        flex: 1;
-        overflow-y: auto;
-      }
-
-      span {
-        flex: 1;
-
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        color: var(--primary-color);
-      }
-
-      .button-container {
-        display: flex;
-        margin-left: auto;
-      }
-    `
-];
-__decorate([
-    property({ type: Object })
-], OxPopupValueMapInput.prototype, "value", void 0);
-__decorate([
-    property({ type: String })
-], OxPopupValueMapInput.prototype, "valuetype", void 0);
-__decorate([
-    property({ type: Object })
-], OxPopupValueMapInput.prototype, "confirmCallback", void 0);
-OxPopupValueMapInput = __decorate([
-    customElement('ox-popup-value-map-input')
-], OxPopupValueMapInput);
-export { OxPopupValueMapInput };
-//# sourceMappingURL=ox-popup-value-map-input.js.map

package/dist/src/grist-editor/ox-popup-value-map-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ox-popup-value-map-input.js","sourceRoot":"","sources":["../../../src/grist-editor/ox-popup-value-map-input.ts"],"names":[],"mappings":";AAAA,OAAO,sCAAsC,CAAA;AAE7C,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE3D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,IAAa,oBAAoB,GAAjC,MAAa,oBAAqB,SAAQ,UAAU;IAApD;;QAqC8B,cAAS,GAAW,QAAQ,CAAA;IAsD1D,CAAC;IAnDC,MAAM;QACJ,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,KAAK;;qBAEN,IAAI,CAAC,SAAS;kBACjB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;6BAKb,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;6BACtD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;;KAEhF,CAAA;IACH,CAAC;IAEO,QAAQ,CAAC,CAAc;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAA;QAEnB;;;;;;;;;;UAUE;QAEF,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACf,IAAI,CAAC,KAAK,GAAG,EAAE,CAAA;SAChB;QAED,KAAK,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE;YAC1B,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;SACvB;QAED,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAA;IACrC,CAAC;IAEO,QAAQ,CAAC,CAAQ;QACvB,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;IAEO,SAAS,CAAC,CAAQ;QACxB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACxD,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;CACF,CAAA;AA1FQ,2BAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA8BF;CACF,CAAA;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;mDAAW;AACV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uDAA6B;AAC5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DAAwC;AAtCxD,oBAAoB;IADhC,aAAa,CAAC,0BAA0B,CAAC;GAC7B,oBAAoB,CA2FhC;SA3FY,oBAAoB","sourcesContent":["import '@operato/input/ox-input-value-map.js'\n\nimport { LitElement, css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\nimport { i18next } from '@operato/i18n'\n\n@customElement('ox-popup-value-map-input')\nexport class OxPopupValueMapInput extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: #fff;\n\n        width: var(--overlay-center-normal-width, 50%);\n        height: var(--overlay-center-normal-height, 50%);\n      }\n\n      ox-input-value-map {\n        flex: 1;\n        overflow-y: auto;\n      }\n\n      span {\n        flex: 1;\n\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        color: var(--primary-color);\n      }\n\n      .button-container {\n        display: flex;\n        margin-left: auto;\n      }\n    `\n  ]\n\n  @property({ type: Object }) value: any\n  @property({ type: String }) valuetype: string = 'string'\n  @property({ type: Object }) confirmCallback!: (newval: any) => void\n\n  render() {\n    return html`\n      <ox-input-value-map\n        .value=${this.value}\n        keytype=\"string\"\n        .valuetype=${this.valuetype}\n        @change=${this.onChange.bind(this)}\n      >\n      </ox-input-value-map>\n\n      <div class=\"button-container\">\n        <mwc-button @click=${this.onCancel.bind(this)}>${i18next.t('button.cancel')}</mwc-button>\n        <mwc-button @click=${this.onConfirm.bind(this)}>${i18next.t('button.confirm')}</mwc-button>\n      </div>\n    `\n  }\n\n  private onChange(e: CustomEvent) {\n    e.stopPropagation()\n\n    /* \n      주의 : 이 팝업 템플릿은 layout 모듈에 의해서 render 되므로, \n      layout의 구성에 변화가 발생하면, 다시 render된다.\n      이 팝업이 떠 있는 상태에서, 또 다른 팝업이 뜨는 경우도 layout 구성의 변화를 야기한다. (overlay의 갯수의 증가)\n      이 경우 value, options, confirmCallback 등 클로져를 사용한 것들이 초기 바인딩된 값으로 다시 바인딩되게 되는데,\n      만약, 템플릿 내부에서 이들 속성의 레퍼런스가 변화했다면, 원래 상태로 되돌아가는 현상이 발생하게 된다.\n      따라서, 가급적 이들 속성의 레퍼런스를 변화시키지 않는 것이 좋다.\n      (이 팝업 클래스를 템플릿으로 사용한 곳의 코드를 참조하세요.)\n      => \n      이런 이유로, Object.assign(...)을 사용하였다.\n    */\n\n    if (!this.value) {\n      this.value = {}\n    }\n\n    for (let key in this.value) {\n      delete this.value[key]\n    }\n\n    Object.assign(this.value, e.detail)\n  }\n\n  private onCancel(e: Event) {\n    history.back()\n  }\n\n  private onConfirm(e: Event) {\n    this.confirmCallback && this.confirmCallback(this.value)\n    history.back()\n  }\n}\n"]}