@operato/scene-visualizer 10.0.0-beta.7 → 10.0.0-beta.9

package/dist/editors/property-editor-stocker-ports.js

@@ -0,0 +1,112 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * Stocker Port Configuration Editor
+ *
+ * 주의: OxPropertyEditor base class가 모든 change 이벤트를 잡아서
+ * this.value를 덮어쓰므로, 내부 input/select의 change 이벤트 버블링을 차단해야 함.
+ */
+import { __decorate } from "tslib";
+import { css, html } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { OxPropertyEditor } from '@operato/property-editor';
+function parsePorts(value) {
+    if (!value)
+        return [];
+    if (Array.isArray(value))
+        return value;
+    if (typeof value === 'string') {
+        try {
+            const parsed = JSON.parse(value);
+            return Array.isArray(parsed) ? parsed : [];
+        }
+        catch {
+            return [];
+        }
+    }
+    return [];
+}
+let StockerPortsEditor = class StockerPortsEditor extends OxPropertyEditor {
+    static styles = [
+        ...OxPropertyEditor.styles,
+        css `
+      .port-table { width: 100%; font-size: 11px; border-collapse: collapse; }
+      .port-table th { text-align: left; padding: 3px 4px; font-weight: 600; color: #555; border-bottom: 1px solid rgba(0,0,0,0.12); font-size: 10px; }
+      .port-table td { padding: 2px 3px; vertical-align: middle; }
+      .port-table select, .port-table input {
+        width: 100%; box-sizing: border-box; font-size: 11px; padding: 3px 4px;
+        border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; background: #fff; color: #1c1b1f;
+      }
+      .port-table input[type="number"] { width: 50px; }
+      .port-table input[type="text"] { width: 60px; }
+      .btn-row { display: flex; gap: 4px; margin-top: 4px; }
+      .btn {
+        padding: 3px 8px; font-size: 10px; cursor: pointer;
+        border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; background: #f3edf7; color: #1c1b1f;
+      }
+      .btn:hover { background: #ece6f0; }
+      .btn-remove { color: #b3261e; cursor: pointer; font-size: 14px; padding: 0 4px; background: none; border: none; }
+    `
+    ];
+    editorTemplate(value, _spec) {
+        const ports = Array.isArray(this.value) ? this.value : parsePorts(value);
+        return html `
+      <fieldset fullwidth>
+        ${ports.length > 0 ? html `
+          <table class="port-table">
+            <thead><tr><th>Type</th><th>Side</th><th>Pos</th><th>Label</th><th></th></tr></thead>
+            <tbody>
+              ${ports.map((port, i) => html `
+                <tr>
+                  <td><select @change=${(e) => { e.stopPropagation(); this._set(ports, i, 'type', e.target.value); }}>
+                    <option value="in" ?selected=${port.type === 'in'}>IN</option>
+                    <option value="out" ?selected=${port.type === 'out'}>OUT</option>
+                  </select></td>
+                  <td><select @change=${(e) => { e.stopPropagation(); this._set(ports, i, 'side', e.target.value); }}>
+                    <option value="front" ?selected=${port.side === 'front'}>Front</option>
+                    <option value="back" ?selected=${port.side === 'back'}>Back</option>
+                  </select></td>
+                  <td><input type="number" .value=${String(port.position)} min="1" step="1"
+                    @change=${(e) => { e.stopPropagation(); this._set(ports, i, 'position', Number(e.target.value)); }} /></td>
+                  <td><input type="text" .value=${port.label || ''} placeholder="auto"
+                    @change=${(e) => { e.stopPropagation(); this._set(ports, i, 'label', e.target.value || undefined); }} /></td>
+                  <td><button class="btn-remove" @click=${() => this._applyPorts(ports.filter((_, j) => j !== i))}>&times;</button></td>
+                </tr>
+              `)}
+            </tbody>
+          </table>
+        ` : html `<div style="font-size:11px;color:#888;padding:4px">No ports</div>`}
+        <div class="btn-row">
+          <button class="btn" @click=${() => {
+            const maxPos = ports.length > 0 ? Math.max(...ports.map(p => p.position)) : 0;
+            this._applyPorts([...ports, { type: 'in', side: 'front', position: maxPos + 1 }]);
+        }}>+ IN</button>
+          <button class="btn" @click=${() => {
+            const maxPos = ports.length > 0 ? Math.max(...ports.map(p => p.position)) : 0;
+            this._applyPorts([...ports, { type: 'out', side: 'front', position: maxPos + 1 }]);
+        }}>+ OUT</button>
+        </div>
+      </fieldset>
+    `;
+    }
+    _set(ports, index, field, val) {
+        this._applyPorts(ports.map((p, i) => i === index ? { ...p, [field]: val } : p));
+    }
+    _applyPorts(ports) {
+        this.value = ports;
+        this.requestUpdate();
+        this.dispatchEvent(new CustomEvent('i-need-selected', {
+            bubbles: true, composed: true,
+            detail: {
+                callback: (selected) => {
+                    selected[0]?.set('ports', JSON.stringify(ports));
+                }
+            }
+        }));
+    }
+};
+StockerPortsEditor = __decorate([
+    customElement('property-editor-stocker-ports')
+], StockerPortsEditor);
+export default StockerPortsEditor;
+//# sourceMappingURL=property-editor-stocker-ports.js.map

