@things-factory/modeller-ui 4.0.40 → 4.0.44

package/client/editors/things-editor-3dish.js

@@ -2,11 +2,11 @@
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
 
-import { LitElement, html, css } from 'lit-element'
-
-import '@things-factory/i18n-base'
+import '@operato/i18n/ox-i18n.js'
 import './things-editor-angle-input'
 
+import { css, html, LitElement } from 'lit-element'
+
 class ThingsEditor3Dish extends LitElement {
   static get is() {
     return 'things-editor-3dish'
@@ -139,21 +139,21 @@ class ThingsEditor3Dish extends LitElement {
 
   render() {
     return html`
-      <span></span> <span><i18n-msg msgid="label.x-axes"></i18n-msg></span>
-      <span><i18n-msg msgid="label.y-axes"></i18n-msg></span>
-      <span><i18n-msg msgid="label.z-axes"></i18n-msg></span>
+      <span></span> <span><ox-i18n msgid="label.x-axes"></ox-i18n></span>
+      <span><ox-i18n msgid="label.y-axes"></ox-i18n></span>
+      <span><ox-i18n msgid="label.z-axes"></ox-i18n></span>
 
-      <label><i18n-msg msgid="label.dimension"></i18n-msg></label>
+      <label><ox-i18n msgid="label.dimension"></ox-i18n></label>
       <input type="number" id="dwidth" .value=${this.dimension && this.dimension.width} />
       <input type="number" id="dheight" .value=${this.dimension && this.dimension.height} />
       <input type="number" id="ddepth" .value=${this.dimension && this.dimension.depth} />
 
-      <label><i18n-msg msgid="label.translate"></i18n-msg></label>
+      <label><ox-i18n msgid="label.translate"></ox-i18n></label>
       <input type="number" id="tx" .value=${this.translatex && this.translatex.x} />
       <input type="number" id="ty" .value=${this.translatex && this.translatex.y} />
       <input type="number" id="tz" .value=${this.translatex && this.translatex.z} />
 
-      <label><i18n-msg msgid="label.rotate"></i18n-msg></label>
+      <label><ox-i18n msgid="label.rotate"></ox-i18n></label>
       <things-editor-angle-input id="rx" .radian=${this.rotate && this.rotate.x}></things-editor-angle-input>
       <things-editor-angle-input id="ry" .radian=${this.rotate && this.rotate.y}></things-editor-angle-input>
       <things-editor-angle-input id="rz" .radian=${this.rotate && this.rotate.z}></things-editor-angle-input>

package/client/editors/things-editor-attachment-selector.js

@@ -2,13 +2,13 @@
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
 
-import { LitElement, html, css } from 'lit-element'
 import '@material/mwc-icon'
+import '@things-factory/attachment-ui'
 
-import { openPopup } from '@things-factory/layout-base'
-import { i18next } from '@things-factory/i18n-base'
+import { css, html, LitElement } from 'lit-element'
 
-import '@things-factory/attachment-ui'
+import { i18next } from '@operato/i18n'
+import { openPopup } from '@operato/layout'
 
 export default class ThingsEditorAttachmentSelector extends LitElement {
   static get properties() {

package/client/editors/things-editor-color-style.js

@@ -2,13 +2,13 @@
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
 
-import { LitElement, html, css } from 'lit-element'
-
-import '@things-factory/i18n-base'
+import '@operato/i18n/ox-i18n.js'
 import './things-editor-color'
 import './things-editor-gradient'
 import './things-editor-pattern'
 
+import { css, html, LitElement } from 'lit-element'
+
 export default class ThingsEditorColorStyle extends LitElement {
   static get is() {
     return 'things-editor-color-style'
@@ -89,9 +89,9 @@ export default class ThingsEditorColorStyle extends LitElement {
           value="no"
           .checked=${!this.fillType || this.fillType == 'no'}
         />
-        <label for="fill-type-no"><i18n-msg msgid="label.no-fill">no fill</i18n-msg></label>
+        <label for="fill-type-no"><ox-i18n msgid="label.no-fill">no fill</ox-i18n></label>
         <input type="radio" id="fill-type-solid" name="fill-type" value="solid" .checked=${this.fillType == 'solid'} />
-        <label for="fill-type-solid"><i18n-msg msgid="label.solid">solid</i18n-msg></label>
+        <label for="fill-type-solid"><ox-i18n msgid="label.solid">solid</ox-i18n></label>
         <input
           type="radio"
           id="fill-type-gradient"
@@ -99,7 +99,7 @@ export default class ThingsEditorColorStyle extends LitElement {
           value="gradient"
           .checked=${this.fillType == 'gradient'}
         />
-        <label for="fill-type-gradient"><i18n-msg msgid="label.gradient">gradient</i18n-msg></label>
+        <label for="fill-type-gradient"><ox-i18n msgid="label.gradient">gradient</ox-i18n></label>
         <input
           type="radio"
           id="fill-type-pattern"
@@ -107,7 +107,7 @@ export default class ThingsEditorColorStyle extends LitElement {
           value="pattern"
           .checked=${this.fillType == 'pattern'}
         />
-        <label for="fill-type-pattern"><i18n-msg msgid="label.pattern">pattern</i18n-msg></label>
+        <label for="fill-type-pattern"><ox-i18n msgid="label.pattern">pattern</ox-i18n></label>
       </div>
 
       <div editors>

package/client/editors/things-editor-font-selector.js

@@ -2,13 +2,13 @@
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
 
-import { LitElement, html, css } from 'lit-element'
 import '@material/mwc-icon'
+import '@things-factory/font-ui'
 
-import { openPopup } from '@things-factory/layout-base'
-import { i18next } from '@things-factory/i18n-base'
+import { css, html, LitElement } from 'lit-element'
 
-import '@things-factory/font-ui'
+import { i18next } from '@operato/i18n'
+import { openPopup } from '@operato/layout'
 
 export default class ThingsEditorFontSelector extends LitElement {
   static get properties() {

package/client/editors/things-editor-gradient.js

@@ -2,15 +2,15 @@
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
 
-import { LitElement, html, css } from 'lit-element'
-
+import '@operato/i18n/ox-i18n.js'
 import '@polymer/paper-dropdown-menu/paper-dropdown-menu'
 import '@polymer/paper-listbox/paper-listbox'
 import '@polymer/paper-item/paper-item'
-
 import './things-editor-angle-input'
 import './things-editor-color-stops'
 
+import { css, html, LitElement } from 'lit-element'
+
 export default class ThingsEditorGradient extends LitElement {
   constructor() {
     super()
@@ -237,7 +237,7 @@ export default class ThingsEditorGradient extends LitElement {
     var selector = (this.value && this.value.type) || 'linear'
 
     return html`
-      <label> <i18n-msg msgid="label.type">type</i18n-msg> </label>
+      <label> <ox-i18n msgid="label.type">type</ox-i18n> </label>
       <select value-key="type" .value=${(this.value && this.value.type) || 'linear'}>
         <option>linear</option>
         <option>radial</option>
@@ -247,7 +247,7 @@ export default class ThingsEditorGradient extends LitElement {
       <things-editor-angle-input value-key="rotation" .radian=${(this.value && this.value.rotation) || 0}>
       </things-editor-angle-input>
 
-      <label> <i18n-msg msgid="label.direction">direction</i18n-msg> </label>
+      <label> <ox-i18n msgid="label.direction">direction</ox-i18n> </label>
       <div editors>
         <paper-dropdown-menu no-label-float="true" ?active-selector=${selector == 'linear'}>
           <paper-listbox

package/client/editors/things-editor-pattern.js

@@ -2,11 +2,11 @@
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
 
-import { LitElement, html, css } from 'lit-element'
-
-import '@things-factory/i18n-base'
+import '@operato/i18n/ox-i18n.js'
 import './things-editor-attachment-selector'
 
+import { css, html, LitElement } from 'lit-element'
+
 /**
  * 컴포넌트의 fill pattern을 편집하는 element
  *
@@ -93,7 +93,7 @@ export default class ThingsEditorPattern extends LitElement {
 
   render() {
     return html`
-      <label> <i18n-msg msgid="label.image" auto="">image</i18n-msg> </label>
+      <label> <ox-i18n msgid="label.image" auto="">image</ox-i18n> </label>
 
       <things-editor-attachment-selector
         value-key="image"
@@ -101,7 +101,7 @@ export default class ThingsEditorPattern extends LitElement {
         custom-editor
       ></things-editor-attachment-selector>
 
-      <label> <i18n-msg msgid="label.align" auto="">align</i18n-msg> </label>
+      <label> <ox-i18n msgid="label.align" auto="">align</ox-i18n> </label>
 
       <select value-key="align" class="select-content" .value=${this.value && this.value.align}>
         <option value="left-top">Left Top</option>
@@ -116,22 +116,22 @@ export default class ThingsEditorPattern extends LitElement {
       </select>
 
       <div class="grid-10">
-        <label> <i18n-msg msgid="label.offset-x" auto="">offsetX</i18n-msg> </label>
+        <label> <ox-i18n msgid="label.offset-x" auto="">offsetX</ox-i18n> </label>
         <input type="number" value-key="offsetX" .value=${this.value && this.value.offsetX} />
 
-        <label> <i18n-msg msgid="label.offset-y" auto="">offsetY</i18n-msg> </label>
+        <label> <ox-i18n msgid="label.offset-y" auto="">offsetY</ox-i18n> </label>
         <input type="number" value-key="offsetY" .value=${this.value && this.value.offsetY} />
 
-        <label> <i18n-msg msgid="label.width" auto="">width</i18n-msg> </label>
+        <label> <ox-i18n msgid="label.width" auto="">width</ox-i18n> </label>
         <input type="number" value-key="width" .value=${this.value && this.value.width} />
 
-        <label> <i18n-msg msgid="label.height" auto="">height</i18n-msg> </label>
+        <label> <ox-i18n msgid="label.height" auto="">height</ox-i18n> </label>
         <input type="number" value-key="height" .value=${this.value && this.value.height} />
       </div>
 
       <div class="grid-10">
         <input value-key="fitPattern" type="checkbox" .checked=${this.value && this.value.fitPattern} required />
-        <label> <i18n-msg msgid="label.fit" auto="">Fit</i18n-msg> </label>
+        <label> <ox-i18n msgid="label.fit" auto="">Fit</ox-i18n> </label>
       </div>
     `
   }

package/client/editors/things-editor-table.js

@@ -5,10 +5,10 @@
 import '@material/mwc-icon'
 import '@polymer/paper-dropdown-menu/paper-dropdown-menu'
 import '@polymer/paper-item/paper-item'
-import '@things-factory/i18n-base'
+import '@operato/i18n/ox-i18n.js'
 import './things-editor-color'
 
-import { LitElement, css, html } from 'lit-element'
+import { css, html, LitElement } from 'lit-element'
 
 /**
  * 테이블 셀의 좌,우,상,하 경계선의 스타일을 편집하는 컴포넌트이다.
@@ -206,7 +206,7 @@ class ThingsEditorTable extends LitElement {
   render() {
     return html`
       <fieldset id="border-fieldset">
-        <legend><i18n-msg msgid="label.border-style">border style</i18n-msg></legend>
+        <legend><ox-i18n msgid="label.border-style">border style</ox-i18n></legend>
 
         <div
           id="border-set"
@@ -243,7 +243,7 @@ class ThingsEditorTable extends LitElement {
           >
           </things-editor-color>
 
-          <label> <i18n-msg msgid="label.border-type">border type</i18n-msg> </label>
+          <label> <ox-i18n msgid="label.border-type">border type</ox-i18n> </label>
           <paper-dropdown-menu no-label-float="true" class="line-type solid">
             <!-- solid는 선택된 항목 보여주기위한 class로 하위 paper-item의 class와 동일하게 -->
             <paper-listbox

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/modeller-ui",
-  "version": "4.0.40",
+  "version": "4.0.44",
   "main": "dist-server/index.js",
   "browser": "client/index.js",
   "things-factory": true,
@@ -29,9 +29,14 @@
     "@graphql-tools/url-loader": "^7.2.0",
     "@graphql-tools/wrap": "^8.1.1",
     "@material/mwc-icon": "^0.25.3",
-    "@operato/input": "^0.3.20",
-    "@operato/popup": "^0.3.20",
-    "@operato/property-editor": "^0.3.20",
+    "@operato/graphql": "^0.3.27",
+    "@operato/help": "^0.3.27",
+    "@operato/input": "^0.3.27",
+    "@operato/layout": "^0.3.27",
+    "@operato/popup": "^0.3.27",
+    "@operato/property-editor": "^0.3.27",
+    "@operato/shell": "^0.3.27",
+    "@operato/utils": "^0.3.27",
     "@polymer/iron-flex-layout": "^3.0.1",
     "@polymer/iron-form-element-behavior": "^3.0.1",
     "@polymer/iron-resizable-behavior": "^3.0.1",
@@ -45,9 +50,9 @@
     "@polymer/paper-ripple": "^3.0.2",
     "@polymer/paper-slider": "^3.0.1",
     "@polymer/polymer": "^3.3.1",
-    "@things-factory/attachment-ui": "^4.0.40",
-    "@things-factory/font-ui": "^4.0.40",
-    "@things-factory/i18n-base": "^4.0.40",
+    "@things-factory/attachment-ui": "^4.0.44",
+    "@things-factory/font-ui": "^4.0.44",
+    "@things-factory/i18n-base": "^4.0.44",
     "ace-builds": "^1.4.11",
     "brace": "^0.11.1",
     "codemirror": "^5.59.1",
@@ -59,5 +64,5 @@
   "devDependencies": {
     "@types/codemirror": "^0.0.105"
   },
-  "gitHead": "f0697b5ab411e4aa1a52de19a6c135f39686eca1"
+  "gitHead": "286a037443bfb38c65db964dbfa6c5f2d141d9ac"
 }