@operato/scene-visualizer 9.2.2 → 10.0.0-beta.2

package/dist/templates/vehicle.js

@@ -0,0 +1,20 @@
+const icon = new URL('../../icons/vehicle.png', import.meta.url).href;
+export default {
+    type: 'vehicle',
+    description: 'Vehicle (AGV/Cart)',
+    group: 'warehouse' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,
+    icon,
+    model: {
+        type: 'vehicle',
+        left: 100,
+        top: 100,
+        width: 120,
+        height: 80,
+        depth: 40,
+        fillStyle: '#888888',
+        strokeStyle: '#666',
+        lineWidth: 1,
+        alpha: 1
+    }
+};
+//# sourceMappingURL=vehicle.js.map

package/dist/templates/vehicle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vehicle.js","sourceRoot":"","sources":["../../src/templates/vehicle.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,yBAAyB,EAAE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAA;AAErE,eAAe;IACb,IAAI,EAAE,SAAS;IACf,WAAW,EAAE,oBAAoB;IACjC,KAAK,EAAE,WAAW,CAAC,gGAAgG;IACnH,IAAI;IACJ,KAAK,EAAE;QACL,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,SAAS,EAAE,SAAS;QACpB,WAAW,EAAE,MAAM;QACnB,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,CAAC;KACT;CACF,CAAA","sourcesContent":["const icon = new URL('../../icons/vehicle.png', import.meta.url).href\n\nexport default {\n  type: 'vehicle',\n  description: 'Vehicle (AGV/Cart)',\n  group: 'warehouse' /* line|shape|textAndMedia|chartAndGauge|table|container|dataSource|IoT|3D|warehouse|form|etc */,\n  icon,\n  model: {\n    type: 'vehicle',\n    left: 100,\n    top: 100,\n    width: 120,\n    height: 80,\n    depth: 40,\n    fillStyle: '#888888',\n    strokeStyle: '#666',\n    lineWidth: 1,\n    alpha: 1\n  }\n}\n"]}

package/dist/vehicle.d.ts

