@fmsim/board 2.0.0-beta.83 → 2.0.0-beta.85

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

@@ -36,7 +36,14 @@ export class PropertyEffects extends ScopedElementsMixin(AbstractProperty) {
       </fieldset>
 
       ${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}
     `;
     }

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":"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;IAqCvD,CAAC;IAnCC,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;;;uBAGS,IAAI,CAAC,KAAK;uBACV,KAAK,CAAC,aAAa,IAAI,EAAE;;;WAGrC;YACH,CAAC,CAAC,OAAO;KACZ,CAAA;IACH,CAAC;;AAxCM,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`\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"]}

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';
+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"]}