@operato/scene-visualizer 10.0.0-beta.4 → 10.0.0-beta.8

package/dist/stock.js

@@ -4,19 +4,26 @@
 import { RealObject } from '@hatiolab/things-scene';
 import * as THREE from 'three';
 const STOCK_COLOR = '#ccaa76';
-export class Stock extends RealObject {
-    static defaultMaterial = new THREE.MeshStandardMaterial({
-        color: STOCK_COLOR,
+function createStockMaterial(color, opts) {
+    const mat = new THREE.MeshStandardMaterial({
+        color,
         side: THREE.FrontSide,
-        roughness: 0.7
-    });
-    static defaultEmptyMaterial = new THREE.MeshStandardMaterial({
-        color: STOCK_COLOR,
-        opacity: 0.33,
-        transparent: true
+        metalness: 0,
+        roughness: 1,
+        envMapIntensity: 0
     });
+    if (opts?.opacity !== undefined) {
+        mat.opacity = opts.opacity;
+        mat.transparent = opts.transparent ?? true;
+    }
+    return mat;
+}
+export class Stock extends RealObject {
+    static defaultMaterial = createStockMaterial(STOCK_COLOR);
+    static defaultEmptyMaterial = createStockMaterial(STOCK_COLOR, { opacity: 0.33, transparent: true });
     static stockGeometry = new THREE.BoxGeometry(1, 1, 1);
     _hideEmptyStock = false;
+    _focused = false;
     model;
     constructor(component, model) {
         super(component);
@@ -49,11 +56,7 @@ export class Stock extends RealObject {
             this.stockMaterials[index] = this.userDefineDefaultMaterial;
         }
         if (!this.stockMaterials[index]) {
-            this.stockMaterials[index] = new THREE.MeshStandardMaterial({
-                color: range.color,
-                side: THREE.FrontSide,
-                roughness: 0.7
-            });
+            this.stockMaterials[index] = createStockMaterial(range.color);
         }
         var alpha = range.color.replace(/^.*,(.+)\)/, '$1');
         if (alpha > 0 && alpha < 1) {
@@ -73,16 +76,9 @@ export class Stock extends RealObject {
                 const defaultColor = status?.defaultColor;
                 if (!defaultColor)
                     return Stock.defaultMaterial;
-                p._default_material = new THREE.MeshStandardMaterial({
-                    color: defaultColor,
-                    side: THREE.FrontSide,
-                    roughness: 0.7
-                });
-                var alpha = defaultColor.replace(/^.*,(.+)\)/, '$1');
-                if (alpha > 0 && alpha < 1) {
-                    p._default_material.opacity = alpha;
-                    p._default_material.transparent = true;
-                }
+                var alpha = Number(defaultColor.replace(/^.*,(.+)\)/, '$1'));
+                var hasAlpha = alpha > 0 && alpha < 1;
+                p._default_material = createStockMaterial(defaultColor, hasAlpha ? { opacity: alpha, transparent: true } : undefined);
             }
             return p._default_material;
         }
@@ -94,16 +90,9 @@ export class Stock extends RealObject {
             if (!p._empty_material) {
                 const status = this._legendStatus;
                 const defaultColor = status?.defaultColor || STOCK_COLOR;
-                p._empty_material = new THREE.MeshStandardMaterial({ color: defaultColor });
                 var alpha = Number(defaultColor.replace(/^.*,(.+)\)/, '$1'));
-                if (alpha > 0 && alpha < 1) {
-                    p._empty_material.opacity = alpha;
-                    p._empty_material.transparent = true;
-                }
-                else {
-                    p._empty_material.opacity = 0.33;
-                    p._empty_material.transparent = true;
-                }
+                var opacity = (alpha > 0 && alpha < 1) ? alpha : 0.33;
+                p._empty_material = createStockMaterial(defaultColor, { opacity, transparent: true });
             }
             return p._empty_material;
         }

package/dist/stock.js.map

@@ -1 +1 @@
-{"version":3,"file":"stock.js","sourceRoot":"","sources":["../src/stock.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAoB,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,GAAG,SAAS,CAAA;AAc7B,MAAM,OAAO,KAAM,SAAQ,UAAsB;IAC/C,MAAM,CAAC,eAAe,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;QACtD,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,KAAK,CAAC,SAAS;QACrB,SAAS,EAAE,GAAG;KACf,CAAC,CAAA;IACF,MAAM,CAAC,oBAAoB,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;QAC3D,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,IAAI;QACb,WAAW,EAAE,IAAI;KAClB,CAAC,CAAA;IACF,MAAM,CAAC,aAAa,GAAG,IAAI,KAAK,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAErD,eAAe,GAAY,KAAK,CAAA;IAEhC,KAAK,CAAK;IAEV,YAAY,SAAoB,EAAE,KAAU;QAC1C,KAAK,CAAC,SAAS,CAAC,CAAA;QAChB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;IACpB,CAAC;IAES,mBAAmB;QAC3B,OAAO,IAAI,KAAK,CAAC,IAAI,EAAE,CAAA;IACzB,CAAC;IAED;;OAEG;IACH,IAAI,QAAQ;QACV,IAAI,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;QAE9B,OAAO,SAAS,EAAE,CAAC;YACjB,IAAI,kBAAkB,IAAI,SAAS,EAAE,CAAC;gBACpC,OAAO,SAA6C,CAAA;YACtD,CAAC;YACD,SAAS,GAAG,SAAS,CAAC,MAAM,CAAA;QAC9B,CAAC;IACH,CAAC;IAED,IAAY,aAAa;QACvB,OAAO,IAAI,CAAC,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,SAAS,CAAA;IACrE,CAAC;IAED,WAAW,CAAC,KAAa;QACvB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAA;QACjC,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC,yBAAyB,CAAA;QAElD,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAA;QACpC,IAAI,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;YAC5B,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,yBAAyB,CAAA;QAC7D,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;YAChC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;gBAC1D,KAAK,EAAE,KAAK,CAAC,KAAK;gBAClB,IAAI,EAAE,KAAK,CAAC,SAAS;gBACrB,SAAS,EAAE,GAAG;aACf,CAAC,CAAA;QACJ,CAAC;QAED,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;QACnD,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,KAAK,CAAA;YAC1C,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,WAAW,GAAG,IAAI,CAAA;QAC/C,CAAC;QAED,OAAO,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;IACnC,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,QAAQ,EAAE,gBAAgB,IAAI,EAAE,CAAA;IAC9C,CAAC;IAED,IAAI,yBAAyB;QAC3B,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAA;QAEvB,IAAI,CAAC,EAAE,CAAC;YACN,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;gBACzB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAA;gBACjC,MAAM,YAAY,GAAG,MAAM,EAAE,YAAY,CAAA;gBACzC,IAAI,CAAC,YAAY;oBAAE,OAAO,KAAK,CAAC,eAAe,CAAA;gBAE/C,CAAC,CAAC,iBAAiB,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;oBACnD,KAAK,EAAE,YAAY;oBACnB,IAAI,EAAE,KAAK,CAAC,SAAS;oBACrB,SAAS,EAAE,GAAG;iBACf,CAAC,CAAA;gBACF,IAAI,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;gBACpD,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;oBAC3B,CAAC,CAAC,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAA;oBACnC,CAAC,CAAC,iBAAiB,CAAC,WAAW,GAAG,IAAI,CAAA;gBACxC,CAAC;YACH,CAAC;YACD,OAAO,CAAC,CAAC,iBAAiB,CAAA;QAC5B,CAAC;QAED,OAAO,KAAK,CAAC,eAAe,CAAA;IAC9B,CAAC;IAED,IAAI,aAAa;QACf,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAA;QAEvB,IAAI,CAAC,EAAE,CAAC;YACN,IAAI,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC;gBACvB,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAA;gBACjC,MAAM,YAAY,GAAG,MAAM,EAAE,YAAY,IAAI,WAAW,CAAA;gBAExD,CAAC,CAAC,eAAe,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAA;gBAC3E,IAAI,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAA;gBAC5D,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;oBAC3B,CAAC,CAAC,eAAe,CAAC,OAAO,GAAG,KAAK,CAAA;oBACjC,CAAC,CAAC,eAAe,CAAC,WAAW,GAAG,IAAI,CAAA;gBACtC,CAAC;qBAAM,CAAC;oBACN,CAAC,CAAC,eAAe,CAAC,OAAO,GAAG,IAAI,CAAA;oBAChC,CAAC,CAAC,eAAe,CAAC,WAAW,GAAG,IAAI,CAAA;gBACtC,CAAC;YACH,CAAC;YACD,OAAO,CAAC,CAAC,eAAe,CAAA;QAC1B,CAAC;QAED,OAAO,KAAK,CAAC,oBAAoB,CAAA;IACnC,CAAC;IAED,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAEzC,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,cAAc,CAAA;QAEtD,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,CAAA;IACxC,CAAC;IAED,WAAW,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS;QACzC,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAA;QAC5C,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,yBAAyB,CAAA;QAEnG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QAEhC,IAAI,CAAC,QAAQ,CAAC,aAAa,GAAG,IAAI,CAAA;QAElC,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAA;QAC/B,IAAI,CAAC,QAAQ,CAAC,cAAc,GAAG,GAAG,EAAE;YAClC,IAAI,CAAC,cAAc,EAAE,CAAA;QACvB,CAAC,CAAA;IACH,CAAC;IAED,iBAAiB,CAAC,IAAS;QACzB,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG;YACvB,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ;YACzB,IAAI;SACL,CAAA;QAED,MAAM,WAAW,GAAG,IAAI,CAAC,aAEZ,CAAA;QACb,IAAI,CAAC,WAAW;YAAE,OAAM;QAExB,IAAI,WAAW,GAAG,WAAW,CAAC,KAAK,CAAA;QACnC,IAAI,WAAW,GAAG,WAAW,CAAC,WAAW,IAAI,KAAK,CAAA;QAClD,IAAI,MAAM,GAAG,WAAW,CAAC,MAAM,CAAA;QAE/B,IAAI,CAAC,CAAC,WAAW,IAAI,MAAM,CAAC;YAAE,OAAM;QAEpC,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;QAEtB,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,yBAAyB,CAAA;YACnG,OAAM;QACR,CAAC;QAED,uCAAuC;QACvC,IAAI,YAAY,GAAU,KAAK;aAC5B,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC;aAC7C,MAAM,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,CAAC,CAAA;QAEhE,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9B,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,yBAAyB,CAAA;YACnG,OAAM;QACR,CAAC;QAED,6BAA6B;QAC7B,IAAI,MAAc,CAAA;QAClB,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,KAAK;gBACR,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,GAAW,EAAE,GAAQ,EAAE,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;gBAC7E,MAAK;YACP,KAAK,KAAK;gBACR,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,GAAW,EAAE,GAAQ,EAAE,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,YAAY,CAAC,MAAM,CAAA;gBACnG,MAAK;YACP,KAAK,KAAK;gBACR,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;gBACjE,MAAK;YACP,KAAK,KAAK;gBACR,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;gBACjE,MAAK;YACP;gBACE,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC,GAAW,EAAE,GAAQ,EAAE,EAAE,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QACjF,CAAC;QAED,IAAI,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAC5C,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;YAE5C,IAAI,GAAG,GACL,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;YAC/F,IAAI,GAAG,GACL,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;YAE/F,0CAA0C;YAC1C,IAAI,QAAQ,GAAG,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,MAAM,CAAA;YACtD,IAAI,QAAQ,GAAG,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,MAAM,CAAA;YAEvD,IAAI,QAAQ,IAAI,QAAQ,EAAE,CAAC;gBACzB,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;gBAChD,OAAO,IAAI,CAAA;YACb,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,yBAAyB,CAAA;gBACnG,OAAO,KAAK,CAAA;YACd,CAAC;QACH,CAAC,CAAC,CAAA;QACF,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,yBAAyB,CAAA;QACzD,CAAC;IACH,CAAC;IAED,cAAc,GAAG,GAAG,EAAE;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,UAAW,CAAA;YACnD,IAAI,QAAQ,GAAG,QAAQ,GAAG,IAAI,CAAA;YAE9B,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,QAAQ,CAAA;YACjD,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAA;QAC7B,CAAC;aAAM,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAC,UAAU,CAAA;YACtB,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAA;YAC5B,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAA;QAC7B,CAAC;IACH,CAAC,CAAA;IAED,SAAS,CAAC,CAAa,EAAE,QAAiB,EAAE,QAAwD;QAClG,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAM;QAElC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI;YACzD,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG;gBACvB,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ;gBACzB,IAAI,EAAE;oBACJ,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI;oBACvB,KAAK,EAAE;wBACL;4BACE,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI;yBACxB;qBACF;iBACF;aACF,CAAA;QAEH,IAAI,QAAQ,IAAI,OAAO,QAAQ,IAAI,UAAU,EAAE,CAAC;YAC9C,QAAQ,CAAC;gBACP,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI;gBAC9B,KAAK,EAAE,GAAG,GAAI,IAAI,CAAC,QAAQ,CAAC,QAAgB,CAAC,KAAK,EAAE,YAAY,EAAE;aACnE,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;IAED,iEAAiE;IACjE,eAAe,KAAI,CAAC;IACpB,eAAe,KAAI,CAAC;IACpB,WAAW,KAAI,CAAC;IAChB,eAAe,KAAI,CAAC;IACpB,iBAAiB,KAAI,CAAC;IACtB,YAAY,KAAI,CAAC;IACjB,UAAU,KAAI,CAAC","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, Model, RealObject } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\n\nconst STOCK_COLOR = '#ccaa76'\n\n/**\n * Stock material/legend 정보를 제공하는 컴포넌트 인터페이스.\n * Visualizer와 RackTable 모두 이를 구현한다.\n */\nexport interface StockMaterialProvider {\n  _stock_materials: THREE.Material[]\n  _default_material?: THREE.Material\n  _empty_material?: THREE.Material\n  legendTarget?: Component\n  hideEmptyStock?: boolean\n}\n\nexport class Stock extends RealObject<THREE.Mesh> {\n  static defaultMaterial = new THREE.MeshStandardMaterial({\n    color: STOCK_COLOR,\n    side: THREE.FrontSide,\n    roughness: 0.7\n  })\n  static defaultEmptyMaterial = new THREE.MeshStandardMaterial({\n    color: STOCK_COLOR,\n    opacity: 0.33,\n    transparent: true\n  })\n  static stockGeometry = new THREE.BoxGeometry(1, 1, 1)\n\n  _hideEmptyStock: boolean = false\n\n  model: any\n\n  constructor(component: Component, model: any) {\n    super(component)\n    this.model = model\n  }\n\n  protected getObject3dInstance() {\n    return new THREE.Mesh()\n  }\n\n  /**\n   * 가장 가까운 StockMaterialProvider 조상을 찾는다 (RackTable 또는 Visualizer).\n   */\n  get provider(): StockMaterialProvider | undefined {\n    let component = this.component\n\n    while (component) {\n      if ('_stock_materials' in component) {\n        return component as unknown as StockMaterialProvider\n      }\n      component = component.parent\n    }\n  }\n\n  private get _legendStatus(): any | undefined {\n    return this.provider?.legendTarget?.getState('status') || undefined\n  }\n\n  getMaterial(index: number) {\n    const status = this._legendStatus\n    if (!status) return this.userDefineDefaultMaterial\n\n    const range = status.ranges?.[index]\n    if (!(range && range.color)) {\n      this.stockMaterials[index] = this.userDefineDefaultMaterial\n    }\n\n    if (!this.stockMaterials[index]) {\n      this.stockMaterials[index] = new THREE.MeshStandardMaterial({\n        color: range.color,\n        side: THREE.FrontSide,\n        roughness: 0.7\n      })\n    }\n\n    var alpha = range.color.replace(/^.*,(.+)\\)/, '$1')\n    if (alpha > 0 && alpha < 1) {\n      this.stockMaterials[index].opacity = alpha\n      this.stockMaterials[index].transparent = true\n    }\n\n    return this.stockMaterials[index]\n  }\n\n  get stockMaterials(): THREE.Material[] {\n    return this.provider?._stock_materials ?? []\n  }\n\n  get userDefineDefaultMaterial(): THREE.Material {\n    const p = this.provider\n\n    if (p) {\n      if (!p._default_material) {\n        const status = this._legendStatus\n        const defaultColor = status?.defaultColor\n        if (!defaultColor) return Stock.defaultMaterial\n\n        p._default_material = new THREE.MeshStandardMaterial({\n          color: defaultColor,\n          side: THREE.FrontSide,\n          roughness: 0.7\n        })\n        var alpha = defaultColor.replace(/^.*,(.+)\\)/, '$1')\n        if (alpha > 0 && alpha < 1) {\n          p._default_material.opacity = alpha\n          p._default_material.transparent = true\n        }\n      }\n      return p._default_material\n    }\n\n    return Stock.defaultMaterial\n  }\n\n  get emptyMaterial(): THREE.Material {\n    const p = this.provider\n\n    if (p) {\n      if (!p._empty_material) {\n        const status = this._legendStatus\n        const defaultColor = status?.defaultColor || STOCK_COLOR\n\n        p._empty_material = new THREE.MeshStandardMaterial({ color: defaultColor })\n        var alpha = Number(defaultColor.replace(/^.*,(.+)\\)/, '$1'))\n        if (alpha > 0 && alpha < 1) {\n          p._empty_material.opacity = alpha\n          p._empty_material.transparent = true\n        } else {\n          p._empty_material.opacity = 0.33\n          p._empty_material.transparent = true\n        }\n      }\n      return p._empty_material\n    }\n\n    return Stock.defaultEmptyMaterial\n  }\n\n  build() {\n    super.build()\n\n    var { width, height, depth } = this.model\n\n    this._hideEmptyStock = !!this.provider?.hideEmptyStock\n\n    this.createStock(width, height, depth)\n  }\n\n  createStock(w: number, h: number, d: number) {\n    this.object3d.geometry = Stock.stockGeometry\n    this.object3d.material = this._hideEmptyStock ? this.emptyMaterial : this.userDefineDefaultMaterial\n\n    this.object3d.scale.set(w, d, h)\n\n    this.object3d.receiveShadow = true\n\n    this.object3d.castShadow = true\n    this.object3d.onBeforeRender = () => {\n      this.onBeforeRender()\n    }\n  }\n\n  onchangeStockData(data: any) {\n    this.object3d.userData = {\n      ...this.object3d.userData,\n      data\n    }\n\n    const stockStatus = this._legendStatus as\n      | { field: string; aggregation?: string; ranges: { min?: string | number; max?: string | number }[] }\n      | undefined\n    if (!stockStatus) return\n\n    var statusField = stockStatus.field\n    var aggregation = stockStatus.aggregation || 'sum'\n    var ranges = stockStatus.ranges\n\n    if (!(statusField && ranges)) return\n\n    var items = data.items\n\n    if (!items) {\n      this.object3d.material = this._hideEmptyStock ? this.emptyMaterial : this.userDefineDefaultMaterial\n      return\n    }\n\n    // Collect all status values from items\n    var statusValues: any[] = items\n      .map((item: any) => item && item[statusField])\n      .filter((value: any) => value !== undefined && value !== null)\n\n    if (statusValues.length === 0) {\n      this.object3d.material = this._hideEmptyStock ? this.emptyMaterial : this.userDefineDefaultMaterial\n      return\n    }\n\n    // Apply aggregation function\n    var status: number\n    switch (aggregation) {\n      case 'sum':\n        status = statusValues.reduce((sum: number, val: any) => sum + Number(val), 0)\n        break\n      case 'avg':\n        status = statusValues.reduce((sum: number, val: any) => sum + Number(val), 0) / statusValues.length\n        break\n      case 'min':\n        status = Math.min(...statusValues.map((val: any) => Number(val)))\n        break\n      case 'max':\n        status = Math.max(...statusValues.map((val: any) => Number(val)))\n        break\n      default:\n        status = statusValues.reduce((sum: number, val: any) => sum + Number(val), 0)\n    }\n\n    var isInRanges = ranges.some((range, index) => {\n      let { min: minValue, max: maxValue } = range\n\n      var min: number | undefined =\n        minValue !== undefined && minValue !== null && minValue !== '' ? Number(minValue) : undefined\n      var max: number | undefined =\n        maxValue !== undefined && maxValue !== null && maxValue !== '' ? Number(maxValue) : undefined\n\n      // If max is not set, treat it as infinity\n      var maxCheck = max === undefined ? true : max > status\n      var minCheck = min === undefined ? true : min <= status\n\n      if (maxCheck && minCheck) {\n        this.object3d.material = this.getMaterial(index)\n        return true\n      } else {\n        this.object3d.material = this._hideEmptyStock ? this.emptyMaterial : this.userDefineDefaultMaterial\n        return false\n      }\n    })\n    if (!isInRanges) {\n      this.object3d.material = this.userDefineDefaultMaterial\n    }\n  }\n\n  onBeforeRender = () => {\n    if (this._focused) {\n      var lastTime = performance.now() - this._focusedAt!\n      var progress = lastTime / 2000\n\n      this.object3d.rotation.y = 2 * Math.PI * progress\n      this.component.invalidate()\n    } else if (this._focusedAt) {\n      delete this._focusedAt\n      this.object3d.rotation.y = 0\n      this.component.invalidate()\n    }\n  }\n\n  onmouseup(e: MouseEvent, _context: unknown, callback: (arg: { data: any; location: string }) => void) {\n    if (!this.object3d.visible) return\n\n    if (!this.object3d.userData || !this.object3d.userData.data)\n      this.object3d.userData = {\n        ...this.object3d.userData,\n        data: {\n          loc: this.object3d.name,\n          items: [\n            {\n              loc: this.object3d.name\n            }\n          ]\n        }\n      }\n\n    if (callback && typeof callback == 'function') {\n      callback({\n        ...this.object3d.userData.data,\n        color: '#' + (this.object3d.material as any).color?.getHexString()\n      })\n    }\n  }\n\n  // all update functions should be intentionally empty. important!\n  updateTransform() {}\n  updateDimension() {}\n  updateAlpha() {}\n  updateFillStyle() {}\n  updateStrokeStyle() {}\n  updateHidden() {}\n  updateText() {}\n}\n"]}
+{"version":3,"file":"stock.js","sourceRoot":"","sources":["../src/stock.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, Model, RealObject } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\n\nconst STOCK_COLOR = '#ccaa76'\n\nfunction createStockMaterial(color: string | number, opts?: { opacity?: number; transparent?: boolean }): THREE.MeshStandardMaterial {\n  const mat = new THREE.MeshStandardMaterial({\n    color,\n    side: THREE.FrontSide,\n    metalness: 0,\n    roughness: 1,\n    envMapIntensity: 0\n  })\n  if (opts?.opacity !== undefined) {\n    mat.opacity = opts.opacity\n    mat.transparent = opts.transparent ?? true\n  }\n  return mat\n}\n\n/**\n * Stock material/legend 정보를 제공하는 컴포넌트 인터페이스.\n * Visualizer와 RackTable 모두 이를 구현한다.\n */\nexport interface StockMaterialProvider {\n  _stock_materials: THREE.Material[]\n  _default_material?: THREE.Material\n  _empty_material?: THREE.Material\n  legendTarget?: Component\n  hideEmptyStock?: boolean\n}\n\nexport class Stock extends RealObject<THREE.Mesh> {\n  static defaultMaterial = createStockMaterial(STOCK_COLOR)\n  static defaultEmptyMaterial = createStockMaterial(STOCK_COLOR, { opacity: 0.33, transparent: true })\n  static stockGeometry = new THREE.BoxGeometry(1, 1, 1)\n\n  _hideEmptyStock: boolean = false\n  _focused: boolean = false\n  declare _focusedAt?: number\n\n  model: any\n\n  constructor(component: Component, model: any) {\n    super(component)\n    this.model = model\n  }\n\n  protected getObject3dInstance() {\n    return new THREE.Mesh()\n  }\n\n  /**\n   * 가장 가까운 StockMaterialProvider 조상을 찾는다 (RackTable 또는 Visualizer).\n   */\n  get provider(): StockMaterialProvider | undefined {\n    let component = this.component\n\n    while (component) {\n      if ('_stock_materials' in component) {\n        return component as unknown as StockMaterialProvider\n      }\n      component = component.parent\n    }\n  }\n\n  private get _legendStatus(): any | undefined {\n    return this.provider?.legendTarget?.getState('status') || undefined\n  }\n\n  getMaterial(index: number) {\n    const status = this._legendStatus\n    if (!status) return this.userDefineDefaultMaterial\n\n    const range = status.ranges?.[index]\n    if (!(range && range.color)) {\n      this.stockMaterials[index] = this.userDefineDefaultMaterial\n    }\n\n    if (!this.stockMaterials[index]) {\n      this.stockMaterials[index] = createStockMaterial(range.color)\n    }\n\n    var alpha = range.color.replace(/^.*,(.+)\\)/, '$1')\n    if (alpha > 0 && alpha < 1) {\n      this.stockMaterials[index].opacity = alpha\n      this.stockMaterials[index].transparent = true\n    }\n\n    return this.stockMaterials[index]\n  }\n\n  get stockMaterials(): THREE.Material[] {\n    return this.provider?._stock_materials ?? []\n  }\n\n  get userDefineDefaultMaterial(): THREE.Material {\n    const p = this.provider\n\n    if (p) {\n      if (!p._default_material) {\n        const status = this._legendStatus\n        const defaultColor = status?.defaultColor\n        if (!defaultColor) return Stock.defaultMaterial\n\n        var alpha = Number(defaultColor.replace(/^.*,(.+)\\)/, '$1'))\n        var hasAlpha = alpha > 0 && alpha < 1\n        p._default_material = createStockMaterial(defaultColor, hasAlpha ? { opacity: alpha, transparent: true } : undefined)\n      }\n      return p._default_material\n    }\n\n    return Stock.defaultMaterial\n  }\n\n  get emptyMaterial(): THREE.Material {\n    const p = this.provider\n\n    if (p) {\n      if (!p._empty_material) {\n        const status = this._legendStatus\n        const defaultColor = status?.defaultColor || STOCK_COLOR\n\n        var alpha = Number(defaultColor.replace(/^.*,(.+)\\)/, '$1'))\n        var opacity = (alpha > 0 && alpha < 1) ? alpha : 0.33\n        p._empty_material = createStockMaterial(defaultColor, { opacity, transparent: true })\n      }\n      return p._empty_material\n    }\n\n    return Stock.defaultEmptyMaterial\n  }\n\n  build() {\n    super.build()\n\n    var { width, height, depth } = this.model\n\n    this._hideEmptyStock = !!this.provider?.hideEmptyStock\n\n    this.createStock(width, height, depth)\n  }\n\n  createStock(w: number, h: number, d: number) {\n    this.object3d.geometry = Stock.stockGeometry\n    this.object3d.material = this._hideEmptyStock ? this.emptyMaterial : this.userDefineDefaultMaterial\n\n    this.object3d.scale.set(w, d, h)\n\n    this.object3d.receiveShadow = true\n\n    this.object3d.castShadow = true\n    this.object3d.onBeforeRender = () => {\n      this.onBeforeRender()\n    }\n  }\n\n  onchangeStockData(data: any) {\n    this.object3d.userData = {\n      ...this.object3d.userData,\n      data\n    }\n\n    const stockStatus = this._legendStatus as\n      | { field: string; aggregation?: string; ranges: { min?: string | number; max?: string | number }[] }\n      | undefined\n    if (!stockStatus) return\n\n    var statusField = stockStatus.field\n    var aggregation = stockStatus.aggregation || 'sum'\n    var ranges = stockStatus.ranges\n\n    if (!(statusField && ranges)) return\n\n    var items = data.items\n\n    if (!items) {\n      this.object3d.material = this._hideEmptyStock ? this.emptyMaterial : this.userDefineDefaultMaterial\n      return\n    }\n\n    // Collect all status values from items\n    var statusValues: any[] = items\n      .map((item: any) => item && item[statusField])\n      .filter((value: any) => value !== undefined && value !== null)\n\n    if (statusValues.length === 0) {\n      this.object3d.material = this._hideEmptyStock ? this.emptyMaterial : this.userDefineDefaultMaterial\n      return\n    }\n\n    // Apply aggregation function\n    var status: number\n    switch (aggregation) {\n      case 'sum':\n        status = statusValues.reduce((sum: number, val: any) => sum + Number(val), 0)\n        break\n      case 'avg':\n        status = statusValues.reduce((sum: number, val: any) => sum + Number(val), 0) / statusValues.length\n        break\n      case 'min':\n        status = Math.min(...statusValues.map((val: any) => Number(val)))\n        break\n      case 'max':\n        status = Math.max(...statusValues.map((val: any) => Number(val)))\n        break\n      default:\n        status = statusValues.reduce((sum: number, val: any) => sum + Number(val), 0)\n    }\n\n    var isInRanges = ranges.some((range, index) => {\n      let { min: minValue, max: maxValue } = range\n\n      var min: number | undefined =\n        minValue !== undefined && minValue !== null && minValue !== '' ? Number(minValue) : undefined\n      var max: number | undefined =\n        maxValue !== undefined && maxValue !== null && maxValue !== '' ? Number(maxValue) : undefined\n\n      // If max is not set, treat it as infinity\n      var maxCheck = max === undefined ? true : max > status\n      var minCheck = min === undefined ? true : min <= status\n\n      if (maxCheck && minCheck) {\n        this.object3d.material = this.getMaterial(index)\n        return true\n      } else {\n        this.object3d.material = this._hideEmptyStock ? this.emptyMaterial : this.userDefineDefaultMaterial\n        return false\n      }\n    })\n    if (!isInRanges) {\n      this.object3d.material = this.userDefineDefaultMaterial\n    }\n  }\n\n  onBeforeRender = () => {\n    if (this._focused) {\n      var lastTime = performance.now() - this._focusedAt!\n      var progress = lastTime / 2000\n\n      this.object3d.rotation.y = 2 * Math.PI * progress\n      this.component.invalidate()\n    } else if (this._focusedAt) {\n      delete this._focusedAt\n      this.object3d.rotation.y = 0\n      this.component.invalidate()\n    }\n  }\n\n  onmouseup(e: MouseEvent, _context: unknown, callback: (arg: { data: any; location: string }) => void) {\n    if (!this.object3d.visible) return\n\n    if (!this.object3d.userData || !this.object3d.userData.data)\n      this.object3d.userData = {\n        ...this.object3d.userData,\n        data: {\n          loc: this.object3d.name,\n          items: [\n            {\n              loc: this.object3d.name\n            }\n          ]\n        }\n      }\n\n    if (callback && typeof callback == 'function') {\n      callback({\n        ...this.object3d.userData.data,\n        color: '#' + (this.object3d.material as any).color?.getHexString()\n      })\n    }\n  }\n\n  // all update functions should be intentionally empty. important!\n  updateTransform() {}\n  updateDimension() {}\n  updateAlpha() {}\n  updateFillStyle() {}\n  updateStrokeStyle() {}\n  updateHidden() {}\n  updateText() {}\n}\n"]}

package/dist/templates/index.d.ts

@@ -9,30 +9,6 @@ declare const _default: ({
         top: number;
         width: number;
         height: number;
-        fillStyle: string;
-        fov: number;
-        near: number;
-        far: number;
-        zoom: number;
-        threed: boolean;
-    };
-} | {
-    type: string;
-    description: string;
-    group: string;
-    icon: string;
-    model: {
-        type: string;
-        top: number;
-        left: number;
-        width: number;
-        height: number;
-        locPattern: string;
-        increasePattern: string;
-        strokeStyle: string;
-        lineWidth: number;
-        rows: number;
-        columns: number;
     };
 } | {
     type: string;
@@ -54,23 +30,6 @@ declare const _default: ({
         lineDash: string;
         lineCap: string;
     };
-} | {
-    type: string;
-    description: string;
-    group: string;
-    icon: string;
-    model: {
-        type: string;
-        left: number;
-        top: number;
-        width: number;
-        height: number;
-        depth: number;
-        fillStyle: string;
-        strokeStyle: string;
-        lineWidth: number;
-        alpha: number;
-    };
 } | {
     type: string;
     description: string;

package/dist/templates/index.js

@@ -15,9 +15,11 @@ import signalTower from './signal-tower.js';
 import tank from './tank.js';
 import vehicle from './vehicle.js';
 import carrier from './carrier.js';
+import stockHub from './stock-hub.js';
 export default [
     threeContainer,
     visualizer,
+    stockHub,
     rackTable,
     camera,
     light,

package/dist/templates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,UAAU,MAAM,iBAAiB,CAAA;AACxC,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,QAAQ,MAAM,eAAe,CAAA;AACpC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,UAAU,MAAM,kBAAkB,CAAA;AACzC,OAAO,WAAW,MAAM,mBAAmB,CAAA;AAC3C,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,OAAO,MAAM,cAAc,CAAA;AAClC,OAAO,OAAO,MAAM,cAAc,CAAA;AAElC,eAAe;IACb,cAAc;IACd,UAAU;IACV,SAAS;IACT,MAAM;IACN,KAAK;IACL,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,UAAU;IACV,WAAW;IACX,IAAI;IACJ,OAAO;IACP,OAAO;CACR,CAAA","sourcesContent":["import threeContainer from './3d-container.js'\nimport visualizer from './visualizer.js'\nimport rackTable from './rack-table.js'\nimport cube from './cube.js'\nimport cylinder from './cylinder.js'\nimport sphere from './sphere.js'\nimport banner from './banner.js'\nimport sprite from './sprite.js'\nimport wall from './wall.js'\nimport desk from './desk.js'\nimport camera from './camera.js'\nimport light from './light.js'\nimport GLTFObject from './gltf-object.js'\nimport signalTower from './signal-tower.js'\nimport tank from './tank.js'\nimport vehicle from './vehicle.js'\nimport carrier from './carrier.js'\n\nexport default [\n  threeContainer,\n  visualizer,\n  rackTable,\n  camera,\n  light,\n  cube,\n  cylinder,\n  sphere,\n  sprite,\n  banner,\n  wall,\n  desk,\n  GLTFObject,\n  signalTower,\n  tank,\n  vehicle,\n  carrier\n]\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,mBAAmB,CAAA;AAC9C,OAAO,UAAU,MAAM,iBAAiB,CAAA;AACxC,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,QAAQ,MAAM,eAAe,CAAA;AACpC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,MAAM,MAAM,aAAa,CAAA;AAChC,OAAO,KAAK,MAAM,YAAY,CAAA;AAC9B,OAAO,UAAU,MAAM,kBAAkB,CAAA;AACzC,OAAO,WAAW,MAAM,mBAAmB,CAAA;AAC3C,OAAO,IAAI,MAAM,WAAW,CAAA;AAC5B,OAAO,OAAO,MAAM,cAAc,CAAA;AAClC,OAAO,OAAO,MAAM,cAAc,CAAA;AAClC,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAErC,eAAe;IACb,cAAc;IACd,UAAU;IACV,QAAQ;IACR,SAAS;IACT,MAAM;IACN,KAAK;IACL,IAAI;IACJ,QAAQ;IACR,MAAM;IACN,MAAM;IACN,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,UAAU;IACV,WAAW;IACX,IAAI;IACJ,OAAO;IACP,OAAO;CACR,CAAA","sourcesContent":["import threeContainer from './3d-container.js'\nimport visualizer from './visualizer.js'\nimport rackTable from './rack-table.js'\nimport cube from './cube.js'\nimport cylinder from './cylinder.js'\nimport sphere from './sphere.js'\nimport banner from './banner.js'\nimport sprite from './sprite.js'\nimport wall from './wall.js'\nimport desk from './desk.js'\nimport camera from './camera.js'\nimport light from './light.js'\nimport GLTFObject from './gltf-object.js'\nimport signalTower from './signal-tower.js'\nimport tank from './tank.js'\nimport vehicle from './vehicle.js'\nimport carrier from './carrier.js'\nimport stockHub from './stock-hub.js'\n\nexport default [\n  threeContainer,\n  visualizer,\n  stockHub,\n  rackTable,\n  camera,\n  light,\n  cube,\n  cylinder,\n  sphere,\n  sprite,\n  banner,\n  wall,\n  desk,\n  GLTFObject,\n  signalTower,\n  tank,\n  vehicle,\n  carrier\n]\n"]}

package/dist/templates/rack-table.d.ts

@@ -15,6 +15,8 @@ declare const _default: {
         lineWidth: number;
         rows: number;
         columns: number;
+        shelves: number;
+        depth: number;
     };
 };
 export default _default;

package/dist/templates/rack-table.js

@@ -2,7 +2,7 @@ const icon = new URL('../../icons/rack-table.png', import.meta.url).href;
 export default {
     type: 'rack-table',
     description: '3D rack-table',
-    group: '3D' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,
+    group: 'warehouse' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,
     icon,
     model: {
         type: 'rack-table',
@@ -15,7 +15,9 @@ export default {
         strokeStyle: '#999',
         lineWidth: 2,
         rows: 5,
-        columns: 5
+        columns: 5,
+        shelves: 6,
+        depth: 12
     }
 };
 //# sourceMappingURL=rack-table.js.map

package/dist/templates/rack-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"rack-table.js","sourceRoot":"","sources":["../../src/templates/rack-table.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,4BAA4B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAExE,eAAe;IACb,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,eAAe;IAC5B,KAAK,EAAE,IAAI,CAAC,gGAAgG;IAC5G,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,UAAU,EAAE,gBAAgB;QAC5B,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,CAAC;QACZ,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,CAAC;KACX;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/rack-table.png', import.meta.url).href\n\nexport default {\n  type: 'rack-table',\n  description: '3D rack-table',\n  group: '3D' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,\n  icon,\n  model: {\n    type: 'rack-table',\n    top: 100,\n    left: 100,\n    width: 500,\n    height: 200,\n    locPattern: '{z}{s}-{u}{sh}',\n    increasePattern: '+u+s',\n    strokeStyle: '#999',\n    lineWidth: 2,\n    rows: 5,\n    columns: 5\n  }\n}\n"]}
+{"version":3,"file":"rack-table.js","sourceRoot":"","sources":["../../src/templates/rack-table.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,4BAA4B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAExE,eAAe;IACb,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,eAAe;IAC5B,KAAK,EAAE,WAAW,CAAC,gGAAgG;IACnH,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,UAAU,EAAE,gBAAgB;QAC5B,eAAe,EAAE,MAAM;QACvB,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,CAAC;QACZ,IAAI,EAAE,CAAC;QACP,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,EAAE;KACV;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/rack-table.png', import.meta.url).href\n\nexport default {\n  type: 'rack-table',\n  description: '3D rack-table',\n  group: 'warehouse' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,\n  icon,\n  model: {\n    type: 'rack-table',\n    top: 100,\n    left: 100,\n    width: 500,\n    height: 200,\n    locPattern: '{z}{s}-{u}{sh}',\n    increasePattern: '+u+s',\n    strokeStyle: '#999',\n    lineWidth: 2,\n    rows: 5,\n    columns: 5,\n    shelves: 6,\n    depth: 12\n  }\n}\n"]}

package/dist/templates/stock-hub.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    type: string;
+    description: string;
+    group: string;
+    icon: string;
+    model: {
+        type: string;
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+};
+export default _default;

package/dist/templates/stock-hub.js

@@ -0,0 +1,15 @@
+const icon = new URL('../../icons/stock-hub.png', import.meta.url).href;
+export default {
+    type: 'stock-hub',
+    description: 'stock data hub',
+    group: 'warehouse' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,
+    icon,
+    model: {
+        type: 'stock-hub',
+        left: 100,
+        top: 100,
+        width: 60,
+        height: 60
+    }
+};
+//# sourceMappingURL=stock-hub.js.map

package/dist/templates/stock-hub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stock-hub.js","sourceRoot":"","sources":["../../src/templates/stock-hub.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,2BAA2B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAEvE,eAAe;IACb,IAAI,EAAE,WAAW;IACjB,WAAW,EAAE,gBAAgB;IAC7B,KAAK,EAAE,WAAW,CAAC,gGAAgG;IACnH,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,WAAW;QACjB,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;KACX;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/stock-hub.png', import.meta.url).href\n\nexport default {\n  type: 'stock-hub',\n  description: 'stock data hub',\n  group: 'warehouse' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,\n  icon,\n  model: {\n    type: 'stock-hub',\n    left: 100,\n    top: 100,\n    width: 60,\n    height: 60\n  }\n}\n"]}

package/dist/templates/visualizer.js

@@ -2,7 +2,7 @@ const icon = new URL('../../icons/visualizer.png', import.meta.url).href;
 export default {
     type: 'visualizer',
     description: '3D visualizer',
-    group: '3D' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,
+    group: 'warehouse' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,
     icon,
     model: {
         type: 'visualizer',

package/dist/templates/visualizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualizer.js","sourceRoot":"","sources":["../../src/templates/visualizer.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,4BAA4B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAExE,eAAe;IACb,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,eAAe;IAC5B,KAAK,EAAE,IAAI,CAAC,gGAAgG;IAC5G,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,SAAS,EAAE,UAAU;QACrB,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,KAAK;KACd;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/visualizer.png', import.meta.url).href\n\nexport default {\n  type: 'visualizer',\n  description: '3D visualizer',\n  group: '3D' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,\n  icon,\n  model: {\n    type: 'visualizer',\n    left: 100,\n    top: 100,\n    width: 800,\n    height: 600,\n    fillStyle: 'darkgray',\n    fov: 60,\n    near: 10,\n    far: 10000,\n    zoom: 100,\n    threed: false\n  }\n}\n"]}
+{"version":3,"file":"visualizer.js","sourceRoot":"","sources":["../../src/templates/visualizer.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,4BAA4B,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAExE,eAAe;IACb,IAAI,EAAE,YAAY;IAClB,WAAW,EAAE,eAAe;IAC5B,KAAK,EAAE,WAAW,CAAC,gGAAgG;IACnH,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,YAAY;QAClB,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,SAAS,EAAE,UAAU;QACrB,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,KAAK;KACd;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/visualizer.png', import.meta.url).href\n\nexport default {\n  type: 'visualizer',\n  description: '3D visualizer',\n  group: 'warehouse' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,\n  icon,\n  model: {\n    type: 'visualizer',\n    left: 100,\n    top: 100,\n    width: 800,\n    height: 600,\n    fillStyle: 'darkgray',\n    fov: 60,\n    near: 10,\n    far: 10000,\n    zoom: 100,\n    threed: false\n  }\n}\n"]}

package/dist/visualizer.d.ts

@@ -1,8 +1,9 @@
 import { Component, Properties, ComponentNature, RealObject, ThreeContainer } from '@hatiolab/things-scene';
 import * as THREE from 'three';
-import { type StockMaterialProvider } from './stock.js';
+import { Stock, type StockMaterialProvider } from './stock.js';
 export declare class Visualizer extends ThreeContainer implements StockMaterialProvider {
     _legendTarget?: Component;
+    _focused_stock?: Stock;
     _objects: {
         [id: string]: RealObject;
     };

package/dist/visualizer.js

@@ -143,6 +143,7 @@ const NATURE = {
 const WEBGL_NO_SUPPORT_TEXT = 'WebGL no support';
 let Visualizer = class Visualizer extends ThreeContainer {
     _legendTarget;
+    _focused_stock;
     _objects = {};
     _stock_materials = [];
     _default_material;
@@ -151,7 +152,7 @@ let Visualizer = class Visualizer extends ThreeContainer {
         return !!this.getState('hideEmptyStock');
     }
     get legendTarget() {
-        var { legendTarget } = this.state;
+        const { legendTarget } = this.state;
         if (!this._legendTarget && legendTarget) {
             this._legendTarget = this.root.findById?.(legendTarget);
             this._legendTarget && this._legendTarget.on('change', this.onLegendTargetChanged, this);
@@ -193,25 +194,14 @@ let Visualizer = class Visualizer extends ThreeContainer {
         if (typeof this.data !== 'object') {
             return;
         }
-        var data = this.data;
-        var locationField = this.getState('locationField') || 'location';
+        let data = this.data;
+        const locationField = this.getState('locationField') || 'location';
         if (data instanceof Array) {
-            /**
-             *  Array type data
-             *  (e.g. data: [{
-             *    'location' : 'A0101-01',
-             *    'description': 'description1',
-             *    ...
-             *  }, {
-             *    ...
-             *  }])
-             */
             data = data.reduce((acc, value, i, arr) => {
-                var location = value[locationField];
+                const location = value[locationField];
                 if (!location) {
                     return acc;
                 }
-                // 하나의 로케이션에 여러 레코드 정보가 올 수 있으므로, 하나이 로케이션의 스탁정보를 items 배열에 담는다.
                 if (acc[location]) {
                     acc[location]['items'].push(value);
                 }
@@ -221,18 +211,10 @@ let Visualizer = class Visualizer extends ThreeContainer {
                 return acc;
             }, {});
         }
-        /**
-         *  Object type data
-         *  (e.g. data: {
-         *    'A0101-01': { items: [{ location: 'A0101-01', qty: 10, description: 'description', ... }, {...}] },
-         *    ...
-         *  })
-         */
-        for (var key in data) {
-            let id = key;
-            if (data.hasOwnProperty(id)) {
-                let d = data[id];
-                let object = this.getObject(id);
+        for (const key in data) {
+            if (data.hasOwnProperty(key)) {
+                const d = data[key];
+                const object = this.getObject(key);
                 if (object) {
                     ;
                     object.onchangeStockData(d);
@@ -245,29 +227,46 @@ let Visualizer = class Visualizer extends ThreeContainer {
             this.resetMaterials();
     }
     onmouseup(e) {
-        if (this.controlsManager.isActive) {
-            const { popupScene, left, top, width, height } = this.state;
-            const pointer = this.transcoordC2S(e.offsetX, e.offsetY);
-            this.eventManager.updateMouseNDC(pointer.x, pointer.y, left, top, width, height);
-            const realObject = this.eventManager.handleClick(this.cameraManager.camera, this.sceneManager.scene, e);
-            if (realObject) {
-                if (popupScene && realObject instanceof Stock) {
-                    realObject.onmouseup(e, this, (data) => {
-                        ScenePopup.show(this, popupScene, {
-                            data,
-                            modal: false,
-                            closable: true,
-                            output: false,
-                            location: this.state.popupPosition || 'right-top'
-                        });
-                    });
-                }
-            }
-            else {
-                ScenePopup.hide(this.root);
+        if (!this.controlsManager.isActive)
+            return;
+        // v10: ThreeContainer 기본 mouseup 처리 (기즈모, 선택 등)
+        super.onmouseup(e);
+        // Visualizer 고유: Stock 클릭 시 팝업 표시
+        const { popupScene } = this.state;
+        if (!popupScene)
+            return;
+        const camera = this.cameraManager.activeCamera;
+        const scene3d = this.sceneManager.scene;
+        if (!camera || !scene3d)
+            return;
+        const realObject = this.eventManager.handleClick(camera, scene3d, e);
+        if (realObject && realObject instanceof Stock) {
+            // 이전 focused 해제
+            if (this._focused_stock && this._focused_stock !== realObject) {
+                this._focused_stock._focused = false;
             }
+            // 클릭한 Stock에 focused 설정 → onBeforeRender에서 회전 애니메이션
+            realObject._focused = true;
+            realObject._focusedAt = performance.now();
+            this._focused_stock = realObject;
             this.invalidate();
-            e.stopPropagation();
+            realObject.onmouseup(e, this, (data) => {
+                ScenePopup.show(this, popupScene, {
+                    data,
+                    modal: false,
+                    closable: true,
+                    output: false,
+                    location: this.state.popupPosition || 'right-top'
+                });
+            });
+        }
+        else if (!realObject) {
+            // 빈 공간 클릭 시 focused 해제
+            if (this._focused_stock) {
+                this._focused_stock._focused = false;
+                delete this._focused_stock;
+            }
+            ScenePopup.hide(this.root);
         }
     }
 };

package/dist/visualizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualizer.js","sourceRoot":"","sources":["../src/visualizer.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ScenePopup, Properties, ComponentNature, sceneComponent, RealObject, ThreeContainer } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { Stock, type StockMaterialProvider } from './stock.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      label: 'fov',\n      name: 'fov',\n      property: 'fov'\n    },\n    {\n      type: 'number',\n      label: 'near',\n      name: 'near',\n      property: 'near'\n    },\n    {\n      type: 'number',\n      label: 'far',\n      name: 'far',\n      property: 'far'\n    },\n    {\n      type: 'number',\n      label: 'zoom',\n      name: 'zoom',\n      property: 'zoom'\n    },\n    {\n      type: 'number',\n      label: 'camera-x',\n      name: 'cameraX'\n    },\n    {\n      type: 'number',\n      label: 'camera-y',\n      name: 'cameraY'\n    },\n    {\n      type: 'number',\n      label: 'camera-z',\n      name: 'cameraZ'\n    },\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: 'auto-rotate',\n      name: 'autoRotate',\n      property: 'autoRotate'\n    },\n    {\n      type: 'checkbox',\n      label: '3dmode',\n      name: 'threed',\n      property: 'threed'\n    },\n    {\n      type: 'checkbox',\n      label: 'debug',\n      name: 'debug',\n      property: 'debug'\n    },\n    {\n      type: 'string',\n      label: 'location-field',\n      name: 'locationField',\n      placeholder: 'location'\n    },\n    {\n      type: 'board-selector',\n      label: 'popup-scene',\n      name: 'popupScene'\n    },\n    {\n      type: 'id-input',\n      label: 'legend-target',\n      name: 'legendTarget',\n      property: {\n        component: 'legend'\n      }\n    },\n    {\n      type: 'number',\n      label: 'rotation-speed',\n      name: 'rotationSpeed'\n    },\n    {\n      type: 'checkbox',\n      label: 'hide-empty-stock',\n      name: 'hideEmptyStock'\n    },\n    {\n      type: 'select',\n      label: 'popup-position',\n      name: 'popupPosition',\n      property: {\n        options: [\n          { display: '', value: '' },\n          { display: 'CENTER', value: 'center' },\n          { display: 'LEFTTOP', value: 'left-top' },\n          { display: 'RIGHTTOP', value: 'right-top' },\n          { display: 'LEFTBOTTOM', value: 'left-bottom' },\n          { display: 'RIGHTBOTTOM', value: 'right-bottom' }\n        ]\n      }\n    }\n  ],\n  help: 'scene/component/visualizer'\n}\n\nconst WEBGL_NO_SUPPORT_TEXT = 'WebGL no support'\n\n@sceneComponent('visualizer')\nexport class Visualizer extends ThreeContainer implements StockMaterialProvider {\n  _legendTarget?: Component\n\n  _objects: { [id: string]: RealObject } = {}\n\n  _stock_materials: THREE.Material[] = []\n  _default_material?: THREE.Material\n  _empty_material?: THREE.Material\n\n  get hideEmptyStock(): boolean {\n    return !!this.getState('hideEmptyStock')\n  }\n\n  get legendTarget() {\n    var { legendTarget } = this.state\n\n    if (!this._legendTarget && legendTarget) {\n      this._legendTarget = this.root.findById?.(legendTarget)\n      this._legendTarget && this._legendTarget.on('change', this.onLegendTargetChanged, this)\n    }\n\n    return this._legendTarget\n  }\n\n  putObject(id: string, object: RealObject) {\n    id && (this._objects[id] = object)\n  }\n\n  getObject(id: string): RealObject {\n    return this._objects[id]\n  }\n\n  /* Container Overides .. */\n\n  dispose() {\n    this._legendTarget && this._legendTarget.off('change', this.onLegendTargetChanged, this)\n    delete this._legendTarget\n\n    super.dispose()\n  }\n\n  get nature(): ComponentNature {\n    return NATURE\n  }\n\n  resetMaterials() {\n    this._stock_materials.forEach(m => {\n      if (m.dispose) m.dispose()\n    })\n\n    this._stock_materials = []\n  }\n\n  /* Event Handlers */\n\n  onchange(after: Properties, before: Properties) {\n    if (before.hasOwnProperty('legendTarget') || after.hasOwnProperty('legendTarget')) {\n      this._legendTarget && this._legendTarget.off('change', this.onLegendTargetChanged, this)\n      delete this._legendTarget\n      this.resetMaterials()\n    }\n\n    super.onchange(after, before)\n  }\n\n  onchangeData(): void {\n    if (typeof this.data !== 'object') {\n      return\n    }\n\n    var data = this.data\n    var locationField = this.getState('locationField') || 'location'\n\n    if (data instanceof Array) {\n      /**\n       *  Array type data\n       *  (e.g. data: [{\n       *    'location' : 'A0101-01',\n       *    'description': 'description1',\n       *    ...\n       *  }, {\n       *    ...\n       *  }])\n       */\n\n      data = data.reduce((acc, value, i, arr) => {\n        var location = value[locationField]\n\n        if (!location) {\n          return acc\n        }\n\n        // 하나의 로케이션에 여러 레코드 정보가 올 수 있으므로, 하나이 로케이션의 스탁정보를 items 배열에 담는다.\n        if (acc[location]) {\n          acc[location]['items'].push(value)\n        } else {\n          acc[location] = { items: [value] }\n        }\n\n        return acc\n      }, {})\n    }\n\n    /**\n     *  Object type data\n     *  (e.g. data: {\n     *    'A0101-01': { items: [{ location: 'A0101-01', qty: 10, description: 'description', ... }, {...}] },\n     *    ...\n     *  })\n     */\n    for (var key in data) {\n      let id = key\n      if (data.hasOwnProperty(id)) {\n        let d = data[id]\n        let object = this.getObject(id)\n        if (object) {\n          ;(object as Stock).onchangeStockData(d)\n        }\n      }\n    }\n  }\n\n  onLegendTargetChanged(after: { [key: string]: any }, before: { [key: string]: any }) {\n    if (after.hasOwnProperty('status') && before.hasOwnProperty('status')) this.resetMaterials()\n  }\n\n  onmouseup(e: MouseEvent) {\n    if (this.controlsManager.isActive) {\n      const { popupScene, left, top, width, height } = this.state\n      const pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n      this.eventManager.updateMouseNDC(pointer.x, pointer.y, left, top, width, height)\n\n      const realObject = this.eventManager.handleClick(\n        this.cameraManager.camera!,\n        this.sceneManager.scene!,\n        e\n      )\n\n      if (realObject) {\n        if (popupScene && realObject instanceof Stock) {\n          realObject.onmouseup(e, this, (data: any) => {\n            ScenePopup.show(this as any, popupScene, {\n              data,\n              modal: false,\n              closable: true,\n              output: false,\n              location: this.state.popupPosition || 'right-top'\n            } as any)\n          })\n        }\n      } else {\n        ScenePopup.hide(this.root as any)\n      }\n\n      this.invalidate()\n      e.stopPropagation()\n    }\n  }\n}\n"]}
+{"version":3,"file":"visualizer.js","sourceRoot":"","sources":["../src/visualizer.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ScenePopup, Properties, ComponentNature, sceneComponent, RealObject, ThreeContainer } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { Stock, type StockMaterialProvider } from './stock.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'number',\n      label: 'fov',\n      name: 'fov',\n      property: 'fov'\n    },\n    {\n      type: 'number',\n      label: 'near',\n      name: 'near',\n      property: 'near'\n    },\n    {\n      type: 'number',\n      label: 'far',\n      name: 'far',\n      property: 'far'\n    },\n    {\n      type: 'number',\n      label: 'zoom',\n      name: 'zoom',\n      property: 'zoom'\n    },\n    {\n      type: 'number',\n      label: 'camera-x',\n      name: 'cameraX'\n    },\n    {\n      type: 'number',\n      label: 'camera-y',\n      name: 'cameraY'\n    },\n    {\n      type: 'number',\n      label: 'camera-z',\n      name: 'cameraZ'\n    },\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: 'auto-rotate',\n      name: 'autoRotate',\n      property: 'autoRotate'\n    },\n    {\n      type: 'checkbox',\n      label: '3dmode',\n      name: 'threed',\n      property: 'threed'\n    },\n    {\n      type: 'checkbox',\n      label: 'debug',\n      name: 'debug',\n      property: 'debug'\n    },\n    {\n      type: 'string',\n      label: 'location-field',\n      name: 'locationField',\n      placeholder: 'location'\n    },\n    {\n      type: 'board-selector',\n      label: 'popup-scene',\n      name: 'popupScene'\n    },\n    {\n      type: 'id-input',\n      label: 'legend-target',\n      name: 'legendTarget',\n      property: {\n        component: 'legend'\n      }\n    },\n    {\n      type: 'number',\n      label: 'rotation-speed',\n      name: 'rotationSpeed'\n    },\n    {\n      type: 'checkbox',\n      label: 'hide-empty-stock',\n      name: 'hideEmptyStock'\n    },\n    {\n      type: 'select',\n      label: 'popup-position',\n      name: 'popupPosition',\n      property: {\n        options: [\n          { display: '', value: '' },\n          { display: 'CENTER', value: 'center' },\n          { display: 'LEFTTOP', value: 'left-top' },\n          { display: 'RIGHTTOP', value: 'right-top' },\n          { display: 'LEFTBOTTOM', value: 'left-bottom' },\n          { display: 'RIGHTBOTTOM', value: 'right-bottom' }\n        ]\n      }\n    }\n  ],\n  help: 'scene/component/visualizer'\n}\n\nconst WEBGL_NO_SUPPORT_TEXT = 'WebGL no support'\n\n@sceneComponent('visualizer')\nexport class Visualizer extends ThreeContainer implements StockMaterialProvider {\n  _legendTarget?: Component\n  _focused_stock?: Stock\n\n  _objects: { [id: string]: RealObject } = {}\n\n  _stock_materials: THREE.Material[] = []\n  _default_material?: THREE.Material\n  _empty_material?: THREE.Material\n\n  get hideEmptyStock(): boolean {\n    return !!this.getState('hideEmptyStock')\n  }\n\n  get legendTarget() {\n    const { legendTarget } = this.state\n\n    if (!this._legendTarget && legendTarget) {\n      this._legendTarget = this.root.findById?.(legendTarget)\n      this._legendTarget && this._legendTarget.on('change', this.onLegendTargetChanged, this)\n    }\n\n    return this._legendTarget\n  }\n\n  putObject(id: string, object: RealObject) {\n    id && (this._objects[id] = object)\n  }\n\n  getObject(id: string): RealObject {\n    return this._objects[id]\n  }\n\n  /* Container Overides .. */\n\n  dispose() {\n    this._legendTarget && this._legendTarget.off('change', this.onLegendTargetChanged, this)\n    delete this._legendTarget\n\n    super.dispose()\n  }\n\n  get nature(): ComponentNature {\n    return NATURE\n  }\n\n  resetMaterials() {\n    this._stock_materials.forEach(m => {\n      if (m.dispose) m.dispose()\n    })\n\n    this._stock_materials = []\n  }\n\n  /* Event Handlers */\n\n  onchange(after: Properties, before: Properties) {\n    if (before.hasOwnProperty('legendTarget') || after.hasOwnProperty('legendTarget')) {\n      this._legendTarget && this._legendTarget.off('change', this.onLegendTargetChanged, this)\n      delete this._legendTarget\n      this.resetMaterials()\n    }\n\n    super.onchange(after, before)\n  }\n\n  onchangeData(): void {\n    if (typeof this.data !== 'object') {\n      return\n    }\n\n    let data = this.data as any\n    const locationField = this.getState('locationField') || 'location'\n\n    if (data instanceof Array) {\n      data = data.reduce((acc, value, i, arr) => {\n        const location = value[locationField]\n\n        if (!location) {\n          return acc\n        }\n\n        if (acc[location]) {\n          acc[location]['items'].push(value)\n        } else {\n          acc[location] = { items: [value] }\n        }\n\n        return acc\n      }, {})\n    }\n\n    for (const key in data) {\n      if (data.hasOwnProperty(key)) {\n        const d = data[key]\n        const object = this.getObject(key)\n        if (object) {\n          ;(object as Stock).onchangeStockData(d)\n        }\n      }\n    }\n  }\n\n  onLegendTargetChanged(after: { [key: string]: any }, before: { [key: string]: any }) {\n    if (after.hasOwnProperty('status') && before.hasOwnProperty('status')) this.resetMaterials()\n  }\n\n  onmouseup(e: MouseEvent) {\n    if (!this.controlsManager.isActive) return\n\n    // v10: ThreeContainer 기본 mouseup 처리 (기즈모, 선택 등)\n    super.onmouseup(e)\n\n    // Visualizer 고유: Stock 클릭 시 팝업 표시\n    const { popupScene } = this.state\n    if (!popupScene) return\n\n    const camera = this.cameraManager.activeCamera\n    const scene3d = this.sceneManager.scene\n    if (!camera || !scene3d) return\n\n    const realObject = this.eventManager.handleClick(camera, scene3d, e)\n\n    if (realObject && realObject instanceof Stock) {\n      // 이전 focused 해제\n      if (this._focused_stock && this._focused_stock !== realObject) {\n        this._focused_stock._focused = false\n      }\n      // 클릭한 Stock에 focused 설정 → onBeforeRender에서 회전 애니메이션\n      realObject._focused = true\n      realObject._focusedAt = performance.now()\n      this._focused_stock = realObject\n      this.invalidate()\n\n      realObject.onmouseup(e, this, (data: any) => {\n        ScenePopup.show(this as any, popupScene, {\n          data,\n          modal: false,\n          closable: true,\n          output: false,\n          location: this.state.popupPosition || 'right-top'\n        } as any)\n      })\n    } else if (!realObject) {\n      // 빈 공간 클릭 시 focused 해제\n      if (this._focused_stock) {\n        this._focused_stock._focused = false\n        delete this._focused_stock\n      }\n      ScenePopup.hide(this.root as any)\n    }\n  }\n}\n"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/scene-visualizer",
   "description": "visualizer component for operato-scene",
   "author": "heartyoh",
-  "version": "10.0.0-beta.4",
+  "version": "10.0.0-beta.8",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -63,5 +63,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "934cd74528c987fcce55b753b9f225dca33f405b"
+  "gitHead": "ef571c6300992a46028e8cb015ab42bc44a120a3"
 }

package/translations/en.json

@@ -16,7 +16,13 @@
   "label.camera-x": "camera X",
   "label.camera-y": "camera Y",
   "label.camera-z": "camera Z",
+  "label.gltf-info": "GLTF Info",
   "label.gltf-file-info": "file info.",
+  "label.fill-targets": "Fill Targets",
+  "label.no-gltf-meshes": "No meshes available",
+  "label.original-ratio": "Original Ratio",
+  "label.fit-ratio": "Fit Ratio",
+  "label.play-targets": "Play Targets",
   "label.gamma-factor": "gamma factor",
   "label.section-digits": "section digits",
   "label.shelf-locations": "shelf locations",

package/translations/ja.json

@@ -16,7 +16,12 @@
   "label.camera-x": "カメラX",
   "label.camera-y": "カメラY",
   "label.camera-z": "カメラZ",
+  "label.gltf-info": "GLTF情報",
   "label.gltf-file-info": "ファイル情報",
+  "label.fill-targets": "カラー適用対象",
+  "label.no-gltf-meshes": "メッシュがありません",
+  "label.original-ratio": "元の比率",
+  "label.fit-ratio": "比率調整",
   "label.gamma-factor": "ガンマ係数",
   "label.section-digits": "セクションの桁数",
   "label.shelf-locations": "棚の位置",

package/translations/ko.json

@@ -16,7 +16,12 @@
   "label.camera-x": "카메라 X",
   "label.camera-y": "카메라 Y",
   "label.camera-z": "카메라 Z",
-  "label.gltf-info": "파일정보",
+  "label.gltf-info": "GLTF 정보",
+  "label.fill-targets": "색상 적용 대상",
+  "label.no-gltf-meshes": "메시가 없습니다",
+  "label.original-ratio": "원본 비율",
+  "label.fit-ratio": "비율 맞춤",
+  "label.play-targets": "재생 대상",
   "label.gamma-factor": "감마 인자",
   "label.section-digits": "섹션 넘버링",
   "label.shelf-locations": "선반 로케이션",