package/dist/editors/property-editor-stocker-ports.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-editor-stocker-ports.js","sourceRoot":"","sources":["../../src/editors/property-editor-stocker-ports.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * Stocker Port Configuration Editor\n *\n * 주의: OxPropertyEditor base class가 모든 change 이벤트를 잡아서\n * this.value를 덮어쓰므로, 내부 input/select의 change 이벤트 버블링을 차단해야 함.\n */\n\nimport { css, html, TemplateResult } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { OxPropertyEditor, PropertySpec } from '@operato/property-editor'\n\ninterface PortEntry {\n  type: 'in' | 'out'\n  side: 'front' | 'back'\n  position: number\n  label?: string\n}\n\nfunction parsePorts(value: any): PortEntry[] {\n  if (!value) return []\n  if (Array.isArray(value)) return value\n  if (typeof value === 'string') {\n    try {\n      const parsed = JSON.parse(value)\n      return Array.isArray(parsed) ? parsed : []\n    } catch { return [] }\n  }\n  return []\n}\n\n@customElement('property-editor-stocker-ports')\nexport default class StockerPortsEditor extends OxPropertyEditor {\n  static styles = [\n    ...OxPropertyEditor.styles,\n    css`\n      .port-table { width: 100%; font-size: 11px; border-collapse: collapse; }\n      .port-table th { text-align: left; padding: 3px 4px; font-weight: 600; color: #555; border-bottom: 1px solid rgba(0,0,0,0.12); font-size: 10px; }\n      .port-table td { padding: 2px 3px; vertical-align: middle; }\n      .port-table select, .port-table input {\n        width: 100%; box-sizing: border-box; font-size: 11px; padding: 3px 4px;\n        border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; background: #fff; color: #1c1b1f;\n      }\n      .port-table input[type=\"number\"] { width: 50px; }\n      .port-table input[type=\"text\"] { width: 60px; }\n      .btn-row { display: flex; gap: 4px; margin-top: 4px; }\n      .btn {\n        padding: 3px 8px; font-size: 10px; cursor: pointer;\n        border: 1px solid rgba(0,0,0,0.15); border-radius: 4px; background: #f3edf7; color: #1c1b1f;\n      }\n      .btn:hover { background: #ece6f0; }\n      .btn-remove { color: #b3261e; cursor: pointer; font-size: 14px; padding: 0 4px; background: none; border: none; }\n    `\n  ]\n\n  editorTemplate(value: any, _spec: PropertySpec): TemplateResult {\n    const ports: PortEntry[] = Array.isArray(this.value) ? this.value : parsePorts(value)\n\n    return html`\n      <fieldset fullwidth>\n        ${ports.length > 0 ? html`\n          <table class=\"port-table\">\n            <thead><tr><th>Type</th><th>Side</th><th>Pos</th><th>Label</th><th></th></tr></thead>\n            <tbody>\n              ${ports.map((port, i) => html`\n                <tr>\n                  <td><select @change=${(e: Event) => { e.stopPropagation(); this._set(ports, i, 'type', (e.target as HTMLSelectElement).value) }}>\n                    <option value=\"in\" ?selected=${port.type === 'in'}>IN</option>\n                    <option value=\"out\" ?selected=${port.type === 'out'}>OUT</option>\n                  </select></td>\n                  <td><select @change=${(e: Event) => { e.stopPropagation(); this._set(ports, i, 'side', (e.target as HTMLSelectElement).value) }}>\n                    <option value=\"front\" ?selected=${port.side === 'front'}>Front</option>\n                    <option value=\"back\" ?selected=${port.side === 'back'}>Back</option>\n                  </select></td>\n                  <td><input type=\"number\" .value=${String(port.position)} min=\"1\" step=\"1\"\n                    @change=${(e: Event) => { e.stopPropagation(); this._set(ports, i, 'position', Number((e.target as HTMLInputElement).value)) }} /></td>\n                  <td><input type=\"text\" .value=${port.label || ''} placeholder=\"auto\"\n                    @change=${(e: Event) => { e.stopPropagation(); this._set(ports, i, 'label', (e.target as HTMLInputElement).value || undefined) }} /></td>\n                  <td><button class=\"btn-remove\" @click=${() => this._applyPorts(ports.filter((_, j) => j !== i))}>&times;</button></td>\n                </tr>\n              `)}\n            </tbody>\n          </table>\n        ` : html`<div style=\"font-size:11px;color:#888;padding:4px\">No ports</div>`}\n        <div class=\"btn-row\">\n          <button class=\"btn\" @click=${() => {\n            const maxPos = ports.length > 0 ? Math.max(...ports.map(p => p.position)) : 0\n            this._applyPorts([...ports, { type: 'in' as const, side: 'front' as const, position: maxPos + 1 }])\n          }}>+ IN</button>\n          <button class=\"btn\" @click=${() => {\n            const maxPos = ports.length > 0 ? Math.max(...ports.map(p => p.position)) : 0\n            this._applyPorts([...ports, { type: 'out' as const, side: 'front' as const, position: maxPos + 1 }])\n          }}>+ OUT</button>\n        </div>\n      </fieldset>\n    `\n  }\n\n  private _set(ports: PortEntry[], index: number, field: string, val: any) {\n    this._applyPorts(ports.map((p, i) => i === index ? { ...p, [field]: val } : p))\n  }\n\n  private _applyPorts(ports: PortEntry[]) {\n    this.value = ports\n    this.requestUpdate()\n\n    this.dispatchEvent(new CustomEvent('i-need-selected', {\n      bubbles: true, composed: true,\n      detail: {\n        callback: (selected: any[]) => {\n          selected[0]?.set('ports', JSON.stringify(ports))\n        }\n      }\n    }))\n  }\n}\n"]}

package/dist/index.d.ts

@@ -9,3 +9,5 @@ export * from './stock-hub.js';
 export * from './tank.js';
 export * from './vehicle.js';
 export * from './carrier.js';
+export * from './stocker.js';
+export * from './stocker-port.js';

package/dist/index.js

@@ -14,4 +14,6 @@ export * from './stock-hub.js';
 export * from './tank.js';
 export * from './vehicle.js';
 export * from './carrier.js';
+export * from './stocker.js';
+export * from './stocker-port.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,6CAA6C;AAC7C,2BAA2B;AAE3B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n// threed 인프라 + 범용 3D 컴포넌트는 things-scene에서 제공\n// 여기서는 도메인 특화 컴포넌트만 export\n\nexport * from './desk.js'\nexport * from './rack.js'\nexport * from './rack-table.js'\nexport * from './rack-table-cell.js'\nexport * from './visualizer.js'\nexport * from './stock.js'\nexport * from './signal-tower.js'\nexport * from './stock-hub.js'\nexport * from './tank.js'\nexport * from './vehicle.js'\nexport * from './carrier.js'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,6CAA6C;AAC7C,2BAA2B;AAE3B,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n// threed 인프라 + 범용 3D 컴포넌트는 things-scene에서 제공\n// 여기서는 도메인 특화 컴포넌트만 export\n\nexport * from './desk.js'\nexport * from './rack.js'\nexport * from './rack-table.js'\nexport * from './rack-table-cell.js'\nexport * from './visualizer.js'\nexport * from './stock.js'\nexport * from './signal-tower.js'\nexport * from './stock-hub.js'\nexport * from './tank.js'\nexport * from './vehicle.js'\nexport * from './carrier.js'\nexport * from './stocker.js'\nexport * from './stocker-port.js'\n"]}

package/dist/stocker-3d.d.ts

