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

package/dist/desk.d.ts

@@ -1,6 +1,5 @@
-import { ComponentNature, Shape } from '@hatiolab/things-scene';
+import { Component, ComponentNature, Shape, RealObject } from '@hatiolab/things-scene';
 import * as THREE from 'three';
-import { RealObject } from './threed/real-object.js';
 export declare class Desk3D extends RealObject {
     get boardThickness(): number;
     get legThickness(): number;
@@ -9,7 +8,243 @@ export declare class Desk3D extends RealObject {
     createDeskLegs(w: number, h: number, d: number): THREE.Group<THREE.Object3DEventMap>;
     createDeskBoard(w: number, h: number): THREE.Mesh<THREE.BoxGeometry, THREE.MeshStandardMaterial, THREE.Object3DEventMap>;
 }
-declare const Desk_base: typeof Shape;
+declare const Desk_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: 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: Component) => boolean), ...others: any[]): Component | undefined;
+    findAll(s: string | ((c: Component) => boolean), ...others: any[]): any[] | undefined;
+    capture(x: number, y: number, except?: (c: Component) => boolean): any;
+    findAnchor(name: string): any;
+    isDescendible(container: Component): boolean;
+    getContext(component?: unknown): any;
+    get root(): Component;
+    get rootModel(): Component;
+    get parent(): Component;
+    set parent(v: 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?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordT2P(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordT2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2TR(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2O(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
+    transcoordC2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    transcoordS2C(x: number, y: number, top?: 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?: Component): import("@hatiolab/things-scene").POINT;
+    fromScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toLocal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toGlobal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
+    toOther(x: number, y: number, target: 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: Component, ghost?: boolean): void;
+    addComponent(component: Component, ghost?: boolean): void;
+    insertComponentAt(component: Component, index: number, ghost?: boolean): void;
+    getOverlay(component: Component): HTMLElement | undefined;
+    findById(id: string): Component | undefined;
+    findByRefid(ref: string | number): Component | undefined;
+    findAllById(id: string): Component[];
+    resize(): void;
+    fit(type?: string): void;
+    get components(): Component[] | undefined;
+    get layout(): any;
+    get auxOverlay(): HTMLElement | undefined;
+    get isReady(): boolean;
+    get unitScale(): number;
+    get selected(): Component[];
+    set selected(_v: Component[]): any;
+    get focused(): Component | null;
+    set focused(_v: 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 Desk extends Desk_base {
     is3dish(): boolean;
     buildRealObject(): RealObject | undefined;

package/dist/desk.js

@@ -2,9 +2,8 @@ import { __decorate } from "tslib";
 /*
  * Copyright © HatioLab Inc. All rights reserved.
  */
-import { RectPath, Shape, sceneComponent } from '@hatiolab/things-scene';
+import { RectPath, Shape, sceneComponent, RealObject } from '@hatiolab/things-scene';
 import * as THREE from 'three';
-import { RealObject } from './threed/real-object.js';
 const NATURE = {
     mutable: false,
     resizable: true,

package/dist/desk.js.map

@@ -1 +1 @@
-{"version":3,"file":"desk.js","sourceRoot":"","sources":["../src/desk.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, ComponentNature, RectPath, Shape, sceneComponent } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\nimport { RealObject } from './threed/real-object.js'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'color',\n      label: 'leg-color',\n      name: 'legColor',\n      property: 'legColor'\n    }\n  ],\n  help: 'scene/component/desk'\n}\n\nexport class Desk3D extends RealObject {\n  get boardThickness() {\n    var { depth } = this.component.state\n\n    return Math.min(10, depth / 10)\n  }\n\n  get legThickness() {\n    var { width, height } = this.component.state\n\n    var min = Math.min(width, height)\n\n    return Math.min(10, min / 10)\n  }\n\n  get margin() {\n    return Math.min(this.legThickness / 5, 2)\n  }\n\n  build() {\n    super.build()\n\n    var { width, height, depth } = this.component.state\n\n    var top = (depth - this.boardThickness) / 2\n\n    var legs = this.createDeskLegs(width, height, depth)\n    legs.position.set(0, -this.boardThickness / 2, 0)\n    legs.castShadow = true\n\n    this.object3d.add(legs)\n\n    let board = this.createDeskBoard(width, height)\n    board.position.set(0, top, 0)\n    board.rotation.x = Math.PI / 2\n    board.castShadow = true\n\n    this.object3d.add(board)\n  }\n\n  createDeskLegs(w: number, h: number, d: number) {\n    var { legColor } = this.component.state\n\n    var legThickness = this.legThickness\n    var margin = this.margin\n    d -= this.boardThickness\n\n    var legs = new THREE.Group()\n\n    var posX = w / 2 - legThickness / 2 - margin\n    var posY = h / 2 - legThickness / 2 - margin\n    var posZ = 0\n\n    for (var i = 0; i < 4; i++) {\n      var geometry = new THREE.BoxGeometry(legThickness, d, legThickness)\n      var material = new THREE.MeshStandardMaterial({\n        color: legColor || '#252525'\n      })\n\n      var leg = new THREE.Mesh(geometry, material)\n      leg.castShadow = true\n\n      switch (i) {\n        case 0:\n          leg.position.set(posX, posZ, posY)\n          break\n        case 1:\n          leg.position.set(posX, posZ, -posY)\n          break\n        case 2:\n          leg.position.set(-posX, posZ, posY)\n          break\n        case 3:\n          leg.position.set(-posX, posZ, -posY)\n          break\n      }\n\n      legs.add(leg)\n    }\n\n    return legs\n  }\n\n  createDeskBoard(w: number, h: number) {\n    var { fillStyle } = this.component.state\n\n    var d = 10\n\n    var boardMaterial = new THREE.MeshStandardMaterial({\n      color: fillStyle || '#ccaa76'\n    })\n    var boardGeometry = new THREE.BoxGeometry(w, h, d, 1, 1)\n    var board = new THREE.Mesh(boardGeometry, boardMaterial)\n\n    return board\n  }\n}\n\n@sceneComponent('desk')\nexport class Desk extends RectPath(Shape) {\n  is3dish() {\n    return true\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new Desk3D(this)\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n"]}
+{"version":3,"file":"desk.js","sourceRoot":"","sources":["../src/desk.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\nimport { Component, ComponentNature, RectPath, Shape, sceneComponent, RealObject } from '@hatiolab/things-scene'\nimport * as THREE from 'three'\n\nconst NATURE: ComponentNature = {\n  mutable: false,\n  resizable: true,\n  rotatable: true,\n  properties: [\n    {\n      type: 'color',\n      label: 'leg-color',\n      name: 'legColor',\n      property: 'legColor'\n    }\n  ],\n  help: 'scene/component/desk'\n}\n\nexport class Desk3D extends RealObject {\n  get boardThickness() {\n    var { depth } = this.component.state\n\n    return Math.min(10, depth / 10)\n  }\n\n  get legThickness() {\n    var { width, height } = this.component.state\n\n    var min = Math.min(width, height)\n\n    return Math.min(10, min / 10)\n  }\n\n  get margin() {\n    return Math.min(this.legThickness / 5, 2)\n  }\n\n  build() {\n    super.build()\n\n    var { width, height, depth } = this.component.state\n\n    var top = (depth - this.boardThickness) / 2\n\n    var legs = this.createDeskLegs(width, height, depth)\n    legs.position.set(0, -this.boardThickness / 2, 0)\n    legs.castShadow = true\n\n    this.object3d.add(legs)\n\n    let board = this.createDeskBoard(width, height)\n    board.position.set(0, top, 0)\n    board.rotation.x = Math.PI / 2\n    board.castShadow = true\n\n    this.object3d.add(board)\n  }\n\n  createDeskLegs(w: number, h: number, d: number) {\n    var { legColor } = this.component.state\n\n    var legThickness = this.legThickness\n    var margin = this.margin\n    d -= this.boardThickness\n\n    var legs = new THREE.Group()\n\n    var posX = w / 2 - legThickness / 2 - margin\n    var posY = h / 2 - legThickness / 2 - margin\n    var posZ = 0\n\n    for (var i = 0; i < 4; i++) {\n      var geometry = new THREE.BoxGeometry(legThickness, d, legThickness)\n      var material = new THREE.MeshStandardMaterial({\n        color: legColor || '#252525'\n      })\n\n      var leg = new THREE.Mesh(geometry, material)\n      leg.castShadow = true\n\n      switch (i) {\n        case 0:\n          leg.position.set(posX, posZ, posY)\n          break\n        case 1:\n          leg.position.set(posX, posZ, -posY)\n          break\n        case 2:\n          leg.position.set(-posX, posZ, posY)\n          break\n        case 3:\n          leg.position.set(-posX, posZ, -posY)\n          break\n      }\n\n      legs.add(leg)\n    }\n\n    return legs\n  }\n\n  createDeskBoard(w: number, h: number) {\n    var { fillStyle } = this.component.state\n\n    var d = 10\n\n    var boardMaterial = new THREE.MeshStandardMaterial({\n      color: fillStyle || '#ccaa76'\n    })\n    var boardGeometry = new THREE.BoxGeometry(w, h, d, 1, 1)\n    var board = new THREE.Mesh(boardGeometry, boardMaterial)\n\n    return board\n  }\n}\n\n@sceneComponent('desk')\nexport class Desk extends RectPath(Shape) {\n  is3dish() {\n    return true\n  }\n\n  buildRealObject(): RealObject | undefined {\n    return new Desk3D(this as any)\n  }\n\n  get nature() {\n    return NATURE\n  }\n}\n"]}

package/dist/editors/index.d.ts

@@ -1,5 +1,6 @@
 import './property-editor-location-increase-pattern.js';
 import './property-editor-gltf-info.js';
+import './property-editor-gltf-fill-targets.js';
 declare const _default: {
     type: string;
     element: string;

package/dist/editors/index.js

@@ -1,5 +1,6 @@
 import './property-editor-location-increase-pattern.js';
 import './property-editor-gltf-info.js';
+import './property-editor-gltf-fill-targets.js';
 export default [
     {
         type: 'location-increase-pattern',
@@ -8,6 +9,10 @@ export default [
     {
         type: 'gltf-info',
         element: 'property-editor-gltf-info'
+    },
+    {
+        type: 'gltf-fill-targets',
+        element: 'property-editor-gltf-fill-targets'
     }
 ];
 //# sourceMappingURL=index.js.map

package/dist/editors/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,gDAAgD,CAAA;AACvD,OAAO,gCAAgC,CAAA;AAEvC,eAAe;IACb;QACE,IAAI,EAAE,2BAA2B;QACjC,OAAO,EAAE,2CAA2C;KACrD;IACD;QACE,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,2BAA2B;KACrC;CACF,CAAA","sourcesContent":["import './property-editor-location-increase-pattern.js'\nimport './property-editor-gltf-info.js'\n\nexport default [\n  {\n    type: 'location-increase-pattern',\n    element: 'property-editor-location-increase-pattern'\n  },\n  {\n    type: 'gltf-info',\n    element: 'property-editor-gltf-info'\n  }\n]\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/editors/index.ts"],"names":[],"mappings":"AAAA,OAAO,gDAAgD,CAAA;AACvD,OAAO,gCAAgC,CAAA;AACvC,OAAO,wCAAwC,CAAA;AAE/C,eAAe;IACb;QACE,IAAI,EAAE,2BAA2B;QACjC,OAAO,EAAE,2CAA2C;KACrD;IACD;QACE,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,2BAA2B;KACrC;IACD;QACE,IAAI,EAAE,mBAAmB;QACzB,OAAO,EAAE,mCAAmC;KAC7C;CACF,CAAA","sourcesContent":["import './property-editor-location-increase-pattern.js'\nimport './property-editor-gltf-info.js'\nimport './property-editor-gltf-fill-targets.js'\n\nexport default [\n  {\n    type: 'location-increase-pattern',\n    element: 'property-editor-location-increase-pattern'\n  },\n  {\n    type: 'gltf-info',\n    element: 'property-editor-gltf-info'\n  },\n  {\n    type: 'gltf-fill-targets',\n    element: 'property-editor-gltf-fill-targets'\n  }\n]\n"]}

package/dist/editors/property-editor-gltf-fill-targets.d.ts

@@ -0,0 +1,17 @@
+import '@operato/i18n/ox-i18n.js';
+import { PropertyValues, TemplateResult } from 'lit';
+import { OxPropertyEditor, PropertySpec } from '@operato/property-editor';
+export default class GLTFFillTargetsEditor extends OxPropertyEditor {
+    static styles: import("lit").CSSResult[];
+    src?: string;
+    private _meshNames;
+    private _component;
+    updated(changes: PropertyValues<this>): void;
+    private _refreshMeshNames;
+    editorTemplate(value: any, _spec: PropertySpec): TemplateResult;
+    private _setAll;
+    private _onToggle;
+    private _highlightNode;
+    private _clearHighlight;
+    private _getRendererManager;
+}

package/dist/editors/property-editor-gltf-fill-targets.js

@@ -0,0 +1,211 @@
+/*
+ * Copyright © HatioLab Inc. All rights reserved.
+ *
+ * GLTF fillStyle 타겟 노드 선택 에디터.
+ * Specific 탭에서 GLTF 모델의 Mesh 노드 목록을 체크박스로 표시하고,
+ * 선택된 노드 이름을 fillStyleTargets 배열로 저장한다.
+ * 마우스 오버 시 해당 노드를 OutlinePass로 강조한다.
+ */
+import { __decorate } from "tslib";
+import '@operato/i18n/ox-i18n.js';
+import { css, html } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import { OxPropertyEditor } from '@operato/property-editor';
+let GLTFFillTargetsEditor = class GLTFFillTargetsEditor extends OxPropertyEditor {
+    static styles = [
+        ...OxPropertyEditor.styles,
+        css `
+      .node-list {
+        display: flex;
+        flex-direction: column;
+        gap: 1px;
+        max-height: 200px;
+        overflow-y: auto;
+        font-size: 12px;
+      }
+
+      .node-item {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        padding: 2px 4px;
+        cursor: pointer;
+        border-radius: 2px;
+      }
+
+      .node-item:hover {
+        background: rgba(242, 101, 34, 0.15);
+      }
+
+      .toolbar {
+        display: flex;
+        gap: 2px;
+        margin-bottom: 2px;
+      }
+
+      .toolbar button {
+        font-size: 11px;
+        padding: 1px 6px;
+        border: 1px solid var(--md-sys-color-outline, #ccc);
+        border-radius: 2px;
+        background: transparent;
+        color: var(--md-sys-color-on-surface, #333);
+        cursor: pointer;
+      }
+
+      .toolbar button:hover {
+        background: rgba(0, 0, 0, 0.06);
+      }
+
+      .empty {
+        color: var(--md-sys-color-outline, #999);
+        font-size: 11px;
+        padding: 4px;
+      }
+    `
+    ];
+    src;
+    _meshNames = [];
+    _component = null;
+    updated(changes) {
+        if (changes.has('src')) {
+            this.dispatchEvent(new CustomEvent('i-need-selected', {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    callback: (selected) => {
+                        this._component = selected?.[0];
+                        this._refreshMeshNames();
+                    }
+                }
+            }));
+        }
+    }
+    _refreshMeshNames() {
+        if (!this._component) {
+            this._meshNames = [];
+            return;
+        }
+        const ro = this._component.realObject;
+        if (!ro?.getNode) {
+            this._meshNames = [];
+            return;
+        }
+        // Mesh 노드만 필터링 — 그룹/본 등은 fillStyle 적용 대상이 아님
+        this._meshNames = (this._component.nodeNames ?? []).filter((name) => {
+            const node = ro.getNode(name);
+            return node?.isMesh;
+        });
+    }
+    editorTemplate(value, _spec) {
+        const targets = Array.isArray(value) ? value : [];
+        // GLTF 로드 완료 후 nodeNames가 채워지므로, 비어있으면 재시도
+        if (this._meshNames.length === 0) {
+            this._refreshMeshNames();
+        }
+        return html `
+      <fieldset fullwidth>
+        <legend><ox-i18n msgid="label.fill-targets">fillStyle Targets</ox-i18n></legend>
+        ${this._meshNames.length > 0
+            ? html `<div class="toolbar">
+                <button type="button" @click=${() => this._setAll(true)}>All</button>
+                <button type="button" @click=${() => this._setAll(false)}>None</button>
+              </div>`
+            : ''}
+        <div class="node-list">
+          ${this._meshNames.length === 0
+            ? html `<div class="empty">
+                <ox-i18n msgid="label.no-gltf-meshes">No meshes available</ox-i18n>
+              </div>`
+            : this._meshNames.map(name => html `
+                  <label
+                    class="node-item"
+                    @mouseenter=${() => this._highlightNode(name)}
+                    @mouseleave=${() => this._clearHighlight()}
+                  >
+                    <input
+                      type="checkbox"
+                      .checked=${targets.includes(name)}
+                      @change=${(e) => {
+                e.stopPropagation();
+                this._onToggle(name, e.target.checked);
+            }}
+                    />
+                    <span>${name}</span>
+                  </label>
+                `)}
+        </div>
+      </fieldset>
+    `;
+    }
+    _setAll(select) {
+        const newValue = select ? [...this._meshNames] : undefined;
+        this.dispatchEvent(new CustomEvent('i-need-selected', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                callback: (selected) => {
+                    selected[0].set('fillStyleTargets', newValue);
+                }
+            }
+        }));
+    }
+    _onToggle(name, checked) {
+        const current = [...(Array.isArray(this.value) ? this.value : [])];
+        if (checked) {
+            if (!current.includes(name))
+                current.push(name);
+        }
+        else {
+            const idx = current.indexOf(name);
+            if (idx >= 0)
+                current.splice(idx, 1);
+        }
+        const newValue = current.length > 0 ? current : undefined;
+        this.dispatchEvent(new CustomEvent('i-need-selected', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                callback: (selected) => {
+                    selected[0].set('fillStyleTargets', newValue);
+                }
+            }
+        }));
+    }
+    // --- Outline 강조 ---
+    _highlightNode(name) {
+        const ro = this._component?.realObject;
+        if (!ro?.getNode)
+            return;
+        const node = ro.getNode(name);
+        if (!node)
+            return;
+        this._getRendererManager()?.setOutlineObjects([node]);
+        this._component?.invalidate();
+    }
+    _clearHighlight() {
+        const ro = this._component?.realObject;
+        if (!ro)
+            return;
+        // 선택 상태의 아웃라인 복원 (전체 GLTF 오브젝트)
+        this._getRendererManager()?.setOutlineObjects(ro.object3d ? [ro.object3d] : []);
+        this._component?.invalidate();
+    }
+    _getRendererManager() {
+        const ro = this._component?.realObject;
+        const container = ro?.threeContainer;
+        // ThreeContainer._capability 또는 ModelLayer._threeCapability
+        return container?._capability?.rendererManager ?? container?._threeCapability?.rendererManager ?? null;
+    }
+};
+__decorate([
+    property({ type: String })
+], GLTFFillTargetsEditor.prototype, "src", void 0);
+__decorate([
+    state()
+], GLTFFillTargetsEditor.prototype, "_meshNames", void 0);
+GLTFFillTargetsEditor = __decorate([
+    customElement('property-editor-gltf-fill-targets')
+], GLTFFillTargetsEditor);
+export default GLTFFillTargetsEditor;
+//# sourceMappingURL=property-editor-gltf-fill-targets.js.map

package/dist/editors/property-editor-gltf-fill-targets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-editor-gltf-fill-targets.js","sourceRoot":"","sources":["../../src/editors/property-editor-gltf-fill-targets.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n *\n * GLTF fillStyle 타겟 노드 선택 에디터.\n * Specific 탭에서 GLTF 모델의 Mesh 노드 목록을 체크박스로 표시하고,\n * 선택된 노드 이름을 fillStyleTargets 배열로 저장한다.\n * 마우스 오버 시 해당 노드를 OutlinePass로 강조한다.\n */\n\nimport '@operato/i18n/ox-i18n.js'\n\nimport { css, html, PropertyValues, TemplateResult } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { OxPropertyEditor, PropertySpec } from '@operato/property-editor'\n\n@customElement('property-editor-gltf-fill-targets')\nexport default class GLTFFillTargetsEditor extends OxPropertyEditor {\n  static styles = [\n    ...OxPropertyEditor.styles,\n    css`\n      .node-list {\n        display: flex;\n        flex-direction: column;\n        gap: 1px;\n        max-height: 200px;\n        overflow-y: auto;\n        font-size: 12px;\n      }\n\n      .node-item {\n        display: flex;\n        align-items: center;\n        gap: 4px;\n        padding: 2px 4px;\n        cursor: pointer;\n        border-radius: 2px;\n      }\n\n      .node-item:hover {\n        background: rgba(242, 101, 34, 0.15);\n      }\n\n      .toolbar {\n        display: flex;\n        gap: 2px;\n        margin-bottom: 2px;\n      }\n\n      .toolbar button {\n        font-size: 11px;\n        padding: 1px 6px;\n        border: 1px solid var(--md-sys-color-outline, #ccc);\n        border-radius: 2px;\n        background: transparent;\n        color: var(--md-sys-color-on-surface, #333);\n        cursor: pointer;\n      }\n\n      .toolbar button:hover {\n        background: rgba(0, 0, 0, 0.06);\n      }\n\n      .empty {\n        color: var(--md-sys-color-outline, #999);\n        font-size: 11px;\n        padding: 4px;\n      }\n    `\n  ]\n\n  @property({ type: String }) src?: string\n\n  @state() private _meshNames: string[] = []\n\n  private _component: any = null\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('src')) {\n      this.dispatchEvent(\n        new CustomEvent('i-need-selected', {\n          bubbles: true,\n          composed: true,\n          detail: {\n            callback: (selected: any[]) => {\n              this._component = selected?.[0]\n              this._refreshMeshNames()\n            }\n          }\n        })\n      )\n    }\n  }\n\n  private _refreshMeshNames() {\n    if (!this._component) {\n      this._meshNames = []\n      return\n    }\n\n    const ro = this._component.realObject as any\n    if (!ro?.getNode) {\n      this._meshNames = []\n      return\n    }\n\n    // Mesh 노드만 필터링 — 그룹/본 등은 fillStyle 적용 대상이 아님\n    this._meshNames = (this._component.nodeNames ?? []).filter((name: string) => {\n      const node = ro.getNode(name)\n      return node?.isMesh\n    })\n  }\n\n  editorTemplate(value: any, _spec: PropertySpec): TemplateResult {\n    const targets: string[] = Array.isArray(value) ? value : []\n\n    // GLTF 로드 완료 후 nodeNames가 채워지므로, 비어있으면 재시도\n    if (this._meshNames.length === 0) {\n      this._refreshMeshNames()\n    }\n\n    return html`\n      <fieldset fullwidth>\n        <legend><ox-i18n msgid=\"label.fill-targets\">fillStyle Targets</ox-i18n></legend>\n        ${this._meshNames.length > 0\n            ? html`<div class=\"toolbar\">\n                <button type=\"button\" @click=${() => this._setAll(true)}>All</button>\n                <button type=\"button\" @click=${() => this._setAll(false)}>None</button>\n              </div>`\n            : ''}\n        <div class=\"node-list\">\n          ${this._meshNames.length === 0\n            ? html`<div class=\"empty\">\n                <ox-i18n msgid=\"label.no-gltf-meshes\">No meshes available</ox-i18n>\n              </div>`\n            : this._meshNames.map(\n                name => html`\n                  <label\n                    class=\"node-item\"\n                    @mouseenter=${() => this._highlightNode(name)}\n                    @mouseleave=${() => this._clearHighlight()}\n                  >\n                    <input\n                      type=\"checkbox\"\n                      .checked=${targets.includes(name)}\n                      @change=${(e: Event) => {\n                        e.stopPropagation()\n                        this._onToggle(name, (e.target as HTMLInputElement).checked)\n                      }}\n                    />\n                    <span>${name}</span>\n                  </label>\n                `\n              )}\n        </div>\n      </fieldset>\n    `\n  }\n\n  private _setAll(select: boolean) {\n    const newValue = select ? [...this._meshNames] : undefined\n\n    this.dispatchEvent(\n      new CustomEvent('i-need-selected', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          callback: (selected: any[]) => {\n            selected[0].set('fillStyleTargets', newValue)\n          }\n        }\n      })\n    )\n  }\n\n  private _onToggle(name: string, checked: boolean) {\n    const current = [...(Array.isArray(this.value) ? this.value : [])]\n    if (checked) {\n      if (!current.includes(name)) current.push(name)\n    } else {\n      const idx = current.indexOf(name)\n      if (idx >= 0) current.splice(idx, 1)\n    }\n\n    const newValue = current.length > 0 ? current : undefined\n\n    this.dispatchEvent(\n      new CustomEvent('i-need-selected', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          callback: (selected: any[]) => {\n            selected[0].set('fillStyleTargets', newValue)\n          }\n        }\n      })\n    )\n  }\n\n  // --- Outline 강조 ---\n\n  private _highlightNode(name: string) {\n    const ro = this._component?.realObject as any\n    if (!ro?.getNode) return\n\n    const node = ro.getNode(name)\n    if (!node) return\n\n    this._getRendererManager()?.setOutlineObjects([node])\n    this._component?.invalidate()\n  }\n\n  private _clearHighlight() {\n    const ro = this._component?.realObject as any\n    if (!ro) return\n\n    // 선택 상태의 아웃라인 복원 (전체 GLTF 오브젝트)\n    this._getRendererManager()?.setOutlineObjects(ro.object3d ? [ro.object3d] : [])\n    this._component?.invalidate()\n  }\n\n  private _getRendererManager(): any {\n    const ro = this._component?.realObject as any\n    const container = ro?.threeContainer as any\n    // ThreeContainer._capability 또는 ModelLayer._threeCapability\n    return container?._capability?.rendererManager ?? container?._threeCapability?.rendererManager ?? null\n  }\n}\n"]}