@fmsim/board 1.0.88 → 2.0.0-beta.101

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

@@ -6,7 +6,7 @@ import { Component, Properties, Scene } from '@hatiolab/things-scene';
 import { AbstractProperty } from '../abstract-property.js';
 import { PropertyEvent } from './property-event.js';
 import { PropertyShadow } from './property-shadow.js';
-declare const PropertyEffects_base: typeof AbstractProperty & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types.js").ScopedElementsHost>;
+declare const PropertyEffects_base: typeof AbstractProperty & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types.js").ScopedElementsHost>;
 export declare class PropertyEffects extends PropertyEffects_base {
     static styles: import("lit").CSSResult[];
     value?: Properties;
@@ -18,5 +18,14 @@ export declare class PropertyEffects extends PropertyEffects_base {
         'property-event': typeof PropertyEvent;
     };
     render(): import("lit-html").TemplateResult<1>;
+    /**
+     * 3D 그림자 토글 — material3d.castShadow / receiveShadow 만 갱신.
+     *
+     * material3d 는 단일 객체 속성이므로 기존 material3d 전체를 보존한 채 해당
+     * 키만 덮어써 dispatch 한다 ({ castShadow } 만 보내면 set() 의 top-level shallow
+     * merge 로 material3d 전체가 사라짐). value-key 를 두지 않아 AbstractProperty
+     * 의 제너릭 change 핸들러는 이 입력을 무시한다.
+     */
+    private _onShadow3dChange;
 }
 export {};

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

@@ -25,7 +25,15 @@ export class PropertyEffects extends ScopedElementsMixin(AbstractProperty) {
         };
     }
     render() {
+        var _a, _b, _c;
         const value = this.value || {};
+        // 3D 그림자 편집은 단일 선택 + 3D 표현 가능한 컴포넌트에서만 노출.
+        // (material3d 는 컴포넌트별 객체라 다중 선택 일괄 병합은 위험 — 단일로 제한.)
+        const target = this.selected.length == 1 ? this.selected[0] : null;
+        const is3d = !!((_a = target === null || target === void 0 ? void 0 : target.is3dish) === null || _a === void 0 ? void 0 : _a.call(target));
+        const material3d = value.material3d || {};
+        const castShadow = (_b = material3d.castShadow) !== null && _b !== void 0 ? _b : true;
+        const receiveShadow = (_c = material3d.receiveShadow) !== null && _c !== void 0 ? _c : false;
         return html `
       <fieldset>
         <legend>
@@ -35,11 +43,68 @@ export class PropertyEffects extends ScopedElementsMixin(AbstractProperty) {
         <property-shadow value-key="shadow" .value=${value.shadow || {}}> </property-shadow>
       </fieldset>
 
+      ${is3d
+            ? html `
+            <fieldset>
+              <legend>
+                <ox-i18n topic="board-modeller/effects/shadow-3d" msgid="label.shadow-3d">3D shadow</ox-i18n>
+              </legend>
+
+              <div>
+                <input
+                  id="cb-cast-shadow"
+                  type="checkbox"
+                  .checked=${castShadow}
+                  @change=${(e) => this._onShadow3dChange('castShadow', e)}
+                />
+                <label for="cb-cast-shadow">
+                  <ox-i18n msgid="label.cast-shadow">cast shadow</ox-i18n>
+                </label>
+
+                <input
+                  id="cb-receive-shadow"
+                  type="checkbox"
+                  .checked=${receiveShadow}
+                  @change=${(e) => this._onShadow3dChange('receiveShadow', e)}
+                />
+                <label for="cb-receive-shadow">
+                  <ox-i18n msgid="label.receive-shadow">receive shadow</ox-i18n>
+                </label>
+              </div>
+            </fieldset>
+          `
+            : nothing}
+
       ${this.selected.length == 1
-            ? html ` <property-event value-key="event" .scene=${this.scene} .value=${value.event || {}}> </property-event> `
+            ? html `
+            <property-event
+              value-key="eventHandlers"
+              .scene=${this.scene}
+              .value=${value.eventHandlers || []}
+            >
+            </property-event>
+          `
             : nothing}
     `;
     }