@@ -0,0 +1,23 @@
+import { RealObjectGroup } from '@hatiolab/things-scene';
+import type { Stocker } from './stocker.js';
+export declare class Stocker3d extends RealObjectGroup {
+    private _cranes;
+    private _cellMeshes;
+    private _animRaf;
+    get stocker(): Stocker;
+    get position(): {
+        x: number;
+        y: any;
+        z: number;
+    };
+    build(): void;
+    private _buildRackSide;
+    private _buildEnclosure;
+    private _buildCranes;
+    updateCraneTargets(): void;
+    private _startCraneAnim;
+    onchange(after: Record<string, unknown>, before: Record<string, unknown>): void;
+    dispose(): void;
+    updateDimension(): void;
+    updateAlpha(): void;
+}

package/dist/stocker-3d.js

@@ -0,0 +1,352 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * Stocker 3D — aisle, rail, crane, ports, enclosure, rack frames, cell stocks.
+ */
+import * as THREE from 'three';
+import * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js';
+import { RealObjectGroup } from '@hatiolab/things-scene';
+import { computeLayout } from './stocker.js';
+const FRAME_COLOR = 0x8a8a8a;
+const BOARD_COLOR = 0xcccccc;
+const AISLE_COLOR = 0xd4d4c8;
+const RAIL_COLOR = 0x666666;
+const CRANE_COLOR = 0xff6600;
+const CRANE_MAST_COLOR = 0xcc5500;
+const FORK_COLOR = 0xddaa00;
+const CELL_EMPTY_COLOR = 0xf0f0f0;
+const CELL_FULL_COLOR = 0x4a9eff;
+const CELL_RESERVED_COLOR = 0xffcc00;
+const CELL_ERROR_COLOR = 0xe74c3c;
+function cellColor3d(status) {
+    switch (status) {
+        case 'FULL': return CELL_FULL_COLOR;
+        case 'RESERVED': return CELL_RESERVED_COLOR;
+        case 'ERROR': return CELL_ERROR_COLOR;
+        default: return CELL_EMPTY_COLOR;
+    }
+}
+export class Stocker3d extends RealObjectGroup {
+    _cranes = [];
+    _cellMeshes = [];
+    _animRaf = 0;
+    get stocker() {
+        return this.component;
+    }
+    get position() {
+        const { zPos = 0 } = this.component.state;
+        return { x: this.cx || 0, y: zPos, z: this.cy || 0 };
+    }
+    build() {
+        super.build();
+        const state = this.component.state;
+        const { width = 200, height = 100, depth: totalHeight = 80, rotation = 0, aisleRatio = 0.15 } = state;
+        const layout = computeLayout(state);
+        let orientY = -rotation;
+        if (layout.vertical)
+            orientY += Math.PI / 2;
+        if (layout.flipped)
+            orientY += Math.PI;
+        this.object3d.rotation.y = orientY;
+        const alongSize = layout.along;
+        const acrossSize = layout.across;
+        const aisleDepth = acrossSize * aisleRatio;
+        const rackAreaDepth = acrossSize - aisleDepth;
+        const leftRackDepth = layout.leftRack ? rackAreaDepth / (layout.rightRack ? 2 : 1) : 0;
+        const rightRackDepth = layout.rightRack ? rackAreaDepth / (layout.leftRack ? 2 : 1) : 0;
+        const frameGeoms = [];
+        const boardGeoms = [];
+        // ── Rack sides ──
+        if (layout.leftRack) {
+            const rackZ = -(aisleDepth / 2 + leftRackDepth / 2);
+            this._buildRackSide('L', layout.leftRack.config, alongSize, totalHeight, leftRackDepth, rackZ, frameGeoms, boardGeoms);
+        }
+        if (layout.rightRack) {
+            const rackZ = aisleDepth / 2 + rightRackDepth / 2;
+            this._buildRackSide('R', layout.rightRack.config, alongSize, totalHeight, rightRackDepth, rackZ, frameGeoms, boardGeoms);
+        }
+        // merge frames
+        if (!state.hideRackFrame && frameGeoms.length > 0) {
+            const mat = new THREE.MeshStandardMaterial({ color: FRAME_COLOR, metalness: 0.85, roughness: 0.35, transparent: true, opacity: 0.8 });
+            const mesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(frameGeoms), mat);
+            mesh.castShadow = true;
+            this.object3d.add(mesh);
+        }
+        if (!state.hideRackFrame && boardGeoms.length > 0) {
+            const mat = new THREE.MeshStandardMaterial({ color: BOARD_COLOR, side: THREE.DoubleSide, transparent: true, opacity: 0.5 });
+            this.object3d.add(new THREE.Mesh(BufferGeometryUtils.mergeGeometries(boardGeoms), mat));
+        }
+        // ── Enclosure ──
+        const { fillStyle } = state;
+        if (fillStyle && fillStyle !== 'transparent' && fillStyle !== 'rgba(0,0,0,0)') {
+            this._buildEnclosure(alongSize, acrossSize, totalHeight, fillStyle);
+        }
+        // ── Aisle ──
+        const aisleGeom = new THREE.PlaneGeometry(alongSize, aisleDepth);
+        aisleGeom.rotateX(-Math.PI / 2);
+        const aisleMesh = new THREE.Mesh(aisleGeom, new THREE.MeshStandardMaterial({ color: AISLE_COLOR, roughness: 0.9 }));
+        aisleMesh.position.y = 0.1;
+        aisleMesh.receiveShadow = true;
+        this.object3d.add(aisleMesh);
+        // rail
+        const railMesh = new THREE.Mesh(new THREE.BoxGeometry(alongSize, 1, 2), new THREE.MeshStandardMaterial({ color: RAIL_COLOR, metalness: 0.8, roughness: 0.3 }));
+        railMesh.position.set(0, 0.5, 0);
+        this.object3d.add(railMesh);
+        // ── Cranes ──
+        const maxBays = layout.maxBays;
+        const levels = Math.max(state.lLevels || 0, state.rLevels || 0, 1);
+        this._buildCranes(alongSize, totalHeight, maxBays, levels, aisleDepth, leftRackDepth, rightRackDepth);
+    }
+    _buildRackSide(side, config, totalWidth, totalHeight, rackDepth, rackZ, frameGeoms, boardGeoms) {
+        const { bays, levels, depthCount } = config;
+        const bayWidth = totalWidth / bays;
+        const levelHeight = totalHeight / levels;
+        const cellDepthSize = rackDepth / depthCount;
+        const postW = Math.min(bayWidth * 0.05, 2);
+        const inset = 3;
+        const hw = totalWidth / 2 - inset;
+        const hd = rackDepth / 2 - inset;
+        // vertical posts — 수평바 + 1/2 두께로 접합부 갭 채움
+        const topRailY = totalHeight - inset;
+        const bottomRailY = inset;
+        const postHeight = topRailY - bottomRailY + postW;
+        const postGeom = new THREE.BoxGeometry(postW, postHeight, postW);
+        for (const [px, pz] of [[-hw, rackZ - hd], [-hw, rackZ + hd], [hw, rackZ - hd], [hw, rackZ + hd]]) {
+            const g = postGeom.clone();
+            g.translate(px, bottomRailY - postW / 2 + postHeight / 2, pz);
+            frameGeoms.push(g);
+        }
+        // horizontal rails — 좌우 inset, 상하는 enclosure 안쪽에 위치
+        const railW = totalWidth - inset * 2;
+        const railAlongGeom = new THREE.BoxGeometry(railW, postW, postW);
+        const railDepthW = rackDepth - inset * 2;
+        const railDepthGeom = new THREE.BoxGeometry(postW, postW, railDepthW);
+        for (let l = 0; l <= levels; l++) {
+            let y = l * levelHeight;
+            // bottom은 enclosure 바닥에서 올라오고, top은 천장에서 내려옴
+            if (l === 0)
+                y = inset;
+            else if (l === levels)
+                y = totalHeight - inset;
+            // along 방향 (전면/후면)
+            for (const dz of [rackZ - hd, rackZ + hd]) {
+                const g = railAlongGeom.clone();
+                g.translate(0, y, dz);
+                frameGeoms.push(g);
+            }
+            // depth 방향 (좌측/우측 끝)
+            for (const px of [-hw, hw]) {
+                const g = railDepthGeom.clone();
+                g.translate(px, y, rackZ);
+                frameGeoms.push(g);
+            }
+        }
+        // shelf boards
+        const boardW = totalWidth - inset * 2;
+        const boardD = rackDepth - inset * 2;
+        for (let l = 0; l < levels; l++) {
+            const y = l * levelHeight + 0.5;
+            const g = new THREE.PlaneGeometry(boardW, boardD);
+            g.rotateX(-Math.PI / 2);
+            g.translate(0, y, rackZ);
+            boardGeoms.push(g);
+        }
+        // cell stock
+        for (let l = 1; l <= levels; l++) {
+            for (let b = 1; b <= bays; b++) {
+                for (let d = 1; d <= depthCount; d++) {
+                    const status = this.stocker.getCellStatus(side, b, l, d);
+                    const geom = new THREE.BoxGeometry(bayWidth * 0.7, levelHeight * 0.7, cellDepthSize * 0.7);
+                    const mat = new THREE.MeshStandardMaterial({
+                        color: cellColor3d(status), metalness: 0.1, roughness: 0.8,
+                        transparent: !status || status === 'EMPTY',
+                        opacity: (!status || status === 'EMPTY') ? 0.15 : 1
+                    });
+                    const mesh = new THREE.Mesh(geom, mat);
+                    mesh.position.set(-totalWidth / 2 + (b - 0.5) * bayWidth, (l - 0.5) * levelHeight, rackZ + (d - 0.5 - depthCount / 2) * cellDepthSize);
+                    mesh.name = this.stocker.getLocationId(side, b, l, d);
+                    this._cellMeshes.push(mesh);
+                    this.object3d.add(mesh);
+                }
+            }
+        }
+    }
+    _buildEnclosure(alongSize, acrossSize, totalHeight, fillStyle) {
+        let color = 0xcccccc;
+        let opacity = 0.4;
+        // rgba에서 alpha 추출, 색상만 THREE.Color로
+        const rgbaMatch = fillStyle.match(/rgba?\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(?:,\s*([\d.]+))?\s*\)/);
+        if (rgbaMatch) {
+            const [, r, g, b, a] = rgbaMatch;
+            color = new THREE.Color(parseInt(r) / 255, parseInt(g) / 255, parseInt(b) / 255).getHex();
+            if (a !== undefined)
+                opacity = parseFloat(a);
+        }
+        else {
+            try {
+                color = new THREE.Color(fillStyle).getHex();
+            }
+            catch { }
+        }
+        const mat = new THREE.MeshStandardMaterial({ color, transparent: true, opacity, side: THREE.DoubleSide, depthWrite: false });
+        const halfW = alongSize / 2;
+        const halfD = acrossSize / 2;
+        for (const [w, h, x, y, z, ry] of [
+            [alongSize, totalHeight, 0, totalHeight / 2, -halfD, 0],
+            [alongSize, totalHeight, 0, totalHeight / 2, halfD, 0],
+            [acrossSize, totalHeight, -halfW, totalHeight / 2, 0, Math.PI / 2],
+            [acrossSize, totalHeight, halfW, totalHeight / 2, 0, Math.PI / 2]
+        ]) {
+            const mesh = new THREE.Mesh(new THREE.PlaneGeometry(w, h), mat);
+            mesh.position.set(x, y, z);
+            mesh.rotation.y = ry;
+            this.object3d.add(mesh);
+        }
+        const roofGeom = new THREE.PlaneGeometry(alongSize, acrossSize);
+        roofGeom.rotateX(-Math.PI / 2);
+        const roofMesh = new THREE.Mesh(roofGeom, mat);
+        roofMesh.position.y = totalHeight;
+        this.object3d.add(roofMesh);
+    }
+    _buildCranes(alongSize, totalHeight, maxBays, levels, aisleDepth, leftRackDepth, rightRackDepth) {
+        const cranesData = this.stocker.cranesData;
+        const craneCount = Math.max(cranesData.length, this.component.state.cranes || 1);
+        const bayWidth = alongSize / maxBays;
+        const levelHeight = totalHeight / levels;
+        const craneHeight = totalHeight * 0.95;
+        const mastMat = new THREE.MeshStandardMaterial({ color: CRANE_MAST_COLOR, metalness: 0.7, roughness: 0.4 });
+        const carriageMat = new THREE.MeshStandardMaterial({ color: CRANE_COLOR, metalness: 0.3, roughness: 0.6 });
+        const forkMat = new THREE.MeshStandardMaterial({ color: FORK_COLOR, metalness: 0.5, roughness: 0.5 });
+        for (let i = 0; i < craneCount; i++) {
+            const cd = cranesData[i];
+            const bay = cd?.bay ?? Math.round((i + 1) * maxBays / (craneCount + 1));
+            const level = cd?.level ?? 1;
+            const side = cd?.side;
+            const status = cd?.status || 'IDLE';
+            const craneX = -alongSize / 2 + (bay - 0.5) * bayWidth;
+            const craneY = (level - 0.5) * levelHeight;
+            let targetForkZ = 0;
+            if ((status === 'PICKING' || status === 'PLACING') && side) {
+                targetForkZ = side === 'L' ? -(aisleDepth / 2 + leftRackDepth / 2) : (aisleDepth / 2 + rightRackDepth / 2);
+            }
+            const mastGroup = new THREE.Group();
+            mastGroup.position.x = craneX;
+            this.object3d.add(mastGroup);
+            const mastMesh = new THREE.Mesh(new THREE.BoxGeometry(3, craneHeight, 3), mastMat);
+            mastMesh.position.y = craneHeight / 2;
+            mastMesh.castShadow = true;
+            mastGroup.add(mastMesh);
+            const topBeam = new THREE.Mesh(new THREE.BoxGeometry(bayWidth * 0.3, 2, aisleDepth * 0.8), mastMat);
+            topBeam.position.y = craneHeight - 1;
+            mastGroup.add(topBeam);
+            const carriageGroup = new THREE.Group();
+            carriageGroup.position.y = craneY;
+            mastGroup.add(carriageGroup);
+            const carrW = bayWidth * 0.7, carrH = 4, carrD = aisleDepth * 0.5;
+            const carriageMesh = new THREE.Mesh(new THREE.BoxGeometry(carrW, carrH, carrD), carriageMat);
+            carriageMesh.castShadow = true;
+            carriageGroup.add(carriageMesh);
+            const forkGroup = new THREE.Group();
+            carriageGroup.add(forkGroup);
+            const forkLength = Math.max(leftRackDepth, rightRackDepth) * 0.8;
+            const forkW = carrW * 0.15, forkH = 1.5;
+            const prongGeom = new THREE.BoxGeometry(forkW, forkH, forkLength);
+            const lp = new THREE.Mesh(prongGeom, forkMat);
+            lp.position.set(-carrW * 0.25, -carrH / 2 + forkH / 2, 0);
+            forkGroup.add(lp);
+            const rp = new THREE.Mesh(prongGeom.clone(), forkMat);
+            rp.position.set(carrW * 0.25, -carrH / 2 + forkH / 2, 0);
+            forkGroup.add(rp);
+            const baseMesh = new THREE.Mesh(new THREE.BoxGeometry(carrW * 0.7, forkH, forkW), forkMat);
+            baseMesh.position.set(0, -carrH / 2 + forkH / 2, -forkLength / 2 + forkW / 2);
+            forkGroup.add(baseMesh);
+            this._cranes.push({
+                mastGroup, carriageGroup, forkGroup,
+                state: { x: craneX, y: craneY, forkZ: 0, targetX: craneX, targetY: craneY, targetForkZ, bayWidth, levelHeight, maxBays, levels, leftRackDepth, rightRackDepth, aisleDepth }
+            });
+        }
+        if (this._cranes.some(c => c.state.targetForkZ !== 0))
+            this._startCraneAnim();
+    }
+    updateCraneTargets() {
+        const cranesData = this.stocker.cranesData;
+        const alongSize = this.stocker.layout.along;
+        for (let i = 0; i < this._cranes.length; i++) {
+            const crane = this._cranes[i];
+            const cd = cranesData[i];
+            const s = crane.state;
+            const bay = cd?.bay ?? Math.round((i + 1) * s.maxBays / (this._cranes.length + 1));
+            const level = cd?.level ?? 1;
+            const side = cd?.side;
+            const status = cd?.status || 'IDLE';
+            s.targetX = -alongSize / 2 + (bay - 0.5) * s.bayWidth;
+            s.targetY = (level - 0.5) * s.levelHeight;
+            if ((status === 'PICKING' || status === 'PLACING') && side) {
+                s.targetForkZ = side === 'L' ? -(s.aisleDepth / 2 + s.leftRackDepth / 2) : (s.aisleDepth / 2 + s.rightRackDepth / 2);
+            }
+            else {
+                s.targetForkZ = 0;
+            }
+        }
+        this._startCraneAnim();
+    }
+    _startCraneAnim() {
+        if (this._animRaf)
+            return;
+        const animate = () => {
+            let allDone = true;
+            for (const crane of this._cranes) {
+                const s = crane.state, speed = 0.08;
+                s.x += (s.targetX - s.x) * speed;
+                s.y += (s.targetY - s.y) * speed;
+                s.forkZ += (s.targetForkZ - s.forkZ) * speed;
+                crane.mastGroup.position.x = s.x;
+                crane.carriageGroup.position.y = s.y;
+                crane.forkGroup.position.z = s.forkZ;
+                if (Math.abs(s.targetX - s.x) > 0.1 || Math.abs(s.targetY - s.y) > 0.1 || Math.abs(s.targetForkZ - s.forkZ) > 0.1) {
+                    allDone = false;
+                }
+                else {
+                    s.x = s.targetX;
+                    s.y = s.targetY;
+                    s.forkZ = s.targetForkZ;
+                    crane.mastGroup.position.x = s.x;
+                    crane.carriageGroup.position.y = s.y;
+                    crane.forkGroup.position.z = s.forkZ;
+                }
+            }
+            if (allDone) {
+                this._animRaf = 0;
+                return;
+            }
+            this._animRaf = requestAnimationFrame(animate);
+        };
+        this._animRaf = requestAnimationFrame(animate);
+    }
+    onchange(after, before) {
+        if ('data' in after) {
+            this.updateCraneTargets();
+            this.update();
+            return;
+        }
+        if ('lBays' in after || 'lLevels' in after || 'lDepth' in after || 'rBays' in after || 'rLevels' in after || 'rDepth' in after ||
+            'cranes' in after || 'depth' in after || 'aisleRatio' in after ||
+            'width' in after || 'height' in after || 'locationRule' in after || 'hideRackFrame' in after || 'fillStyle' in after || 'frontSide' in after) {
+            this.update();
+            return;
+        }
+        super.onchange(after, before);
+    }
+    dispose() {
+        if (this._animRaf) {
+            cancelAnimationFrame(this._animRaf);
+            this._animRaf = 0;
+        }
+        this._cranes = [];
+        this._cellMeshes = [];
+        super.dispose();
+    }
+    updateDimension() { }
+    updateAlpha() { }
+}
+//# sourceMappingURL=stocker-3d.js.map

