@operato/board 0.2.47 → 0.2.48

package/src/modeller/property-sidebar/effects/property-event-hover.ts

@@ -2,10 +2,11 @@
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
 
-import { html, LitElement } from 'lit'
-import { customElement, property } from 'lit/decorators'
+import '@operato/input/dist/src/ox-input-data'
 
+import { LitElement, html } from 'lit'
 import { Properties, Scene } from '@hatiolab/things-scene'
+import { customElement, property } from 'lit/decorators'
 
 import { EffectsSharedStyle } from './effects-shared-style'
 import { convert } from './value-converter'
@@ -66,7 +67,7 @@ class PropertyEventHover extends LitElement {
       ${action == 'data-set' || action == 'value-set'
         ? html`
             <label> <i18n-msg msgid="label.value">value</i18n-msg> </label>
-            <things-editor-data value-key="value" .value=${value} custom-editor fullwidth></things-editor-data>
+            <ox-input-data value-key="value" .value=${value} custom-editor fullwidth></ox-input-data>
           `
         : html``}
 

package/src/modeller/property-sidebar/effects/property-event-tap.ts

@@ -2,10 +2,11 @@
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
 
-import { html, LitElement } from 'lit'
-import { customElement, property } from 'lit/decorators'
+import '@operato/input/dist/src/ox-input-data'
 
+import { LitElement, html } from 'lit'
 import { Properties, Scene } from '@hatiolab/things-scene'
+import { customElement, property } from 'lit/decorators'
 
 import { EffectsSharedStyle } from './effects-shared-style'
 import { convert } from './value-converter'
@@ -66,7 +67,7 @@ class PropertyEventTap extends LitElement {
       ${action == 'data-set' || action == 'value-set'
         ? html`
             <label> <i18n-msg msgid="label.value">value</i18n-msg> </label>
-            <things-editor-data value-key="value" .value=${value} custom-editor fullwidth></things-editor-data>
+            <ox-input-data value-key="value" .value=${value} custom-editor fullwidth></ox-input-data>
           `
         : html``}
     `

package/src/ox-board-modeller.ts

@@ -6,13 +6,14 @@ import './modeller/edit-toolbar'
 import '@hatiolab/things-scene'
 import './ox-board-viewer'
 
-import { LitElement, css, html } from 'lit'
-import { SCENE_MODE, Scene } from '@hatiolab/things-scene'
-import { customElement, property, query, state } from 'lit/decorators.js'
+import { saveAs } from 'file-saver'
+import { css, html, LitElement } from 'lit'
+import { customElement, property, query } from 'lit/decorators.js'
 
-import {EditToolbar} from './modeller/edit-toolbar'
+import { Scene, SCENE_MODE } from '@hatiolab/things-scene'
 import { OxPopup } from '@operato/popup'
-import { saveAs } from 'file-saver'
+
+import { EditToolbar } from './modeller/edit-toolbar'
 import { togglefullscreen } from './utils/fullscreen'
 
 const isMacOS = navigator.userAgent.indexOf('Mac') != -1
@@ -47,6 +48,7 @@ export class BoardModeller extends LitElement {
 
       property-sidebar {
         grid-area: propertybar;
+        overflow: hidden;
       }
 
       #scene-wrap {
@@ -105,9 +107,9 @@ export class BoardModeller extends LitElement {
   @property({ type: Array }) propertyEditor: any[] = []
 
   @query('edit-toolbar') private editToolbar!: EditToolbar
-  
+
   private group: string = ''
-  private shortcutHandler? : (e: KeyboardEvent) => void
+  private shortcutHandler?: (e: KeyboardEvent) => void
 
   constructor() {
     super()
@@ -274,7 +276,6 @@ export class BoardModeller extends LitElement {
   }
 
   bindShortcutEvent() {
-
     // TODO: Global Hotkey에 대한 정의를 edit-toolbar에서 가져올 수 있도록 수정해야 함.
     const GLOBAL_HOTKEYS = ['Digit1', 'Digit2', 'F11', 'KeyD', 'KeyP', 'KeyS']