+    /**
+     * 3D 그림자 토글 — material3d.castShadow / receiveShadow 만 갱신.
+     *
+     * material3d 는 단일 객체 속성이므로 기존 material3d 전체를 보존한 채 해당
+     * 키만 덮어써 dispatch 한다 ({ castShadow } 만 보내면 set() 의 top-level shallow
+     * merge 로 material3d 전체가 사라짐). value-key 를 두지 않아 AbstractProperty
+     * 의 제너릭 change 핸들러는 이 입력을 무시한다.
+     */
+    _onShadow3dChange(key, e) {
+        var _a;
+        const checked = e.target.checked;
+        const current = ((_a = this.value) === null || _a === void 0 ? void 0 : _a.material3d) || {};
+        this.dispatchEvent(new CustomEvent('property-change', {
+            bubbles: true,
+            composed: true,
+            detail: { material3d: { ...current, [key]: checked } }
+        }));
+    }
 }
 PropertyEffects.styles = [PropertySharedStyle];
 __decorate([

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 } 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 is3d = !!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      ${is3d\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-hover.js

@@ -81,7 +81,7 @@ export class PropertyEventHover extends LitElement {
             case 'data-set':
             case 'value-set':
                 let ids = (this.scene &&
-                    this.scene.ids.map(i => {
+                    this.scene.ids.map((i) => {
                         var _a;
                         const id = i.key;
                         return { value: `#${id}`, description: (_a = this.scene.findById(id)) === null || _a === void 0 ? void 0 : _a.get('type') };
@@ -92,10 +92,10 @@ export class PropertyEventHover extends LitElement {
             case 'infoWindow':
                 return ((this.scene &&
                     this.scene.ids
-                        .filter(i => {
+                        .filter((i) => {
                         return this.scene.findById(i.key).get('type') == 'info-window';
                     })
-                        .map(i => {
+                        .map((i) => {
                         var _a;
                         const id = i.key;
                         return { value: `#${id}`, description: (_a = this.scene.findById(id)) === null || _a === void 0 ? void 0 : _a.get('type') };

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

@@ -1 +1 @@
-{"version":3,"file":"property-event-hover.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/effects/property-event-hover.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,iCAAiC,CAAA;AACxC,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAI5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAE3C,MAAM,OAAO,kBAAmB,SAAQ,UAAU;IAMhD,YAAY;QACV,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAC5E,CAAC;IAED,MAAM;QACJ,IAAI,EAAE,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE9E,OAAO,IAAI,CAAA;sFACuE,SAAS;;;;;;0DAMrC,MAAM,IAAI,EAAE;;;;;;;;;;;;QAY9D,MAAM,IAAI,OAAO;YACjB,CAAC,CAAC,IAAI,CAAA;kEACoD,MAAM;WAC7D;YACH,CAAC,CAAC,IAAI,CAAA;;;uBAGS,MAAM,IAAI,EAAE;;8BAEL,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC;;;;gBAIzC,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,CAC/B,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,IAAI,CAAA,mBAAmB,KAAK,IAAI,WAAW,YAAY,CACpF;;WAEJ;QACH,MAAM,IAAI,UAAU,IAAI,MAAM,IAAI,WAAW;YAC7C,CAAC,CAAC,IAAI,CAAA;;sDAEwC,KAAK;WAChD;YACH,CAAC,CAAC,IAAI,CAAA,EAAE;;kFAEkE,OAAO;;;;KAIpF,CAAA;IACH,CAAC;IAED,cAAc,CAAC,MAAc;QAC3B,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,OAAO,CAAC;YACb,KAAK,MAAM;gBACT,OAAO,WAAW,CAAA;YACpB,KAAK,WAAW,CAAC;YACjB,KAAK,WAAW;gBACd,OAAO,0BAA0B,CAAA;YACnC;gBACE,OAAO,EAAE,CAAA;QACb,CAAC;IACH,CAAC;IAED,cAAc,CAAC,MAAc;QAC3B,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,aAAa,CAAC;YACnB,KAAK,eAAe,CAAC;YACrB,KAAK,UAAU,CAAC;YAChB,KAAK,WAAW;gBACd,IAAI,GAAG,GACL,CAAC,IAAI,CAAC,KAAK;oBACT,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;;wBACrB,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAA;wBAChB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,MAAA,IAAI,CAAC,KAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,0CAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAA;oBAChF,CAAC,CAAC,CAAC;oBACL,EAAE,CAAA;gBACJ,GAAG,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC,CAAA;gBAC/D,OAAO,GAAG,CAAA;YACZ,KAAK,YAAY;gBACf,OAAO,CACL,CAAC,IAAI,CAAC,KAAK;oBACT,IAAI,CAAC,KAAK,CAAC,GAAG;yBACX,MAAM,CAAC,CAAC,CAAC,EAAE;wBACV,OAAO,IAAI,CAAC,KAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,aAAa,CAAA;oBACjE,CAAC,CAAC;yBACD,GAAG,CAAC,CAAC,CAAC,EAAE;;wBACP,MAAM,EAAE,GAAG,CAAC,CAAC,GAAG,CAAA;wBAChB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,MAAA,IAAI,CAAC,KAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,0CAAE,GAAG,CAAC,MAAM,CAAC,EAAE,CAAA;oBAChF,CAAC,CAAC,CAAC;oBACP,EAAE,CACH,CAAA;YACH;gBACE,OAAO,EAAE,CAAA;QACb,CAAC;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;;AA3HM,yBAAM,GAAG,CAAC,kBAAkB,CAAC,CAAA;AAER;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAmB;AAClB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAAc","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@operato/input/ox-input-data.js'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { Properties, Scene } from '@hatiolab/things-scene'\n\nimport { EffectsSharedStyle } from './effects-shared-style.js'\nimport { convert } from './value-converter'\n\nexport class PropertyEventHover extends LitElement {\n  static styles = [EffectsSharedStyle]\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  render() {\n    var { action, value = '', target = '', emphasize, restore } = this.value || {}\n\n    return html`\n      <input id=\"checkbox-emphasize\" type=\"checkbox\" value-key=\"emphasize\" .checked=${emphasize} />\n      <label for=\"checkbox-emphasize\" class=\"checkbox-label\">\n        <ox-i18n msgid=\"label.emphasize\">emphasize</ox-i18n>\n      </label>\n\n      <label> <ox-i18n msgid=\"label.action\">action</ox-i18n> </label>\n      <select id=\"tap-select\" value-key=\"action\" .value=${action || ''}>\n        <option value=\"\"></option>\n        <option value=\"popup\">popup target board</option>\n        <option value=\"infoWindow\">open infowindow</option>\n        <option value=\"data-toggle\">toggle(true/false) target component data</option>\n        <option value=\"data-tristate\">tristate(0/1/2) target component data</option>\n        <option value=\"data-set\">set value to target component data</option>\n        <option value=\"value-set\">set value to target component value</option>\n      </select>\n\n      <label> <ox-i18n msgid=\"label.target\">target</ox-i18n> </label>\n\n      ${action == 'popup'\n        ? html`\n            <ox-editor-board-selector value-key=\"target\" .value=${target} custom-editor></ox-editor-board-selector>\n          `\n        : html`\n            <input\n              value-key=\"target\"\n              .value=${target || ''}\n              list=\"target-list\"\n              .placeholder=\"${this._getPlaceHoder(action)}\"\n            />\n\n            <datalist id=\"target-list\">\n              ${this._getTargetList(action).map(\n                ({ value, description }) => html` <option .value=${value}>${description}</option> `\n              )}\n            </datalist>\n          `}\n      ${action == 'data-set' || action == 'value-set'\n        ? html`\n            <label> <ox-i18n msgid=\"label.value\">value</ox-i18n> </label>\n            <ox-input-data value-key=\"value\" .value=${value} custom-editor fullwidth></ox-input-data>\n          `\n        : html``}\n\n      <input id=\"checkbox-restore\" type=\"checkbox\" value-key=\"restore\" .checked=${restore} />\n      <label for=\"checkbox-restore\" class=\"checkbox-label\">\n        <ox-i18n msgid=\"label.restore-on-leave\">restore on leave</ox-i18n>\n      </label>\n    `\n  }\n\n  _getPlaceHoder(action: string) {\n    switch (action) {\n      case 'popup':\n      case 'goto':\n        return 'SCENE-100'\n      case 'link-open':\n      case 'link-move':\n        return 'http://www.hatiolab.com/'\n      default:\n        return ''\n    }\n  }\n\n  _getTargetList(action: string): { value: string; description: string }[] {\n    switch (action) {\n      case 'data-toggle':\n      case 'data-tristate':\n      case 'data-set':\n      case 'value-set':\n        let ids =\n          (this.scene &&\n            this.scene.ids.map(i => {\n              const id = i.key\n              return { value: `#${id}`, description: this.scene!.findById(id)?.get('type') }\n            })) ||\n          []\n        ids.unshift({ value: '(self)', description: 'self component' })\n        return ids\n      case 'infoWindow':\n        return (\n          (this.scene &&\n            this.scene.ids\n              .filter(i => {\n                return this.scene!.findById(i.key).get('type') == 'info-window'\n              })\n              .map(i => {\n                const id = i.key\n                return { value: `#${id}`, description: this.scene!.findById(id)?.get('type') }\n              })) ||\n          []\n        )\n      default:\n        return []\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-hover.js","sourceRoot":"","sources":["../../../../../src/modeller/property-sidebar/effects/property-event-hover.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport '@operato/input/ox-input-data.js'\nimport '@operato/i18n/ox-i18n.js'\n\nimport { html, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\n\nimport { Properties, Scene } from '@hatiolab/things-scene'\n\nimport { EffectsSharedStyle } from './effects-shared-style.js'\nimport { convert } from './value-converter'\n\nexport class PropertyEventHover extends LitElement {\n  static styles = [EffectsSharedStyle]\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  render() {\n    var { action, value = '', target = '', emphasize, restore } = this.value || {}\n\n    return html`\n      <input id=\"checkbox-emphasize\" type=\"checkbox\" value-key=\"emphasize\" .checked=${emphasize} />\n      <label for=\"checkbox-emphasize\" class=\"checkbox-label\">\n        <ox-i18n msgid=\"label.emphasize\">emphasize</ox-i18n>\n      </label>\n\n      <label> <ox-i18n msgid=\"label.action\">action</ox-i18n> </label>\n      <select id=\"tap-select\" value-key=\"action\" .value=${action || ''}>\n        <option value=\"\"></option>\n        <option value=\"popup\">popup target board</option>\n        <option value=\"infoWindow\">open infowindow</option>\n        <option value=\"data-toggle\">toggle(true/false) target component data</option>\n        <option value=\"data-tristate\">tristate(0/1/2) target component data</option>\n        <option value=\"data-set\">set value to target component data</option>\n        <option value=\"value-set\">set value to target component value</option>\n      </select>\n\n      <label> <ox-i18n msgid=\"label.target\">target</ox-i18n> </label>\n\n      ${action == 'popup'\n        ? html`\n            <ox-editor-board-selector value-key=\"target\" .value=${target} custom-editor></ox-editor-board-selector>\n          `\n        : html`\n            <input\n              value-key=\"target\"\n              .value=${target || ''}\n              list=\"target-list\"\n              .placeholder=\"${this._getPlaceHoder(action)}\"\n            />\n\n            <datalist id=\"target-list\">\n              ${this._getTargetList(action).map(\n                ({ value, description }) => html` <option .value=${value}>${description}</option> `\n              )}\n            </datalist>\n          `}\n      ${action == 'data-set' || action == 'value-set'\n        ? html`\n            <label> <ox-i18n msgid=\"label.value\">value</ox-i18n> </label>\n            <ox-input-data value-key=\"value\" .value=${value} custom-editor fullwidth></ox-input-data>\n          `\n        : html``}\n\n      <input id=\"checkbox-restore\" type=\"checkbox\" value-key=\"restore\" .checked=${restore} />\n      <label for=\"checkbox-restore\" class=\"checkbox-label\">\n        <ox-i18n msgid=\"label.restore-on-leave\">restore on leave</ox-i18n>\n      </label>\n    `\n  }\n\n  _getPlaceHoder(action: string) {\n    switch (action) {\n      case 'popup':\n      case 'goto':\n        return 'SCENE-100'\n      case 'link-open':\n      case 'link-move':\n        return 'http://www.hatiolab.com/'\n      default:\n        return ''\n    }\n  }\n\n  _getTargetList(action: string): { value: string; description: string }[] {\n    switch (action) {\n      case 'data-toggle':\n      case 'data-tristate':\n      case 'data-set':\n      case 'value-set':\n        let ids =\n          (this.scene &&\n            this.scene.ids.map((i: any) => {\n              const id = i.key\n              return { value: `#${id}`, description: this.scene!.findById(id)?.get('type') }\n            })) ||\n          []\n        ids.unshift({ value: '(self)', description: 'self component' })\n        return ids\n      case 'infoWindow':\n        return (\n          (this.scene &&\n            this.scene.ids\n              .filter((i: any) => {\n                return this.scene!.findById(i.key).get('type') == 'info-window'\n              })\n              .map((i: any) => {\n                const id = i.key\n                return { value: `#${id}`, description: this.scene!.findById(id)?.get('type') }\n              })) ||\n          []\n        )\n      default:\n        return []\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"]}

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,62 @@
+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 처리된 그룹(타입) 집합 — transient(비영속). */
+    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;
+}