@fmsim/board 2.0.0-beta.11 → 2.0.0-beta.111

package/dist/src/modeller/property-sidebar/effects/effects.js.map

@@ -1 +1 @@
-{"version":3,"file":"effects.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/effects/effects.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,MAAM,OAAO,eAAgB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAA1E;;QAK6B,aAAQ,GAAgB,EAAE,CAAA;IA8BvD,CAAC;IA5BC,YAAY;QACV,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAC5E,CAAC;IAED,MAAM,KAAK,cAAc;QACvB,OAAO;YACL,iBAAiB,EAAE,cAAc;YACjC,gBAAgB,EAAE,aAAa;SAChC,CAAA;IACH,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE9B,OAAO,IAAI,CAAA;;;;;;qDAMsC,KAAK,CAAC,MAAM,IAAI,EAAE;;;QAG/D,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC;YACzB,CAAC,CAAC,IAAI,CAAA,6CAA6C,IAAI,CAAC,KAAK,WAAW,KAAK,CAAC,KAAK,IAAI,EAAE,sBAAsB;YAC/G,CAAC,CAAC,OAAO;KACZ,CAAA;IACH,CAAC;;AAjCM,sBAAM,GAAG,CAAC,mBAAmB,CAAC,AAAxB,CAAwB;AAET;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAmB;AAClB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAc;AACd;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;iDAA2B","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@operato/i18n/ox-i18n.js'\n\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { Component, Properties, Scene } from '@hatiolab/things-scene'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\n\nimport { AbstractProperty } from '../abstract-property.js'\nimport { PropertySharedStyle } from '../property-shared-style.js'\nimport { PropertyEvent } from './property-event.js'\nimport { PropertyShadow } from './property-shadow.js'\n\nexport class PropertyEffects extends ScopedElementsMixin(AbstractProperty) {\n  static styles = [PropertySharedStyle]\n\n  @property({ type: Object }) value?: Properties\n  @property({ type: Object }) scene?: Scene\n  @property({ type: Array }) selected: Component[] = []\n\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onValueChange.bind(this))\n  }\n\n  static get scopedElements() {\n    return {\n      'property-shadow': PropertyShadow,\n      'property-event': PropertyEvent\n    }\n  }\n\n  render() {\n    const value = this.value || {}\n\n    return html`\n      <fieldset>\n        <legend>\n          <ox-i18n topic=\"board-modeller/effects/shadow\" msgid=\"label.shadow\">shadow</ox-i18n>\n        </legend>\n\n        <property-shadow value-key=\"shadow\" .value=${value.shadow || {}}> </property-shadow>\n      </fieldset>\n\n      ${this.selected.length == 1\n        ? html` <property-event value-key=\"event\" .scene=${this.scene} .value=${value.event || {}}> </property-event> `\n        : nothing}\n    `\n  }\n}\n"]}
+{"version":3,"file":"effects.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/effects/effects.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@operato/i18n/ox-i18n.js'\n\nimport { html, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { Component, Properties, Scene, isThreedEnabled } from '@hatiolab/things-scene'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\n\nimport { AbstractProperty } from '../abstract-property.js'\nimport { PropertySharedStyle } from '../property-shared-style.js'\nimport { PropertyEvent } from './property-event.js'\nimport { PropertyShadow } from './property-shadow.js'\n\nexport class PropertyEffects extends ScopedElementsMixin(AbstractProperty) {\n  static styles = [PropertySharedStyle]\n\n  @property({ type: Object }) value?: Properties\n  @property({ type: Object }) scene?: Scene\n  @property({ type: Array }) selected: Component[] = []\n\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onValueChange.bind(this))\n  }\n\n  static get scopedElements() {\n    return {\n      'property-shadow': PropertyShadow,\n      'property-event': PropertyEvent\n    }\n  }\n\n  render() {\n    const value = this.value || {}\n\n    // 3D 그림자 편집은 단일 선택 + 3D 표현 가능한 컴포넌트에서만 노출.\n    // (material3d 는 컴포넌트별 객체라 다중 선택 일괄 병합은 위험 — 단일로 제한.)\n    const target = this.selected.length == 1 ? (this.selected[0] as any) : null\n    const supports3d = !!target?.is3dish?.()\n    const material3d = (value.material3d as any) || {}\n    const castShadow = material3d.castShadow ?? true\n    const receiveShadow = material3d.receiveShadow ?? false\n\n    return html`\n      <fieldset>\n        <legend>\n          <ox-i18n topic=\"board-modeller/effects/shadow\" msgid=\"label.shadow\">shadow</ox-i18n>\n        </legend>\n\n        <property-shadow value-key=\"shadow\" .value=${value.shadow || {}}> </property-shadow>\n      </fieldset>\n\n      ${supports3d && isThreedEnabled()\n        ? html`\n            <fieldset>\n              <legend>\n                <ox-i18n topic=\"board-modeller/effects/shadow-3d\" msgid=\"label.shadow-3d\">3D shadow</ox-i18n>\n              </legend>\n\n              <div>\n                <input\n                  id=\"cb-cast-shadow\"\n                  type=\"checkbox\"\n                  .checked=${castShadow}\n                  @change=${(e: Event) => this._onShadow3dChange('castShadow', e)}\n                />\n                <label for=\"cb-cast-shadow\">\n                  <ox-i18n msgid=\"label.cast-shadow\">cast shadow</ox-i18n>\n                </label>\n\n                <input\n                  id=\"cb-receive-shadow\"\n                  type=\"checkbox\"\n                  .checked=${receiveShadow}\n                  @change=${(e: Event) => this._onShadow3dChange('receiveShadow', e)}\n                />\n                <label for=\"cb-receive-shadow\">\n                  <ox-i18n msgid=\"label.receive-shadow\">receive shadow</ox-i18n>\n                </label>\n              </div>\n            </fieldset>\n          `\n        : nothing}\n\n      ${this.selected.length == 1\n        ? html`\n            <property-event\n              value-key=\"eventHandlers\"\n              .scene=${this.scene}\n              .value=${value.eventHandlers || []}\n            >\n            </property-event>\n          `\n        : nothing}\n    `\n  }\n\n  /**\n   * 3D 그림자 토글 — material3d.castShadow / receiveShadow 만 갱신.\n   *\n   * material3d 는 단일 객체 속성이므로 기존 material3d 전체를 보존한 채 해당\n   * 키만 덮어써 dispatch 한다 ({ castShadow } 만 보내면 set() 의 top-level shallow\n   * merge 로 material3d 전체가 사라짐). value-key 를 두지 않아 AbstractProperty\n   * 의 제너릭 change 핸들러는 이 입력을 무시한다.\n   */\n  private _onShadow3dChange(key: 'castShadow' | 'receiveShadow', e: Event) {\n    const checked = (e.target as HTMLInputElement).checked\n    const current = (this.value?.material3d as any) || {}\n\n    this.dispatchEvent(\n      new CustomEvent('property-change', {\n        bubbles: true,\n        composed: true,\n        detail: { material3d: { ...current, [key]: checked } }\n      })\n    )\n  }\n}\n"]}

