@operato/property-panel 10.0.0-beta.6 → 10.0.0-beta.61

package/CHANGELOG.md

@@ -3,6 +3,410 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [10.0.0-beta.61](https://github.com/hatiolab/operato/compare/v10.0.0-beta.60...v10.0.0-beta.61) (2026-06-25)
+
+
+### :rocket: New Features
+
+* **data-subscription:** query+record publish ts for data-lag monitoring ([d3e5bf9](https://github.com/hatiolab/operato/commit/d3e5bf9b1689f72049fc8333762cd5045f5d90ce))
+
+
+
+## [10.0.0-beta.60](https://github.com/hatiolab/operato/compare/v10.0.0-beta.59...v10.0.0-beta.60) (2026-06-08)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.59](https://github.com/hatiolab/operato/compare/v10.0.0-beta.58...v10.0.0-beta.59) (2026-06-03)
+
+
+### :bug: Bug Fix
+
+* **property-panel/event-handlers:** popup 폭 / 높이 레이아웃 회귀 정리 ([799a2f2](https://github.com/hatiolab/operato/commit/799a2f2b5713fc6d56748f5ef8887e55c0eab8ab))
+
+
+### :rocket: New Features
+
+* **property-panel/event-handlers:** help pane + UX 개선 + (none) 핸들러 제외 ([8c23f62](https://github.com/hatiolab/operato/commit/8c23f62008aea1dcbf4b305cce432eeda7807dd5))
+
+
+### :sparkles: Styling
+
+* **property-panel/event-handlers:** popup + help pane 에 표준 ScrollbarStyles 적용 ([e11f4a6](https://github.com/hatiolab/operato/commit/e11f4a64a1a223498f02b9f02cdfedd441cef869))
+* **property-panel/event-handlers:** popup 안 mapper 의 상단 모서리도 둥글림 ([717422c](https://github.com/hatiolab/operato/commit/717422cb96b698ae151293dcdf106c1b52a3f9e1))
+
+
+
+## [10.0.0-beta.58](https://github.com/hatiolab/operato/compare/v10.0.0-beta.57...v10.0.0-beta.58) (2026-05-28)
+
+
+### :rocket: New Features
+
+* **property-panel:** event handlers panel — eventHandlers[] 편집기 + popup ([268ed3d](https://github.com/hatiolab/operato/commit/268ed3d2558e9b9eab1ad24810d20dda8cd17b04))
+
+
+
+## [10.0.0-beta.57](https://github.com/hatiolab/operato/compare/v10.0.0-beta.56...v10.0.0-beta.57) (2026-05-27)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.56](https://github.com/hatiolab/operato/compare/v10.0.0-beta.55...v10.0.0-beta.56) (2026-05-27)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.55](https://github.com/hatiolab/operato/compare/v10.0.0-beta.54...v10.0.0-beta.55) (2026-05-27)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.54](https://github.com/hatiolab/operato/compare/v10.0.0-beta.53...v10.0.0-beta.54) (2026-05-27)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.53](https://github.com/hatiolab/operato/compare/v10.0.0-beta.52...v10.0.0-beta.53) (2026-05-24)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.52](https://github.com/hatiolab/operato/compare/v10.0.0-beta.51...v10.0.0-beta.52) (2026-05-22)
+
+
+### :sparkles: Styling
+
+* **data-grist:** record-card 시각 정돈 + danger hover 가독성 ([60cf583](https://github.com/hatiolab/operato/commit/60cf583d3096286f074d1b412e3737bc9b283258))
+
+
+
+## [10.0.0-beta.50](https://github.com/hatiolab/operato/compare/v10.0.0-beta.49...v10.0.0-beta.50) (2026-05-12)
+
+
+### :bug: Bug Fix
+
+* **property-panel:** shapes 가드 보강 — selected[0] non-Component 방어 ([77f54e4](https://github.com/hatiolab/operato/commit/77f54e4aaf4a45cf1c44ae39db30dc29f499c07a))
+
+
+### :mega: Other
+
+* **property-panel:** label.see-through 5 언어 다국어 추가 ([1c0106e](https://github.com/hatiolab/operato/commit/1c0106e451e3d4469e5a3705a4b07b382b8175c4))
+
+
+
+## [10.0.0-beta.49](https://github.com/hatiolab/operato/compare/v10.0.0-beta.48...v10.0.0-beta.49) (2026-05-07)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.48](https://github.com/hatiolab/operato/compare/v10.0.0-beta.47...v10.0.0-beta.48) (2026-05-05)
+
+
+### :rocket: New Features
+
+* **property-panel:** generic-object 타입 변환 UI를 specifics 탭 전용 에디터로 이동 ([4b90f57](https://github.com/hatiolab/operato/commit/4b90f574c29f1677eb0dacc73b05e9fd10c9d2b2))
+
+
+### :house: Code Refactoring
+
+* **property-panel:** placeholder-convert 아키텍처 정리 ([ec7c805](https://github.com/hatiolab/operato/commit/ec7c80550148fe2a13704999aafb940b26558729))
+
+
+
+## [10.0.0-beta.47](https://github.com/hatiolab/operato/compare/v10.0.0-beta.46...v10.0.0-beta.47) (2026-05-03)
+
+
+### :rocket: New Features
+
+* **i18n:** popup-container + tooltip-3d component names + new property labels ([2e15e2b](https://github.com/hatiolab/operato/commit/2e15e2baad9d8f09a651f6f253015f8d7a8e5e32))
+* **modeller:** popup-container palette + inline-popup tap actions ([737b081](https://github.com/hatiolab/operato/commit/737b0819c287d7703f404db266e79b12281070d3))
+* **property-panel:** popup position option + inline-popup target list ([19778c5](https://github.com/hatiolab/operato/commit/19778c515ca38678bfd88b895639f1aa95032682))
+
+
+
+## [10.0.0-beta.46](https://github.com/hatiolab/operato/compare/v10.0.0-beta.45...v10.0.0-beta.46) (2026-05-01)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.45](https://github.com/hatiolab/operato/compare/v10.0.0-beta.44...v10.0.0-beta.45) (2026-04-30)
+
+
+### :rocket: New Features
+
+* **board,property-panel:** logistics group split + NaN-safe number inputs ([aa3aa37](https://github.com/hatiolab/operato/commit/aa3aa376802d2296ee9a8315b4490b8a2a34b223))
+* **board,property-panel:** manufacturing group + dynamic nature refresh ([a82cab7](https://github.com/hatiolab/operato/commit/a82cab79dded6b5996c554dfbcaf6f578f303861))
+
+
+
+## [10.0.0-beta.44](https://github.com/hatiolab/operato/compare/v10.0.0-beta.43...v10.0.0-beta.44) (2026-04-28)
+
+
+### :house: Code Refactoring
+
+* **shadow:** property panel 에디터를 신규 키 (offsetX/offsetY/blur) 로 현행화 ([aee4dbe](https://github.com/hatiolab/operato/commit/aee4dbef842606bc31b6ad3f2161ffa22c2d3221))
+
+
+
+## [10.0.0-beta.43](https://github.com/hatiolab/operato/compare/v10.0.0-beta.42...v10.0.0-beta.43) (2026-04-24)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.42](https://github.com/hatiolab/operato/compare/v10.0.0-beta.41...v10.0.0-beta.42) (2026-04-18)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.41](https://github.com/hatiolab/operato/compare/v10.0.0-beta.40...v10.0.0-beta.41) (2026-04-18)
+
+
+### :rocket: New Features
+
+* **property-panel:** environment + light mood 2-tier 프리셋 구조로 재설계 ([226bbab](https://github.com/hatiolab/operato/commit/226bbabbe8f198936d88e7d7c01b6365f910a71d))
+
+
+
+## [10.0.0-beta.40](https://github.com/hatiolab/operato/compare/v10.0.0-beta.39...v10.0.0-beta.40) (2026-04-18)
+
+
+### :rocket: New Features
+
+* **property-panel:** scene 3d에 camera 섹션 + renderer exposure 슬라이더 추가 ([cc3ff97](https://github.com/hatiolab/operato/commit/cc3ff9738ff0dfc22a6bd563ec29c24e302873df))
+
+
+
+## [10.0.0-beta.39](https://github.com/hatiolab/operato/compare/v10.0.0-beta.38...v10.0.0-beta.39) (2026-04-18)
+
+
+### :rocket: New Features
+
+* **property-panel:** hemisphere 색상 편집 + key light 방향/그림자 컨트롤 ([d0cc346](https://github.com/hatiolab/operato/commit/d0cc34651460e0b0d8aa290f0897c75aa7fb3fc7))
+* **property-panel:** lighting preset UI 개선 — 값 범위 확장 + 버튼→select 전환 ([b866db9](https://github.com/hatiolab/operato/commit/b866db9a2871573095b415d0ead63401ae336c89)), closes [#ffaa55](https://github.com/hatiolab/operato/issues/ffaa55) [#88](https://github.com/hatiolab/operato/issues/88)
+
+
+### :house: Code Refactoring
+
+* **property-panel:** scene3d 탭에서 bookmarks 섹션 제거 ([50d12de](https://github.com/hatiolab/operato/commit/50d12de7bc20a192503907db05a8506951931206))
+
+
+
+## [10.0.0-beta.38](https://github.com/hatiolab/operato/compare/v10.0.0-beta.37...v10.0.0-beta.38) (2026-04-17)
+
+
+### :rocket: New Features
+
+* **property-panel:** scene3d 탭에 placement 모드 선택 추가 ([5f55786](https://github.com/hatiolab/operato/commit/5f55786500fc07e478b6d94a3518fb21598d7c59))
+
+
+
+## [10.0.0-beta.36](https://github.com/hatiolab/operato/compare/v10.0.0-beta.35...v10.0.0-beta.36) (2026-04-17)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.34](https://github.com/hatiolab/operato/compare/v10.0.0-beta.33...v10.0.0-beta.34) (2026-04-16)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.33](https://github.com/hatiolab/operato/compare/v10.0.0-beta.32...v10.0.0-beta.33) (2026-04-16)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.32](https://github.com/hatiolab/operato/compare/v10.0.0-beta.31...v10.0.0-beta.32) (2026-04-15)
+
+
+### :bug: Bug Fix
+
+* **property-panel:** data-binding-popup의 Flow 탭이 "No scene"으로 빠지는 문제 수정 ([ac0bc78](https://github.com/hatiolab/operato/commit/ac0bc78e27a105657809157d3964b52857484c38))
+
+
+
+## [10.0.0-beta.31](https://github.com/hatiolab/operato/compare/v10.0.0-beta.30...v10.0.0-beta.31) (2026-04-15)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.30](https://github.com/hatiolab/operato/compare/v10.0.0-beta.29...v10.0.0-beta.30) (2026-04-14)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.29](https://github.com/hatiolab/operato/compare/v10.0.0-beta.28...v10.0.0-beta.29) (2026-04-13)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.26](https://github.com/hatiolab/operato/compare/v10.0.0-beta.25...v10.0.0-beta.26) (2026-04-09)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.25](https://github.com/hatiolab/operato/compare/v10.0.0-beta.24...v10.0.0-beta.25) (2026-04-08)
+
+
+### :bug: Bug Fix
+
+* **property-panel:** group selection shows specific tab empty instead of full block ([cfe4a11](https://github.com/hatiolab/operato/commit/cfe4a11647928a301a3d19c80257887272ad619e))
+
+
+
+## [10.0.0-beta.24](https://github.com/hatiolab/operato/compare/v10.0.0-beta.23...v10.0.0-beta.24) (2026-04-06)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.23](https://github.com/hatiolab/operato/compare/v10.0.0-beta.22...v10.0.0-beta.23) (2026-04-06)
+
+
+### :bug: Bug Fix
+
+* **property-panel:** 3D 모드 라벨 변경 — Enable 3D → Start in 3D ([044f29d](https://github.com/hatiolab/operato/commit/044f29de76e30e9457cd575bc5a8b567b4ba535a))
+* **property-panel:** 3D 탭을 컴포넌트 전환 시에도 유지 ([002b30c](https://github.com/hatiolab/operato/commit/002b30c6768ff059707dc9c0236ea0852d66349f))
+* **property-panel:** floor constraint label to keep above ground ([239d9c9](https://github.com/hatiolab/operato/commit/239d9c980a586bdc70bd0a2cee423074a30e2109))
+
+
+### :rocket: New Features
+
+* **property-panel:** 3D mode labels i18n + keep above ground label fix ([57bbefc](https://github.com/hatiolab/operato/commit/57bbefc6dfe0b08ed10b23abc76735594c967404))
+
+
+
+## [10.0.0-beta.22](https://github.com/hatiolab/operato/compare/v10.0.0-beta.21...v10.0.0-beta.22) (2026-04-02)
+
+
+### :rocket: New Features
+
+* **property-panel:** 3D 컴포넌트 다국어 추가 (en/ko/ja/zh/ms) ([f1e68f2](https://github.com/hatiolab/operato/commit/f1e68f25d555528ca7aebf1e31a0b8f740a94552))
+
+
+
+## [10.0.0-beta.21](https://github.com/hatiolab/operato/compare/v10.0.0-beta.20...v10.0.0-beta.21) (2026-04-02)
+
+**Note:** Version bump only for package @operato/property-panel
+
+
+
+
+
+## [10.0.0-beta.18](https://github.com/hatiolab/operato/compare/v10.0.0-beta.17...v10.0.0-beta.18) (2026-03-25)
+
+
+### :rocket: New Features
+
+* **property-panel:** cameraFloorConstraint UI 추가 ([8bb94e5](https://github.com/hatiolab/operato/commit/8bb94e59f8e356a9deb755a82e91939fcf2df7e6))
+
+
+
+## [10.0.0-beta.15](https://github.com/hatiolab/operato/compare/v10.0.0-beta.14...v10.0.0-beta.15) (2026-03-22)
+
+
+### :house: Code Refactoring
+
+* **property-panel:** 3D 설정에서 bookmark 섹션 제거 ([14bbf5c](https://github.com/hatiolab/operato/commit/14bbf5c063f5afd5f77f15fc573e78f4da440ef5))
+
+
+### :rocket: New Features
+
+* **board:** 데이터바인딩 팝업 에디터 + property 콤보박스 + D키 핫키 ([d467180](https://github.com/hatiolab/operato/commit/d467180e106b1d268099bf9895082e2c6cf8d07b))
+* **property-panel:** 데이터바인딩 팝업 Flow 탭 + UI 개선 ([d52fadc](https://github.com/hatiolab/operato/commit/d52fadc24dd9ba4a658cbd5ac2edd8c53460f3fe))
+
+
+### :bug: Bug Fix
+
+* **board:** 데이터바인딩 팝업 모델 반영 + GLTF animations 트리 + 사이드바 저장 조건 완화 ([46fe68e](https://github.com/hatiolab/operato/commit/46fe68ea8c3af43c5c4275a42cd7bb5e761ec118))
+* **property-panel:** 데이터바인딩 팝업 GLTF Mesh 필터링 + fillStyleTargets 저장 조건 ([09afea6](https://github.com/hatiolab/operato/commit/09afea65d1cdf86d04e2e1606ba6e1b2063a4739))
+
+
+
+## [10.0.0-beta.12](https://github.com/hatiolab/operato/compare/v10.0.0-beta.11...v10.0.0-beta.12) (2026-03-17)
+
+
+### :rocket: New Features
+
+* **property-panel:** 3D 탭에 Screen Fixed (HUD) 체크박스 추가 ([9f53d88](https://github.com/hatiolab/operato/commit/9f53d88e4690e9c07dba622e9d4d00d2dcc2afbb))
+
+
+### :bug: Bug Fix
+
+* **property-panel:** screenFixed 체크박스 형태 통일 ([f1da9ce](https://github.com/hatiolab/operato/commit/f1da9ce748949e670b0a02560e012974b74adc27))
+
+
+
+## [10.0.0-beta.10](https://github.com/hatiolab/operato/compare/v10.0.0-beta.9...v10.0.0-beta.10) (2026-03-14)
+
+
+### :bug: Bug Fix
+
+* **property-panel:** 다중 타입 선택 시 Component.Undefined 대신 적절한 레이블 표시 ([7bad969](https://github.com/hatiolab/operato/commit/7bad96938ee220b72fd5c68d84ec8d55d7d85cf9))
+
+
+
+## [10.0.0-beta.7](https://github.com/hatiolab/operato/compare/v10.0.0-beta.6...v10.0.0-beta.7) (2026-03-09)
+
+
+### :rocket: New Features
+
+* **property-panel:** add cross arrow tip type to line style selector ([b70d3d7](https://github.com/hatiolab/operato/commit/b70d3d7efaa2fec705e5696ba98a8b5c3ea464dc))
+
+
+
 ## [10.0.0-beta.6](https://github.com/hatiolab/operato/compare/v10.0.0-beta.5...v10.0.0-beta.6) (2026-03-09)
 
 

package/dist/src/graphql/data-subscription.js

@@ -8,13 +8,17 @@ export class DataSubscriptionProviderImpl {
                     data(tag: "${tag}") {
                       tag
                       data
+                      ts
                     }
                   }
                 `
         }, {
             next: async ({ data }) => {
+                var _a, _b, _c;
                 if (data) {
-                    component.data = data.data.data;
+                    const payload = data.data;
+                    (_c = (_b = (_a = component.app) === null || _a === void 0 ? void 0 : _a.lagTracker) === null || _b === void 0 ? void 0 : _b.record) === null || _c === void 0 ? void 0 : _c.call(_b, payload.tag, payload.ts);
+                    component.data = payload.data;
                 }
             }
         });

package/dist/src/graphql/data-subscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-subscription.js","sourceRoot":"","sources":["../../../src/graphql/data-subscription.ts"],"names":[],"mappings":"AAEA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,MAAM,OAAO,4BAA4B;IACvC,KAAK,CAAC,SAAS,CAAC,GAAW,EAAE,SAAoB;QAC/C,OAAO,MAAM,SAAS,CACpB;YACE,KAAK,EAAE,GAAG,CAAA;;iCAEe,GAAG;;;;;iBAKnB;SACV,EACD;YACE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAiB,EAAE,EAAE;gBACtC,IAAI,IAAI,EAAE,CAAC;oBACT,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAA;gBACjC,CAAC;YACH,CAAC;SACF,CACF,CAAA;IACH,CAAC;IAED,OAAO,KAAI,CAAC;CACb","sourcesContent":["import { Component, DataSubscriptionProvider } from '@hatiolab/things-scene'\n\nimport gql from 'graphql-tag'\nimport { subscribe } from '@operato/graphql'\n\nexport class DataSubscriptionProviderImpl implements DataSubscriptionProvider {\n  async subscribe(tag: string, component: Component) {\n    return await subscribe(\n      {\n        query: gql`\n                  subscription {\n                    data(tag: \"${tag}\") {\n                      tag\n                      data\n                    }\n                  }\n                `\n      },\n      {\n        next: async ({ data }: { data: any }) => {\n          if (data) {\n            component.data = data.data.data\n          }\n        }\n      }\n    )\n  }\n\n  dispose() {}\n}\n"]}
+{"version":3,"file":"data-subscription.js","sourceRoot":"","sources":["../../../src/graphql/data-subscription.ts"],"names":[],"mappings":"AAEA,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,MAAM,OAAO,4BAA4B;IACvC,KAAK,CAAC,SAAS,CAAC,GAAW,EAAE,SAAoB;QAC/C,OAAO,MAAM,SAAS,CACpB;YACE,KAAK,EAAE,GAAG,CAAA;;iCAEe,GAAG;;;;;;iBAMnB;SACV,EACD;YACE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAiB,EAAE,EAAE;;gBACtC,IAAI,IAAI,EAAE,CAAC;oBACT,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CACxB;oBAAA,MAAA,MAAA,MAAC,SAAiB,CAAC,GAAG,0CAAE,UAAU,0CAAE,MAAM,mDAAG,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC,CAAA;oBACtE,SAAS,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAA;gBAC/B,CAAC;YACH,CAAC;SACF,CACF,CAAA;IACH,CAAC;IAED,OAAO,KAAI,CAAC;CACb","sourcesContent":["import { Component, DataSubscriptionProvider } from '@hatiolab/things-scene'\n\nimport gql from 'graphql-tag'\nimport { subscribe } from '@operato/graphql'\n\nexport class DataSubscriptionProviderImpl implements DataSubscriptionProvider {\n  async subscribe(tag: string, component: Component) {\n    return await subscribe(\n      {\n        query: gql`\n                  subscription {\n                    data(tag: \"${tag}\") {\n                      tag\n                      data\n                      ts\n                    }\n                  }\n                `\n      },\n      {\n        next: async ({ data }: { data: any }) => {\n          if (data) {\n            const payload = data.data\n            ;(component as any).app?.lagTracker?.record?.(payload.tag, payload.ts)\n            component.data = payload.data\n          }\n        }\n      }\n    )\n  }\n\n  dispose() {}\n}\n"]}

package/dist/src/index.d.ts

@@ -1,5 +1,9 @@
 export { OxPropertyPanel } from './ox-property-panel.js';
 export * from './property-panel/data-binding/data-binding.js';
+export * from './property-panel/event-handlers/event-handlers-mapper.js';
+export * from './property-panel/event-handlers/event-handlers.js';
+export * from './property-panel/event-handlers/event-handlers-popup.js';
+export * from './property-panel/event-handlers/event-handlers-help.js';
 export * from './property-panel/effects/effects.js';
 export * from './property-panel/inspector/inspector.js';
 export * from './property-panel/shapes/shapes.js';

package/dist/src/index.js

@@ -1,5 +1,11 @@
 export { OxPropertyPanel } from './ox-property-panel.js';
 export * from './property-panel/data-binding/data-binding.js';
+// Event handlers — inline panel + popup (data-binding 패턴 동일). effects tab
+// 의 PropertyEvent fieldset 에서 inline 으로 host. open_in_new 클릭 시 popup.
+export * from './property-panel/event-handlers/event-handlers-mapper.js';
+export * from './property-panel/event-handlers/event-handlers.js';
+export * from './property-panel/event-handlers/event-handlers-popup.js';
+export * from './property-panel/event-handlers/event-handlers-help.js';
 export * from './property-panel/effects/effects.js';
 export * from './property-panel/inspector/inspector.js';
 export * from './property-panel/shapes/shapes.js';

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,cAAc,+CAA+C,CAAA;AAC7D,cAAc,qCAAqC,CAAA;AACnD,cAAc,yCAAyC,CAAA;AACvD,cAAc,mCAAmC,CAAA;AACjD,cAAc,yCAAyC,CAAA;AACvD,cAAc,mCAAmC,CAAA;AACjD,cAAc,mCAAmC,CAAA","sourcesContent":["export { OxPropertyPanel } from './ox-property-panel.js'\n\nexport * from './property-panel/data-binding/data-binding.js'\nexport * from './property-panel/effects/effects.js'\nexport * from './property-panel/inspector/inspector.js'\nexport * from './property-panel/shapes/shapes.js'\nexport * from './property-panel/specifics/specifics.js'\nexport * from './property-panel/styles/styles.js'\nexport * from './property-panel/threed/threed.js'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAExD,cAAc,+CAA+C,CAAA;AAC7D,0EAA0E;AAC1E,sEAAsE;AACtE,cAAc,0DAA0D,CAAA;AACxE,cAAc,mDAAmD,CAAA;AACjE,cAAc,yDAAyD,CAAA;AACvE,cAAc,wDAAwD,CAAA;AACtE,cAAc,qCAAqC,CAAA;AACnD,cAAc,yCAAyC,CAAA;AACvD,cAAc,mCAAmC,CAAA;AACjD,cAAc,yCAAyC,CAAA;AACvD,cAAc,mCAAmC,CAAA;AACjD,cAAc,mCAAmC,CAAA","sourcesContent":["export { OxPropertyPanel } from './ox-property-panel.js'\n\nexport * from './property-panel/data-binding/data-binding.js'\n// Event handlers — inline panel + popup (data-binding 패턴 동일). effects tab\n// 의 PropertyEvent fieldset 에서 inline 으로 host. open_in_new 클릭 시 popup.\nexport * from './property-panel/event-handlers/event-handlers-mapper.js'\nexport * from './property-panel/event-handlers/event-handlers.js'\nexport * from './property-panel/event-handlers/event-handlers-popup.js'\nexport * from './property-panel/event-handlers/event-handlers-help.js'\nexport * from './property-panel/effects/effects.js'\nexport * from './property-panel/inspector/inspector.js'\nexport * from './property-panel/shapes/shapes.js'\nexport * from './property-panel/specifics/specifics.js'\nexport * from './property-panel/styles/styles.js'\nexport * from './property-panel/threed/threed.js'\n"]}

package/dist/src/ox-property-panel.d.ts

@@ -37,8 +37,15 @@ export declare class OxPropertyPanel extends OxPropertyPanel_base {
         'property-data-binding': typeof PropertyDataBinding;
         'scene-inspector': typeof SceneInspector;
     };
+    private hasGroup;
     render(): import("lit-html").TemplateResult<1>;
     private onPropertyChanged;
+    /**
+     * 새 properties 배열이 현재 specificProps 와 *구조상* 다른지 빠르게 검사.
+     * 단순히 length + 각 항목의 name 만 비교 — value 변경은 model 측에서 처리되므로
+     * specificProps 의 reference 를 바꿀 필요가 없다.
+     */
+    private specificPropsChanged;
     private onBoundsChanged;
     private onChangedByScene;
     private setPropertyTargetAsDefault;

package/dist/src/ox-property-panel.js

@@ -50,6 +50,9 @@ let OxPropertyPanel = class OxPropertyPanel extends ScopedElementsMixin(LitEleme
             'scene-inspector': SceneInspector
         };
     }
+    hasGroup(selected) {
+        return selected.some(c => { var _a; return ((_a = c === null || c === void 0 ? void 0 : c.model) === null || _a === void 0 ? void 0 : _a.type) === 'group'; });
+    }
     render() {
         var tabName = this.tabName ? this.tabName : 'shape';
         return html `
@@ -61,9 +64,7 @@ let OxPropertyPanel = class OxPropertyPanel extends ScopedElementsMixin(LitEleme
       >
         <md-icon name="shape" ?selected=${tabName == 'shape'}>format_shapes</md-icon>
         <md-icon name="style" ?selected=${tabName == 'style'}>palette</md-icon>
-        ${this.is3dish(this.selected)
-            ? html `<md-icon name="threed" ?selected=${tabName == 'threed'}>view_in_ar</md-icon>`
-            : html ``}
+        <md-icon name="threed" ?selected=${tabName == 'threed'}>view_in_ar</md-icon>
         <md-icon name="effect" ?selected=${tabName == 'effect'}>movie_filter</md-icon>
         <md-icon name="specific" ?selected=${tabName == 'specific'}>tune</md-icon>
         <md-icon name="data-binding" ?selected=${tabName == 'data-binding'}>share</md-icon>
@@ -92,39 +93,47 @@ let OxPropertyPanel = class OxPropertyPanel extends ScopedElementsMixin(LitEleme
               >
               </property-style>
             `,
-            threed: this.isRootModel(this.selected)
+            threed: !this.is3dish(this.selected)
                 ? html `
-                  <property-scene3d
-                    .value=${this.model}
-                    .scene=${this.scene}
-                    ?active=${tabName == 'threed'}
-                  >
-                  </property-scene3d>
+                  <div style="display:flex;align-items:center;justify-content:center;height:100%;color:var(--md-sys-color-on-surface-variant,#666);font-size:12px;opacity:0.7;padding:16px;text-align:center;">
+                    Selected component(s) do not support 3D properties
+                  </div>
                 `
+                : this.isRootModel(this.selected)
+                    ? html `
+                    <property-scene3d
+                      .value=${this.model}
+                      .scene=${this.scene}
+                      ?active=${tabName == 'threed'}
+                    >
+                    </property-scene3d>
+                  `
+                    : html `
+                    <property-3d
+                      .value=${this.model}
+                      .bounds=${this.bounds}
+                      .selected=${this.selected}
+                      ?active=${tabName == 'threed'}
+                    >
+                    </property-3d>
+                  `,
+            effect: html `
+              <property-effect .value=${this.model} .scene=${this.scene} ?active=${tabName == 'effect'}>
+              </property-effect>
+            `,
+            specific: this.hasGroup(this.selected)
+                ? html ``
                 : html `
-                  <property-3d
+                  <property-specific
                     .value=${this.model}
-                    .bounds=${this.bounds}
+                    .scene=${this.scene}
                     .selected=${this.selected}
-                    ?active=${tabName == 'threed'}
+                    .props=${this.specificProps}
+                    .propertyEditor=${this.propertyEditor}
+                    ?active=${tabName == 'specific'}
                   >
-                  </property-3d>
+                  </property-specific>
                 `,
-            effect: html `
-              <property-effect .value=${this.model} .scene=${this.scene} ?active=${tabName == 'effect'}>
-              </property-effect>
-            `,
-            specific: html `
-              <property-specific
-                .value=${this.model}
-                .scene=${this.scene}
-                .selected=${this.selected}
-                .props=${this.specificProps}
-                .propertyEditor=${this.propertyEditor}
-                ?active=${tabName == 'specific'}
-              >
-              </property-specific>
-            `,
             'data-binding': html `
               <property-data-binding .scene=${this.scene} .value=${this.model} ?active=${tabName == 'data-binding'}>
               </property-data-binding>
@@ -138,16 +147,40 @@ let OxPropertyPanel = class OxPropertyPanel extends ScopedElementsMixin(LitEleme
     `;
     }
     onPropertyChanged(e) {
+        var _a;
         var detail = e.detail;
         if (this.propertyTarget) {
             /* 단일 컴포넌트의 경우에 적용 */
             this.scene && this.scene.undoableChange(() => this.propertyTarget.set(detail));
+            // nature.properties 가 동적인 컴포넌트(예: robot-arm 의 chainPreset
+            // 변경 시 joint 개수 변화)를 위해 set 직후 nature 재평가.
+            // 정적 nature 컴포넌트는 동일한 배열이 반환되어 비용 미미.
+            const nextProps = (_a = this.propertyTarget.nature) === null || _a === void 0 ? void 0 : _a.properties;
+            if (nextProps && this.specificPropsChanged(nextProps)) {
+                this.specificProps = deepClone(nextProps);
+            }
         }
         else {
             /* 여러 컴포넌트의 경우에 적용 */
             this.scene && this.scene.undoableChange(() => this.selected.forEach(component => component.set(detail)));
         }
     }
+    /**
+     * 새 properties 배열이 현재 specificProps 와 *구조상* 다른지 빠르게 검사.
+     * 단순히 length + 각 항목의 name 만 비교 — value 변경은 model 측에서 처리되므로
+     * specificProps 의 reference 를 바꿀 필요가 없다.
+     */
+    specificPropsChanged(next) {
+        var _a, _b;
+        const cur = this.specificProps;
+        if (!cur || cur.length !== next.length)
+            return true;
+        for (let i = 0; i < next.length; i++) {
+            if (((_a = cur[i]) === null || _a === void 0 ? void 0 : _a.name) !== ((_b = next[i]) === null || _b === void 0 ? void 0 : _b.name))
+                return true;
+        }
+        return false;
+    }
     onBoundsChanged(e) {
         var detail = e.detail;
         if (!this.scene) {
@@ -204,11 +237,6 @@ let OxPropertyPanel = class OxPropertyPanel extends ScopedElementsMixin(LitEleme
     }
     async onSelectedChanged(after) {
         await this.updateComplete;
-        // 3D 탭 선택 중 비-3D 컴포넌트로 전환 시 shape 탭으로 복귀
-        // (model-layer는 항상 3D 탭 표시 가능)
-        if (this.tabName === 'threed' && !this.is3dish(after)) {
-            this.tabName = 'shape';
-        }
         if (after.length == 1) {
             this.setPropertyTarget(after[0]);
             // 컴포넌트 특성 속성(specific properties)을 먼저 바꾸고, 모델을 바꾸어준다.