@@ -0,0 +1,248 @@
+import { ComponentNature, Shape, RealObject } from '@hatiolab/things-scene';
+export declare class Vehicle3D extends RealObject {
+    build(): void;
+}
+declare const Vehicle_base: (new (...args: any[]) => {
+    contains(x: number, y: number): boolean;
+    get path(): {
+        x: any;
+        y: any;
+    }[];
+    set path(path: {
+        x: any;
+        y: any;
+    }[]): any;
+    get anchors(): {
+        name: string;
+        position: {
+            x: any;
+            y: any;
+        };
+    }[];
+    get bounds(): any;
+    set bounds(bounds: any): any;
+    render(ctx: CanvasRenderingContext2D): void;
+    _app: any;
+    _model: any;
+    _state: any;
+    _delta: any;
+    _animation: any;
+    _animate: any;
+    _parent: any;
+    _disposed: any;
+    _textHidden: any;
+    _text_substitutor: any;
+    _value_substitutor: any;
+    _mappings: any;
+    _realObject: import("@hatiolab/things-scene").IRealObject | undefined;
+    _cachedState: any;
+    updatedAt: any;
+    fontSize: any;
+    __cache__: any;
+    created(): void;
+    added(parent: any): void;
+    removed(parent: any): void;
+    ready(): Promise<void>;
+    touch(): void;
+    clearCache(...attrs: any[]): void;
+    removeSelf(completely: any): void;
+    resetAnimation(): void;
+    dispose(): void;
+    get nature(): import("@hatiolab/things-scene").ComponentNature;
+    get disposed(): boolean;
+    isLayer(): boolean;
+    isGroup(): boolean;
+    isContainer(): this is import("@hatiolab/things-scene/dist-types/types/component").Container;
+    isLine(): boolean;
+    isRoot(): boolean;
+    isRootModel(): boolean;
+    is3dish(): boolean;
+    get is3dMode(): boolean;
+    isIn3DSpace(): boolean;
+    isTemplate(): boolean;
+    isHTMLElement(): boolean;
+    isConnectable(): boolean;
+    isIdentifiable(): boolean;
+    isPositionable(): boolean;
+    replaceRefids(replaceMap: any): void;
+    get(property: any): any;
+    set(props: any, propval?: any): any;
+    getState(property: any): any;
+    setState(props: any, propval?: any): any;
+    get model(): any;
+    get state(): any;
+    get hierarchy(): any;
+    get volatile(): never[];
+    _applyProps(target: any, props: any, options: any): any;
+    move(offset: {
+        x: number;
+        y: number;
+    }, ...args: boolean[]): void;
+    symmetryX(x?: number): void;
+    symmetryY(y: number): void;
+    adjustResize(bounds: import("@hatiolab/things-scene").BOUNDS, origin_bounds: import("@hatiolab/things-scene").BOUNDS, diagonal: boolean): {
+        left: any;
+        top: any;
+        width: any;
+        height: any;
+    };
+    adjustRotation(rotation: number, step: boolean): number;
+    outline(progress: number): any;
+    get center(): import("@hatiolab/things-scene").POINT;
+    set center(p: import("@hatiolab/things-scene").POINT): any;
+    get location(): import("@hatiolab/things-scene").POINT;
+    set location(l: import("@hatiolab/things-scene").POINT): any;
+    get rotate(): import("@hatiolab/things-scene").POINT;
+    set rotate(r: import("@hatiolab/things-scene").POINT): any;
+    get dimension(): import("@hatiolab/things-scene").DIMENSION;
+    set dimension(d: import("@hatiolab/things-scene").DIMENSION): any;
+    get drawPath(): import("@hatiolab/things-scene").POINT[];
+    get rotatePoint(): import("@hatiolab/things-scene").POINT;
+    get mutable(): boolean;
+    get resizable(): boolean;
+    get rotatable(): boolean;
+    buildRealObject(): import("@hatiolab/things-scene").IRealObject | undefined;
+    get realObject(): import("@hatiolab/things-scene").IRealObject | undefined;
+    draw(context?: import("@hatiolab/things-scene").SceneRenderContext): void;
+    prerender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    postrender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    prepare(resolve: (component: import("@hatiolab/things-scene").Component) => void, reject: (reason: any) => void): void;
+    prepareIf(condition: boolean): void;
+    drawText(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    drawStroke(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
+    drawFill(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
+    get strokeStyle(): any;
+    set strokeStyle(v: any): any;
+    get fillStyle(): any;
+    set fillStyle(v: any): any;
+    get fontColor(): string;
+    set fontColor(v: string): any;
+    get rotation(): number;
+    set rotation(v: number): any;
+    get decorators(): string[];
+    get decotag(): string;
+    get hidden(): boolean;
+    set hidden(v: boolean): any;
+    get tag(): string;
+    set tag(v: string): any;
+    get appendum(): any;
+    set appendum(v: any): any;
+    defaultTextSubstitutor(): string;
+    textLines(context?: import("@hatiolab/things-scene").SceneRenderContext): any[][];
+    get font(): string;
+    get lineHeight(): number;
+    get textSubstitutor(): () => string;
+    get text(): string;
+    set text(v: string): any;
+    get textBounds(): import("@hatiolab/things-scene").BOUNDS;
+    get textRotation(): number;
+    get textHidden(): boolean;
+    set textHidden(v: boolean): any;
+    get hasTextProperty(): boolean;
+    animate(opts: import("@hatiolab/things-scene").AnimationConfig): any;
+    effect(context: import("@hatiolab/things-scene").SceneRenderContext, model: any): void;
+    serialize(...others: any[]): string;
+    trim(): void;
+    closeScene(data: any): void;
+    delta(attr?: string | object, value?: any): any;
+    invalidate(): void;
+    get value(): any;
+    set value(v: any): any;
+    get data(): any;
+    set data(v: any): any;
+    set tap(v: any): any;
+    get mappings(): any[];
+    get retention(): number;
+    get animation(): import("@hatiolab/things-scene").AnimationController | undefined;
+    get started(): boolean;
+    set started(v: boolean): any;
+    get controls(): import("@hatiolab/things-scene").Control[] | undefined;
+    findFirst(finder: string | ((c: import("@hatiolab/things-scene").Component) => boolean), ...others: any[]): import("@hatiolab/things-scene").Component | undefined;
+    findAll(s: string | ((c: import("@hatiolab/things-scene").Component) => boolean), ...others: any[]): any[] | undefined;
+    capture(x: number, y: number, except?: (c: import("@hatiolab/things-scene").Component) => boolean): any;
+    findAnchor(name: string): any;
+    isDescendible(container: import("@hatiolab/things-scene").Component): boolean;
+    getContext(component?: unknown): any;
+    get root(): import("@hatiolab/things-scene").Component;
+    get rootModel(): import("@hatiolab/things-scene").Component;
+    get parent(): import("@hatiolab/things-scene").Component;
+    set parent(v: import("@hatiolab/things-scene").Component): any;
+    get scalable(): boolean;
+    get stuck(): boolean;
+    get capturable(): boolean;
+    get position(): string;
+    get origin(): string;
+    get offset(): import("@hatiolab/things-scene").POINT;
+    get app(): import("@hatiolab/things-scene").ApplicationContext;
+    drawEffect(context: import("@hatiolab/things-scene").SceneRenderContext): void;
+    prepareFill(resolve: Function, reject: Function): void;
+    prepareFillIf(condition: boolean): void;
+    onchangeFill(after: Record<string, any>, before: Record<string, any>): void;
+    drawImage(context: import("@hatiolab/things-scene").SceneRenderContext, image: HTMLImageElement, left: number, top: number, width: number, height: number): void;
+    mutateBounds(logic: ((bounds: import("@hatiolab/things-scene").BOUNDS) => import("@hatiolab/things-scene").BOUNDS | void) | null, context?: any): void;
+    mutatePath(beforeLogic: ((path: import("@hatiolab/things-scene").POINT[]) => import("@hatiolab/things-scene").POINT[] | void) | null, afterLogic: ((path: import("@hatiolab/things-scene").POINT[]) => import("@hatiolab/things-scene").POINT[] | void) | null, context?: any): void;
+    access(accessor: string): any;
+    substitute(template: string, data: any): string | undefined;
+    onchangeMappings(after: Record<string, any>, before: Record<string, any>): void;
+    onchangeData(after: Record<string, any>, before: Record<string, any>): void;
+    buildMappings(): void;
+    executeMappings(force?: boolean): void;
+    disposeMappings(): void;
+    ondropfile(transfered: FileList, files: string[]): void;
+    transcoordS2P(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    transcoordP2S(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    transcoordS2T(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    transcoordT2P(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    transcoordT2S(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2TR(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2O(x: number, y: number, target: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    transcoordC2S(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2C(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    toParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    fromParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
+    toScene(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    fromScene(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    toLocal(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    toGlobal(x: number, y: number, top?: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    toOther(x: number, y: number, target: import("@hatiolab/things-scene").Component): import("@hatiolab/things-scene").POINT;
+    on(name: string | object, callback: Function, context?: any): any;
+    off(name?: string | object, callback?: Function, context?: any): any;
+    once(name: string | object, callback: Function, context?: any): any;
+    trigger(name: string, ...args: any[]): any;
+    delegate_on(delegator: any): any;
+    delegate_off(delegator: any): any;
+    onchange(after: Record<string, any>, before: Record<string, any>): void;
+    calculateBounds?(): void;
+    oncreate_element?(element: HTMLElement): void;
+    removeComponent(component: import("@hatiolab/things-scene").Component, ghost?: boolean): void;
+    addComponent(component: import("@hatiolab/things-scene").Component, ghost?: boolean): void;
+    insertComponentAt(component: import("@hatiolab/things-scene").Component, index: number, ghost?: boolean): void;
+    getOverlay(component: import("@hatiolab/things-scene").Component): HTMLElement | undefined;
+    findById(id: string): import("@hatiolab/things-scene").Component | undefined;
+    findByRefid(ref: string | number): import("@hatiolab/things-scene").Component | undefined;
+    findAllById(id: string): import("@hatiolab/things-scene").Component[];
+    resize(): void;
+    fit(type?: string): void;
+    get components(): import("@hatiolab/things-scene").Component[] | undefined;
+    get layout(): any;
+    get auxOverlay(): HTMLElement | undefined;
+    get isReady(): boolean;
+    get unitScale(): number;
+    get selected(): import("@hatiolab/things-scene").Component[];
+    set selected(_v: import("@hatiolab/things-scene").Component[]): any;
+    get focused(): import("@hatiolab/things-scene").Component | null;
+    set focused(_v: import("@hatiolab/things-scene").Component | null): any;
+    get hasSameParentForAllSelected(): boolean;
+    set hasSameParentForAllSelected(_v: boolean): any;
+    get fitMode(): string | undefined;
+    set fitMode(_v: string | undefined): any;
+    get element(): HTMLElement | null;
+    set element(_v: HTMLElement | null): any;
+}) & typeof Shape;
+export declare class Vehicle extends Vehicle_base {
+    is3dish(): boolean;
+    buildRealObject(): RealObject | undefined;
+    get nature(): ComponentNature;
+    render(ctx: CanvasRenderingContext2D): void;
+}
+export {};

package/dist/vehicle.js

@@ -0,0 +1,133 @@
+import { __decorate } from "tslib";
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ */
+import { RectPath, Shape, sceneComponent, RealObject } from '@hatiolab/things-scene';
+import * as THREE from 'three';
+import { RoundedBoxGeometry } from 'three/examples/jsm/geometries/RoundedBoxGeometry.js';
+const NATURE = {
+    mutable: false,
+    resizable: true,
+    rotatable: true,
+    properties: [
+        {
+            type: 'color',
+            label: 'platform-color',
+            name: 'platformColor',
+            property: 'platformColor'
+        }
+    ],
+    help: 'scene/component/vehicle'
+};
+const DEFAULT_PLATFORM_COLOR = '#333333';
+const DEFAULT_BODY_COLOR = '#f0f0f0';
+const BUMPER_COLOR = '#222222';
+export class Vehicle3D extends RealObject {
+    build() {
+        super.build();
+        var { width, height, depth, fillStyle, platformColor } = this.component.state;
+        var w = width;
+        var h = height;
+        var d = depth || 50;
+        // 비율: 하단 범퍼 10%, 본체 58%, 간격 4%, 플랫폼 28%
+        var bumperH = d * 0.10;
+        var bodyH = d * 0.58;
+        var gapH = d * 0.04;
+        var platH = d * 0.28;
+        var totalH = bumperH + bodyH + gapH + platH;
+        var cornerR = Math.min(w, h, bodyH) * 0.12;
+        // ── 하단 범퍼 밴드 (본체보다 약간 넓게 돌출) ──
+        var bumperPad = Math.min(w, h) * 0.03;
+        var bumperCornerR = Math.min(w + bumperPad * 2, h + bumperPad * 2, bumperH) * 0.2;
+        var bumperGeo = new RoundedBoxGeometry(w + bumperPad * 2, bumperH, h + bumperPad * 2, 4, bumperCornerR);
+        var bumperMat = new THREE.MeshStandardMaterial({
+            color: BUMPER_COLOR,
+            roughness: 0.8,
+            metalness: 0.1
+        });
+        var bumper = new THREE.Mesh(bumperGeo, bumperMat);
+        bumper.position.y = bumperH / 2;
+        bumper.castShadow = true;
+        this.object3d.add(bumper);
+        // ── 본체 (둥근 모서리, 밝은색) ──
+        var bodyGeo = new RoundedBoxGeometry(w, bodyH, h, 4, cornerR);
+        var bodyMat = new THREE.MeshStandardMaterial({
+            color: fillStyle || DEFAULT_BODY_COLOR,
+            roughness: 0.3,
+            metalness: 0.05
+        });
+        var body = new THREE.Mesh(bodyGeo, bodyMat);
+        body.position.y = bumperH + bodyH / 2;
+        body.castShadow = true;
+        this.object3d.add(body);
+        // ── 상단 플랫폼 (본체보다 약간 안쪽, 어두운색) ──
+        var platInset = Math.min(w, h) * 0.04;
+        var platCornerR = Math.min(w - platInset * 2, h - platInset * 2, platH) * 0.15;
+        var platGeo = new RoundedBoxGeometry(w - platInset * 2, platH, h - platInset * 2, 4, platCornerR);
+        var platMat = new THREE.MeshStandardMaterial({
+            color: platformColor || DEFAULT_PLATFORM_COLOR,
+            roughness: 0.5,
+            metalness: 0.15
+        });
+        var plat = new THREE.Mesh(platGeo, platMat);
+        plat.position.y = bumperH + bodyH + gapH + platH / 2;
+        plat.castShadow = true;
+        this.object3d.add(plat);
+        // 수직 중앙 정렬
+        this.object3d.children.forEach(child => {
+            child.position.y -= totalH / 2;
+        });
+    }
+}
+/* ── 2D 렌더 ── */
+function renderVehicle(ctx, x, y, w, h, fillStyle, platformColor) {
+    var r = Math.min(w, h) * 0.1;
+    var bumperH = Math.max(3, h * 0.10);
+    var platH = Math.max(4, h * 0.25);
+    var platInset = Math.min(w, h) * 0.04;
+    // 하단 범퍼 밴드 (본체보다 약간 넓게)
+    var bumperPad = Math.min(w, h) * 0.02;
+    ctx.fillStyle = BUMPER_COLOR;
+    ctx.beginPath();
+    ctx.roundRect(x - bumperPad, y + h - bumperH, w + bumperPad * 2, bumperH, [0, 0, r, r]);
+    ctx.fill();
+    // 본체 (둥근 사각형)
+    ctx.fillStyle = fillStyle || DEFAULT_BODY_COLOR;
+    ctx.beginPath();
+    ctx.roundRect(x, y + platH + 2, w, h - platH - bumperH - 2, r * 0.5);
+    ctx.fill();
+    ctx.strokeStyle = '#dddddd';
+    ctx.lineWidth = 0.5;
+    ctx.beginPath();
+    ctx.roundRect(x, y + platH + 2, w, h - platH - bumperH - 2, r * 0.5);
+    ctx.stroke();
+    // 상단 플랫폼 (약간 안쪽)
+    ctx.fillStyle = platformColor || DEFAULT_PLATFORM_COLOR;
+    ctx.beginPath();
+    ctx.roundRect(x + platInset, y, w - platInset * 2, platH, [r, r, 0, 0]);
+    ctx.fill();
+}
+let Vehicle = class Vehicle extends RectPath(Shape) {
+    is3dish() {
+        return true;
+    }
+    buildRealObject() {
+        return new Vehicle3D(this);
+    }
+    get nature() {
+        return NATURE;
+    }
+    render(ctx) {
+        var { left, top, width, height } = this.bounds;
+        var fillStyle = this.getState('fillStyle');
+        var platformColor = this.getState('platformColor');
+        renderVehicle(ctx, left, top, width, height, fillStyle, platformColor);
+        ctx.beginPath();
+        ctx.rect(left, top, width, height);
+    }
+};
+Vehicle = __decorate([
+    sceneComponent('vehicle')
+], Vehicle);
+export { Vehicle };
+//# sourceMappingURL=vehicle.js.map

package/dist/vehicle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vehicle.js","sourceRoot":"","sources":["../src/vehicle.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,EAAmB,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACrG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,qDAAqD,CAAA;AAExF,MAAM,MAAM,GAAoB;IAC9B,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV;YACE,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,eAAe;YACrB,QAAQ,EAAE,eAAe;SAC1B;KACF;IACD,IAAI,EAAE,yBAAyB;CAChC,CAAA;AAED,MAAM,sBAAsB,GAAG,SAAS,CAAA;AACxC,MAAM,kBAAkB,GAAG,SAAS,CAAA;AACpC,MAAM,YAAY,GAAG,SAAS,CAAA;AAE9B,MAAM,OAAO,SAAU,SAAQ,UAAU;IACvC,KAAK;QACH,KAAK,CAAC,KAAK,EAAE,CAAA;QAEb,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAA;QAE7E,IAAI,CAAC,GAAG,KAAK,CAAA;QACb,IAAI,CAAC,GAAG,MAAM,CAAA;QACd,IAAI,CAAC,GAAG,KAAK,IAAI,EAAE,CAAA;QAEnB,wCAAwC;QACxC,IAAI,OAAO,GAAG,CAAC,GAAG,IAAI,CAAA;QACtB,IAAI,KAAK,GAAG,CAAC,GAAG,IAAI,CAAA;QACpB,IAAI,IAAI,GAAG,CAAC,GAAG,IAAI,CAAA;QACnB,IAAI,KAAK,GAAG,CAAC,GAAG,IAAI,CAAA;QACpB,IAAI,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,CAAA;QAE3C,IAAI,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAA;QAE1C,iCAAiC;QACjC,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAA;QACrC,IAAI,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,OAAO,CAAC,GAAG,GAAG,CAAA;QACjF,IAAI,SAAS,GAAG,IAAI,kBAAkB,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,CAAC,EAAE,aAAa,CAAC,CAAA;QACvG,IAAI,SAAS,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;YAC7C,KAAK,EAAE,YAAY;YACnB,SAAS,EAAE,GAAG;YACd,SAAS,EAAE,GAAG;SACf,CAAC,CAAA;QACF,IAAI,MAAM,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QACjD,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,OAAO,GAAG,CAAC,CAAA;QAC/B,MAAM,CAAC,UAAU,GAAG,IAAI,CAAA;QACxB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QAEzB,yBAAyB;QACzB,IAAI,OAAO,GAAG,IAAI,kBAAkB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,CAAC,CAAA;QAC7D,IAAI,OAAO,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;YAC3C,KAAK,EAAE,SAAS,IAAI,kBAAkB;YACtC,SAAS,EAAE,GAAG;YACd,SAAS,EAAE,IAAI;SAChB,CAAC,CAAA;QACF,IAAI,IAAI,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAC3C,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,OAAO,GAAG,KAAK,GAAG,CAAC,CAAA;QACrC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAA;QACtB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QAEvB,kCAAkC;QAClC,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAA;QACrC,IAAI,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,IAAI,CAAA;QAC9E,IAAI,OAAO,GAAG,IAAI,kBAAkB,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,CAAC,EAAE,WAAW,CAAC,CAAA;QACjG,IAAI,OAAO,GAAG,IAAI,KAAK,CAAC,oBAAoB,CAAC;YAC3C,KAAK,EAAE,aAAa,IAAI,sBAAsB;YAC9C,SAAS,EAAE,GAAG;YACd,SAAS,EAAE,IAAI;SAChB,CAAC,CAAA;QACF,IAAI,IAAI,GAAG,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAC3C,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,OAAO,GAAG,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,CAAC,CAAA;QACpD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAA;QACtB,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;QAEvB,WAAW;QACX,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,MAAM,GAAG,CAAC,CAAA;QAChC,CAAC,CAAC,CAAA;IACJ,CAAC;CACF;AAED,iBAAiB;AAEjB,SAAS,aAAa,CACpB,GAA6B,EAC7B,CAAS,EACT,CAAS,EACT,CAAS,EACT,CAAS,EACT,SAAiB,EACjB,aAAqB;IAErB,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAA;IAC5B,IAAI,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAA;IACnC,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAA;IACjC,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAA;IAErC,wBAAwB;IACxB,IAAI,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAA;IACrC,GAAG,CAAC,SAAS,GAAG,YAAY,CAAA;IAC5B,GAAG,CAAC,SAAS,EAAE,CAAA;IACf,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,GAAG,CAAC,GAAG,OAAO,EAAE,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;IACvF,GAAG,CAAC,IAAI,EAAE,CAAA;IAEV,cAAc;IACd,GAAG,CAAC,SAAS,GAAG,SAAS,IAAI,kBAAkB,CAAA;IAC/C,GAAG,CAAC,SAAS,EAAE,CAAA;IACf,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,OAAO,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAA;IACpE,GAAG,CAAC,IAAI,EAAE,CAAA;IAEV,GAAG,CAAC,WAAW,GAAG,SAAS,CAAA;IAC3B,GAAG,CAAC,SAAS,GAAG,GAAG,CAAA;IACnB,GAAG,CAAC,SAAS,EAAE,CAAA;IACf,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,OAAO,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,CAAA;IACpE,GAAG,CAAC,MAAM,EAAE,CAAA;IAEZ,iBAAiB;IACjB,GAAG,CAAC,SAAS,GAAG,aAAa,IAAI,sBAAsB,CAAA;IACvD,GAAG,CAAC,SAAS,EAAE,CAAA;IACf,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,CAAC,GAAG,SAAS,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;IACvE,GAAG,CAAC,IAAI,EAAE,CAAA;AACZ,CAAC;AAGM,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,QAAQ,CAAC,KAAK,CAAC;IAC1C,OAAO;QACL,OAAO,IAAI,CAAA;IACb,CAAC;IAED,eAAe;QACb,OAAO,IAAI,SAAS,CAAC,IAAW,CAAC,CAAA;IACnC,CAAC;IAED,IAAI,MAAM;QACR,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM,CAAC,GAA6B;QAClC,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,CAAA;QAC9C,IAAI,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;QAC1C,IAAI,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;QAElD,aAAa,CAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,CAAC,CAAA;QAEtE,GAAG,CAAC,SAAS,EAAE,CAAA;QACf,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,CAAA;IACpC,CAAC;CACF,CAAA;AAvBY,OAAO;IADnB,cAAc,CAAC,SAAS,CAAC;GACb,OAAO,CAuBnB","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { ComponentNature, RectPath, Shape, sceneComponent, RealObject } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { RoundedBoxGeometry } from 'three/examples/jsm/geometries/RoundedBoxGeometry.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'color',\n      label: 'platform-color',\n      name: 'platformColor',\n      property: 'platformColor'\n    }\n  ],\n  help: 'scene/component/vehicle'\n}\n\nconst DEFAULT_PLATFORM_COLOR = '#333333'\nconst DEFAULT_BODY_COLOR = '#f0f0f0'\nconst BUMPER_COLOR = '#222222'\n\nexport class Vehicle3D extends RealObject {\n  build() {\n    super.build()\n\n    var { width, height, depth, fillStyle, platformColor } = this.component.state\n\n    var w = width\n    var h = height\n    var d = depth || 50\n\n    // 비율: 하단 범퍼 10%, 본체 58%, 간격 4%, 플랫폼 28%\n    var bumperH = d * 0.10\n    var bodyH = d * 0.58\n    var gapH = d * 0.04\n    var platH = d * 0.28\n    var totalH = bumperH + bodyH + gapH + platH\n\n    var cornerR = Math.min(w, h, bodyH) * 0.12\n\n    // ── 하단 범퍼 밴드 (본체보다 약간 넓게 돌출) ──\n    var bumperPad = Math.min(w, h) * 0.03\n    var bumperCornerR = Math.min(w + bumperPad * 2, h + bumperPad * 2, bumperH) * 0.2\n    var bumperGeo = new RoundedBoxGeometry(w + bumperPad * 2, bumperH, h + bumperPad * 2, 4, bumperCornerR)\n    var bumperMat = new THREE.MeshStandardMaterial({\n      color: BUMPER_COLOR,\n      roughness: 0.8,\n      metalness: 0.1\n    })\n    var bumper = new THREE.Mesh(bumperGeo, bumperMat)\n    bumper.position.y = bumperH / 2\n    bumper.castShadow = true\n    this.object3d.add(bumper)\n\n    // ── 본체 (둥근 모서리, 밝은색) ──\n    var bodyGeo = new RoundedBoxGeometry(w, bodyH, h, 4, cornerR)\n    var bodyMat = new THREE.MeshStandardMaterial({\n      color: fillStyle || DEFAULT_BODY_COLOR,\n      roughness: 0.3,\n      metalness: 0.05\n    })\n    var body = new THREE.Mesh(bodyGeo, bodyMat)\n    body.position.y = bumperH + bodyH / 2\n    body.castShadow = true\n    this.object3d.add(body)\n\n    // ── 상단 플랫폼 (본체보다 약간 안쪽, 어두운색) ──\n    var platInset = Math.min(w, h) * 0.04\n    var platCornerR = Math.min(w - platInset * 2, h - platInset * 2, platH) * 0.15\n    var platGeo = new RoundedBoxGeometry(w - platInset * 2, platH, h - platInset * 2, 4, platCornerR)\n    var platMat = new THREE.MeshStandardMaterial({\n      color: platformColor || DEFAULT_PLATFORM_COLOR,\n      roughness: 0.5,\n      metalness: 0.15\n    })\n    var plat = new THREE.Mesh(platGeo, platMat)\n    plat.position.y = bumperH + bodyH + gapH + platH / 2\n    plat.castShadow = true\n    this.object3d.add(plat)\n\n    // 수직 중앙 정렬\n    this.object3d.children.forEach(child => {\n      child.position.y -= totalH / 2\n    })\n  }\n}\n\n/* ── 2D 렌더 ── */\n\nfunction renderVehicle(\n  ctx: CanvasRenderingContext2D,\n  x: number,\n  y: number,\n  w: number,\n  h: number,\n  fillStyle: string,\n  platformColor: string\n) {\n  var r = Math.min(w, h) * 0.1\n  var bumperH = Math.max(3, h * 0.10)\n  var platH = Math.max(4, h * 0.25)\n  var platInset = Math.min(w, h) * 0.04\n\n  // 하단 범퍼 밴드 (본체보다 약간 넓게)\n  var bumperPad = Math.min(w, h) * 0.02\n  ctx.fillStyle = BUMPER_COLOR\n  ctx.beginPath()\n  ctx.roundRect(x - bumperPad, y + h - bumperH, w + bumperPad * 2, bumperH, [0, 0, r, r])\n  ctx.fill()\n\n  // 본체 (둥근 사각형)\n  ctx.fillStyle = fillStyle || DEFAULT_BODY_COLOR\n  ctx.beginPath()\n  ctx.roundRect(x, y + platH + 2, w, h - platH - bumperH - 2, r * 0.5)\n  ctx.fill()\n\n  ctx.strokeStyle = '#dddddd'\n  ctx.lineWidth = 0.5\n  ctx.beginPath()\n  ctx.roundRect(x, y + platH + 2, w, h - platH - bumperH - 2, r * 0.5)\n  ctx.stroke()\n\n  // 상단 플랫폼 (약간 안쪽)\n  ctx.fillStyle = platformColor || DEFAULT_PLATFORM_COLOR\n  ctx.beginPath()\n  ctx.roundRect(x + platInset, y, w - platInset * 2, platH, [r, r, 0, 0])\n  ctx.fill()\n}\n\n@sceneComponent('vehicle')\nexport class Vehicle extends RectPath(Shape) {\n  is3dish() {\n    return true\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new Vehicle3D(this as any)\n  }\n\n  get nature() {\n    return NATURE\n  }\n\n  render(ctx: CanvasRenderingContext2D) {\n    var { left, top, width, height } = this.bounds\n    var fillStyle = this.getState('fillStyle')\n    var platformColor = this.getState('platformColor')\n\n    renderVehicle(ctx, left, top, width, height, fillStyle, platformColor)\n\n    ctx.beginPath()\n    ctx.rect(left, top, width, height)\n  }\n}\n"]}

package/dist/visualizer.d.ts

@@ -1,9 +1,7 @@
-import { Component, Properties, ComponentNature } from '@hatiolab/things-scene';
+import { Component, Properties, ComponentNature, RealObject, ThreeContainer } from '@hatiolab/things-scene';
 import * as THREE from 'three';
-import { RealObject } from './threed/real-object.js';
-import './three-layout.js';
-import { ThreeContainer } from './three-container.js';
-export declare class Visualizer extends ThreeContainer {
+import { type StockMaterialProvider } from './stock.js';
+export declare class Visualizer extends ThreeContainer implements StockMaterialProvider {
     _legendTarget?: Component;
     _objects: {
         [id: string]: RealObject;
@@ -11,6 +9,7 @@ export declare class Visualizer extends ThreeContainer {
     _stock_materials: THREE.Material[];
     _default_material?: THREE.Material;
     _empty_material?: THREE.Material;
+    get hideEmptyStock(): boolean;
     get legendTarget(): Component | undefined;
     putObject(id: string, object: RealObject): void;
     getObject(id: string): RealObject;

package/dist/visualizer.js

@@ -2,9 +2,7 @@
  * Copyright © HatioLab Inc. All rights reserved.
  */
 import { __decorate } from "tslib";
-import { ScenePopup, sceneComponent } from '@hatiolab/things-scene';
-import './three-layout.js';
-import { ThreeContainer } from './three-container.js';
+import { ScenePopup, sceneComponent, ThreeContainer } from '@hatiolab/things-scene';
 import { Stock } from './stock.js';
 const NATURE = {
     mutable: false,
@@ -144,15 +142,18 @@ const NATURE = {
 };
 const WEBGL_NO_SUPPORT_TEXT = 'WebGL no support';
 let Visualizer = class Visualizer extends ThreeContainer {
-    constructor() {
-        super(...arguments);
-        this._objects = {};
-        this._stock_materials = [];
+    _legendTarget;
+    _objects = {};
+    _stock_materials = [];
+    _default_material;
+    _empty_material;
+    get hideEmptyStock() {
+        return !!this.getState('hideEmptyStock');
     }
     get legendTarget() {
         var { legendTarget } = this.state;
         if (!this._legendTarget && legendTarget) {
-            this._legendTarget = this.root.findById(legendTarget);
+            this._legendTarget = this.root.findById?.(legendTarget);
             this._legendTarget && this._legendTarget.on('change', this.onLegendTargetChanged, this);
         }
         return this._legendTarget;
@@ -244,24 +245,15 @@ let Visualizer = class Visualizer extends ThreeContainer {
             this.resetMaterials();
     }
     onmouseup(e) {
-        var _a;
-        if (this._controls) {
-            if (this._lastFocused) {
-                ;
-                this._lastFocused._focused = false;
-            }
+        if (this.controlsManager.isActive) {
             const { popupScene, left, top, width, height } = this.state;
-            var ref = popupScene;
-            var pointer = this.transcoordC2S(e.offsetX, e.offsetY);
-            this._mouse.x = ((pointer.x - left) / width) * 2 - 1;
-            this._mouse.y = -((pointer.y - top) / height) * 2 + 1;
-            var object = this.getObjectByRaycast();
-            var realObject = object === null || object === void 0 ? void 0 : object.userData.context;
+            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 (ref && realObject instanceof Stock) {
-                    ;
+                if (popupScene && realObject instanceof Stock) {
                     realObject.onmouseup(e, this, (data) => {
-                        ScenePopup.show(this, ref, {
+                        ScenePopup.show(this, popupScene, {
                             data,
                             modal: false,
                             closable: true,
@@ -270,11 +262,6 @@ let Visualizer = class Visualizer extends ThreeContainer {
                         });
                     });
                 }
-                ;
-                realObject._focused = true;
-                realObject._focusedAt = performance.now();
-                this._lastFocused = realObject;
-                (_a = realObject.component) === null || _a === void 0 ? void 0 : _a.trigger('click', e);
             }
             else {
                 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 } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\n\nimport { RealObject } from './threed/real-object.js'\nimport './three-layout.js'\nimport { ThreeContainer } from './three-container.js'\nimport { Stock } 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 {\n  _legendTarget?: Component\n\n  _objects: { [id: string]: RealObject } = {}\n\n  _stock_materials: THREE.Material[] = []\n  _default_material?: THREE.Material /* only for Stock */\n  _empty_material?: THREE.Material /* only for Stock */\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._controls) {\n      if (this._lastFocused) {\n        ;(this._lastFocused as any)._focused = false\n      }\n\n      const { popupScene, left, top, width, height } = this.state\n\n      var ref = popupScene\n      var pointer = this.transcoordC2S(e.offsetX, e.offsetY)\n\n      this._mouse!.x = ((pointer.x - left) / width) * 2 - 1\n      this._mouse!.y = -((pointer.y - top) / height) * 2 + 1\n\n      var object = this.getObjectByRaycast()\n      var realObject = object?.userData.context\n\n      if (realObject) {\n        if (ref && realObject instanceof Stock) {\n          ;(realObject as any).onmouseup(e, this, (data: any) => {\n            ScenePopup.show(this, ref, {\n              data,\n              modal: false,\n              closable: true,\n              output: false,\n              location: this.state.popupPosition || 'right-top'\n            })\n          })\n        }\n\n        ;(realObject as any)._focused = true\n        ;(realObject as any)._focusedAt = performance.now()\n        this._lastFocused = realObject\n        realObject.component?.trigger('click', e)\n      } else {\n        ScenePopup.hide(this.root)\n      }\n\n      this.invalidate()\n\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\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"]}