package/dist/src/modeller/property-sidebar/effects/event-handler-adapter.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @license Copyright © HatioLab Inc. All rights reserved.
+ *
+ * 기존 PropertyEvent UI 는 legacy `state.event = { tap: {...} }` 단일 객체
+ * 모델 위에 만들어졌으나, things-scene v10 의 신규 모델은
+ * `state.eventHandlers: EventHandler[]` 다중 핸들러 배열. dispatcher 가
+ * legacy fallback 도 지원하지만, UI 가 신규 모델로 직접 read/write 하도록
+ * 정합화한다.
+ *
+ * 정책 — 사용자 의도에 따른 *최소 호환*:
+ *   - 신규 모델의 multi-trigger / multi-handler 는 미지원
+ *   - 기존 UI 그대로 — tap (click) 단일 핸들러만
+ *   - 다른 trigger 의 핸들러가 이미 배열에 있으면 *건드리지 않는다*
+ *     (UI 가 모르는 항목은 보존)
+ */
+/**
+ * EventHandler — things-scene v10 의 신규 모델 spec 미러.
+ * things-scene root export 에 아직 포함되지 않아 inline 정의.
+ * (참조: things-scene/src/interfaces/event-handler.ts:29)
+ */
+export interface EventHandler {
+    trigger: string;
+    action?: string;
+    code?: string;
+    target?: string;
+    value?: any;
+    options?: Record<string, any>;
+    disabled?: boolean;
+}
+/** legacy tap 객체 형태 — PropertyEventTap UI 가 다루는 모양. */
+export interface LegacyTap {
+    action?: string;
+    target?: string;
+    value?: any;
+    pressed?: boolean;
+    options?: Record<string, any>;
+}
+/** trigger 가 click/tap 인 첫 핸들러를 legacy tap 객체로 변환. */
+export declare function eventHandlersToLegacyTap(handlers: EventHandler[] | undefined): LegacyTap;
+/**
+ * 기존 배열에서 click/tap 항목을 새 값으로 교체 (또는 push, 또는 제거).
+ * 다른 trigger 항목은 그대로 보존.
+ */
+export declare function applyLegacyTapToHandlers(handlers: EventHandler[] | undefined, newTap: LegacyTap | undefined): EventHandler[];

package/dist/src/modeller/property-sidebar/effects/event-handler-adapter.js

@@ -0,0 +1,70 @@
+/** trigger 가 click/tap 인 첫 핸들러를 legacy tap 객체로 변환. */
+export function eventHandlersToLegacyTap(handlers) {
+    var _a, _b;
+    if (!Array.isArray(handlers))
+        return {};
+    const h = handlers.find(h => h.trigger === 'click' || h.trigger === 'tap');
+    if (!h)
+        return {};
+    // action='script' 인 경우 code 를 value 자리로 노출 — legacy UI 가 value
+    // 텍스트 영역에 script 를 넣어 쓰던 관습 보존.
+    if (h.action === 'script') {
+        return { action: 'script', target: h.target, value: (_a = h.code) !== null && _a !== void 0 ? _a : '' };
+    }
+    return {
+        action: h.action,
+        target: h.target,
+        value: h.value,
+        pressed: (_b = h.options) === null || _b === void 0 ? void 0 : _b.pressed,
+        options: h.options
+    };
+}
+/** legacy tap 객체 → EventHandler. action 없으면 null (= 삭제 의미). */
+function legacyTapToEventHandler(tap) {
+    var _a;
+    if (!tap)
+        return null;
+    // action 이 비어있고 target/value 도 없으면 의미 있는 데이터 없음 → 제거
+    const hasContent = !!(tap.action || tap.target || tap.value);
+    if (!hasContent)
+        return null;
+    if (tap.action === 'script') {
+        return {
+            trigger: 'click',
+            action: 'script',
+            code: typeof tap.value === 'string' ? tap.value : '',
+            target: tap.target
+        };
+    }
+    // pressed 는 legacy 의 *최상위 키* 였지만 신규 모델에선 options 의 일부.
+    const options = { ...((_a = tap.options) !== null && _a !== void 0 ? _a : {}) };
+    if (tap.pressed !== undefined)
+        options.pressed = tap.pressed;
+    return {
+        trigger: 'click',
+        action: tap.action,
+        target: tap.target,
+        value: tap.value,
+        ...(Object.keys(options).length > 0 ? { options } : {})
+    };
+}
+/**
+ * 기존 배열에서 click/tap 항목을 새 값으로 교체 (또는 push, 또는 제거).
+ * 다른 trigger 항목은 그대로 보존.
+ */
+export function applyLegacyTapToHandlers(handlers, newTap) {
+    const out = Array.isArray(handlers) ? [...handlers] : [];
+    const idx = out.findIndex(h => h.trigger === 'click' || h.trigger === 'tap');
+    const newHandler = legacyTapToEventHandler(newTap);
+    if (newHandler) {
+        if (idx >= 0)
+            out[idx] = newHandler;
+        else
+            out.push(newHandler);
+    }
+    else if (idx >= 0) {
+        out.splice(idx, 1);
+    }
+    return out;
+}
+//# sourceMappingURL=event-handler-adapter.js.map

