@operato/scene-visualizer 1.2.40 → 1.2.45

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/scene-visualizer",
   "description": "visualizer component for operato-scene",
   "author": "heartyoh",
-  "version": "1.2.40",
+  "version": "1.2.45",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "license": "MIT",
@@ -62,5 +62,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "e4ccd4fd5cc8e4c314a28c60ce35c7f5a1441745"
+  "gitHead": "131e93569c5da183050eb855d67b72580414d370"
 }

package/src/gltf-object.ts

@@ -99,7 +99,7 @@ export class GLTFObject extends RectPath(Shape) {
   }
 
   set source(source) {
-    this.set('src', source)
+    this.setState('src', source)
   }
 
   set dimension(dimension: { width: number; height: number; depth: number }) {

package/src/rack-table-cell.ts

@@ -125,7 +125,7 @@ export class RackTableCell extends RectPath(Component) {
   }
 
   get colspan() {
-    return this.get('colspan')
+    return this.getState('colspan')
   }
 
   get border() {
@@ -133,7 +133,7 @@ export class RackTableCell extends RectPath(Component) {
   }
 
   get isEmpty() {
-    return this.get('isEmpty')
+    return this.getState('isEmpty')
   }
 
   _drawBorder(context: CanvasRenderingContext2D, x: number, y: number, to_x: number, to_y: number, style: any) {
@@ -203,11 +203,11 @@ export class RackTableCell extends RectPath(Component) {
     locPattern = locPattern.substring(0, locPattern.indexOf('{u}') + 3)
 
     var locationString = ''
-    if (this.get('section') && this.get('unit'))
+    if (this.getState('section') && this.getState('unit'))
       locationString = locPattern
         .replace('{z}', zone)
-        .replace('{s}', this.get('section'))
-        .replace('{u}', this.get('unit'))
+        .replace('{s}', this.getState('section'))
+        .replace('{u}', this.getState('unit'))
 
     return locationString || ''
   }
@@ -316,7 +316,7 @@ export class RackTableCell extends RectPath(Component) {
     for (let i = rowCells.length - 1; i > 0; i--) {
       var cell = rowCells[i]
 
-      var unit = cell.get('unit')
+      var unit = cell.getState('unit')
 
       if (unit) return Number(unit)
     }
@@ -330,7 +330,7 @@ export class RackTableCell extends RectPath(Component) {
     for (let i = 0; i < rowCells.length; i++) {
       var cell = rowCells[i]
 
-      var unit = cell.get('unit')
+      var unit = cell.getState('unit')
 
       if (unit) return Number(unit)
     }
@@ -340,13 +340,13 @@ export class RackTableCell extends RectPath(Component) {
 
   get notEmptyRowCells() {
     return this.rowCells.filter((c: Component) => {
-      return !c.get('isEmpty')
+      return !c.getState('isEmpty')
     })
   }
 
   get emptyRowCells() {
     return this.rowCells.filter((c: Component) => {
-      return c.get('isEmpty')
+      return c.getState('isEmpty')
     })
   }
 

package/src/rack-table.ts

@@ -161,7 +161,7 @@ function setCellBorder(cell: RackTableCell, style: any, where: SIDE_KEY) {
     return
   }
 
-  cell.set('border', Object.assign({}, cell.get('border') || {}, buildBorderStyle(style, where)))
+  cell.set('border', Object.assign({}, cell.getState('border') || {}, buildBorderStyle(style, where)))
 }
 
 function isLeftMost(total: number, columns: number, indices: number[], i: number) {
@@ -425,8 +425,8 @@ export class RackTable extends ContainerAbstract {
       this.add(newbies)
     }
 
-    var widths = this.get('widths')
-    var heights = this.get('heights')
+    var widths = this.getState('widths')
+    var heights = this.getState('heights')
 
     if (!widths || widths.length < this.columns) this.set('widths', this.widths)
     if (!heights || heights.length < this.rows) this.set('heights', this.heights)
@@ -438,7 +438,7 @@ export class RackTable extends ContainerAbstract {
   }
 
   get widths(): number[] {
-    var widths = this.get('widths')
+    var widths = this.getState('widths')
 
     if (!widths) return array(1, this.columns)
 
@@ -449,7 +449,7 @@ export class RackTable extends ContainerAbstract {
   }
 
   get heights(): number[] {
-    var heights = this.get('heights')
+    var heights = this.getState('heights')
 
     if (!heights) return array(1, this.rows)
 
@@ -506,13 +506,13 @@ export class RackTable extends ContainerAbstract {
   }
 
   get rows() {
-    return this.get('rows')
+    return this.getState('rows')
   }
 
   setCellsStyle(cells: RackTableCell[], style: any, where: string) {
     var components = this.components
     var total = components.length
-    var columns = this.get('columns')
+    var columns = this.getState('columns')
 
     // 병합된 셀도 포함시킨다.
     var _cells = [] as RackTableCell[]
@@ -1174,7 +1174,7 @@ export class RackTable extends ContainerAbstract {
   }
 
   get columns() {
-    return this.get('columns')
+    return this.getState('columns')
   }
 
   get lefts() {
@@ -1262,10 +1262,10 @@ export class RackTable extends ContainerAbstract {
   onchange(after: Properties, before: Properties) {
     if ('rows' in after || 'columns' in after) {
       this.buildCells(
-        this.get('rows'),
-        this.get('columns'),
-        before.hasOwnProperty('rows') ? before.rows : this.get('rows'),
-        before.hasOwnProperty('columns') ? before.columns : this.get('columns')
+        this.getState('rows'),
+        this.getState('columns'),
+        before.hasOwnProperty('rows') ? before.rows : this.getState('rows'),
+        before.hasOwnProperty('columns') ? before.columns : this.getState('columns')
       )
     }
 

package/src/stock.ts

@@ -35,10 +35,10 @@ export class Stock extends RealObject<THREE.Mesh> {
   getMaterial(index: number) {
     var visualizer = this.visualizer
 
-    if (!(visualizer && visualizer && visualizer!.legendTarget && visualizer!.legendTarget.get('status')))
+    if (!(visualizer && visualizer && visualizer!.legendTarget && visualizer!.legendTarget.getState('status')))
       return this.userDefineDefaultMaterial
 
-    var stockStatus = visualizer.legendTarget.get('status')
+    var stockStatus = visualizer.legendTarget.getState('status')
     var range = stockStatus.ranges[index]
     if (!(range && range.color)) {
       this.stockMaterials[index] = this.userDefineDefaultMaterial
@@ -80,10 +80,10 @@ export class Stock extends RealObject<THREE.Mesh> {
     var visualizer = this.visualizer
 
     if (!visualizer!._default_material) {
-      if (!(visualizer && visualizer && visualizer!.legendTarget && visualizer!.legendTarget.get('status')))
+      if (!(visualizer && visualizer && visualizer!.legendTarget && visualizer!.legendTarget.getState('status')))
         return Stock.defaultMaterial
 
-      var stockStatus = visualizer!.legendTarget.get('status')
+      var stockStatus = visualizer!.legendTarget.getState('status')
       var defaultColor = stockStatus.defaultColor
 
       if (!defaultColor) return Stock.defaultMaterial
@@ -107,8 +107,8 @@ export class Stock extends RealObject<THREE.Mesh> {
 
     var defaultColor = STOCK_COLOR
     if (!visualizer!._empty_material) {
-      if (visualizer && visualizer && visualizer!.legendTarget && visualizer!.legendTarget.get('status')) {
-        var stockStatus = visualizer!.legendTarget.get('status')
+      if (visualizer && visualizer && visualizer!.legendTarget && visualizer!.legendTarget.getState('status')) {
+        var stockStatus = visualizer!.legendTarget.getState('status')
         defaultColor = stockStatus.defaultColor || STOCK_COLOR
       }
 
@@ -160,9 +160,9 @@ export class Stock extends RealObject<THREE.Mesh> {
     }
     var visualizer = this.visualizer
 
-    if (!(visualizer && visualizer && visualizer!.legendTarget && visualizer!.legendTarget.get('status'))) return
+    if (!(visualizer && visualizer && visualizer!.legendTarget && visualizer!.legendTarget.getState('status'))) return
 
-    var stockStatus = visualizer!.legendTarget.get('status') as {
+    var stockStatus = visualizer!.legendTarget.getState('status') as {
       field: string
       ranges: { min: number; max: number }[]
     }

package/src/templates/sprite.ts

@@ -1,4 +1,4 @@
-const icon = new URL('../../icons/button.png', import.meta.url).href
+const icon = new URL('../../icons/sprite.png', import.meta.url).href
 
 export default {
   type: 'sprite',

package/src/three-container.ts

@@ -624,7 +624,7 @@ export class ThreeContainer extends Container implements ThreeDimensionalContain
 
   ondblclick(e: MouseEvent) {
     if (this._controls) {
-      this.setState('zoom', this.get('zoom'))
+      this.setState('zoom', this.getState('zoom'))
       this._controls.reset()
       e.stopPropagation()
     }

package/src/three-controls.ts

@@ -540,10 +540,10 @@ var ThreeControls = function (this: any, object: THREE.Camera, component: Compon
     var element = scope.component
 
     // rotating across whole screen goes 360 degrees around
-    rotateLeft(((2 * Math.PI * rotateDelta.x) / element.get('width')) * scope.rotateSpeed)
+    rotateLeft(((2 * Math.PI * rotateDelta.x) / element.getState('width')) * scope.rotateSpeed)
 
     // rotating up and down along whole screen attempts to go 360, but limited to 180
-    rotateUp(((2 * Math.PI * rotateDelta.y) / element.get('height')) * scope.rotateSpeed)
+    rotateUp(((2 * Math.PI * rotateDelta.y) / element.getState('height')) * scope.rotateSpeed)
 
     rotateStart.copy(rotateEnd)
 

package/src/three-space.ts

@@ -633,7 +633,7 @@ export class ThreeSpace extends Container implements ThreeDimensionalContainer {
 
   ondblclick(e: MouseEvent) {
     if (this._controls) {
-      this.setState('zoom', this.get('zoom'))
+      this.setState('zoom', this.getState('zoom'))
       this._controls.reset()
       e.stopPropagation()
     }