@operato/scene-visualizer 1.2.29 → 1.2.31

package/dist/rack.js

@@ -2,14 +2,10 @@
  * Copyright © HatioLab Inc. All rights reserved.
  */
 import * as THREE from 'three';
+import * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js';
 import { Stock } from './stock';
 import { RealObject } from './threed/real-object';
 class Rack extends RealObject {
-    constructor() {
-        super(...arguments);
-        this._frames = [];
-        this._boards = [];
-    }
     get visualizer() {
         var component = this.component;
         while (component) {
@@ -43,21 +39,17 @@ class Rack extends RealObject {
         }
         return Rack._boardMaterial;
     }
-    get frames() {
-        return this._frames;
+    get frame() {
+        return this._frame;
     }
-    get boards() {
-        return this._boards;
+    get board() {
+        return this._board;
     }
     build() {
         super.build();
         var { depth, hideRackFrame, shelves, shelfLocations: commonShelfLocation, stockScale = 0.7 } = this.rackTable.state;
         var { width, height, shelfLocations = commonShelfLocation, binLocations = '' } = this.component.state;
         let scale = stockScale;
-        if (!hideRackFrame) {
-            var frame = this.createRackFrame(width, height, depth * shelves);
-            this.object3d.add(frame);
-        }
         var shelfLocIds;
         if (!shelfLocations) {
             shelfLocIds = [];
@@ -67,19 +59,14 @@ class Rack extends RealObject {
         else
             shelfLocIds = shelfLocations.split(/\s*,\s*/);
         var shelfBins = binLocations.trim().split('\n').reverse();
+        if (!hideRackFrame) {
+            this._frame = this.createRackFrame(width, height, depth * shelves);
+            this._board = this.createRackBoards(shelves, width, height, depth, shelfLocIds);
+        }
         for (var i = 0; i < shelves; i++) {
             let bottom = -depth * shelves * 0.5;
-            if (shelfLocIds[i] == '')
+            if (shelfLocIds[i] == '') {
                 continue;
-            if (i > 0 && !hideRackFrame) {
-                let board = this.createRackBoard(width, height);
-                board.position.set(0, bottom + depth * i, 0);
-                board.rotation.x = Math.PI / 2;
-                board.material.opacity = 0.5;
-                board.material.transparent = true;
-                this.object3d.add(board);
-                // frame.geometry.merge(board.geometry, board.matrix)
-                // this._boards.push(board)
             }
             var bins = (shelfBins[i] || '').trim().split(/\s*,\s*/);
             var binWidth = width / (bins.length || 1);
@@ -100,37 +87,43 @@ class Rack extends RealObject {
         }
     }
     createRackFrame(w, h, d) {
-        var frameWeight = Math.round(Math.min(w, h) / 10);
-        var frames = new THREE.Group();
-        for (var i = 0; i < 4; i++) {
-            var geometry = Rack.rackFrameGeometry;
-            var material = Rack.frameMaterial;
-            var frame = new THREE.Mesh(geometry, material);
-            frame.scale.set(frameWeight, d, frameWeight);
+        const frameWeight = Math.round(Math.min(w, h) / 10);
+        const geometries = [];
+        for (let i = 0; i < 4; i++) {
+            const geometry = Rack.rackFrameGeometry.clone();
+            geometry.scale(frameWeight, d, frameWeight);
             switch (i) {
                 case 0:
-                    frame.position.set(w / 2, 0, h / 2);
+                    geometry.translate(w / 2, 0, h / 2);
                     break;
                 case 1:
-                    frame.position.set(w / 2, 0, -h / 2);
+                    geometry.translate(w / 2, 0, -h / 2);
                     break;
                 case 2:
-                    frame.position.set(-w / 2, 0, h / 2);
+                    geometry.translate(-w / 2, 0, h / 2);
                     break;
                 case 3:
-                    frame.position.set(-w / 2, 0, -h / 2);
+                    geometry.translate(-w / 2, 0, -h / 2);
                     break;
             }
-            frames.add(frame);
+            geometries.push(geometry);
         }
-        return frames;
+        return BufferGeometryUtils.mergeGeometries(geometries);
     }
-    createRackBoard(w, h) {
-        var boardMaterial = Rack.boardMaterial;
-        var boardGeometry = Rack.boardGeometry;
-        var board = new THREE.Mesh(boardGeometry, boardMaterial);
-        board.scale.set(w, h, 1);
-        return board;
+    createRackBoards(shelves, width, height, depth, shelfLocIds) {
+        let bottom = -depth * shelves * 0.5;
+        const geometries = [];
+        for (let i = 1; i < shelves; i++) {
+            if (shelfLocIds[i] === '') {
+                continue;
+            }
+            const geometry = Rack.boardGeometry.clone();
+            geometry.scale(width, height, 1);
+            geometry.rotateX(Math.PI / 2);
+            geometry.translate(0, bottom + depth * i, 0);
+            geometries.push(geometry);
+        }
+        return BufferGeometryUtils.mergeGeometries(geometries);
     }
     makeLocationString(shelfString) {
         var { section = '', unit = '' } = this.component.state;

package/dist/rack.js.map

@@ -1 +1 @@
-{"version":3,"file":"rack.js","sourceRoot":"","sources":["../src/rack.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAGjD,MAAa,IAAK,SAAQ,UAAU;IAApC;;QACE,YAAO,GAAU,EAAE,CAAA;QACnB,YAAO,GAAU,EAAE,CAAA;IAmNrB,CAAC;IAxMC,IAAI,UAAU;QACZ,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;QAE9B,OAAO,SAAS,EAAE;YAChB,IAAI,SAAS,CAAC,KAAK,CAAC,IAAI,IAAI,YAAY,EAAE;gBACxC,OAAO,SAAuB,CAAA;aAC/B;YACD,SAAS,GAAG,SAAS,CAAC,MAAM,CAAA;SAC7B;IACH,CAAC;IAED,IAAI,SAAS;QACX,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;QAE9B,OAAO,SAAS,EAAE;YAChB,IAAI,SAAS,CAAC,KAAK,CAAC,IAAI,IAAI,YAAY,EAAE;gBACxC,OAAO,SAAsB,CAAA;aAC9B;YACD,SAAS,GAAG,SAAS,CAAC,MAAM,CAAA;SAC7B;IACH,CAAC;IAED,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAU,CAAC,KAAK,CAAA;QAEtD,OAAO,GAAG,GAAG,KAAK,GAAG,OAAO,CAAA;IAC9B,CAAC;IAED,MAAM,KAAK,aAAa;QACtB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,IAAI,CAAC,cAAc,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBACnD,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,KAAK,CAAC,UAAU;gBACtB,aAAa,EAAE,IAAI;gBACnB,mBAAmB,EAAE,CAAC,GAAG;aAC1B,CAAC,CAAA;SACH;QAED,OAAO,IAAI,CAAC,cAAc,CAAA;IAC5B,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,IAAI,MAAM;QACR,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,UAAU,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,SAAU,CAAC,KAAK,CAAA;QAEpH,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,GAAG,mBAAmB,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAErG,IAAI,KAAK,GAAG,UAAU,CAAA;QAEtB,IAAI,CAAC,aAAa,EAAE;YAClB,IAAI,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO,CAAC,CAAA;YAEhE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;SACzB;QAED,IAAI,WAAW,CAAA;QAEf,IAAI,CAAC,cAAc,EAAE;YACnB,WAAW,GAAG,EAAE,CAAA;YAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE;gBAAE,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;SAC1D;;YAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;QAEpD,IAAI,SAAS,GAAG,YAAY,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAA;QAEzD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE;YAChC,IAAI,MAAM,GAAG,CAAC,KAAK,GAAG,OAAO,GAAG,GAAG,CAAA;YACnC,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE;gBAAE,SAAQ;YAElC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE;gBAC3B,IAAI,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;gBAC/C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;gBAC5C,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC,CAAA;gBAC9B,KAAK,CAAC,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAA;gBAC5B,KAAK,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAA;gBAEjC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;gBACxB,qDAAqD;gBAErD,2BAA2B;aAC5B;YAED,IAAI,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;YAEvD,IAAI,QAAQ,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,CAAA;YACzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACpC,IAAI,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;oBACpC,KAAK,EAAE,QAAQ,GAAG,KAAK;oBACvB,MAAM,EAAE,MAAM,GAAG,KAAK;oBACtB,KAAK,EAAE,KAAK,GAAG,KAAK;iBACrB,CAAC,CAAA;gBACF,KAAK,CAAC,MAAM,EAAE,CAAA;gBAEd,IAAI,UAAU,GAAG,KAAK,GAAG,KAAK,CAAA;gBAE9B,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CACzB,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,EACzD,MAAM,GAAG,KAAK,GAAG,CAAC,GAAG,UAAU,GAAG,GAAG,EACrC,CAAC,CACF,CAAA;gBACD,IAAI,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;gBAC9C,KAAK,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,CAAA;gBAE5E,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;gBACjC,IAAI,CAAC,UAAW,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;aACvD;SACF;IACH,CAAC;IAED,eAAe,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS;QAC7C,IAAI,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;QAEjD,IAAI,MAAM,GAAG,IAAI,KAAK,CAAC,KAAK,EAAE,CAAA;QAC9B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;YAC1B,IAAI,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAA;YACrC,IAAI,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAA;YACjC,IAAI,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;YAC9C,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC,EAAE,WAAW,CAAC,CAAA;YAC5C,QAAQ,CAAC,EAAE;gBACT,KAAK,CAAC;oBACJ,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;oBACnC,MAAK;gBACP,KAAK,CAAC;oBACJ,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;oBACpC,MAAK;gBACP,KAAK,CAAC;oBACJ,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;oBACpC,MAAK;gBACP,KAAK,CAAC;oBACJ,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;oBACrC,MAAK;aACR;YAED,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;SAClB;QAED,OAAO,MAAM,CAAA;IACf,CAAC;IAED,eAAe,CAAC,CAAS,EAAE,CAAS;QAClC,IAAI,aAAa,GAAG,IAAI,CAAC,aAAa,CAAA;QACtC,IAAI,aAAa,GAAG,IAAI,CAAC,aAAa,CAAA;QACtC,IAAI,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,CAAA;QAExD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QAExB,OAAO,KAAK,CAAA;IACd,CAAC;IAED,kBAAkB,CAAC,WAAmB;QACpC,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QACtD,IAAI,EAAE,UAAU,GAAG,iBAAiB,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,SAAU,CAAC,KAAK,CAAA;QAEzE,IAAI,cAAc,GAAG,UAAU,CAAA;QAE/B,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QACrD,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;QACxD,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QACrD,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QAE7D,OAAO,cAAc,CAAA;IACvB,CAAC;IAED,eAAe,CAAC,OAAe,EAAE,KAAa,EAAE,MAAc;QAC5D;;;;WAIG;QAEH,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM;YAAE,OAAM;QAEzC,IAAI,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACnC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAEpC,IAAI,WAAW,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,CAAA;QACzD,IAAI,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;QAEhE,IAAI,WAAW,CAAC,MAAM,GAAG,WAAW,IAAI,WAAW,GAAG,CAAC,EAAE;YACvD,WAAW,GAAG,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,CAAA;SACtE;aAAM;YACL,IAAI,MAAM,GAAG,EAAE,CAAA;YACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACzD,MAAM,IAAI,GAAG,CAAA;aACd;YACD,WAAW,GAAG,MAAM,GAAG,WAAW,CAAA;SACnC;QAED,OAAO,WAAW,CAAA;IACpB,CAAC;IAED,WAAW,KAAI,CAAC;;AAhNT,kBAAa,GAAa,IAAI,KAAK,CAAC,oBAAoB,CAAC;IAC9D,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,GAAG;IACd,SAAS,EAAE,GAAG;CACf,CAAC,AAJkB,CAIlB;AACK,sBAAiB,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,AAAjC,CAAiC;AAClD,kBAAa,GAAG,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,AAAtC,CAAsC;SAV/C,IAAI","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\n\nimport { Stock } from './stock'\nimport { Material } from 'three'\nimport { RackTable } from './rack-table'\nimport { RealObject } from './threed/real-object'\nimport { Visualizer } from './visualizer'\n\nexport class Rack extends RealObject {\n  _frames: any[] = []\n  _boards: any[] = []\n\n  static frameMaterial: Material = new THREE.MeshStandardMaterial({\n    color: 0xcccccc,\n    roughness: 0.5,\n    metalness: 0.3\n  })\n  static rackFrameGeometry = new THREE.BoxGeometry(1, 1, 1)\n  static boardGeometry = new THREE.PlaneGeometry(1, 1, 1, 1)\n  static _boardMaterial?: THREE.MeshStandardMaterial\n\n  get visualizer(): Visualizer | undefined {\n    var component = this.component\n\n    while (component) {\n      if (component.state.type == 'visualizer') {\n        return component as Visualizer\n      }\n      component = component.parent\n    }\n  }\n\n  get rackTable(): RackTable | undefined {\n    var component = this.component\n\n    while (component) {\n      if (component.state.type == 'rack-table') {\n        return component as RackTable\n      }\n      component = component.parent\n    }\n  }\n\n  get cz() {\n    var { shelves = 1, depth = 1 } = this.rackTable!.state\n\n    return 0.5 * depth * shelves\n  }\n\n  static get boardMaterial() {\n    if (!Rack._boardMaterial) {\n      Rack._boardMaterial = new THREE.MeshStandardMaterial({\n        color: '#dedede',\n        side: THREE.DoubleSide,\n        polygonOffset: true,\n        polygonOffsetFactor: -0.1\n      })\n    }\n\n    return Rack._boardMaterial\n  }\n\n  get frames() {\n    return this._frames\n  }\n\n  get boards() {\n    return this._boards\n  }\n\n  build() {\n    super.build()\n\n    var { depth, hideRackFrame, shelves, shelfLocations: commonShelfLocation, stockScale = 0.7 } = this.rackTable!.state\n\n    var { width, height, shelfLocations = commonShelfLocation, binLocations = '' } = this.component.state\n\n    let scale = stockScale\n\n    if (!hideRackFrame) {\n      var frame = this.createRackFrame(width, height, depth * shelves)\n\n      this.object3d.add(frame)\n    }\n\n    var shelfLocIds\n\n    if (!shelfLocations) {\n      shelfLocIds = []\n      for (var i = 0; i < shelves; i++) shelfLocIds.push(i + 1)\n    } else shelfLocIds = shelfLocations.split(/\\s*,\\s*/)\n\n    var shelfBins = binLocations.trim().split('\\n').reverse()\n\n    for (var i = 0; i < shelves; i++) {\n      let bottom = -depth * shelves * 0.5\n      if (shelfLocIds[i] == '') continue\n\n      if (i > 0 && !hideRackFrame) {\n        let board = this.createRackBoard(width, height)\n        board.position.set(0, bottom + depth * i, 0)\n        board.rotation.x = Math.PI / 2\n        board.material.opacity = 0.5\n        board.material.transparent = true\n\n        this.object3d.add(board)\n        // frame.geometry.merge(board.geometry, board.matrix)\n\n        // this._boards.push(board)\n      }\n\n      var bins = (shelfBins[i] || '').trim().split(/\\s*,\\s*/)\n\n      var binWidth = width / (bins.length || 1)\n      for (var b = 0; b < bins.length; b++) {\n        let stock = new Stock(this.component, {\n          width: binWidth * scale,\n          height: height * scale,\n          depth: depth * scale\n        })\n        stock.update()\n\n        let stockDepth = depth * scale\n\n        stock.object3d.position.set(\n          (width / 2) * ((2 * b - (bins.length - 1)) / bins.length),\n          bottom + depth * i + stockDepth * 0.5,\n          0\n        )\n        var binCode = (bins[b] || '').replace('.', '')\n        stock.object3d.name = `${this.makeLocationString(shelfLocIds[i])}${binCode}`\n\n        this.object3d.add(stock.object3d)\n        this.visualizer!.putObject(stock.object3d.name, stock)\n      }\n    }\n  }\n\n  createRackFrame(w: number, h: number, d: number) {\n    var frameWeight = Math.round(Math.min(w, h) / 10)\n\n    var frames = new THREE.Group()\n    for (var i = 0; i < 4; i++) {\n      var geometry = Rack.rackFrameGeometry\n      var material = Rack.frameMaterial\n      var frame = new THREE.Mesh(geometry, material)\n      frame.scale.set(frameWeight, d, frameWeight)\n      switch (i) {\n        case 0:\n          frame.position.set(w / 2, 0, h / 2)\n          break\n        case 1:\n          frame.position.set(w / 2, 0, -h / 2)\n          break\n        case 2:\n          frame.position.set(-w / 2, 0, h / 2)\n          break\n        case 3:\n          frame.position.set(-w / 2, 0, -h / 2)\n          break\n      }\n\n      frames.add(frame)\n    }\n\n    return frames\n  }\n\n  createRackBoard(w: number, h: number) {\n    var boardMaterial = Rack.boardMaterial\n    var boardGeometry = Rack.boardGeometry\n    var board = new THREE.Mesh(boardGeometry, boardMaterial)\n\n    board.scale.set(w, h, 1)\n\n    return board\n  }\n\n  makeLocationString(shelfString: string) {\n    var { section = '', unit = '' } = this.component.state\n    var { locPattern = '{z}{s}-{u}-{sh}', zone = '' } = this.rackTable!.state\n\n    var locationString = locPattern\n\n    locationString = locationString.replace(/{z}/i, zone)\n    locationString = locationString.replace(/{s}/i, section)\n    locationString = locationString.replace(/{u}/i, unit)\n    locationString = locationString.replace(/{sh}/i, shelfString)\n\n    return locationString\n  }\n\n  makeShelfString(pattern: string, shelf: number, length: number) {\n    /**\n     *  pattern #: 숫자\n     *  pattern 0: 고정 자리수\n     *  pattern -: 역순\n     */\n\n    if (!pattern || !shelf || !length) return\n\n    var isReverse = /^\\-/.test(pattern)\n    pattern = pattern.replace(/#+/, '#')\n\n    var fixedLength = (pattern.match(/0/g) || []).length || 0\n    var shelfString = String(isReverse ? length - shelf + 1 : shelf)\n\n    if (shelfString.length > fixedLength && fixedLength > 0) {\n      shelfString = shelfString.substring(shelfString.length - fixedLength)\n    } else {\n      var prefix = ''\n      for (var i = 0; i < fixedLength - shelfString.length; i++) {\n        prefix += '0'\n      }\n      shelfString = prefix + shelfString\n    }\n\n    return shelfString\n  }\n\n  updateAlpha() {}\n}\n"]}
+{"version":3,"file":"rack.js","sourceRoot":"","sources":["../src/rack.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,mBAAmB,MAAM,iDAAiD,CAAA;AAEtF,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AAGjD,MAAa,IAAK,SAAQ,UAAU;IAclC,IAAI,UAAU;QACZ,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;QAE9B,OAAO,SAAS,EAAE;YAChB,IAAI,SAAS,CAAC,KAAK,CAAC,IAAI,IAAI,YAAY,EAAE;gBACxC,OAAO,SAAuB,CAAA;aAC/B;YACD,SAAS,GAAG,SAAS,CAAC,MAAM,CAAA;SAC7B;IACH,CAAC;IAED,IAAI,SAAS;QACX,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;QAE9B,OAAO,SAAS,EAAE;YAChB,IAAI,SAAS,CAAC,KAAK,CAAC,IAAI,IAAI,YAAY,EAAE;gBACxC,OAAO,SAAsB,CAAA;aAC9B;YACD,SAAS,GAAG,SAAS,CAAC,MAAM,CAAA;SAC7B;IACH,CAAC;IAED,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,SAAU,CAAC,KAAK,CAAA;QAEtD,OAAO,GAAG,GAAG,KAAK,GAAG,OAAO,CAAA;IAC9B,CAAC;IAED,MAAM,KAAK,aAAa;QACtB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;YACxB,IAAI,CAAC,cAAc,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBACnD,KAAK,EAAE,SAAS;gBAChB,IAAI,EAAE,KAAK,CAAC,UAAU;gBACtB,aAAa,EAAE,IAAI;gBACnB,mBAAmB,EAAE,CAAC,GAAG;aAC1B,CAAC,CAAA;SACH;QAED,OAAO,IAAI,CAAC,cAAc,CAAA;IAC5B,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;IAED,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,MAAM,CAAA;IACpB,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,UAAU,GAAG,GAAG,EAAE,GAAG,IAAI,CAAC,SAAU,CAAC,KAAK,CAAA;QAEpH,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,GAAG,mBAAmB,EAAE,YAAY,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAErG,IAAI,KAAK,GAAG,UAAU,CAAA;QAEtB,IAAI,WAAW,CAAA;QAEf,IAAI,CAAC,cAAc,EAAE;YACnB,WAAW,GAAG,EAAE,CAAA;YAChB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE;gBAAE,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;SAC1D;;YAAM,WAAW,GAAG,cAAc,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;QAEpD,IAAI,SAAS,GAAG,YAAY,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,CAAA;QAEzD,IAAI,CAAC,aAAa,EAAE;YAClB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,OAAO,CAAC,CAAA;YAClE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,CAAA;SAChF;QAED,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE;YAChC,IAAI,MAAM,GAAG,CAAC,KAAK,GAAG,OAAO,GAAG,GAAG,CAAA;YACnC,IAAI,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE;gBACxB,SAAQ;aACT;YAED,IAAI,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;YAEvD,IAAI,QAAQ,GAAG,KAAK,GAAG,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,CAAA;YACzC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACpC,IAAI,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;oBACpC,KAAK,EAAE,QAAQ,GAAG,KAAK;oBACvB,MAAM,EAAE,MAAM,GAAG,KAAK;oBACtB,KAAK,EAAE,KAAK,GAAG,KAAK;iBACrB,CAAC,CAAA;gBACF,KAAK,CAAC,MAAM,EAAE,CAAA;gBAEd,IAAI,UAAU,GAAG,KAAK,GAAG,KAAK,CAAA;gBAE9B,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAG,CACzB,CAAC,KAAK,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,EACzD,MAAM,GAAG,KAAK,GAAG,CAAC,GAAG,UAAU,GAAG,GAAG,EACrC,CAAC,CACF,CAAA;gBACD,IAAI,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;gBAC9C,KAAK,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,CAAA;gBAE5E,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;gBACjC,IAAI,CAAC,UAAW,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;aACvD;SACF;IACH,CAAC;IAED,eAAe,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS;QAC7C,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;QACnD,MAAM,UAAU,GAAG,EAAE,CAAA;QAErB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;YAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,CAAA;YAC/C,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,EAAE,WAAW,CAAC,CAAA;YAE3C,QAAQ,CAAC,EAAE;gBACT,KAAK,CAAC;oBACJ,QAAQ,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;oBACnC,MAAK;gBACP,KAAK,CAAC;oBACJ,QAAQ,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;oBACpC,MAAK;gBACP,KAAK,CAAC;oBACJ,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;oBACpC,MAAK;gBACP,KAAK,CAAC;oBACJ,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;oBACrC,MAAK;aACR;YAED,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;SAC1B;QAED,OAAO,mBAAmB,CAAC,eAAe,CAAC,UAAU,CAAC,CAAA;IACxD,CAAC;IAED,gBAAgB,CACd,OAAe,EACf,KAAa,EACb,MAAc,EACd,KAAa,EACb,WAAqB;QAErB,IAAI,MAAM,GAAG,CAAC,KAAK,GAAG,OAAO,GAAG,GAAG,CAAA;QACnC,MAAM,UAAU,GAAG,EAAE,CAAA;QAErB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,EAAE,CAAC,EAAE,EAAE;YAChC,IAAI,WAAW,CAAC,CAAC,CAAC,KAAK,EAAE,EAAE;gBACzB,SAAQ;aACT;YAED,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,EAAE,CAAA;YAE3C,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;YAChC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,CAAC,CAAA;YAC7B,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;YAE5C,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;SAC1B;QAED,OAAO,mBAAmB,CAAC,eAAe,CAAC,UAAU,CAAC,CAAA;IACxD,CAAC;IAED,kBAAkB,CAAC,WAAmB;QACpC,IAAI,EAAE,OAAO,GAAG,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QACtD,IAAI,EAAE,UAAU,GAAG,iBAAiB,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,IAAI,CAAC,SAAU,CAAC,KAAK,CAAA;QAEzE,IAAI,cAAc,GAAG,UAAU,CAAA;QAE/B,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QACrD,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;QACxD,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;QACrD,cAAc,GAAG,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,WAAW,CAAC,CAAA;QAE7D,OAAO,cAAc,CAAA;IACvB,CAAC;IAED,eAAe,CAAC,OAAe,EAAE,KAAa,EAAE,MAAc;QAC5D;;;;WAIG;QAEH,IAAI,CAAC,OAAO,IAAI,CAAC,KAAK,IAAI,CAAC,MAAM;YAAE,OAAM;QAEzC,IAAI,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACnC,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;QAEpC,IAAI,WAAW,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CAAC,CAAA;QACzD,IAAI,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAA;QAEhE,IAAI,WAAW,CAAC,MAAM,GAAG,WAAW,IAAI,WAAW,GAAG,CAAC,EAAE;YACvD,WAAW,GAAG,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,CAAA;SACtE;aAAM;YACL,IAAI,MAAM,GAAG,EAAE,CAAA;YACf,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACzD,MAAM,IAAI,GAAG,CAAA;aACd;YACD,WAAW,GAAG,MAAM,GAAG,WAAW,CAAA;SACnC;QAED,OAAO,WAAW,CAAA;IACpB,CAAC;IAED,WAAW,KAAI,CAAC;;AArNT,kBAAa,GAAa,IAAI,KAAK,CAAC,oBAAoB,CAAC;IAC9D,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,GAAG;IACd,SAAS,EAAE,GAAG;CACf,CAAC,CAAA;AACK,sBAAiB,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;AAClD,kBAAa,GAAG,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;SAV/C,IAAI","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport * as THREE from 'three'\nimport * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js'\n\nimport { Stock } from './stock'\nimport { Material } from 'three'\nimport { RackTable } from './rack-table'\nimport { RealObject } from './threed/real-object'\nimport { Visualizer } from './visualizer'\n\nexport class Rack extends RealObject {\n  private _frame?: THREE.BufferGeometry\n  private _board?: THREE.BufferGeometry\n\n  static frameMaterial: Material = new THREE.MeshStandardMaterial({\n    color: 0xcccccc,\n    roughness: 0.5,\n    metalness: 0.3\n  })\n  static rackFrameGeometry = new THREE.BoxGeometry(1, 1, 1)\n  static boardGeometry = new THREE.PlaneGeometry(1, 1, 1, 1)\n\n  private static _boardMaterial?: THREE.MeshStandardMaterial\n\n  get visualizer(): Visualizer | undefined {\n    var component = this.component\n\n    while (component) {\n      if (component.state.type == 'visualizer') {\n        return component as Visualizer\n      }\n      component = component.parent\n    }\n  }\n\n  get rackTable(): RackTable | undefined {\n    var component = this.component\n\n    while (component) {\n      if (component.state.type == 'rack-table') {\n        return component as RackTable\n      }\n      component = component.parent\n    }\n  }\n\n  get cz() {\n    var { shelves = 1, depth = 1 } = this.rackTable!.state\n\n    return 0.5 * depth * shelves\n  }\n\n  static get boardMaterial() {\n    if (!Rack._boardMaterial) {\n      Rack._boardMaterial = new THREE.MeshStandardMaterial({\n        color: '#dedede',\n        side: THREE.DoubleSide,\n        polygonOffset: true,\n        polygonOffsetFactor: -0.1\n      })\n    }\n\n    return Rack._boardMaterial\n  }\n\n  get frame() {\n    return this._frame\n  }\n\n  get board() {\n    return this._board\n  }\n\n  build() {\n    super.build()\n\n    var { depth, hideRackFrame, shelves, shelfLocations: commonShelfLocation, stockScale = 0.7 } = this.rackTable!.state\n\n    var { width, height, shelfLocations = commonShelfLocation, binLocations = '' } = this.component.state\n\n    let scale = stockScale\n\n    var shelfLocIds\n\n    if (!shelfLocations) {\n      shelfLocIds = []\n      for (var i = 0; i < shelves; i++) shelfLocIds.push(i + 1)\n    } else shelfLocIds = shelfLocations.split(/\\s*,\\s*/)\n\n    var shelfBins = binLocations.trim().split('\\n').reverse()\n\n    if (!hideRackFrame) {\n      this._frame = this.createRackFrame(width, height, depth * shelves)\n      this._board = this.createRackBoards(shelves, width, height, depth, shelfLocIds)\n    }\n\n    for (var i = 0; i < shelves; i++) {\n      let bottom = -depth * shelves * 0.5\n      if (shelfLocIds[i] == '') {\n        continue\n      }\n\n      var bins = (shelfBins[i] || '').trim().split(/\\s*,\\s*/)\n\n      var binWidth = width / (bins.length || 1)\n      for (var b = 0; b < bins.length; b++) {\n        let stock = new Stock(this.component, {\n          width: binWidth * scale,\n          height: height * scale,\n          depth: depth * scale\n        })\n        stock.update()\n\n        let stockDepth = depth * scale\n\n        stock.object3d.position.set(\n          (width / 2) * ((2 * b - (bins.length - 1)) / bins.length),\n          bottom + depth * i + stockDepth * 0.5,\n          0\n        )\n        var binCode = (bins[b] || '').replace('.', '')\n        stock.object3d.name = `${this.makeLocationString(shelfLocIds[i])}${binCode}`\n\n        this.object3d.add(stock.object3d)\n        this.visualizer!.putObject(stock.object3d.name, stock)\n      }\n    }\n  }\n\n  createRackFrame(w: number, h: number, d: number): THREE.BufferGeometry {\n    const frameWeight = Math.round(Math.min(w, h) / 10)\n    const geometries = []\n\n    for (let i = 0; i < 4; i++) {\n      const geometry = Rack.rackFrameGeometry.clone()\n      geometry.scale(frameWeight, d, frameWeight)\n\n      switch (i) {\n        case 0:\n          geometry.translate(w / 2, 0, h / 2)\n          break\n        case 1:\n          geometry.translate(w / 2, 0, -h / 2)\n          break\n        case 2:\n          geometry.translate(-w / 2, 0, h / 2)\n          break\n        case 3:\n          geometry.translate(-w / 2, 0, -h / 2)\n          break\n      }\n\n      geometries.push(geometry)\n    }\n\n    return BufferGeometryUtils.mergeGeometries(geometries)\n  }\n\n  createRackBoards(\n    shelves: number,\n    width: number,\n    height: number,\n    depth: number,\n    shelfLocIds: string[]\n  ): THREE.BufferGeometry {\n    let bottom = -depth * shelves * 0.5\n    const geometries = []\n\n    for (let i = 1; i < shelves; i++) {\n      if (shelfLocIds[i] === '') {\n        continue\n      }\n\n      const geometry = Rack.boardGeometry.clone()\n\n      geometry.scale(width, height, 1)\n      geometry.rotateX(Math.PI / 2)\n      geometry.translate(0, bottom + depth * i, 0)\n\n      geometries.push(geometry)\n    }\n\n    return BufferGeometryUtils.mergeGeometries(geometries)\n  }\n\n  makeLocationString(shelfString: string) {\n    var { section = '', unit = '' } = this.component.state\n    var { locPattern = '{z}{s}-{u}-{sh}', zone = '' } = this.rackTable!.state\n\n    var locationString = locPattern\n\n    locationString = locationString.replace(/{z}/i, zone)\n    locationString = locationString.replace(/{s}/i, section)\n    locationString = locationString.replace(/{u}/i, unit)\n    locationString = locationString.replace(/{sh}/i, shelfString)\n\n    return locationString\n  }\n\n  makeShelfString(pattern: string, shelf: number, length: number) {\n    /**\n     *  pattern #: 숫자\n     *  pattern 0: 고정 자리수\n     *  pattern -: 역순\n     */\n\n    if (!pattern || !shelf || !length) return\n\n    var isReverse = /^\\-/.test(pattern)\n    pattern = pattern.replace(/#+/, '#')\n\n    var fixedLength = (pattern.match(/0/g) || []).length || 0\n    var shelfString = String(isReverse ? length - shelf + 1 : shelf)\n\n    if (shelfString.length > fixedLength && fixedLength > 0) {\n      shelfString = shelfString.substring(shelfString.length - fixedLength)\n    } else {\n      var prefix = ''\n      for (var i = 0; i < fixedLength - shelfString.length; i++) {\n        prefix += '0'\n      }\n      shelfString = prefix + shelfString\n    }\n\n    return shelfString\n  }\n\n  updateAlpha() {}\n}\n"]}

package/dist/three-container-editor.d.ts

@@ -0,0 +1,22 @@
+import * as THREE from 'three';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
+import { TransformControls } from 'three/examples/jsm/controls/TransformControls.js';
+export declare class ThreeContainerEditor {
+    private ortho;
+    private persp;
+    private scene;
+    private camera;
+    private renderer;
+    private orbit?;
+    private transform?;
+    constructor(scene: THREE.Scene, ortho: THREE.OrthographicCamera, persp: THREE.PerspectiveCamera, camera: THREE.Camera, renderer: THREE.Renderer);
+    dispose(): void;
+    get orbitControls(): OrbitControls;
+    get transformControls(): TransformControls;
+    attach(target: THREE.Object3D): void;
+    detach(): void;
+    onKeyDown(e: KeyboardEvent): void;
+    onKeyUp(e: KeyboardEvent): void;
+    onWindowResize(): void;
+    render(): void;
+}

package/dist/three-container-editor.js

@@ -0,0 +1,132 @@
+import * as THREE from 'three';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js';
+import { TransformControls } from 'three/examples/jsm/controls/TransformControls.js';
+export class ThreeContainerEditor {
+    constructor(scene, ortho, persp, camera, renderer) {
+        this.ortho = ortho;
+        this.persp = persp;
+        this.scene = scene;
+        this.camera = camera;
+        this.renderer = renderer;
+    }
+    dispose() {
+        var _a, _b;
+        (_a = this.orbit) === null || _a === void 0 ? void 0 : _a.dispose();
+        (_b = this.transform) === null || _b === void 0 ? void 0 : _b.dispose();
+    }
+    get orbitControls() {
+        if (!this.orbit) {
+            this.orbit = new OrbitControls(this.camera, this.renderer.domElement);
+            this.orbit.update();
+            this.orbit.addEventListener('change', this.render);
+        }
+        return this.orbit;
+    }
+    get transformControls() {
+        if (!this.transform) {
+            this.transform = new TransformControls(this.camera, this.renderer.domElement);
+            this.transform.addEventListener('change', this.render);
+            this.transform.addEventListener('dragging-changed', event => {
+                this.orbitControls.enabled = !event.value;
+            });
+        }
+        return this.transform;
+    }
+    attach(target) {
+        var _a;
+        (_a = this.transform) === null || _a === void 0 ? void 0 : _a.attach(target);
+        this.scene.add(this.transformControls);
+    }
+    detach() {
+        this.scene.remove(this.transformControls);
+    }
+    onKeyDown(e) {
+        switch (e.code) {
+            case 'KeyQ':
+                this.transformControls.setSpace(this.transformControls.space === 'local' ? 'world' : 'local');
+                break;
+            case 'ShiftLeft':
+            case 'ShiftRight':
+                this.transformControls.setTranslationSnap(100);
+                this.transformControls.setRotationSnap(THREE.MathUtils.degToRad(15));
+                this.transformControls.setScaleSnap(0.25);
+                break;
+            case 'KeyW':
+                this.transformControls.setMode('translate');
+                break;
+            case 'KeyE':
+                this.transformControls.setMode('rotate');
+                break;
+            case 'KeyR':
+                this.transformControls.setMode('scale');
+                break;
+            case 'KeyC':
+                const position = this.camera.position.clone();
+                this.camera = this.camera.isPerspectiveCamera ? this.ortho : this.persp;
+                this.camera.position.copy(position);
+                this.orbitControls.object = this.camera;
+                this.transformControls.camera = this.camera;
+                this.camera.lookAt(this.orbitControls.target.x, this.orbitControls.target.y, this.orbitControls.target.z);
+                this.onWindowResize();
+                break;
+            case 'KeyV':
+                const randomFoV = Math.random() + 0.1;
+                const randomZoom = Math.random() + 0.1;
+                this.persp.fov = randomFoV * 160;
+                this.ortho.bottom = -randomFoV * 500;
+                this.ortho.top = randomFoV * 500;
+                this.persp.zoom = randomZoom * 5;
+                this.ortho.zoom = randomZoom * 5;
+                this.onWindowResize();
+                break;
+            case 'Equal':
+            case 'NumpadAdd':
+            case 'NumpadEqual':
+                this.transformControls.setSize(this.transformControls.size + 0.1);
+                break;
+            case 'Minus': // -
+            case 'IntlRo': // _
+            case 'NumpadSubtract': // num-
+                this.transformControls.setSize(Math.max(this.transformControls.size - 0.1, 0.1));
+                break;
+            case 'KeyX':
+                this.transformControls.showX = !this.transformControls.showX;
+                break;
+            case 'KeyY':
+                this.transformControls.showY = !this.transformControls.showY;
+                break;
+            case 'KeyZ':
+                this.transformControls.showZ = !this.transformControls.showZ;
+                break;
+            case 'Space':
+                this.transformControls.enabled = !this.transformControls.enabled;
+                break;
+            case 'Esc':
+                this.transformControls.reset();
+                break;
+        }
+    }
+    onKeyUp(e) {
+        switch (e.code) {
+            case 'Shift':
+                this.transformControls.setTranslationSnap(null);
+                this.transformControls.setRotationSnap(null);
+                this.transformControls.setScaleSnap(null);
+                break;
+        }
+    }
+    onWindowResize() {
+        const aspect = window.innerWidth / window.innerHeight;
+        this.persp.aspect = aspect;
+        this.persp.updateProjectionMatrix();
+        this.ortho.left = this.ortho.bottom * aspect;
+        this.ortho.right = this.ortho.top * aspect;
+        this.ortho.updateProjectionMatrix();
+        this.renderer.setSize(window.innerWidth, window.innerHeight);
+        this.render();
+    }
+    render() {
+        this.renderer.render(this.scene, this.camera);
+    }
+}
+//# sourceMappingURL=three-container-editor.js.map

package/dist/three-container-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"three-container-editor.js","sourceRoot":"","sources":["../src/three-container-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import * as THREE from 'three'\n\nimport { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'\nimport { TransformControls } from 'three/examples/jsm/controls/TransformControls.js'\n\nexport class ThreeContainerEditor {\n  private ortho: THREE.OrthographicCamera\n  private persp: THREE.PerspectiveCamera\n\n  private scene: THREE.Scene\n  private camera: THREE.Camera\n  private renderer: THREE.Renderer\n\n  private orbit?: OrbitControls\n  private transform?: TransformControls\n\n  constructor(\n    scene: THREE.Scene,\n    ortho: THREE.OrthographicCamera,\n    persp: THREE.PerspectiveCamera,\n    camera: THREE.Camera,\n    renderer: THREE.Renderer\n  ) {\n    this.ortho = ortho\n    this.persp = persp\n\n    this.scene = scene\n    this.camera = camera\n    this.renderer = renderer\n  }\n\n  dispose() {\n    this.orbit?.dispose()\n    this.transform?.dispose()\n  }\n\n  get orbitControls(): OrbitControls {\n    if (!this.orbit) {\n      this.orbit = new OrbitControls(this.camera!, this.renderer.domElement)\n      this.orbit.update()\n\n      this.orbit.addEventListener('change', this.render)\n    }\n\n    return this.orbit\n  }\n\n  get transformControls(): TransformControls {\n    if (!this.transform) {\n      this.transform = new TransformControls(this.camera!, this.renderer.domElement)\n      this.transform.addEventListener('change', this.render)\n\n      this.transform.addEventListener('dragging-changed', event => {\n        this.orbitControls.enabled = !event.value\n      })\n    }\n\n    return this.transform\n  }\n\n  attach(target: THREE.Object3D) {\n    this.transform?.attach(target)\n    this.scene.add(this.transformControls)\n  }\n\n  detach() {\n    this.scene.remove(this.transformControls)\n  }\n\n  onKeyDown(e: KeyboardEvent) {\n    switch (e.code) {\n      case 'KeyQ':\n        this.transformControls.setSpace(this.transformControls.space === 'local' ? 'world' : 'local')\n        break\n\n      case 'ShiftLeft':\n      case 'ShiftRight':\n        this.transformControls.setTranslationSnap(100)\n        this.transformControls.setRotationSnap(THREE.MathUtils.degToRad(15))\n        this.transformControls.setScaleSnap(0.25)\n        break\n\n      case 'KeyW':\n        this.transformControls.setMode('translate')\n        break\n\n      case 'KeyE':\n        this.transformControls.setMode('rotate')\n        break\n\n      case 'KeyR':\n        this.transformControls.setMode('scale')\n        break\n\n      case 'KeyC':\n        const position = this.camera.position.clone()\n\n        this.camera = (this.camera as THREE.PerspectiveCamera).isPerspectiveCamera ? this.ortho : this.persp\n        this.camera.position.copy(position)\n\n        this.orbitControls.object = this.camera\n        this.transformControls.camera = this.camera\n\n        this.camera.lookAt(this.orbitControls.target.x, this.orbitControls.target.y, this.orbitControls.target.z)\n\n        this.onWindowResize()\n\n        break\n\n      case 'KeyV':\n        const randomFoV = Math.random() + 0.1\n        const randomZoom = Math.random() + 0.1\n\n        this.persp.fov = randomFoV * 160\n        this.ortho.bottom = -randomFoV * 500\n        this.ortho.top = randomFoV * 500\n\n        this.persp.zoom = randomZoom * 5\n        this.ortho.zoom = randomZoom * 5\n\n        this.onWindowResize()\n\n        break\n\n      case 'Equal':\n      case 'NumpadAdd':\n      case 'NumpadEqual':\n        this.transformControls.setSize(this.transformControls.size + 0.1)\n        break\n\n      case 'Minus': // -\n      case 'IntlRo': // _\n      case 'NumpadSubtract': // num-\n        this.transformControls.setSize(Math.max(this.transformControls.size - 0.1, 0.1))\n        break\n\n      case 'KeyX':\n        this.transformControls.showX = !this.transformControls.showX\n        break\n\n      case 'KeyY':\n        this.transformControls.showY = !this.transformControls.showY\n        break\n\n      case 'KeyZ':\n        this.transformControls.showZ = !this.transformControls.showZ\n        break\n\n      case 'Space':\n        this.transformControls.enabled = !this.transformControls.enabled\n        break\n\n      case 'Esc':\n        this.transformControls.reset()\n        break\n    }\n  }\n\n  onKeyUp(e: KeyboardEvent) {\n    switch (e.code) {\n      case 'Shift':\n        this.transformControls.setTranslationSnap(null)\n        this.transformControls.setRotationSnap(null)\n        this.transformControls.setScaleSnap(null)\n        break\n    }\n  }\n\n  onWindowResize() {\n    const aspect = window.innerWidth / window.innerHeight\n\n    this.persp.aspect = aspect\n    this.persp.updateProjectionMatrix()\n\n    this.ortho.left = this.ortho.bottom * aspect\n    this.ortho.right = this.ortho.top * aspect\n    this.ortho.updateProjectionMatrix()\n\n    this.renderer.setSize(window.innerWidth, window.innerHeight)\n\n    this.render()\n  }\n\n  render() {\n    this.renderer.render(this.scene, this.camera)\n  }\n}\n"]}

package/dist/three-container.js

@@ -95,11 +95,15 @@ export class ThreeContainer extends Container {
         }
     }
     destroy_scene3d() {
+        var _a;
         this.stop();
         window.removeEventListener('focus', this._onFocus);
         window.removeEventListener('resize', this._onResize);
         if (this._renderer3d)
             this._renderer3d.clear();
+        if ((_a = this._controls) === null || _a === void 0 ? void 0 : _a.autoRotate) {
+            this._controls.doAutoRotate(false);
+        }
         delete this._renderer3d;
         delete this._camera;
         delete this._controls;
@@ -141,10 +145,6 @@ export class ThreeContainer extends Container {
         this._scene3d.add(this._camera);
         this._camera.lookAt(this._scene3d.position);
         this._camera.zoom = this.getState('zoom') * 0.01;
-        if (this.state.showAxis) {
-            var axisHelper = new THREE.AxesHelper(width);
-            this._scene3d.add(axisHelper);
-        }
         try {
             const canvas = document.createElement('canvas');
             let context = canvas.getContext('webgl2');
@@ -162,8 +162,8 @@ export class ThreeContainer extends Container {
         }
         this._renderer3d = renderer3d;
         renderer3d.autoClear = true;
-        renderer3d.outputEncoding = THREE.sRGBEncoding;
         // @ts-ignore for three@0.150.1
+        renderer3d.outputColorSpace = THREE.SRGBColorSpace;
         renderer3d.useLegacyLights = false;
         renderer3d.toneMappingExposure = Math.pow(exposure, 5.0);
         renderer3d.toneMapping = THREE.LinearToneMapping;
@@ -244,6 +244,9 @@ export class ThreeContainer extends Container {
             this._mixer.update(this._clock.getDelta());
         }
         this._controls.update();
+        if (this.state.autoRotate) {
+            this.invalidate();
+        }
         this.render_threed();
     }
     stop() { }

package/dist/three-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"three-container.js","sourceRoot":"","sources":["../src/three-container.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ComponentNature, Container, error, FPS, Layout, Properties } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js'\nimport { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass.js'\n\nimport ThreeControls from './three-controls'\nimport './three-layout'\nimport { RealObject } from './threed/real-object'\nimport { ThreeDimensionalContainer } from './threed/three-dimensional-container'\nimport { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer'\nimport { createFloor } from './threed/floor/floor'\nimport { RealObjectDomElement } from './threed'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'precision',\n      name: 'precision',\n      property: {\n        options: [\n          {\n            display: 'High',\n            value: 'highp'\n          },\n          {\n            display: 'Medium',\n            value: 'mediump'\n          },\n          {\n            display: 'Low',\n            value: 'lowp'\n          }\n        ]\n      }\n    },\n    {\n      type: 'checkbox',\n      label: 'anti-alias',\n      name: 'antialias',\n      property: 'antialias'\n    },\n    {\n      type: 'checkbox',\n      label: '3dmode',\n      name: 'threed',\n      property: 'threed'\n    },\n    {\n      type: 'checkbox',\n      label: 'auto-rotate',\n      name: 'autoRotate',\n      property: 'autoRotate'\n    },\n    {\n      type: 'checkbox',\n      label: 'debug',\n      name: 'debug',\n      property: 'debug'\n    }\n  ],\n  help: 'scene/component/three-container'\n}\n\nconst WEBGL_NO_SUPPORT_TEXT = 'WebGL no support'\n\nexport class ThreeContainer extends Container implements ThreeDimensionalContainer {\n  _scene3d?: THREE.Scene\n  _initalizeComplete?: Promise<void>\n\n  _mixer?: THREE.AnimationMixer\n\n  _camera?: THREE.PerspectiveCamera\n  _renderer3d?: THREE.WebGLRenderer\n\n  _mouse?: THREE.Vector2\n\n  _clock?: THREE.Clock\n\n  _controls?: any\n  _onFocus?: (e: FocusEvent) => void\n  _onResize?: (e: Event) => void\n  _noSupportWebgl: boolean = false\n\n  _raycaster = new THREE.Raycaster()\n\n  _lastFocused?: RealObject\n  _lastHovered?: RealObject\n\n  private _css3DScene?: THREE.Scene\n  private _css3DRenderer?: CSS3DRenderer\n\n  composer?: EffectComposer\n\n  containable(component: Component) {\n    return component.is3dish()\n  }\n\n  is3dContainer() {\n    return true\n  }\n\n  /* THREE Object related .. */\n\n  createObjects(components: Component[]) {\n    for (let component of components) {\n      try {\n        var item = component.realObject\n\n        if (item) {\n          if (component.isHTMLElement()) {\n            this.css3DScene.add((item as RealObjectDomElement).object3d)\n          } else {\n            this._scene3d!.add(item.object3d)\n          }\n        }\n      } catch (err) {\n        error(err)\n      }\n    }\n  }\n\n  destroy_scene3d() {\n    this.stop()\n\n    window.removeEventListener('focus', this._onFocus!)\n    window.removeEventListener('resize', this._onResize!)\n\n    if (this._renderer3d) this._renderer3d.clear()\n\n    delete this._renderer3d\n    delete this._camera\n    delete this._controls\n\n    if (this._scene3d) {\n      let children = this._scene3d.children.slice()\n      for (let i in children) {\n        let child = children[i] as any\n        if (child.dispose) child.dispose()\n        if (child.geometry && child.geometry.dispose) child.geometry.dispose()\n        if (child.material && child.material.dispose) child.material.dispose()\n        if (child.texture && child.texture.dispose) child.texture.dispose()\n        this._scene3d.remove(child)\n      }\n    }\n\n    delete this._scene3d\n  }\n\n  update() {\n    var { width, height } = this.bounds\n\n    var {\n      fov = 45,\n      near = 0.1,\n      far = 20000,\n      antialias = true,\n      precision = 'highp',\n      cameraX,\n      cameraY,\n      cameraZ,\n      exposure = 2.5\n    } = this.state\n\n    var components = this.components || []\n\n    // SCENE\n    this._scene3d = new THREE.Scene()\n\n    // CAMERA\n    var aspect = width / height\n\n    this._camera = new THREE.PerspectiveCamera(fov, aspect, near, far)\n\n    var cameraXPos = height * 0.8,\n      cameraYPos = width * 0.8,\n      cameraZPos = Math.min(500, Math.floor(Math.min(width, height)))\n    // cameraZPos = Math.floor(Math.min(width, height))\n\n    if (cameraX != undefined) cameraXPos = cameraX * width\n    if (cameraY != undefined) cameraYPos = cameraY * height\n    if (cameraZ != undefined) cameraZPos = cameraZ * Math.floor(Math.min(width, height))\n\n    this._camera.position.set(cameraXPos, cameraZPos, cameraYPos)\n\n    this._scene3d.add(this._camera)\n    this._camera.lookAt(this._scene3d.position)\n    this._camera.zoom = this.getState('zoom') * 0.01\n\n    if (this.state.showAxis) {\n      var axisHelper = new THREE.AxesHelper(width)\n      this._scene3d.add(axisHelper)\n    }\n\n    try {\n      const canvas = document.createElement('canvas')\n      let context = canvas!.getContext('webgl2')!\n\n      var renderer3d = new THREE.WebGLRenderer({\n        canvas,\n        context,\n        precision,\n        alpha: true,\n        antialias\n      })\n    } catch (e) {\n      this._noSupportWebgl = true\n      return\n    }\n\n    this._renderer3d = renderer3d\n\n    renderer3d!.autoClear = true\n    renderer3d!.outputEncoding = THREE.sRGBEncoding\n    // @ts-ignore for three@0.150.1\n    renderer3d!.useLegacyLights = false\n    renderer3d!.toneMappingExposure = Math.pow(exposure, 5.0)\n    renderer3d!.toneMapping = THREE.LinearToneMapping\n    renderer3d!.shadowMap.enabled = true\n    renderer3d!.setClearColor(0xffffff, 0) // transparent\n    renderer3d!.setSize(width, height)\n\n    // CONTROLS\n    this._controls = new (ThreeControls as any)(this._camera, this)\n    this._controls.cameraChanged = true\n\n    // Lights\n    var _hemiLight = new THREE.HemisphereLight(0xdddddd, 0x333333, 0.035)\n    var _directionalLight = new THREE.DirectionalLight(0xd6e1ff, 0.01)\n    var _pointLight1 = new THREE.PointLight(0xd6e1ff, 1, undefined, 2)\n\n    _pointLight1.power = cameraZPos * 50\n    _pointLight1.castShadow = true\n    _pointLight1.position.set(0, cameraZPos, 0)\n    _pointLight1.shadow.camera.near = 0.1\n    _pointLight1.shadow.camera.far = cameraZPos * 2\n\n    // const helper = new THREE.CameraHelper(_pointLight1.shadow.camera)\n    // this._scene3d?.add(helper)\n\n    this.scene3d!.add(_hemiLight)\n    this.scene3d!.add(_pointLight1)\n    this._camera.add(_directionalLight)\n\n    this._mouse = new THREE.Vector2()\n\n    this._clock = new THREE.Clock(true)\n    this._mixer = new THREE.AnimationMixer(this.scene3d!)\n\n    this.createObjects(components)\n\n    this._camera.updateProjectionMatrix()\n\n    const floor = createFloor(this)\n    // if (this._floor) {\n    //   this.object3d.remove(this._floor)\n    //   this._floor.clear()\n    //   delete this._floor\n    // }\n\n    if (floor) {\n      // this._floor = floor\n      this._scene3d.add(floor)\n    }\n\n    // this.invalidate()\n\n    // postprocessing\n\n    var composer = (this.composer = new EffectComposer(renderer3d!))\n    composer.setSize(width, height)\n\n    const renderPass = new RenderPass(this._scene3d, this._camera)\n    composer.addPass(renderPass)\n\n    this._onFocus = (e: FocusEvent) => {\n      this.render_threed()\n    }\n\n    this._onResize = (e: Event) => {\n      this.resize()\n    }\n\n    window.addEventListener('resize', this._onResize)\n    window.addEventListener('focus', this._onFocus)\n\n    this.buildOverlays()\n    this.resize()\n  }\n\n  resize() {\n    const { width, height } = this.bounds\n\n    this._camera!.aspect = width / height\n\n    this.renderer3d!.setSize(width, height)\n    this.css3DRenderer.setSize(width, height)\n\n    this.composer?.setSize(width, height)\n    this._camera!.updateProjectionMatrix()\n  }\n\n  init_scene3d() {\n    this.root.on('redraw', this.onredraw, this)\n\n    if (this._scene3d) {\n      this.destroy_scene3d()\n    }\n\n    this.update()\n\n    this.onchangeData && this.onchangeData(this.data, this.data)\n  }\n\n  threed_animate() {\n    if (!this._controls) {\n      return\n    }\n\n    if (this._mixer) {\n      this._mixer.update(this._clock!.getDelta())\n    }\n\n    this._controls.update()\n    this.render_threed()\n  }\n\n  stop() {}\n\n  get scene3d() {\n    if (!this._scene3d) {\n      this.init_scene3d()\n    }\n\n    return this._scene3d\n  }\n\n  get renderer3d() {\n    return this._renderer3d\n  }\n\n  get mixer() {\n    return this._mixer\n  }\n\n  get zoom() {\n    return this._camera?.zoom\n  }\n\n  /**\n   * CSS3DRenderer용 THREE.Scene을 제공\n   */\n  get css3DScene() {\n    if (!this._css3DScene) {\n      this._css3DScene = this.buildCSS3DScene()\n    }\n    return this._css3DScene\n  }\n\n  protected buildCSS3DScene() {\n    return new THREE.Scene()\n  }\n\n  protected disposeCSS3DScene() {\n    var children = [...this.css3DScene.children]\n    children.forEach(child => this.css3DScene.remove(child))\n  }\n\n  /* css3d-renderer */\n\n  /**\n   * css3d-renderer getter\n   */\n  get css3DRenderer() {\n    if (!this._css3DRenderer) {\n      this._css3DRenderer = this.createCSS3DRenderer()\n    }\n\n    return this._css3DRenderer\n  }\n\n  protected createCSS3DRenderer() {\n    var renderer = new CSS3DRenderer()\n    var div = renderer.domElement\n    div.style.position = 'absolute'\n    div.style.top = '0'\n    div.style.pointerEvents = 'none'\n\n    if (this.app.isViewMode) {\n      // disableAllUserEvents(div)\n    } else {\n      div.style.pointerEvents = 'none'\n    }\n\n    return renderer\n  }\n\n  protected disposeCSS3DRenderer() {\n    // Nothing to do\n  }\n\n  /**\n   * element내부에 필요한 overlay들을 생성\n   * ViewRenderer에서는 CSS3DRenderer와 GLRendering을 위한 canvas를 오버레이로 만든다.\n   * Warn: this.element는 아직 만들어지지 않은 상태에 buildOverlays가 호출됨.\n   * @param into\n   */\n  buildOverlays() {\n    this.element.appendChild(this.css3DRenderer.domElement)\n  }\n\n  render_threed() {\n    if (this.composer) {\n      this.composer.render()\n    }\n  }\n\n  /* Container Overides .. */\n  render(ctx: CanvasRenderingContext2D) {\n    if (this.app.isViewMode) {\n      this.setState('threed', true)\n    }\n\n    if (this.state.threed && !this._noSupportWebgl && this._camera) {\n      this.css3DRenderer.render(this.css3DScene, this._camera!)\n      return\n    }\n\n    super.render(ctx)\n  }\n\n  postrender(ctx: CanvasRenderingContext2D) {\n    var { left, top, debug, threed } = this.state\n\n    var { width, height } = this.bounds\n\n    // ios에서 width, height에 소수점이 있으면 3d를 표현하지 못하는 문제가 있어 정수화\n    width = Math.floor(width)\n    height = Math.floor(height)\n\n    if (threed) {\n      if (!this._scene3d) {\n        this.init_scene3d()\n        this.render_threed()\n      }\n\n      if (this._noSupportWebgl) {\n        this._showWebglNoSupportText(ctx)\n        return\n      }\n\n      if (!this._renderer3d) {\n        return\n      }\n\n      var { width: rendererWidth, height: rendererHeight } = this._renderer3d.getSize(new THREE.Vector2())\n\n      ctx.drawImage(this._renderer3d.domElement, 0, 0, rendererWidth, rendererHeight, left, top, width, height)\n\n      if (debug) {\n        ctx.font = 100 + 'px Arial'\n        ctx.textAlign = 'center'\n        ctx.fillStyle = 'black'\n        ctx.globalAlpha = 0.5\n        ctx.fillText(String(FPS()), 100, 100)\n      }\n    } else {\n      super.postrender(ctx)\n    }\n  }\n\n  dispose() {\n    this.root.off('redraw', this.onredraw, this)\n\n    this.disposeCSS3DScene()\n\n    this.composer?.dispose()\n    this.destroy_scene3d()\n\n    super.dispose()\n  }\n\n  get layout() {\n    return Layout.get('three')\n  }\n\n  get nature(): ComponentNature {\n    return NATURE\n  }\n\n  getObjectByRaycast(): THREE.Object3D | undefined {\n    var intersects = this.getObjectsByRaycast()\n\n    if (intersects && intersects.length > 0) {\n      var object: THREE.Object3D | null = intersects[0].object\n      while (object) {\n        if (object.userData.context) {\n          return object\n        }\n\n        object = object.parent\n      }\n    }\n  }\n\n  getObjectsByRaycast() {\n    var vector = this._mouse\n    if (!this._camera) {\n      return\n    }\n\n    this._raycaster.setFromCamera(vector!, this._camera)\n\n    var intersects = this._raycaster.intersectObjects(this._scene3d!.children, true)\n\n    return intersects\n  }\n\n  _showWebglNoSupportText(context: CanvasRenderingContext2D) {\n    context.save()\n\n    var { width, height } = this.state\n\n    context.font = width / 20 + 'px Arial'\n    context.textAlign = 'center'\n    context.fillText(WEBGL_NO_SUPPORT_TEXT, width / 2 - width / 40, height / 2)\n\n    context.restore()\n  }\n\n  /* Event Handlers */\n\n  onchange(after: Properties, before: Properties) {\n    if (after.hasOwnProperty('width') || after.hasOwnProperty('height') || after.hasOwnProperty('threed'))\n      this.destroy_scene3d()\n\n    if (after.hasOwnProperty('autoRotate')) {\n      if (this._controls) {\n        this._controls.doAutoRotate(after.autoRotate)\n      }\n    }\n\n    if (\n      after.hasOwnProperty('fov') ||\n      after.hasOwnProperty('near') ||\n      after.hasOwnProperty('far') ||\n      after.hasOwnProperty('zoom')\n    ) {\n      if (this._camera) {\n        const { near, far, zoom, fov } = this.state\n\n        this._camera.near = near\n        this._camera.far = far\n        this._camera.zoom = zoom * 0.01\n        this._camera.fov = fov\n        this._camera.updateProjectionMatrix()\n\n        this._controls.cameraChanged = true\n      }\n    }\n  }\n\n  onmousedown(e: MouseEvent) {\n    if (this._controls) {\n      this._controls.onMouseDown(e)\n    }\n  }\n\n  onmouseup(e: MouseEvent) {\n    if (this._controls) {\n      if (this._lastFocused) {\n        ;(this._lastFocused as any)._focused = false\n      }\n\n      const { left, top, width, height } = this.state\n\n      var pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n\n      this._mouse!.x = ((pointer.x - left) / width) * 2 - 1\n      this._mouse!.y = -((pointer.y - top) / height) * 2 + 1\n\n      var object = this.getObjectByRaycast()\n      var realObject = object?.userData.context as RealObject\n\n      if (realObject) {\n        ;(realObject as any)._focused = true\n        ;(realObject as any)._focusedAt = performance.now()\n        this._lastFocused = realObject\n        realObject.component?.trigger('click', e)\n      }\n\n      e.stopPropagation()\n    }\n  }\n\n  onmousemove(e: MouseEvent) {\n    if (this._controls) {\n      const { left, top, width, height } = this.state\n\n      var pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n\n      this._mouse!.x = ((pointer.x - left) / width) * 2 - 1\n      this._mouse!.y = -((pointer.y - top) / height) * 2 + 1\n\n      var object = this.getObjectByRaycast()\n      var realObject = object?.userData.context as RealObject\n\n      if (realObject !== this._lastHovered) {\n        if (this._lastHovered) {\n          this._lastHovered.component?.trigger('mouseleave', e)\n          delete this._lastHovered\n        }\n\n        if (realObject) {\n          this._lastHovered = realObject\n          this._lastHovered.component?.trigger('mouseenter', e)\n        }\n      }\n\n      this._controls.onMouseMove(e)\n\n      e.stopPropagation()\n    }\n  }\n\n  onmouseleave(e: MouseEvent) {}\n\n  onwheel(e: WheelEvent) {\n    if (this._controls) {\n      this.handleMouseWheel(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondblclick(e: MouseEvent) {\n    if (this._controls) {\n      this.setState('zoom', this.get('zoom'))\n      this._controls.reset()\n      e.stopPropagation()\n    }\n  }\n\n  ondragstart(e: DragEvent) {\n    if (this._controls) {\n      var pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n      var { left, top, width, height } = this.bounds\n\n      this._mouse!.x = ((pointer.x - left) / width) * 2 - 1\n      this._mouse!.y = -((pointer.y - top) / height) * 2 + 1\n\n      this._controls.onDragStart(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondragmove(e: DragEvent) {\n    if (this._controls) {\n      this._controls.cameraChanged = true\n      this._controls.onDragMove(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondragend(e: DragEvent) {\n    if (this._controls) {\n      this._controls.cameraChanged = true\n      this._controls.onDragEnd(e)\n      e.stopPropagation()\n    }\n  }\n\n  ontouchstart(e: TouchEvent) {\n    if (this._controls) {\n      this._controls.onTouchStart(e)\n      e.stopPropagation()\n    }\n  }\n\n  onpan(e: TouchEvent) {\n    if (this._controls) {\n      this._controls.cameraChanged = true\n      this._controls.onTouchMove(e)\n      e.stopPropagation()\n    }\n  }\n  ontouchend(e: TouchEvent) {\n    if (this._controls) {\n      this._controls.onTouchEnd(e)\n      e.stopPropagation()\n    }\n  }\n\n  onkeydown(e: KeyboardEvent) {\n    if (this._controls) {\n      this._controls.onKeyDown(e)\n      e.stopPropagation()\n    }\n  }\n\n  onpinch(e: TouchEvent) {\n    if (this._controls) {\n      var zoom = this.getState('zoom')\n      //@ts-ignore\n      zoom *= e.scale\n\n      if (zoom < 100) zoom = 100\n\n      this.setState('zoom', zoom)\n      e.stopPropagation()\n    }\n  }\n\n  ondoubletap() {\n    this._controls.reset()\n  }\n\n  handleMouseWheel(event: WheelEvent) {\n    var delta = 0\n    var zoom = this.getState('zoom')\n\n    delta = -event.deltaY\n    zoom += delta * 0.1\n    if (zoom < 100) zoom = 100\n\n    this.setState('zoom', zoom)\n  }\n\n  onredraw() {\n    this.threed_animate()\n  }\n}\n\nComponent.register('3d-container', ThreeContainer)\n"]}
+{"version":3,"file":"three-container.js","sourceRoot":"","sources":["../src/three-container.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ComponentNature, Container, error, FPS, Layout, Properties } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js'\nimport { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass.js'\n\nimport ThreeControls from './three-controls'\nimport './three-layout'\nimport { RealObject } from './threed/real-object'\nimport { ThreeDimensionalContainer } from './threed/three-dimensional-container'\nimport { CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer'\nimport { createFloor } from './threed/floor/floor'\nimport { RealObjectDomElement } from './threed'\n\nconst NATURE = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'select',\n      label: 'precision',\n      name: 'precision',\n      property: {\n        options: [\n          {\n            display: 'High',\n            value: 'highp'\n          },\n          {\n            display: 'Medium',\n            value: 'mediump'\n          },\n          {\n            display: 'Low',\n            value: 'lowp'\n          }\n        ]\n      }\n    },\n    {\n      type: 'checkbox',\n      label: 'anti-alias',\n      name: 'antialias',\n      property: 'antialias'\n    },\n    {\n      type: 'checkbox',\n      label: '3dmode',\n      name: 'threed',\n      property: 'threed'\n    },\n    {\n      type: 'checkbox',\n      label: 'auto-rotate',\n      name: 'autoRotate',\n      property: 'autoRotate'\n    },\n    {\n      type: 'checkbox',\n      label: 'debug',\n      name: 'debug',\n      property: 'debug'\n    }\n  ],\n  help: 'scene/component/three-container'\n}\n\nconst WEBGL_NO_SUPPORT_TEXT = 'WebGL no support'\n\nexport class ThreeContainer extends Container implements ThreeDimensionalContainer {\n  _scene3d?: THREE.Scene\n  _initalizeComplete?: Promise<void>\n\n  _mixer?: THREE.AnimationMixer\n\n  _camera?: THREE.PerspectiveCamera\n  _renderer3d?: THREE.WebGLRenderer\n\n  _mouse?: THREE.Vector2\n\n  _clock?: THREE.Clock\n\n  _controls?: any\n  _onFocus?: (e: FocusEvent) => void\n  _onResize?: (e: Event) => void\n  _noSupportWebgl: boolean = false\n\n  _raycaster = new THREE.Raycaster()\n\n  _lastFocused?: RealObject\n  _lastHovered?: RealObject\n\n  private _css3DScene?: THREE.Scene\n  private _css3DRenderer?: CSS3DRenderer\n\n  composer?: EffectComposer\n\n  containable(component: Component) {\n    return component.is3dish()\n  }\n\n  is3dContainer() {\n    return true\n  }\n\n  /* THREE Object related .. */\n\n  createObjects(components: Component[]) {\n    for (let component of components) {\n      try {\n        var item = component.realObject\n\n        if (item) {\n          if (component.isHTMLElement()) {\n            this.css3DScene.add((item as RealObjectDomElement).object3d)\n          } else {\n            this._scene3d!.add(item.object3d)\n          }\n        }\n      } catch (err) {\n        error(err)\n      }\n    }\n  }\n\n  destroy_scene3d() {\n    this.stop()\n\n    window.removeEventListener('focus', this._onFocus!)\n    window.removeEventListener('resize', this._onResize!)\n\n    if (this._renderer3d) this._renderer3d.clear()\n\n    if (this._controls?.autoRotate) {\n      this._controls.doAutoRotate(false)\n    }\n\n    delete this._renderer3d\n    delete this._camera\n    delete this._controls\n\n    if (this._scene3d) {\n      let children = this._scene3d.children.slice()\n      for (let i in children) {\n        let child = children[i] as any\n        if (child.dispose) child.dispose()\n        if (child.geometry && child.geometry.dispose) child.geometry.dispose()\n        if (child.material && child.material.dispose) child.material.dispose()\n        if (child.texture && child.texture.dispose) child.texture.dispose()\n        this._scene3d.remove(child)\n      }\n    }\n\n    delete this._scene3d\n  }\n\n  update() {\n    var { width, height } = this.bounds\n\n    var {\n      fov = 45,\n      near = 0.1,\n      far = 20000,\n      antialias = true,\n      precision = 'highp',\n      cameraX,\n      cameraY,\n      cameraZ,\n      exposure = 2.5\n    } = this.state\n\n    var components = this.components || []\n\n    // SCENE\n    this._scene3d = new THREE.Scene()\n\n    // CAMERA\n    var aspect = width / height\n\n    this._camera = new THREE.PerspectiveCamera(fov, aspect, near, far)\n\n    var cameraXPos = height * 0.8,\n      cameraYPos = width * 0.8,\n      cameraZPos = Math.min(500, Math.floor(Math.min(width, height)))\n    // cameraZPos = Math.floor(Math.min(width, height))\n\n    if (cameraX != undefined) cameraXPos = cameraX * width\n    if (cameraY != undefined) cameraYPos = cameraY * height\n    if (cameraZ != undefined) cameraZPos = cameraZ * Math.floor(Math.min(width, height))\n\n    this._camera.position.set(cameraXPos, cameraZPos, cameraYPos)\n\n    this._scene3d.add(this._camera)\n    this._camera.lookAt(this._scene3d.position)\n    this._camera.zoom = this.getState('zoom') * 0.01\n\n    try {\n      const canvas = document.createElement('canvas')\n      let context = canvas!.getContext('webgl2')!\n\n      var renderer3d = new THREE.WebGLRenderer({\n        canvas,\n        context,\n        precision,\n        alpha: true,\n        antialias\n      })\n    } catch (e) {\n      this._noSupportWebgl = true\n      return\n    }\n\n    this._renderer3d = renderer3d\n\n    renderer3d!.autoClear = true\n    // @ts-ignore for three@0.150.1\n    renderer3d!.outputColorSpace = THREE.SRGBColorSpace\n    renderer3d!.useLegacyLights = false\n    renderer3d!.toneMappingExposure = Math.pow(exposure, 5.0)\n    renderer3d!.toneMapping = THREE.LinearToneMapping\n    renderer3d!.shadowMap.enabled = true\n    renderer3d!.setClearColor(0xffffff, 0) // transparent\n    renderer3d!.setSize(width, height)\n\n    // CONTROLS\n    this._controls = new (ThreeControls as any)(this._camera, this)\n    this._controls.cameraChanged = true\n\n    // Lights\n    var _hemiLight = new THREE.HemisphereLight(0xdddddd, 0x333333, 0.035)\n    var _directionalLight = new THREE.DirectionalLight(0xd6e1ff, 0.01)\n    var _pointLight1 = new THREE.PointLight(0xd6e1ff, 1, undefined, 2)\n\n    _pointLight1.power = cameraZPos * 50\n    _pointLight1.castShadow = true\n    _pointLight1.position.set(0, cameraZPos, 0)\n    _pointLight1.shadow.camera.near = 0.1\n    _pointLight1.shadow.camera.far = cameraZPos * 2\n\n    // const helper = new THREE.CameraHelper(_pointLight1.shadow.camera)\n    // this._scene3d?.add(helper)\n\n    this.scene3d!.add(_hemiLight)\n    this.scene3d!.add(_pointLight1)\n    this._camera.add(_directionalLight)\n\n    this._mouse = new THREE.Vector2()\n\n    this._clock = new THREE.Clock(true)\n    this._mixer = new THREE.AnimationMixer(this.scene3d!)\n\n    this.createObjects(components)\n\n    this._camera.updateProjectionMatrix()\n\n    const floor = createFloor(this)\n    // if (this._floor) {\n    //   this.object3d.remove(this._floor)\n    //   this._floor.clear()\n    //   delete this._floor\n    // }\n\n    if (floor) {\n      // this._floor = floor\n      this._scene3d.add(floor)\n    }\n\n    // this.invalidate()\n\n    // postprocessing\n\n    var composer = (this.composer = new EffectComposer(renderer3d!))\n    composer.setSize(width, height)\n\n    const renderPass = new RenderPass(this._scene3d, this._camera)\n    composer.addPass(renderPass)\n\n    this._onFocus = (e: FocusEvent) => {\n      this.render_threed()\n    }\n\n    this._onResize = (e: Event) => {\n      this.resize()\n    }\n\n    window.addEventListener('resize', this._onResize)\n    window.addEventListener('focus', this._onFocus)\n\n    this.buildOverlays()\n    this.resize()\n  }\n\n  resize() {\n    const { width, height } = this.bounds\n\n    this._camera!.aspect = width / height\n\n    this.renderer3d!.setSize(width, height)\n    this.css3DRenderer.setSize(width, height)\n\n    this.composer?.setSize(width, height)\n    this._camera!.updateProjectionMatrix()\n  }\n\n  init_scene3d() {\n    this.root.on('redraw', this.onredraw, this)\n\n    if (this._scene3d) {\n      this.destroy_scene3d()\n    }\n\n    this.update()\n\n    this.onchangeData && this.onchangeData(this.data, this.data)\n  }\n\n  threed_animate() {\n    if (!this._controls) {\n      return\n    }\n\n    if (this._mixer) {\n      this._mixer.update(this._clock!.getDelta())\n    }\n\n    this._controls.update()\n\n    if (this.state.autoRotate) {\n      this.invalidate()\n    }\n\n    this.render_threed()\n  }\n\n  stop() {}\n\n  get scene3d() {\n    if (!this._scene3d) {\n      this.init_scene3d()\n    }\n\n    return this._scene3d\n  }\n\n  get renderer3d() {\n    return this._renderer3d\n  }\n\n  get mixer() {\n    return this._mixer\n  }\n\n  get zoom() {\n    return this._camera?.zoom\n  }\n\n  /**\n   * CSS3DRenderer용 THREE.Scene을 제공\n   */\n  get css3DScene() {\n    if (!this._css3DScene) {\n      this._css3DScene = this.buildCSS3DScene()\n    }\n    return this._css3DScene\n  }\n\n  protected buildCSS3DScene() {\n    return new THREE.Scene()\n  }\n\n  protected disposeCSS3DScene() {\n    var children = [...this.css3DScene.children]\n    children.forEach(child => this.css3DScene.remove(child))\n  }\n\n  /* css3d-renderer */\n\n  /**\n   * css3d-renderer getter\n   */\n  get css3DRenderer() {\n    if (!this._css3DRenderer) {\n      this._css3DRenderer = this.createCSS3DRenderer()\n    }\n\n    return this._css3DRenderer\n  }\n\n  protected createCSS3DRenderer() {\n    var renderer = new CSS3DRenderer()\n    var div = renderer.domElement\n    div.style.position = 'absolute'\n    div.style.top = '0'\n    div.style.pointerEvents = 'none'\n\n    if (this.app.isViewMode) {\n      // disableAllUserEvents(div)\n    } else {\n      div.style.pointerEvents = 'none'\n    }\n\n    return renderer\n  }\n\n  protected disposeCSS3DRenderer() {\n    // Nothing to do\n  }\n\n  /**\n   * element내부에 필요한 overlay들을 생성\n   * ViewRenderer에서는 CSS3DRenderer와 GLRendering을 위한 canvas를 오버레이로 만든다.\n   * Warn: this.element는 아직 만들어지지 않은 상태에 buildOverlays가 호출됨.\n   * @param into\n   */\n  buildOverlays() {\n    this.element.appendChild(this.css3DRenderer.domElement)\n  }\n\n  render_threed() {\n    if (this.composer) {\n      this.composer.render()\n    }\n  }\n\n  /* Container Overides .. */\n  render(ctx: CanvasRenderingContext2D) {\n    if (this.app.isViewMode) {\n      this.setState('threed', true)\n    }\n\n    if (this.state.threed && !this._noSupportWebgl && this._camera) {\n      this.css3DRenderer.render(this.css3DScene, this._camera!)\n      return\n    }\n\n    super.render(ctx)\n  }\n\n  postrender(ctx: CanvasRenderingContext2D) {\n    var { left, top, debug, threed } = this.state\n\n    var { width, height } = this.bounds\n\n    // ios에서 width, height에 소수점이 있으면 3d를 표현하지 못하는 문제가 있어 정수화\n    width = Math.floor(width)\n    height = Math.floor(height)\n\n    if (threed) {\n      if (!this._scene3d) {\n        this.init_scene3d()\n        this.render_threed()\n      }\n\n      if (this._noSupportWebgl) {\n        this._showWebglNoSupportText(ctx)\n        return\n      }\n\n      if (!this._renderer3d) {\n        return\n      }\n\n      var { width: rendererWidth, height: rendererHeight } = this._renderer3d.getSize(new THREE.Vector2())\n\n      ctx.drawImage(this._renderer3d.domElement, 0, 0, rendererWidth, rendererHeight, left, top, width, height)\n\n      if (debug) {\n        ctx.font = 100 + 'px Arial'\n        ctx.textAlign = 'center'\n        ctx.fillStyle = 'black'\n        ctx.globalAlpha = 0.5\n        ctx.fillText(String(FPS()), 100, 100)\n      }\n    } else {\n      super.postrender(ctx)\n    }\n  }\n\n  dispose() {\n    this.root.off('redraw', this.onredraw, this)\n\n    this.disposeCSS3DScene()\n\n    this.composer?.dispose()\n    this.destroy_scene3d()\n\n    super.dispose()\n  }\n\n  get layout() {\n    return Layout.get('three')\n  }\n\n  get nature(): ComponentNature {\n    return NATURE\n  }\n\n  getObjectByRaycast(): THREE.Object3D | undefined {\n    var intersects = this.getObjectsByRaycast()\n\n    if (intersects && intersects.length > 0) {\n      var object: THREE.Object3D | null = intersects[0].object\n      while (object) {\n        if (object.userData.context) {\n          return object\n        }\n\n        object = object.parent\n      }\n    }\n  }\n\n  getObjectsByRaycast() {\n    var vector = this._mouse\n    if (!this._camera) {\n      return\n    }\n\n    this._raycaster.setFromCamera(vector!, this._camera)\n\n    var intersects = this._raycaster.intersectObjects(this._scene3d!.children, true)\n\n    return intersects\n  }\n\n  _showWebglNoSupportText(context: CanvasRenderingContext2D) {\n    context.save()\n\n    var { width, height } = this.state\n\n    context.font = width / 20 + 'px Arial'\n    context.textAlign = 'center'\n    context.fillText(WEBGL_NO_SUPPORT_TEXT, width / 2 - width / 40, height / 2)\n\n    context.restore()\n  }\n\n  /* Event Handlers */\n\n  onchange(after: Properties, before: Properties) {\n    if (after.hasOwnProperty('width') || after.hasOwnProperty('height') || after.hasOwnProperty('threed'))\n      this.destroy_scene3d()\n\n    if (after.hasOwnProperty('autoRotate')) {\n      if (this._controls) {\n        this._controls.doAutoRotate(after.autoRotate)\n      }\n    }\n\n    if (\n      after.hasOwnProperty('fov') ||\n      after.hasOwnProperty('near') ||\n      after.hasOwnProperty('far') ||\n      after.hasOwnProperty('zoom')\n    ) {\n      if (this._camera) {\n        const { near, far, zoom, fov } = this.state\n\n        this._camera.near = near\n        this._camera.far = far\n        this._camera.zoom = zoom * 0.01\n        this._camera.fov = fov\n        this._camera.updateProjectionMatrix()\n\n        this._controls.cameraChanged = true\n      }\n    }\n  }\n\n  onmousedown(e: MouseEvent) {\n    if (this._controls) {\n      this._controls.onMouseDown(e)\n    }\n  }\n\n  onmouseup(e: MouseEvent) {\n    if (this._controls) {\n      if (this._lastFocused) {\n        ;(this._lastFocused as any)._focused = false\n      }\n\n      const { left, top, width, height } = this.state\n\n      var pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n\n      this._mouse!.x = ((pointer.x - left) / width) * 2 - 1\n      this._mouse!.y = -((pointer.y - top) / height) * 2 + 1\n\n      var object = this.getObjectByRaycast()\n      var realObject = object?.userData.context as RealObject\n\n      if (realObject) {\n        ;(realObject as any)._focused = true\n        ;(realObject as any)._focusedAt = performance.now()\n        this._lastFocused = realObject\n        realObject.component?.trigger('click', e)\n      }\n\n      e.stopPropagation()\n    }\n  }\n\n  onmousemove(e: MouseEvent) {\n    if (this._controls) {\n      const { left, top, width, height } = this.state\n\n      var pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n\n      this._mouse!.x = ((pointer.x - left) / width) * 2 - 1\n      this._mouse!.y = -((pointer.y - top) / height) * 2 + 1\n\n      var object = this.getObjectByRaycast()\n      var realObject = object?.userData.context as RealObject\n\n      if (realObject !== this._lastHovered) {\n        if (this._lastHovered) {\n          this._lastHovered.component?.trigger('mouseleave', e)\n          delete this._lastHovered\n        }\n\n        if (realObject) {\n          this._lastHovered = realObject\n          this._lastHovered.component?.trigger('mouseenter', e)\n        }\n      }\n\n      this._controls.onMouseMove(e)\n\n      e.stopPropagation()\n    }\n  }\n\n  onmouseleave(e: MouseEvent) {}\n\n  onwheel(e: WheelEvent) {\n    if (this._controls) {\n      this.handleMouseWheel(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondblclick(e: MouseEvent) {\n    if (this._controls) {\n      this.setState('zoom', this.get('zoom'))\n      this._controls.reset()\n      e.stopPropagation()\n    }\n  }\n\n  ondragstart(e: DragEvent) {\n    if (this._controls) {\n      var pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n      var { left, top, width, height } = this.bounds\n\n      this._mouse!.x = ((pointer.x - left) / width) * 2 - 1\n      this._mouse!.y = -((pointer.y - top) / height) * 2 + 1\n\n      this._controls.onDragStart(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondragmove(e: DragEvent) {\n    if (this._controls) {\n      this._controls.cameraChanged = true\n      this._controls.onDragMove(e)\n      e.stopPropagation()\n    }\n  }\n\n  ondragend(e: DragEvent) {\n    if (this._controls) {\n      this._controls.cameraChanged = true\n      this._controls.onDragEnd(e)\n      e.stopPropagation()\n    }\n  }\n\n  ontouchstart(e: TouchEvent) {\n    if (this._controls) {\n      this._controls.onTouchStart(e)\n      e.stopPropagation()\n    }\n  }\n\n  onpan(e: TouchEvent) {\n    if (this._controls) {\n      this._controls.cameraChanged = true\n      this._controls.onTouchMove(e)\n      e.stopPropagation()\n    }\n  }\n  ontouchend(e: TouchEvent) {\n    if (this._controls) {\n      this._controls.onTouchEnd(e)\n      e.stopPropagation()\n    }\n  }\n\n  onkeydown(e: KeyboardEvent) {\n    if (this._controls) {\n      this._controls.onKeyDown(e)\n      e.stopPropagation()\n    }\n  }\n\n  onpinch(e: TouchEvent) {\n    if (this._controls) {\n      var zoom = this.getState('zoom')\n      //@ts-ignore\n      zoom *= e.scale\n\n      if (zoom < 100) zoom = 100\n\n      this.setState('zoom', zoom)\n      e.stopPropagation()\n    }\n  }\n\n  ondoubletap() {\n    this._controls.reset()\n  }\n\n  handleMouseWheel(event: WheelEvent) {\n    var delta = 0\n    var zoom = this.getState('zoom')\n\n    delta = -event.deltaY\n    zoom += delta * 0.1\n    if (zoom < 100) zoom = 100\n\n    this.setState('zoom', zoom)\n  }\n\n  onredraw() {\n    this.threed_animate()\n  }\n}\n\nComponent.register('3d-container', ThreeContainer)\n"]}

package/dist/three-controls.js

@@ -101,12 +101,7 @@ var ThreeControls = function (object, component) {
             // angle from z-axis around y-axis
             spherical.setFromVector3(offset);
             if (scope.autoRotate && state === STATE.NONE) {
-                // theta = getAutoRotationAngle();
-                // thetaDelta = - getAutoRotationAngle();
-                // theta = 0;
                 rotateLeft(getAutoRotationAngle());
-                scope.component.invalidate();
-                // spherical.theta = getAutoRotationAngle();
             }
             spherical.theta += sphericalDelta.theta;
             spherical.phi += sphericalDelta.phi;
@@ -150,9 +145,6 @@ var ThreeControls = function (object, component) {
                 zoomChanged = false;
                 return true;
             }
-            // if (this.autoRotate) {
-            //   scope.component.invalidate()
-            // }
             return false;
         };
     })();