package/dist/src/modeller/property-sidebar/effects/event-handler-adapter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"event-handler-adapter.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/effects/event-handler-adapter.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n *\n * 기존 PropertyEvent UI 는 legacy `state.event = { tap: {...} }` 단일 객체\n * 모델 위에 만들어졌으나, things-scene v10 의 신규 모델은\n * `state.eventHandlers: EventHandler[]` 다중 핸들러 배열. dispatcher 가\n * legacy fallback 도 지원하지만, UI 가 신규 모델로 직접 read/write 하도록\n * 정합화한다.\n *\n * 정책 — 사용자 의도에 따른 *최소 호환*:\n *   - 신규 모델의 multi-trigger / multi-handler 는 미지원\n *   - 기존 UI 그대로 — tap (click) 단일 핸들러만\n *   - 다른 trigger 의 핸들러가 이미 배열에 있으면 *건드리지 않는다*\n *     (UI 가 모르는 항목은 보존)\n */\n/**\n * EventHandler — things-scene v10 의 신규 모델 spec 미러.\n * things-scene root export 에 아직 포함되지 않아 inline 정의.\n * (참조: things-scene/src/interfaces/event-handler.ts:29)\n */\nexport interface EventHandler {\n  trigger: string\n  action?: string\n  code?: string\n  target?: string\n  value?: any\n  options?: Record<string, any>\n  disabled?: boolean\n}\n\n/** legacy tap 객체 형태 — PropertyEventTap UI 가 다루는 모양. */\nexport interface LegacyTap {\n  action?: string\n  target?: string\n  value?: any\n  pressed?: boolean\n  options?: Record<string, any>\n}\n\n/** trigger 가 click/tap 인 첫 핸들러를 legacy tap 객체로 변환. */\nexport function eventHandlersToLegacyTap(handlers: EventHandler[] | undefined): LegacyTap {\n  if (!Array.isArray(handlers)) return {}\n  const h = handlers.find(h => h.trigger === 'click' || h.trigger === 'tap')\n  if (!h) return {}\n\n  // action='script' 인 경우 code 를 value 자리로 노출 — legacy UI 가 value\n  // 텍스트 영역에 script 를 넣어 쓰던 관습 보존.\n  if (h.action === 'script') {\n    return { action: 'script', target: h.target, value: h.code ?? '' }\n  }\n\n  return {\n    action: h.action,\n    target: h.target,\n    value: h.value,\n    pressed: h.options?.pressed,\n    options: h.options\n  }\n}\n\n/** legacy tap 객체 → EventHandler. action 없으면 null (= 삭제 의미). */\nfunction legacyTapToEventHandler(tap: LegacyTap | undefined): EventHandler | null {\n  if (!tap) return null\n  // action 이 비어있고 target/value 도 없으면 의미 있는 데이터 없음 → 제거\n  const hasContent = !!(tap.action || tap.target || tap.value)\n  if (!hasContent) return null\n\n  if (tap.action === 'script') {\n    return {\n      trigger: 'click',\n      action: 'script',\n      code: typeof tap.value === 'string' ? tap.value : '',\n      target: tap.target\n    }\n  }\n\n  // pressed 는 legacy 의 *최상위 키* 였지만 신규 모델에선 options 의 일부.\n  const options: Record<string, any> = { ...(tap.options ?? {}) }\n  if (tap.pressed !== undefined) options.pressed = tap.pressed\n\n  return {\n    trigger: 'click',\n    action: tap.action,\n    target: tap.target,\n    value: tap.value,\n    ...(Object.keys(options).length > 0 ? { options } : {})\n  }\n}\n\n/**\n * 기존 배열에서 click/tap 항목을 새 값으로 교체 (또는 push, 또는 제거).\n * 다른 trigger 항목은 그대로 보존.\n */\nexport function applyLegacyTapToHandlers(\n  handlers: EventHandler[] | undefined,\n  newTap: LegacyTap | undefined\n): EventHandler[] {\n  const out: EventHandler[] = Array.isArray(handlers) ? [...handlers] : []\n  const idx = out.findIndex(h => h.trigger === 'click' || h.trigger === 'tap')\n  const newHandler = legacyTapToEventHandler(newTap)\n\n  if (newHandler) {\n    if (idx >= 0) out[idx] = newHandler\n    else out.push(newHandler)\n  } else if (idx >= 0) {\n    out.splice(idx, 1)\n  }\n  return out\n}\n"]}

