@operato/app 1.0.0-beta.9 → 1.0.2

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

@@ -1,95 +0,0 @@
-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'
-
-@customElement('ox-popup-partition-keys-input')
-export class OxPopupPartitionKeysInput extends LitElement {
-  static 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;
-      }
-    `
-  ]
-
-  @property({ type: Object }) value: any
-  @property({ type: String }) valuetype: string = 'string'
-  @property({ type: Object }) confirmCallback!: (newval: any) => void
-
-  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>
-    `
-  }
-
-  private onChange(e: CustomEvent) {
-    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)
-  }
-
-  private onCancel(e: Event) {
-    history.back()
-  }
-
-  private onConfirm(e: Event) {
-    this.confirmCallback && this.confirmCallback(this.value)
-    history.back()
-  }
-}

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

@@ -1,101 +0,0 @@
-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'
-
-@customElement('ox-popup-value-map-input')
-export class OxPopupValueMapInput extends LitElement {
-  static 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;
-      }
-    `
-  ]
-
-  @property({ type: Object }) value: any
-  @property({ type: String }) valuetype: string = 'string'
-  @property({ type: Object }) confirmCallback!: (newval: any) => void
-
-  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>
-    `
-  }
-
-  private onChange(e: CustomEvent) {
-    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)
-  }
-
-  private onCancel(e: Event) {
-    history.back()
-  }
-
-  private onConfirm(e: Event) {
-    this.confirmCallback && this.confirmCallback(this.value)
-    history.back()
-  }
-}