package/dist/stocker-3d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stocker-3d.js","sourceRoot":"","sources":["../src/stocker-3d.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * Stocker 3D — aisle, rail, crane, ports, enclosure, rack frames, cell stocks.\n */\n\nimport * as THREE from 'three'\nimport * as BufferGeometryUtils from 'three/examples/jsm/utils/BufferGeometryUtils.js'\nimport { RealObjectGroup } from '@hatiolab/things-scene'\nimport type { Stocker, StockerData, CraneData } from './stocker.js'\nimport { computeLayout } from './stocker.js'\n\nconst FRAME_COLOR = 0x8a8a8a\nconst BOARD_COLOR = 0xcccccc\nconst AISLE_COLOR = 0xd4d4c8\nconst RAIL_COLOR = 0x666666\nconst CRANE_COLOR = 0xff6600\nconst CRANE_MAST_COLOR = 0xcc5500\nconst FORK_COLOR = 0xddaa00\nconst CELL_EMPTY_COLOR = 0xf0f0f0\nconst CELL_FULL_COLOR = 0x4a9eff\nconst CELL_RESERVED_COLOR = 0xffcc00\nconst CELL_ERROR_COLOR = 0xe74c3c\n\nfunction cellColor3d(status?: string): number {\n  switch (status) {\n    case 'FULL': return CELL_FULL_COLOR\n    case 'RESERVED': return CELL_RESERVED_COLOR\n    case 'ERROR': return CELL_ERROR_COLOR\n    default: return CELL_EMPTY_COLOR\n  }\n}\n\ninterface CraneState {\n  x: number; y: number; forkZ: number\n  targetX: number; targetY: number; targetForkZ: number\n  bayWidth: number; levelHeight: number; maxBays: number; levels: number\n  leftRackDepth: number; rightRackDepth: number; aisleDepth: number\n}\n\ninterface CraneInstance {\n  mastGroup: THREE.Group\n  carriageGroup: THREE.Group\n  forkGroup: THREE.Group\n  state: CraneState\n}\n\nexport class Stocker3d extends RealObjectGroup {\n  private _cranes: CraneInstance[] = []\n  private _cellMeshes: THREE.Mesh[] = []\n  private _animRaf = 0\n\n  get stocker(): Stocker {\n    return this.component as unknown as Stocker\n  }\n\n  get position() {\n    const { zPos = 0 } = this.component.state\n    return { x: this.cx || 0, y: zPos, z: this.cy || 0 }\n  }\n\n  build() {\n    super.build()\n\n    const state = this.component.state\n    const { width = 200, height = 100, depth: totalHeight = 80, rotation = 0, aisleRatio = 0.15 } = state\n\n    const layout = computeLayout(state)\n    let orientY = -rotation\n    if (layout.vertical) orientY += Math.PI / 2\n    if (layout.flipped) orientY += Math.PI\n    this.object3d.rotation.y = orientY\n\n    const alongSize = layout.along\n    const acrossSize = layout.across\n    const aisleDepth = acrossSize * aisleRatio\n    const rackAreaDepth = acrossSize - aisleDepth\n    const leftRackDepth = layout.leftRack ? rackAreaDepth / (layout.rightRack ? 2 : 1) : 0\n    const rightRackDepth = layout.rightRack ? rackAreaDepth / (layout.leftRack ? 2 : 1) : 0\n\n    const frameGeoms: THREE.BufferGeometry[] = []\n    const boardGeoms: THREE.BufferGeometry[] = []\n\n    // ── Rack sides ──\n    if (layout.leftRack) {\n      const rackZ = -(aisleDepth / 2 + leftRackDepth / 2)\n      this._buildRackSide('L', layout.leftRack.config, alongSize, totalHeight, leftRackDepth, rackZ, frameGeoms, boardGeoms)\n    }\n    if (layout.rightRack) {\n      const rackZ = aisleDepth / 2 + rightRackDepth / 2\n      this._buildRackSide('R', layout.rightRack.config, alongSize, totalHeight, rightRackDepth, rackZ, frameGeoms, boardGeoms)\n    }\n\n    // merge frames\n    if (!state.hideRackFrame && frameGeoms.length > 0) {\n      const mat = new THREE.MeshStandardMaterial({ color: FRAME_COLOR, metalness: 0.85, roughness: 0.35, transparent: true, opacity: 0.8 })\n      const mesh = new THREE.Mesh(BufferGeometryUtils.mergeGeometries(frameGeoms), mat)\n      mesh.castShadow = true\n      this.object3d.add(mesh)\n    }\n\n    if (!state.hideRackFrame && boardGeoms.length > 0) {\n      const mat = new THREE.MeshStandardMaterial({ color: BOARD_COLOR, side: THREE.DoubleSide, transparent: true, opacity: 0.5 })\n      this.object3d.add(new THREE.Mesh(BufferGeometryUtils.mergeGeometries(boardGeoms), mat))\n    }\n\n    // ── Enclosure ──\n    const { fillStyle } = state\n    if (fillStyle && fillStyle !== 'transparent' && fillStyle !== 'rgba(0,0,0,0)') {\n      this._buildEnclosure(alongSize, acrossSize, totalHeight, fillStyle)\n    }\n\n    // ── Aisle ──\n    const aisleGeom = new THREE.PlaneGeometry(alongSize, aisleDepth)\n    aisleGeom.rotateX(-Math.PI / 2)\n    const aisleMesh = new THREE.Mesh(aisleGeom, new THREE.MeshStandardMaterial({ color: AISLE_COLOR, roughness: 0.9 }))\n    aisleMesh.position.y = 0.1\n    aisleMesh.receiveShadow = true\n    this.object3d.add(aisleMesh)\n\n    // rail\n    const railMesh = new THREE.Mesh(\n      new THREE.BoxGeometry(alongSize, 1, 2),\n      new THREE.MeshStandardMaterial({ color: RAIL_COLOR, metalness: 0.8, roughness: 0.3 })\n    )\n    railMesh.position.set(0, 0.5, 0)\n    this.object3d.add(railMesh)\n\n    // ── Cranes ──\n    const maxBays = layout.maxBays\n    const levels = Math.max(state.lLevels || 0, state.rLevels || 0, 1)\n    this._buildCranes(alongSize, totalHeight, maxBays, levels, aisleDepth, leftRackDepth, rightRackDepth)\n\n  }\n\n  private _buildRackSide(\n    side: 'L' | 'R', config: { bays: number; levels: number; depthCount: number },\n    totalWidth: number, totalHeight: number, rackDepth: number, rackZ: number,\n    frameGeoms: THREE.BufferGeometry[], boardGeoms: THREE.BufferGeometry[]\n  ) {\n    const { bays, levels, depthCount } = config\n    const bayWidth = totalWidth / bays\n    const levelHeight = totalHeight / levels\n    const cellDepthSize = rackDepth / depthCount\n    const postW = Math.min(bayWidth * 0.05, 2)\n    const inset = 3\n\n    const hw = totalWidth / 2 - inset\n    const hd = rackDepth / 2 - inset\n\n    // vertical posts — 수평바 + 1/2 두께로 접합부 갭 채움\n    const topRailY = totalHeight - inset\n    const bottomRailY = inset\n    const postHeight = topRailY - bottomRailY + postW\n    const postGeom = new THREE.BoxGeometry(postW, postHeight, postW)\n    for (const [px, pz] of [[-hw, rackZ - hd], [-hw, rackZ + hd], [hw, rackZ - hd], [hw, rackZ + hd]]) {\n      const g = postGeom.clone()\n      g.translate(px, bottomRailY - postW / 2 + postHeight / 2, pz)\n      frameGeoms.push(g)\n    }\n\n    // horizontal rails — 좌우 inset, 상하는 enclosure 안쪽에 위치\n    const railW = totalWidth - inset * 2\n    const railAlongGeom = new THREE.BoxGeometry(railW, postW, postW)\n    const railDepthW = rackDepth - inset * 2\n    const railDepthGeom = new THREE.BoxGeometry(postW, postW, railDepthW)\n\n    for (let l = 0; l <= levels; l++) {\n      let y = l * levelHeight\n      // bottom은 enclosure 바닥에서 올라오고, top은 천장에서 내려옴\n      if (l === 0) y = inset\n      else if (l === levels) y = totalHeight - inset\n\n      // along 방향 (전면/후면)\n      for (const dz of [rackZ - hd, rackZ + hd]) {\n        const g = railAlongGeom.clone()\n        g.translate(0, y, dz)\n        frameGeoms.push(g)\n      }\n      // depth 방향 (좌측/우측 끝)\n      for (const px of [-hw, hw]) {\n        const g = railDepthGeom.clone()\n        g.translate(px, y, rackZ)\n        frameGeoms.push(g)\n      }\n    }\n\n    // shelf boards\n    const boardW = totalWidth - inset * 2\n    const boardD = rackDepth - inset * 2\n    for (let l = 0; l < levels; l++) {\n      const y = l * levelHeight + 0.5\n      const g = new THREE.PlaneGeometry(boardW, boardD)\n      g.rotateX(-Math.PI / 2)\n      g.translate(0, y, rackZ)\n      boardGeoms.push(g)\n    }\n\n    // cell stock\n    for (let l = 1; l <= levels; l++) {\n      for (let b = 1; b <= bays; b++) {\n        for (let d = 1; d <= depthCount; d++) {\n          const status = this.stocker.getCellStatus(side, b, l, d)\n          const geom = new THREE.BoxGeometry(bayWidth * 0.7, levelHeight * 0.7, cellDepthSize * 0.7)\n          const mat = new THREE.MeshStandardMaterial({\n            color: cellColor3d(status), metalness: 0.1, roughness: 0.8,\n            transparent: !status || status === 'EMPTY',\n            opacity: (!status || status === 'EMPTY') ? 0.15 : 1\n          })\n          const mesh = new THREE.Mesh(geom, mat)\n          mesh.position.set(\n            -totalWidth / 2 + (b - 0.5) * bayWidth,\n            (l - 0.5) * levelHeight,\n            rackZ + (d - 0.5 - depthCount / 2) * cellDepthSize\n          )\n          mesh.name = this.stocker.getLocationId(side, b, l, d)\n          this._cellMeshes.push(mesh)\n          this.object3d.add(mesh)\n        }\n      }\n    }\n  }\n\n  private _buildEnclosure(alongSize: number, acrossSize: number, totalHeight: number, fillStyle: string) {\n    let color = 0xcccccc\n    let opacity = 0.4\n    // rgba에서 alpha 추출, 색상만 THREE.Color로\n    const rgbaMatch = fillStyle.match(/rgba?\\(\\s*(\\d+)\\s*,\\s*(\\d+)\\s*,\\s*(\\d+)\\s*(?:,\\s*([\\d.]+))?\\s*\\)/)\n    if (rgbaMatch) {\n      const [, r, g, b, a] = rgbaMatch\n      color = new THREE.Color(parseInt(r) / 255, parseInt(g) / 255, parseInt(b) / 255).getHex()\n      if (a !== undefined) opacity = parseFloat(a)\n    } else {\n      try { color = new THREE.Color(fillStyle).getHex() } catch {}\n    }\n    const mat = new THREE.MeshStandardMaterial({ color, transparent: true, opacity, side: THREE.DoubleSide, depthWrite: false })\n    const halfW = alongSize / 2\n    const halfD = acrossSize / 2\n\n    for (const [w, h, x, y, z, ry] of [\n      [alongSize, totalHeight, 0, totalHeight / 2, -halfD, 0],\n      [alongSize, totalHeight, 0, totalHeight / 2, halfD, 0],\n      [acrossSize, totalHeight, -halfW, totalHeight / 2, 0, Math.PI / 2],\n      [acrossSize, totalHeight, halfW, totalHeight / 2, 0, Math.PI / 2]\n    ] as [number, number, number, number, number, number][]) {\n      const mesh = new THREE.Mesh(new THREE.PlaneGeometry(w, h), mat)\n      mesh.position.set(x, y, z)\n      mesh.rotation.y = ry\n      this.object3d.add(mesh)\n    }\n    const roofGeom = new THREE.PlaneGeometry(alongSize, acrossSize)\n    roofGeom.rotateX(-Math.PI / 2)\n    const roofMesh = new THREE.Mesh(roofGeom, mat)\n    roofMesh.position.y = totalHeight\n    this.object3d.add(roofMesh)\n  }\n\n  private _buildCranes(alongSize: number, totalHeight: number, maxBays: number, levels: number, aisleDepth: number, leftRackDepth: number, rightRackDepth: number) {\n    const cranesData = this.stocker.cranesData\n    const craneCount = Math.max(cranesData.length, this.component.state.cranes || 1)\n    const bayWidth = alongSize / maxBays\n    const levelHeight = totalHeight / levels\n    const craneHeight = totalHeight * 0.95\n\n    const mastMat = new THREE.MeshStandardMaterial({ color: CRANE_MAST_COLOR, metalness: 0.7, roughness: 0.4 })\n    const carriageMat = new THREE.MeshStandardMaterial({ color: CRANE_COLOR, metalness: 0.3, roughness: 0.6 })\n    const forkMat = new THREE.MeshStandardMaterial({ color: FORK_COLOR, metalness: 0.5, roughness: 0.5 })\n\n    for (let i = 0; i < craneCount; i++) {\n      const cd = cranesData[i]\n      const bay = cd?.bay ?? Math.round((i + 1) * maxBays / (craneCount + 1))\n      const level = cd?.level ?? 1\n      const side = cd?.side\n      const status = cd?.status || 'IDLE'\n\n      const craneX = -alongSize / 2 + (bay - 0.5) * bayWidth\n      const craneY = (level - 0.5) * levelHeight\n      let targetForkZ = 0\n      if ((status === 'PICKING' || status === 'PLACING') && side) {\n        targetForkZ = side === 'L' ? -(aisleDepth / 2 + leftRackDepth / 2) : (aisleDepth / 2 + rightRackDepth / 2)\n      }\n\n      const mastGroup = new THREE.Group()\n      mastGroup.position.x = craneX\n      this.object3d.add(mastGroup)\n\n      const mastMesh = new THREE.Mesh(new THREE.BoxGeometry(3, craneHeight, 3), mastMat)\n      mastMesh.position.y = craneHeight / 2\n      mastMesh.castShadow = true\n      mastGroup.add(mastMesh)\n\n      const topBeam = new THREE.Mesh(new THREE.BoxGeometry(bayWidth * 0.3, 2, aisleDepth * 0.8), mastMat)\n      topBeam.position.y = craneHeight - 1\n      mastGroup.add(topBeam)\n\n      const carriageGroup = new THREE.Group()\n      carriageGroup.position.y = craneY\n      mastGroup.add(carriageGroup)\n\n      const carrW = bayWidth * 0.7, carrH = 4, carrD = aisleDepth * 0.5\n      const carriageMesh = new THREE.Mesh(new THREE.BoxGeometry(carrW, carrH, carrD), carriageMat)\n      carriageMesh.castShadow = true\n      carriageGroup.add(carriageMesh)\n\n      const forkGroup = new THREE.Group()\n      carriageGroup.add(forkGroup)\n\n      const forkLength = Math.max(leftRackDepth, rightRackDepth) * 0.8\n      const forkW = carrW * 0.15, forkH = 1.5\n      const prongGeom = new THREE.BoxGeometry(forkW, forkH, forkLength)\n\n      const lp = new THREE.Mesh(prongGeom, forkMat)\n      lp.position.set(-carrW * 0.25, -carrH / 2 + forkH / 2, 0)\n      forkGroup.add(lp)\n      const rp = new THREE.Mesh(prongGeom.clone(), forkMat)\n      rp.position.set(carrW * 0.25, -carrH / 2 + forkH / 2, 0)\n      forkGroup.add(rp)\n      const baseMesh = new THREE.Mesh(new THREE.BoxGeometry(carrW * 0.7, forkH, forkW), forkMat)\n      baseMesh.position.set(0, -carrH / 2 + forkH / 2, -forkLength / 2 + forkW / 2)\n      forkGroup.add(baseMesh)\n\n      this._cranes.push({\n        mastGroup, carriageGroup, forkGroup,\n        state: { x: craneX, y: craneY, forkZ: 0, targetX: craneX, targetY: craneY, targetForkZ, bayWidth, levelHeight, maxBays, levels, leftRackDepth, rightRackDepth, aisleDepth }\n      })\n    }\n    if (this._cranes.some(c => c.state.targetForkZ !== 0)) this._startCraneAnim()\n  }\n\n  updateCraneTargets() {\n    const cranesData = this.stocker.cranesData\n    const alongSize = this.stocker.layout.along\n    for (let i = 0; i < this._cranes.length; i++) {\n      const crane = this._cranes[i]\n      const cd = cranesData[i]\n      const s = crane.state\n      const bay = cd?.bay ?? Math.round((i + 1) * s.maxBays / (this._cranes.length + 1))\n      const level = cd?.level ?? 1\n      const side = cd?.side\n      const status = cd?.status || 'IDLE'\n      s.targetX = -alongSize / 2 + (bay - 0.5) * s.bayWidth\n      s.targetY = (level - 0.5) * s.levelHeight\n      if ((status === 'PICKING' || status === 'PLACING') && side) {\n        s.targetForkZ = side === 'L' ? -(s.aisleDepth / 2 + s.leftRackDepth / 2) : (s.aisleDepth / 2 + s.rightRackDepth / 2)\n      } else { s.targetForkZ = 0 }\n    }\n    this._startCraneAnim()\n  }\n\n  private _startCraneAnim() {\n    if (this._animRaf) return\n    const animate = () => {\n      let allDone = true\n      for (const crane of this._cranes) {\n        const s = crane.state, speed = 0.08\n        s.x += (s.targetX - s.x) * speed; s.y += (s.targetY - s.y) * speed; s.forkZ += (s.targetForkZ - s.forkZ) * speed\n        crane.mastGroup.position.x = s.x; crane.carriageGroup.position.y = s.y; crane.forkGroup.position.z = s.forkZ\n        if (Math.abs(s.targetX - s.x) > 0.1 || Math.abs(s.targetY - s.y) > 0.1 || Math.abs(s.targetForkZ - s.forkZ) > 0.1) { allDone = false }\n        else { s.x = s.targetX; s.y = s.targetY; s.forkZ = s.targetForkZ; crane.mastGroup.position.x = s.x; crane.carriageGroup.position.y = s.y; crane.forkGroup.position.z = s.forkZ }\n      }\n      if (allDone) { this._animRaf = 0; return }\n      this._animRaf = requestAnimationFrame(animate)\n    }\n    this._animRaf = requestAnimationFrame(animate)\n  }\n\n  onchange(after: Record<string, unknown>, before: Record<string, unknown>) {\n    if ('data' in after) { this.updateCraneTargets(); this.update(); return }\n    if ('lBays' in after || 'lLevels' in after || 'lDepth' in after || 'rBays' in after || 'rLevels' in after || 'rDepth' in after ||\n        'cranes' in after || 'depth' in after || 'aisleRatio' in after ||\n        'width' in after || 'height' in after || 'locationRule' in after || 'hideRackFrame' in after || 'fillStyle' in after || 'frontSide' in after) {\n      this.update(); return\n    }\n    super.onchange(after, before)\n  }\n\n  dispose() {\n    if (this._animRaf) { cancelAnimationFrame(this._animRaf); this._animRaf = 0 }\n    this._cranes = []; this._cellMeshes = []\n    super.dispose()\n  }\n\n  updateDimension() {}\n  updateAlpha() {}\n}\n"]}

package/dist/stocker-port-3d.d.ts

@@ -0,0 +1,14 @@
+import { RealObjectGroup } from '@hatiolab/things-scene';
+import type { StockerPort } from './stocker-port.js';
+export declare class StockerPort3d extends RealObjectGroup {
+    get port(): StockerPort;
+    get position(): {
+        x: number;
+        y: any;
+        z: number;
+    };
+    build(): void;
+    onchange(after: Record<string, unknown>, before: Record<string, unknown>): void;
+    updateDimension(): void;
+    updateAlpha(): void;
+}