package/dist/src/modeller/property-sidebar/effects/property-event.d.ts

@@ -2,12 +2,22 @@
  * @license Copyright © HatioLab Inc. All rights reserved.
  */
 import { LitElement } from 'lit';
-import { Properties, Scene } from '@hatiolab/things-scene';
+import { Scene } from '@hatiolab/things-scene';
 import { PropertyEventTap } from './property-event-tap';
-declare const PropertyEvent_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
+import { EventHandler } from './event-handler-adapter.js';
+declare const PropertyEvent_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types.js").ScopedElementsHost>;
+/**
+ * things-scene v10 의 신규 모델 (`state.eventHandlers: EventHandler[]`) 위에서
+ * 기존 단일-tap UI 를 그대로 동작시키는 어댑터.
+ *
+ * read : eventHandlers 배열에서 trigger='click'/'tap' 인 첫 항목 → legacy tap
+ *        객체로 변환 후 PropertyEventTap 에 전달.
+ * write: PropertyEventTap 이 emit 한 legacy tap 변경 → click 항목을 update/push
+ *        한 새 배열로 외부에 emit. 다른 trigger 의 핸들러는 보존.
+ */
 export declare class PropertyEvent extends PropertyEvent_base {
     static styles: import("lit").CSSResult[];
-    value?: Properties;
+    value?: EventHandler[];
     scene?: Scene;
     firstUpdated(): void;
     static get scopedElements(): {

package/dist/src/modeller/property-sidebar/effects/property-event.js

@@ -8,6 +8,16 @@ import { ScopedElementsMixin } from '@open-wc/scoped-elements';
 import { PropertySharedStyle } from '../property-shared-style';
 import { PropertyEventTap } from './property-event-tap';
 import { convert } from './value-converter';
+import { applyLegacyTapToHandlers, eventHandlersToLegacyTap } from './event-handler-adapter.js';
+/**
+ * things-scene v10 의 신규 모델 (`state.eventHandlers: EventHandler[]`) 위에서
+ * 기존 단일-tap UI 를 그대로 동작시키는 어댑터.
+ *
+ * read : eventHandlers 배열에서 trigger='click'/'tap' 인 첫 항목 → legacy tap
+ *        객체로 변환 후 PropertyEventTap 에 전달.
+ * write: PropertyEventTap 이 emit 한 legacy tap 변경 → click 항목을 update/push
+ *        한 새 배열로 외부에 emit. 다른 trigger 의 핸들러는 보존.
+ */
 export class PropertyEvent extends ScopedElementsMixin(LitElement) {
     firstUpdated() {
         this.renderRoot.addEventListener('change', this._onValueChange.bind(this));
@@ -18,33 +28,32 @@ export class PropertyEvent extends ScopedElementsMixin(LitElement) {
         };
     }
     render() {
-        const value = this.value || {};
+        const tap = eventHandlersToLegacyTap(this.value);
         return html `
       <fieldset>
         <legend>
           <ox-i18n msgid="label.tap-event" topic="board-modeller/effects/tap-event"></ox-i18n>
         </legend>
 
-        <property-event-tap value-key="tap" .scene=${this.scene} .value=${value.tap || {}}> </property-event-tap>
+        <property-event-tap value-key="tap" .scene=${this.scene} .value=${tap}> </property-event-tap>
       </fieldset>
     `;
     }
     _onValueChange(e) {
-        var element = e.target;
-        var key = element.getAttribute('value-key');
-        if (!key) {
+        const element = e.target;
+        const key = element.getAttribute('value-key');
+        // 어댑터는 tap 트리거 하나만 처리. PropertyEventTap host 가 retarget 된
+        // change 의 value-key 만 받아들이고, 자식 input 의 raw change 는 무시.
+        if (key !== 'tap')
             return;
-        }
-        this.value = {
-            ...this.value,
-            [key]: convert(element)
-        };
+        const newTap = convert(element);
+        this.value = applyLegacyTapToHandlers(this.value, newTap);
         this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }));
     }
 }
 PropertyEvent.styles = [PropertySharedStyle];
 __decorate([
-    property({ type: Object })
+    property({ type: Array })
 ], PropertyEvent.prototype, "value", void 0);
 __decorate([
     property({ type: Object })

package/dist/src/modeller/property-sidebar/effects/property-event.js.map

@@ -1 +1 @@
-{"version":3,"file":"property-event.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/effects/property-event.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAE3C,MAAM,OAAO,aAAc,SAAQ,mBAAmB,CAAC,UAAU,CAAC;IAMhE,YAAY;QACV,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAC5E,CAAC;IAED,MAAM,KAAK,cAAc;QACvB,OAAO;YACL,oBAAoB,EAAE,gBAAgB;SACvC,CAAA;IACH,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE9B,OAAO,IAAI,CAAA;;;;;;qDAMsC,IAAI,CAAC,KAAK,WAAW,KAAK,CAAC,GAAG,IAAI,EAAE;;KAEpF,CAAA;IACH,CAAC;IAED,cAAc,CAAC,CAAQ;QACrB,IAAI,OAAO,GAAG,CAAC,CAAC,MAAqB,CAAA;QACrC,IAAI,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;QAE3C,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAM;QACR,CAAC;QAED,IAAI,CAAC,KAAK,GAAG;YACX,GAAG,IAAI,CAAC,KAAK;YACb,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC;SACxB,CAAA;QAED,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAClF,CAAC;;AA3CM,oBAAM,GAAG,CAAC,mBAAmB,CAAC,CAAA;AAET;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAmB;AAClB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAc","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { Properties, Scene } from '@hatiolab/things-scene'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\n\nimport { PropertySharedStyle } from '../property-shared-style'\nimport { PropertyEventTap } from './property-event-tap'\nimport { convert } from './value-converter'\n\nexport class PropertyEvent extends ScopedElementsMixin(LitElement) {\n  static styles = [PropertySharedStyle]\n\n  @property({ type: Object }) value?: Properties\n  @property({ type: Object }) scene?: Scene\n\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onValueChange.bind(this))\n  }\n\n  static get scopedElements() {\n    return {\n      'property-event-tap': PropertyEventTap\n    }\n  }\n\n  render() {\n    const value = this.value || {}\n\n    return html`\n      <fieldset>\n        <legend>\n          <ox-i18n msgid=\"label.tap-event\" topic=\"board-modeller/effects/tap-event\"></ox-i18n>\n        </legend>\n\n        <property-event-tap value-key=\"tap\" .scene=${this.scene} .value=${value.tap || {}}> </property-event-tap>\n      </fieldset>\n    `\n  }\n\n  _onValueChange(e: Event) {\n    var element = e.target as HTMLElement\n    var key = element.getAttribute('value-key')\n\n    if (!key) {\n      return\n    }\n\n    this.value = {\n      ...this.value,\n      [key]: convert(element)\n    }\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n  }\n}\n"]}
+{"version":3,"file":"property-event.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/effects/property-event.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EACL,wBAAwB,EACxB,wBAAwB,EAGzB,MAAM,4BAA4B,CAAA;AAEnC;;;;;;;;GAQG;AACH,MAAM,OAAO,aAAc,SAAQ,mBAAmB,CAAC,UAAU,CAAC;IAMhE,YAAY;QACV,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAC5E,CAAC;IAED,MAAM,KAAK,cAAc;QACvB,OAAO;YACL,oBAAoB,EAAE,gBAAgB;SACvC,CAAA;IACH,CAAC;IAED,MAAM;QACJ,MAAM,GAAG,GAAG,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAEhD,OAAO,IAAI,CAAA;;;;;;qDAMsC,IAAI,CAAC,KAAK,WAAW,GAAG;;KAExE,CAAA;IACH,CAAC;IAED,cAAc,CAAC,CAAQ;QACrB,MAAM,OAAO,GAAG,CAAC,CAAC,MAAqB,CAAA;QACvC,MAAM,GAAG,GAAG,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAA;QAE7C,0DAA0D;QAC1D,0DAA0D;QAC1D,IAAI,GAAG,KAAK,KAAK;YAAE,OAAM;QAEzB,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAc,CAAA;QAC5C,IAAI,CAAC,KAAK,GAAG,wBAAwB,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;QAEzD,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IAClF,CAAC;;AAzCM,oBAAM,GAAG,CAAC,mBAAmB,CAAC,CAAA;AAEV;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;4CAAuB;AACrB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAc","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { Scene } from '@hatiolab/things-scene'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\n\nimport { PropertySharedStyle } from '../property-shared-style'\nimport { PropertyEventTap } from './property-event-tap'\nimport { convert } from './value-converter'\nimport {\n  applyLegacyTapToHandlers,\n  eventHandlersToLegacyTap,\n  EventHandler,\n  LegacyTap\n} from './event-handler-adapter.js'\n\n/**\n * things-scene v10 의 신규 모델 (`state.eventHandlers: EventHandler[]`) 위에서\n * 기존 단일-tap UI 를 그대로 동작시키는 어댑터.\n *\n * read : eventHandlers 배열에서 trigger='click'/'tap' 인 첫 항목 → legacy tap\n *        객체로 변환 후 PropertyEventTap 에 전달.\n * write: PropertyEventTap 이 emit 한 legacy tap 변경 → click 항목을 update/push\n *        한 새 배열로 외부에 emit. 다른 trigger 의 핸들러는 보존.\n */\nexport class PropertyEvent extends ScopedElementsMixin(LitElement) {\n  static styles = [PropertySharedStyle]\n\n  @property({ type: Array }) value?: EventHandler[]\n  @property({ type: Object }) scene?: Scene\n\n  firstUpdated() {\n    this.renderRoot.addEventListener('change', this._onValueChange.bind(this))\n  }\n\n  static get scopedElements() {\n    return {\n      'property-event-tap': PropertyEventTap\n    }\n  }\n\n  render() {\n    const tap = eventHandlersToLegacyTap(this.value)\n\n    return html`\n      <fieldset>\n        <legend>\n          <ox-i18n msgid=\"label.tap-event\" topic=\"board-modeller/effects/tap-event\"></ox-i18n>\n        </legend>\n\n        <property-event-tap value-key=\"tap\" .scene=${this.scene} .value=${tap}> </property-event-tap>\n      </fieldset>\n    `\n  }\n\n  _onValueChange(e: Event) {\n    const element = e.target as HTMLElement\n    const key = element.getAttribute('value-key')\n\n    // 어댑터는 tap 트리거 하나만 처리. PropertyEventTap host 가 retarget 된\n    // change 의 value-key 만 받아들이고, 자식 input 의 raw change 는 무시.\n    if (key !== 'tap') return\n\n    const newTap = convert(element) as LegacyTap\n    this.value = applyLegacyTapToHandlers(this.value, newTap)\n\n    this.dispatchEvent(new CustomEvent('change', { bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist/src/modeller/property-sidebar/inspector/inspector-controller.d.ts

@@ -0,0 +1,66 @@
+import { Component, Scene } from '@hatiolab/things-scene';
+import { InspectorIndex, SearchTerm } from './inspector-model.js';
+export declare class InspectorController {
+    private _scene?;
+    private _extendedMap;
+    /** 타입 그룹 뷰의 펼침 상태 — 그룹 키(type)는 안정적이라 Set 으로 관리. 기본 전부 접힘. */
+    private _expandedGroups;
+    /**
+     * 모델링 포커스 dim 처리된 그룹(타입) 집합.
+     * scene 에 보존(scene._inspectorDimmedTypes)하여 인스펙터 탭을 벗어났다 돌아와도 유지된다.
+     * (보드를 다시 열면 새 scene 이라 자연 초기화 — transient.) bind 에서 scene 것으로 재취득.
+     */
+    private _dimmedTypes;
+    /** shift+click 범위(볼륨) 선택의 기준점 — 마지막 단일/토글 클릭. */
+    private _anchor?;
+    private _index?;
+    private _onChange?;
+    /** scene 에 바인딩 — 이전 바인딩은 해제한다. onChange 는 재렌더 요청 콜백. */
+    bind(scene: Scene | undefined, onChange: () => void): void;
+    unbind(): void;
+    get scene(): Scene | undefined;
+    get selected(): Component[];
+    /** 캐시된 모델 인덱스 — 없으면 build. execute/undo/redo 시 무효화. */
+    get index(): InspectorIndex | undefined;
+    private _invalidateAndRefresh;
+    /** 선택된 컴포넌트의 조상을 펼치고 재렌더 요청. */
+    private _refresh;
+    isExtended(component: Component): boolean;
+    toggleExtended(component: Component): void;
+    /** 트리 노드 핸들(펼침/접힘/공백) 클래스. */
+    nodeHandleClass(component: Component): string;
+    isGroupExpanded(type: string): boolean;
+    toggleGroup(type: string): void;
+    /** 모든 그룹 접기 — "그룹 레벨까지만 펼침"(헤더만 표시). */
+    collapseAllGroups(): void;
+    /** 모든 그룹 펼치기. */
+    expandAllGroups(types: string[]): void;
+    isTypeDimmed(type: string): boolean;
+    /** 그룹(타입) dim-out 토글 → scene.focusFilter 재설정(편집 모드에서 캔버스 dim + pick 제외). */
+    toggleTypeDim(type: string): void;
+    private _applyFocusFilter;
+    /** 그룹 전원이 hidden 이면 true(집계). 멤버/트리 eye 규약과 동일한 아이콘 판정에 사용. */
+    isTypeHidden(type: string): boolean;
+    /** 그룹(타입) hidden 토글 → 하나라도 보이면 전원 숨김, 전원 숨김이면 전원 표시. */
+    toggleTypeHidden(type: string): void;
+    /** 개별 컴포넌트 hidden(영구 모델 속성) 토글 — 기존 eye 동작. */
+    toggleHidden(component: Component): void;
+    /** 개별 컴포넌트 locked(영구 모델 속성) 토글. */
+    toggleLocked(component: Component): void;
+    /** 캔버스를 해당 컴포넌트로 센터 이동. */
+    centerTo(component: Component): void;
+    /** 선택 — append(ctrl/cmd) 시 토글식 다중 선택. anchor 를 갱신한다. */
+    select(component: Component, append?: boolean): void;
+    /**
+     * shift+click 범위(볼륨) 선택 — anchor↔target 사이의 **보이는 트리 행**을 블록 선택한다.
+     * target 이 이미 선택돼 있으면 그 범위를 블록 **해제**(additive/subtractive). anchor 는 유지.
+     */
+    selectRange(target: Component, terms: SearchTerm[]): void;
+    /** fmsim 선택 강조 — deco-border (operato 는 reaction). */
+    private _decorate;
+    /**
+     * 현재 트리 뷰에 보이는 컴포넌트를 렌더 순서대로 반환 — 범위 선택의 기준.
+     * renderNode 와 동일 규칙(shouldBeShown = 자신/자손 매치, isExtended 자식만 전개).
+     */
+    private _visibleOrder;
+}

package/dist/src/modeller/property-sidebar/inspector/inspector-controller.js

@@ -0,0 +1,288 @@
+import { buildInspectorIndex, matchesQuery } from './inspector-model.js';
+export class InspectorController {
+    constructor() {
+        this._extendedMap = new WeakMap();
+        /** 타입 그룹 뷰의 펼침 상태 — 그룹 키(type)는 안정적이라 Set 으로 관리. 기본 전부 접힘. */
+        this._expandedGroups = new Set();
+        /**
+         * 모델링 포커스 dim 처리된 그룹(타입) 집합.
+         * scene 에 보존(scene._inspectorDimmedTypes)하여 인스펙터 탭을 벗어났다 돌아와도 유지된다.
+         * (보드를 다시 열면 새 scene 이라 자연 초기화 — transient.) bind 에서 scene 것으로 재취득.
+         */
+        this._dimmedTypes = new Set();
+        this._invalidateAndRefresh = () => {
+            this._index = undefined;
+            this._refresh();
+        };
+        /** 선택된 컴포넌트의 조상을 펼치고 재렌더 요청. */
+        this._refresh = () => {
+            var _a, _b;
+            const selected = ((_a = this._scene) === null || _a === void 0 ? void 0 : _a.selected) || [];
+            selected.forEach((component) => {
+                let parent = component.parent;
+                while (parent && !this._extendedMap.get(parent)) {
+                    this._extendedMap.set(parent, true);
+                    parent = parent.parent;
+                }
+            });
+            (_b = this._onChange) === null || _b === void 0 ? void 0 : _b.call(this);
+        };
+    }
+    /** scene 에 바인딩 — 이전 바인딩은 해제한다. onChange 는 재렌더 요청 콜백. */
+    bind(scene, onChange) {
+        this.unbind();
+        this._scene = scene;
+        this._onChange = onChange;
+        this._index = undefined;
+        if (scene && scene.root) {
+            // dim 상태는 scene 에 보존 — 인스펙터 탭을 벗어났다 돌아와도(재마운트) 유지된다.
+            const anyScene = scene;
+            if (!anyScene._inspectorDimmedTypes)
+                anyScene._inspectorDimmedTypes = new Set();
+            this._dimmedTypes = anyScene._inspectorDimmedTypes;
+            this._applyFocusFilter(); // 보존된 dim 을 캔버스에 재적용 (idempotent)
+            scene.on('selected', this._refresh, this);
+            scene.on('execute', this._invalidateAndRefresh, this);
+            scene.on('undo', this._invalidateAndRefresh, this);
+            scene.on('redo', this._invalidateAndRefresh, this);
+            this._refresh();
+        }
+    }
+    unbind() {
+        const scene = this._scene;
+        if (scene) {
+            // dim(포커스 필터)은 편집 세션 동안 유지 — 인스펙터 탭을 벗어나도 해제하지 않는다.
+            // scene.focusFilter 와 scene._inspectorDimmedTypes 는 그대로 두고, 이벤트 구독만 해제.
+            // (보드를 다시 열면 새 scene 이라 자연 초기화된다.)
+            scene.off('selected', undefined, this);
+            scene.off('execute', undefined, this);
+            scene.off('undo', undefined, this);
+            scene.off('redo', undefined, this);
+        }
+        this._scene = undefined;
+        this._index = undefined;
+        this._extendedMap = new WeakMap();
+        // _dimmedTypes 는 scene 에 보존되므로 지우지 않는다. 로컬 참조만 분리(다음 bind 에서 재취득).
+        this._dimmedTypes = new Set();
+    }
+    get scene() {
+        return this._scene;
+    }
+    get selected() {
+        var _a;
+        return ((_a = this._scene) === null || _a === void 0 ? void 0 : _a.selected) || [];
+    }
+    /** 캐시된 모델 인덱스 — 없으면 build. execute/undo/redo 시 무효화. */
+    get index() {
+        var _a;
+        if (!((_a = this._scene) === null || _a === void 0 ? void 0 : _a.root))
+            return undefined;
+        if (!this._index)
+            this._index = buildInspectorIndex(this._scene.root);
+        return this._index;
+    }
+    isExtended(component) {
+        return !!this._extendedMap.get(component);
+    }
+    toggleExtended(component) {
+        var _a;
+        if (this.isExtended(component)) {
+            this._extendedMap.delete(component);
+        }
+        else {
+            this._extendedMap.set(component, true);
+        }
+        (_a = this._onChange) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    /** 트리 노드 핸들(펼침/접힘/공백) 클래스. */
+    nodeHandleClass(component) {
+        if (component.isContainer() && component.components.length > 0) {
+            return this.isExtended(component) ? 'extended' : 'collapsed';
+        }
+        return 'collapsespace';
+    }
+    // ── 타입 그룹 뷰 확장 상태 ──
+    isGroupExpanded(type) {
+        return this._expandedGroups.has(type);
+    }
+    toggleGroup(type) {
+        var _a;
+        if (this._expandedGroups.has(type)) {
+            this._expandedGroups.delete(type);
+        }
+        else {
+            this._expandedGroups.add(type);
+        }
+        (_a = this._onChange) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    /** 모든 그룹 접기 — "그룹 레벨까지만 펼침"(헤더만 표시). */
+    collapseAllGroups() {
+        var _a;
+        if (this._expandedGroups.size === 0)
+            return;
+        this._expandedGroups.clear();
+        (_a = this._onChange) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    /** 모든 그룹 펼치기. */
+    expandAllGroups(types) {
+        var _a;
+        types.forEach(t => this._expandedGroups.add(t));
+        (_a = this._onChange) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    // ── 모델링 포커스 dim (그룹 단위, transient) ──
+    isTypeDimmed(type) {
+        return this._dimmedTypes.has(type);
+    }
+    /** 그룹(타입) dim-out 토글 → scene.focusFilter 재설정(편집 모드에서 캔버스 dim + pick 제외). */
+    toggleTypeDim(type) {
+        var _a;
+        if (this._dimmedTypes.has(type))
+            this._dimmedTypes.delete(type);
+        else
+            this._dimmedTypes.add(type);
+        this._applyFocusFilter();
+        (_a = this._onChange) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    _applyFocusFilter() {
+        if (!this._scene)
+            return;
+        if (this._dimmedTypes.size === 0) {
+            this._scene.focusFilter = undefined;
+        }
+        else {
+            const dimmed = this._dimmedTypes;
+            // focus(정상) = dim 집합에 없는 타입. 불일치(=dim 그룹)만 캔버스에서 흐림 + pick 제외.
+            this._scene.focusFilter = (component) => !dimmed.has(component.state.type);
+        }
+    }
+    // ── 그룹(타입) 단위 hidden 토글 (개별 hidden 의 집계 — dim 과 달리 영구 모델 속성) ──
+    /** 그룹 전원이 hidden 이면 true(집계). 멤버/트리 eye 규약과 동일한 아이콘 판정에 사용. */
+    isTypeHidden(type) {
+        var _a;
+        const entries = (_a = this._index) === null || _a === void 0 ? void 0 : _a.byType.get(type);
+        return !!entries && entries.length > 0 && entries.every(e => !!e.component.get('hidden'));
+    }
+    /** 그룹(타입) hidden 토글 → 하나라도 보이면 전원 숨김, 전원 숨김이면 전원 표시. */
+    toggleTypeHidden(type) {
+        var _a, _b;
+        const entries = (_a = this._index) === null || _a === void 0 ? void 0 : _a.byType.get(type);
+        if (!entries || entries.length === 0)
+            return;
+        const target = !entries.every(e => !!e.component.get('hidden'));
+        for (const e of entries)
+            e.component.set('hidden', target);
+        (_b = this._onChange) === null || _b === void 0 ? void 0 : _b.call(this);
+    }
+    /** 개별 컴포넌트 hidden(영구 모델 속성) 토글 — 기존 eye 동작. */
+    toggleHidden(component) {
+        var _a;
+        component.set('hidden', !component.get('hidden'));
+        (_a = this._onChange) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    /** 개별 컴포넌트 locked(영구 모델 속성) 토글. */
+    toggleLocked(component) {
+        var _a;
+        component.set('locked', !component.get('locked'));
+        (_a = this._onChange) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    /** 캔버스를 해당 컴포넌트로 센터 이동. */
+    centerTo(component) {
+        var _a, _b;
+        ;
+        (_b = (_a = this._scene) === null || _a === void 0 ? void 0 : _a.centerTo) === null || _b === void 0 ? void 0 : _b.call(_a, component, true);
+    }
+    /** 선택 — append(ctrl/cmd) 시 토글식 다중 선택. anchor 를 갱신한다. */
+    select(component, append = false) {
+        var _a;
+        const scene = this._scene;
+        if (!scene)
+            return;
+        const selected = scene.selected;
+        if (append) {
+            const idx = selected.findIndex((s) => s === component);
+            if (idx != -1) {
+                selected.splice(idx, 1);
+                scene.selected = [...selected];
+            }
+            else {
+                scene.selected = [...selected, component];
+            }
+        }
+        else {
+            scene.selected = [component];
+        }
+        this._anchor = component;
+        this._decorate(component);
+        (_a = this._onChange) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    /**
+     * shift+click 범위(볼륨) 선택 — anchor↔target 사이의 **보이는 트리 행**을 블록 선택한다.
+     * target 이 이미 선택돼 있으면 그 범위를 블록 **해제**(additive/subtractive). anchor 는 유지.
+     */
+    selectRange(target, terms) {
+        var _a;
+        const scene = this._scene;
+        if (!scene)
+            return;
+        const order = this._visibleOrder(terms);
+        const ti = order.indexOf(target);
+        if (ti < 0)
+            return;
+        const ai = this._anchor ? order.indexOf(this._anchor) : -1;
+        if (ai < 0) {
+            // anchor 없음/보이지 않음 → 단일 토글로 폴백(+ anchor 설정)
+            this.select(target, true);
+            return;
+        }
+        const [lo, hi] = ai <= ti ? [ai, ti] : [ti, ai];
+        const range = order.slice(lo, hi + 1);
+        const rangeSet = new Set(range);
+        // target 이 이미 선택 상태면 블록 해제, 아니면 블록 선택.
+        if (scene.selected.indexOf(target) > -1) {
+            scene.selected = scene.selected.filter((c) => !rangeSet.has(c));
+            range.forEach(c => c.trigger('deco-border-reset'));
+        }
+        else {
+            const cur = new Set(scene.selected);
+            const next = [...scene.selected];
+            range.forEach(c => {
+                if (!cur.has(c))
+                    next.push(c);
+                this._decorate(c);
+            });
+            scene.selected = next;
+        }
+        // anchor 는 유지 — 연속 shift+click 으로 범위 확장/축소.
+        (_a = this._onChange) === null || _a === void 0 ? void 0 : _a.call(this);
+    }
+    /** fmsim 선택 강조 — deco-border (operato 는 reaction). */
+    _decorate(component) {
+        component.trigger('deco-border-reset');
+        component.trigger('deco-border', { distance: 8, lineWidth: 8, color: '#f007' });
+    }
+    /**
+     * 현재 트리 뷰에 보이는 컴포넌트를 렌더 순서대로 반환 — 범위 선택의 기준.
+     * renderNode 와 동일 규칙(shouldBeShown = 자신/자손 매치, isExtended 자식만 전개).
+     */
+    _visibleOrder(terms) {
+        var _a;
+        const root = (_a = this._scene) === null || _a === void 0 ? void 0 : _a.root;
+        if (!root)
+            return [];
+        const shown = (c) => matchesQuery(c, terms) ||
+            (c.isContainer() && c.components.some((child) => shown(child)));
+        const out = [];
+        const walk = (c) => {
+            if (!shown(c))
+                return;
+            out.push(c);
+            if (this.isExtended(c) && c.isContainer()) {
+                for (const child of c.components)
+                    walk(child);
+            }
+        };
+        walk(root);
+        return out;
+    }
+}
+//# sourceMappingURL=inspector-controller.js.map