@fmsim/board 2.0.0-beta.86 → 2.0.0-beta.89

package/custom-elements.json

@@ -2,91 +2,6 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
-    {
-      "kind": "javascript-module",
-      "path": "stories/restful-attachment-selector.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "meta",
-          "default": "{ title: 'Components/RestfulAttachmentSelector', component: 'restful-attachment-selector', argTypes: { category: { control: 'select', options: ['', 'audio', 'video', 'image', 'text', 'application'], description: '첨부파일 카테고리' }, creatable: { control: 'boolean', description: '파일 업로드 가능 여부' }, userName: { control: 'text', description: '사용자 이름' } }, parameters: { layout: 'centered' } } satisfies Meta"
-        },
-        {
-          "kind": "variable",
-          "name": "Default",
-          "type": {
-            "text": "Story"
-          },
-          "default": "{ render: args => html` <restful-attachment-selector .category=${args.category} .creatable=${args.creatable} .userName=${args.userName} style=\"width: 800px; height: 600px;\" ></restful-attachment-selector> `, args: { category: '', creatable: true, userName: 'testUser' } }"
-        },
-        {
-          "kind": "variable",
-          "name": "WithCategory",
-          "type": {
-            "text": "Story"
-          },
-          "default": "{ ...Default, args: { ...Default.args, category: 'document' } }"
-        },
-        {
-          "kind": "variable",
-          "name": "ReadOnly",
-          "type": {
-            "text": "Story"
-          },
-          "default": "{ ...Default, args: { ...Default.args, creatable: false } }"
-        },
-        {
-          "kind": "variable",
-          "name": "WithTestData",
-          "type": {
-            "text": "Story"
-          },
-          "default": "{ ...Default, args: { ...Default.args, category: 'document' }, play: async ({ canvasElement }) => { const selector = canvasElement.querySelector('restful-attachment-selector') as RestfulAttachmentSelector if (selector) { // 테스트 데이터 주입 selector.attachments = [ { id: 'test-1', name: 'test1.txt', description: 'Test file 1', mimetype: 'text/plain', encoding: '7bit', category: 'document', path: 'test1.txt', bulk: '27', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test1.txt', download: 'http://localhost:16060/mcs/lv/downloadFile/test1.txt' }, { id: 'test-2', name: 'test2.jpg', description: 'Test image', mimetype: 'image/jpeg', encoding: '7bit', category: 'image', path: 'test2.jpg', bulk: '1024', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test2.jpg', download: 'http://localhost:16060/mcs/lv/downloadFile/test2.jpg' } ] } } }"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "stories/restful-attachment-selector.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Default",
-          "declaration": {
-            "name": "Default",
-            "module": "stories/restful-attachment-selector.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WithCategory",
-          "declaration": {
-            "name": "WithCategory",
-            "module": "stories/restful-attachment-selector.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ReadOnly",
-          "declaration": {
-            "name": "ReadOnly",
-            "module": "stories/restful-attachment-selector.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WithTestData",
-          "declaration": {
-            "name": "WithTestData",
-            "module": "stories/restful-attachment-selector.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "src/index.ts",
@@ -2863,6 +2778,91 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "stories/restful-attachment-selector.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "default": "{ title: 'Components/RestfulAttachmentSelector', component: 'restful-attachment-selector', argTypes: { category: { control: 'select', options: ['', 'audio', 'video', 'image', 'text', 'application'], description: '첨부파일 카테고리' }, creatable: { control: 'boolean', description: '파일 업로드 가능 여부' }, userName: { control: 'text', description: '사용자 이름' } }, parameters: { layout: 'centered' } } satisfies Meta"
+        },
+        {
+          "kind": "variable",
+          "name": "Default",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ render: args => html` <restful-attachment-selector .category=${args.category} .creatable=${args.creatable} .userName=${args.userName} style=\"width: 800px; height: 600px;\" ></restful-attachment-selector> `, args: { category: '', creatable: true, userName: 'testUser' } }"
+        },
+        {
+          "kind": "variable",
+          "name": "WithCategory",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ ...Default, args: { ...Default.args, category: 'document' } }"
+        },
+        {
+          "kind": "variable",
+          "name": "ReadOnly",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ ...Default, args: { ...Default.args, creatable: false } }"
+        },
+        {
+          "kind": "variable",
+          "name": "WithTestData",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ ...Default, args: { ...Default.args, category: 'document' }, play: async ({ canvasElement }) => { const selector = canvasElement.querySelector('restful-attachment-selector') as RestfulAttachmentSelector if (selector) { // 테스트 데이터 주입 selector.attachments = [ { id: 'test-1', name: 'test1.txt', description: 'Test file 1', mimetype: 'text/plain', encoding: '7bit', category: 'document', path: 'test1.txt', bulk: '27', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test1.txt', download: 'http://localhost:16060/mcs/lv/downloadFile/test1.txt' }, { id: 'test-2', name: 'test2.jpg', description: 'Test image', mimetype: 'image/jpeg', encoding: '7bit', category: 'image', path: 'test2.jpg', bulk: '1024', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test2.jpg', download: 'http://localhost:16060/mcs/lv/downloadFile/test2.jpg' } ] } } }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Default",
+          "declaration": {
+            "name": "Default",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WithCategory",
+          "declaration": {
+            "name": "WithCategory",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ReadOnly",
+          "declaration": {
+            "name": "ReadOnly",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WithTestData",
+          "declaration": {
+            "name": "WithTestData",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/component/etc.ts",
@@ -2878,7 +2878,7 @@
           "type": {
             "text": "ComponentGroup"
           },
-          "default": "{ name: 'etc', description: 'a group of components that have not yet been defined.', icon, templates: [ { type: 'text', description: 'text', icon: text, group: 'shape', model: { type: 'text', left: 100, top: 100, width: 200, height: 50, fillStyle: 'transparent', fontColor: '#000', fontSize: 16, text: 'Text' } }, { type: 'rect', description: 'rectangle shape', icon: rect, group: 'shape', model: { type: 'rect', left: 100, top: 100, width: 100, height: 100, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'ellipse', description: 'ellipse shape', icon: ellipse, group: 'shape', model: { type: 'ellipse', rx: 50, ry: 50, cx: 150, cy: 150, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'triangle', description: 'triangle shape', icon: triangle, group: 'shape', model: { type: 'triangle', x1: 150, y1: 100, x2: 100, y2: 200, x3: 200, y3: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'line', description: 'simple line', icon: lineIcon, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'solid', lineCap: 'butt' } }, { type: 'dash', description: 'dash line', icon: dash, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'round-dot', lineCap: 'butt' } }, { type: 'container', description: 'container shape', icon: container, group: 'container', model: { type: 'container', left: 100, top: 100, width: 400, height: 300, fillStyle: '#fff', strokeStyle: '#999', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'popup', description: 'popup window', icon: popup, group: 'container', model: { type: 'popup', left: 100, top: 100, width: 100, height: 100, fillStyle: '#fff', strokeStyle: 'DarkGoldenRod' } }, { type: 'floor-plate', description: 'floor plate for multi-story layout', icon: rect, group: '3d', model: { type: 'floor-plate', left: 100, top: 100, width: 500, height: 500, depth: 2, fillStyle: '#e8e8e8', strokeStyle: '#999999', alpha: 0.7 } } ] }"
+          "default": "{ name: 'etc', description: 'a group of components that have not yet been defined.', icon, templates: [ { type: 'text', description: 'text', icon: text, group: 'shape', model: { type: 'text', left: 100, top: 100, width: 200, height: 50, fillStyle: 'transparent', fontColor: '#000', fontSize: 16, text: 'Text' } }, { type: 'rect', description: 'rectangle shape', icon: rect, group: 'shape', model: { type: 'rect', left: 100, top: 100, width: 100, height: 100, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'ellipse', description: 'ellipse shape', icon: ellipse, group: 'shape', model: { type: 'ellipse', rx: 50, ry: 50, cx: 150, cy: 150, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'triangle', description: 'triangle shape', icon: triangle, group: 'shape', model: { type: 'triangle', x1: 150, y1: 100, x2: 100, y2: 200, x3: 200, y3: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'line', description: 'simple line', icon: lineIcon, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'solid', lineCap: 'butt' } }, { type: 'dash', description: 'dash line', icon: dash, group: 'line', model: { type: 'line', x1: 100, y1: 100, x2: 200, y2: 200, fillStyle: '#fff', strokeStyle: '#000', alpha: 1, hidden: false, lineWidth: 3, lineDash: 'round-dot', lineCap: 'butt' } }, { type: 'container', description: 'container shape', icon: container, group: 'container', model: { type: 'container', left: 100, top: 100, width: 400, height: 300, fillStyle: '#fff', strokeStyle: '#999', alpha: 1, hidden: false, lineWidth: 1, lineDash: 'solid', lineCap: 'butt' } }, { type: 'popup', description: 'popup window', icon: popup, group: 'container', model: { type: 'popup', left: 100, top: 100, width: 100, height: 100, fillStyle: '#fff', strokeStyle: 'DarkGoldenRod' } }, { type: 'floor-plate', description: 'floor plate for multi-story layout', icon: rect, group: '3d', model: { type: 'floor-plate', left: 100, top: 100, width: 500, height: 500, depth: 2, fillStyle: 'rgba(232, 232, 232, 0.7)', strokeStyle: '#999999', // fmsim 기본 바닥 재질 = rubber 매트 (things-scene 글로벌 기본은 그대로). material3d: { preset: 'rubber' } } } ] }"
         }
       ],
       "exports": [
@@ -7516,115 +7516,862 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/abstract-property.ts",
+      "path": "src/modeller/scene-viewer/confidential-overlay.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "AbstractProperty",
+          "name": "ConfidentialOverlay",
           "members": [
             {
               "kind": "method",
-              "name": "_onValueChange",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_getValueFromEventTarget",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_onAfterValueChange",
+              "name": "_draw",
               "parameters": [
                 {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
+                  "name": "context",
                   "type": {
-                    "text": "any"
+                    "text": "CanvasRenderingContext2D"
                   }
                 }
               ]
             }
           ],
-          "events": [
-            {
-              "name": "property-change",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "AbstractProperty",
-          "declaration": {
-            "name": "AbstractProperty",
-            "module": "src/modeller/property-sidebar/abstract-property.ts"
+            "name": "SceneLayer",
+            "package": "@hatiolab/things-scene"
           }
         }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/property-shared-style.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "PropertySharedStyle",
-          "default": "css` fieldset { border: none; margin: 4px; padding: 9px 4px 9px 4px; border-bottom: var(--property-sidebar-fieldset-border); color: var(--property-sidebar-fieldset-legend-color); font: var(--property-sidebar-fieldset-label); } fieldset legend { padding: 5px 0 0 5px; color: var(--property-sidebar-fieldset-legend-color); font: var(--property-sidebar-fieldset-legend); text-transform: capitalize; } select, input { border: var(--property-sidebar-fieldset-border); } ox-input-data { height: 300px; } /* property grid */ .property-grid { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } .property-grid > * { width: 100%; box-sizing: border-box; } .property-grid > label { grid-column: span 3; text-align: right; text-transform: capitalize; line-height: 2; } .property-grid > input, .property-grid > table, .property-grid > select, .property-grid > ox-input-angle, .property-grid > ox-buttons-radio, .property-grid > ox-input-color, [custom-editor] { grid-column: span 7; align-self: stretch; } .property-grid > .checkbox-row { grid-column: span 10; } .property-grid > .property-full-label { grid-column: span 3; text-align: right; text-transform: capitalize; } .property-grid > .property-half-label { grid-column: span 1; } .property-grid > .property-full-input { grid-column: span 7; } .property-grid > .property-half-input { grid-column: span 4; } /* checkbox-row */ .checkbox-row { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } .checkbox-row > input { grid-column: 4 / 5; } .checkbox-row > label { grid-column: span 6; text-align: left; } /* image resources */ .icon-only-label { grid-column: span 1; background: var(--url-icon-properties-label) no-repeat; float: left; margin: 0; align-self: stretch; } .icon-only-label.color { background-position: 100% -500px; } .icon-only-label.font-size { background-position: 100% -594px; } .icon-only-label.leading { background-position: 100% -696px; } .icon-only-label.hscale { background-position: 100% -296px; } .icon-only-label.vscale { background-position: 100% -396px; } .icon-only-label.linewidth { background-position: 100% -894px; } .icon-only-label.lineHeight { background-position: 100% -995px; } .icon-only-label.letterSpacing { background-position: 100% -1594px; } `"
-        }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "PropertySharedStyle",
+          "name": "default",
           "declaration": {
-            "name": "PropertySharedStyle",
-            "module": "src/modeller/property-sidebar/property-shared-style.ts"
+            "name": "ConfidentialOverlay",
+            "module": "src/modeller/scene-viewer/confidential-overlay.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/property-sidebar.ts",
+      "path": "src/modeller/scene-viewer/ox-scene-handler.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "PropertySidebar",
+          "name": "OxSceneHandler",
           "members": [
             {
               "kind": "field",
-              "name": "scene",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "model",
+              "type": {
+                "text": "{\n    type: Object\n    notify: true\n  }"
+              },
+              "attribute": "model"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "type"
+            },
+            {
+              "name": "model",
+              "type": {
+                "text": "{\n    type: Object\n    notify: true\n  }"
+              },
+              "fieldName": "model"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "ox-scene-handler",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "OxSceneHandler",
+            "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ox-scene-handler",
+          "declaration": {
+            "name": "OxSceneHandler",
+            "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/scene-viewer/ox-scene-layer.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "OxSceneLayer",
+          "members": [
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "text"
+            },
+            {
+              "kind": "method",
+              "name": "getModel"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "type",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "type"
+            },
+            {
+              "name": "text",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "text"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "ox-scene-layer",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "OxSceneLayer",
+            "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ox-scene-layer",
+          "declaration": {
+            "name": "OxSceneLayer",
+            "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/scene-viewer/ox-scene-property.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "OxSceneProperty",
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "type"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "type"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "ox-scene-property",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "OxSceneProperty",
+            "module": "src/modeller/scene-viewer/ox-scene-property.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ox-scene-property",
+          "declaration": {
+            "name": "OxSceneProperty",
+            "module": "src/modeller/scene-viewer/ox-scene-property.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/scene-viewer/ox-scene-viewer.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "OxSceneViewer",
+          "members": [
+            {
+              "kind": "field",
+              "name": "scene",
+              "type": {
+                "text": "Scene | null"
+              },
+              "default": "null",
+              "attribute": "scene"
+            },
+            {
+              "kind": "field",
+              "name": "model",
+              "type": {
+                "text": "Model | undefined"
+              },
+              "attribute": "model"
+            },
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "SceneMode"
+              },
+              "attribute": "mode"
+            },
+            {
+              "kind": "field",
+              "name": "screenSize",
+              "type": {
+                "text": "number"
+              },
+              "default": "13.3",
+              "attribute": "screenSize"
+            },
+            {
+              "kind": "field",
+              "name": "variables",
+              "type": {
+                "text": "Properties"
+              },
+              "default": "{}",
+              "attribute": "variables"
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "any"
+              },
+              "attribute": "data"
+            },
+            {
+              "kind": "field",
+              "name": "themes",
+              "type": {
+                "text": "any | undefined"
+              },
+              "attribute": "themes"
+            },
+            {
+              "kind": "field",
+              "name": "fit",
+              "type": {
+                "text": "FITMODE"
+              },
+              "default": "'none'",
+              "attribute": "fit"
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "Component[]"
+              },
+              "default": "[]",
+              "attribute": "selected"
+            },
+            {
+              "kind": "field",
+              "name": "disposeWhenDetached",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disposeWhenDetached"
+            },
+            {
+              "kind": "field",
+              "name": "baseUrl",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "baseUrl"
+            },
+            {
+              "kind": "field",
+              "name": "provider",
+              "type": {
+                "text": "any"
+              },
+              "attribute": "provider"
+            },
+            {
+              "kind": "field",
+              "name": "loadTracker",
+              "type": {
+                "text": "LoadTracker | undefined"
+              },
+              "attribute": "loadTracker"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "'noname'",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "enableInspector",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "attribute": "enableInspector"
+            },
+            {
+              "kind": "field",
+              "name": "showInspector",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "showInspector"
+            },
+            {
+              "kind": "field",
+              "name": "lastOffsetWidth",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_setScene",
+              "parameters": [
+                {
+                  "name": "scene",
+                  "type": {
+                    "text": "Scene | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_setMode",
+              "parameters": [
+                {
+                  "name": "mode",
+                  "type": {
+                    "text": "SceneMode"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_setVariables",
+              "parameters": [
+                {
+                  "name": "variables",
+                  "type": {
+                    "text": "Properties"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_setSelected",
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_disposeScene"
+            },
+            {
+              "kind": "method",
+              "name": "resize",
+              "parameters": [
+                {
+                  "name": "force",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onModelChanged",
+              "parameters": [
+                {
+                  "name": "model",
+                  "optional": true,
+                  "type": {
+                    "text": "Model"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onDisplayChanged",
+              "parameters": [
+                {
+                  "name": "screenSize",
+                  "type": {
+                    "text": "string | number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onModeChanged",
+              "parameters": [
+                {
+                  "name": "mode",
+                  "type": {
+                    "text": "SceneMode"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onDataChanged",
+              "parameters": [
+                {
+                  "name": "data",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onSelectedChanged",
+              "parameters": [
+                {
+                  "name": "after",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onSceneModeChanged",
+              "parameters": [
+                {
+                  "name": "after",
+                  "type": {
+                    "text": "SceneMode"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onBaseUrlChanged",
+              "parameters": [
+                {
+                  "name": "after",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "scene-changed",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "mode-changed",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "variables-changed",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "selected-changed",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "scene",
+              "type": {
+                "text": "Scene | null"
+              },
+              "default": "null",
+              "fieldName": "scene"
+            },
+            {
+              "name": "model",
+              "type": {
+                "text": "Model | undefined"
+              },
+              "fieldName": "model"
+            },
+            {
+              "name": "mode",
+              "type": {
+                "text": "SceneMode"
+              },
+              "fieldName": "mode"
+            },
+            {
+              "name": "screenSize",
+              "type": {
+                "text": "number"
+              },
+              "default": "13.3",
+              "fieldName": "screenSize"
+            },
+            {
+              "name": "variables",
+              "type": {
+                "text": "Properties"
+              },
+              "default": "{}",
+              "fieldName": "variables"
+            },
+            {
+              "name": "data",
+              "type": {
+                "text": "any"
+              },
+              "fieldName": "data"
+            },
+            {
+              "name": "themes",
+              "type": {
+                "text": "any | undefined"
+              },
+              "fieldName": "themes"
+            },
+            {
+              "name": "fit",
+              "type": {
+                "text": "FITMODE"
+              },
+              "default": "'none'",
+              "fieldName": "fit"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "Component[]"
+              },
+              "default": "[]",
+              "fieldName": "selected"
+            },
+            {
+              "name": "disposeWhenDetached",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disposeWhenDetached"
+            },
+            {
+              "name": "baseUrl",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "baseUrl"
+            },
+            {
+              "name": "provider",
+              "type": {
+                "text": "any"
+              },
+              "fieldName": "provider"
+            },
+            {
+              "name": "loadTracker",
+              "type": {
+                "text": "LoadTracker | undefined"
+              },
+              "fieldName": "loadTracker"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "'noname'",
+              "fieldName": "name"
+            },
+            {
+              "name": "enableInspector",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true",
+              "fieldName": "enableInspector"
+            },
+            {
+              "name": "showInspector",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "showInspector"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "ox-scene-viewer",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "OxSceneViewer",
+            "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "ox-scene-viewer",
+          "declaration": {
+            "name": "OxSceneViewer",
+            "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/abstract-property.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "AbstractProperty",
+          "members": [
+            {
+              "kind": "method",
+              "name": "_onValueChange",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_getValueFromEventTarget",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onAfterValueChange",
+              "parameters": [
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "property-change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AbstractProperty",
+          "declaration": {
+            "name": "AbstractProperty",
+            "module": "src/modeller/property-sidebar/abstract-property.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/property-shared-style.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "PropertySharedStyle",
+          "default": "css` fieldset { border: none; margin: 4px; padding: 9px 4px 9px 4px; border-bottom: var(--property-sidebar-fieldset-border); color: var(--property-sidebar-fieldset-legend-color); font: var(--property-sidebar-fieldset-label); } fieldset legend { padding: 5px 0 0 5px; color: var(--property-sidebar-fieldset-legend-color); font: var(--property-sidebar-fieldset-legend); text-transform: capitalize; } select, input { border: var(--property-sidebar-fieldset-border); } ox-input-data { height: 300px; } /* property grid */ .property-grid { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } .property-grid > * { width: 100%; box-sizing: border-box; } .property-grid > label { grid-column: span 3; text-align: right; text-transform: capitalize; line-height: 2; } .property-grid > input, .property-grid > table, .property-grid > select, .property-grid > ox-input-angle, .property-grid > ox-buttons-radio, .property-grid > ox-input-color, [custom-editor] { grid-column: span 7; align-self: stretch; } .property-grid > .checkbox-row { grid-column: span 10; } .property-grid > .property-full-label { grid-column: span 3; text-align: right; text-transform: capitalize; } .property-grid > .property-half-label { grid-column: span 1; } .property-grid > .property-full-input { grid-column: span 7; } .property-grid > .property-half-input { grid-column: span 4; } /* checkbox-row */ .checkbox-row { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } .checkbox-row > input { grid-column: 4 / 5; } .checkbox-row > label { grid-column: span 6; text-align: left; } /* image resources */ .icon-only-label { grid-column: span 1; background: var(--url-icon-properties-label) no-repeat; float: left; margin: 0; align-self: stretch; } .icon-only-label.color { background-position: 100% -500px; } .icon-only-label.font-size { background-position: 100% -594px; } .icon-only-label.leading { background-position: 100% -696px; } .icon-only-label.hscale { background-position: 100% -296px; } .icon-only-label.vscale { background-position: 100% -396px; } .icon-only-label.linewidth { background-position: 100% -894px; } .icon-only-label.lineHeight { background-position: 100% -995px; } .icon-only-label.letterSpacing { background-position: 100% -1594px; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PropertySharedStyle",
+          "declaration": {
+            "name": "PropertySharedStyle",
+            "module": "src/modeller/property-sidebar/property-shared-style.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/property-sidebar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PropertySidebar",
+          "members": [
+            {
+              "kind": "field",
+              "name": "scene",
               "type": {
                 "text": "Scene | null"
               },
@@ -7900,777 +8647,558 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/scene-viewer/confidential-overlay.ts",
+      "path": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "ConfidentialOverlay",
+          "description": "element for mapping data value editing\n\nExample:\n\n<data-binding-mapper mapping=${mapping}>\n</data-binding-mapper>",
+          "name": "DataBindingMapper",
           "members": [
+            {
+              "kind": "field",
+              "name": "mapping",
+              "type": {
+                "text": "Mapping"
+              },
+              "default": "{ rule: 'value' }",
+              "attribute": "mapping"
+            },
+            {
+              "kind": "field",
+              "name": "rule",
+              "type": {
+                "text": "Rule"
+              },
+              "default": "{}",
+              "attribute": "rule"
+            },
+            {
+              "kind": "field",
+              "name": "scene",
+              "type": {
+                "text": "Scene | undefined"
+              },
+              "attribute": "scene"
+            },
+            {
+              "kind": "field",
+              "name": "_valueTypes",
+              "type": {
+                "text": "any"
+              },
+              "default": "{ play: 'boolean', hidden: 'boolean', started: 'boolean', rotation: 'number', value: 'number', fillStyle: 'color', strokeStyle: 'color', fontColor: 'color', data: 'object', source: 'attachment', location: 'object', dimension: 'object', text: 'string', ref: 'string' }"
+            },
+            {
+              "kind": "field",
+              "name": "_componentIds",
+              "type": {
+                "text": "{ value: string; description: string }[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "editor",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
             {
               "kind": "method",
-              "name": "_draw",
+              "name": "_valuetype",
               "parameters": [
                 {
-                  "name": "context",
+                  "name": "property",
                   "type": {
-                    "text": "CanvasRenderingContext2D"
+                    "text": "string"
                   }
                 }
               ]
-            }
-          ],
-          "superclass": {
-            "name": "SceneLayer",
-            "package": "@hatiolab/things-scene"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ConfidentialOverlay",
-            "module": "src/modeller/scene-viewer/confidential-overlay.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/scene-viewer/ox-scene-handler.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "OxSceneHandler",
-          "members": [
+            },
             {
               "kind": "field",
-              "name": "type",
+              "name": "_keep_saved_rule_params",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "attribute": "type"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "kind": "field",
-              "name": "model",
+              "kind": "method",
+              "name": "_onChangedMapping"
+            },
+            {
+              "kind": "method",
+              "name": "_onChangeRule",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onChange",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "value-change",
               "type": {
-                "text": "{\n    type: Object\n    notify: true\n  }"
-              },
-              "attribute": "model"
+                "text": "CustomEvent"
+              }
             }
           ],
           "attributes": [
             {
-              "name": "type",
+              "name": "mapping",
               "type": {
-                "text": "string"
+                "text": "Mapping"
               },
-              "fieldName": "type"
+              "default": "{ rule: 'value' }",
+              "fieldName": "mapping"
             },
             {
-              "name": "model",
+              "name": "rule",
               "type": {
-                "text": "{\n    type: Object\n    notify: true\n  }"
+                "text": "Rule"
               },
-              "fieldName": "model"
+              "default": "{}",
+              "fieldName": "rule"
+            },
+            {
+              "name": "properties",
+              "type": {
+                "text": "Properties[]"
+              },
+              "default": "[]",
+              "fieldName": "properties"
+            },
+            {
+              "name": "scene",
+              "type": {
+                "text": "Scene | undefined"
+              },
+              "fieldName": "scene"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "ox-scene-handler",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "OxSceneHandler",
-            "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ox-scene-handler",
+          "name": "DataBindingMapper",
           "declaration": {
-            "name": "OxSceneHandler",
-            "module": "src/modeller/scene-viewer/ox-scene-handler.ts"
+            "name": "DataBindingMapper",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/scene-viewer/ox-scene-layer.ts",
+      "path": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "OxSceneLayer",
+          "name": "DataBindingValueMap",
           "members": [
             {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "type"
-            },
-            {
-              "kind": "field",
-              "name": "text",
-              "type": {
-                "text": "string | undefined"
-              },
-              "attribute": "text"
-            },
-            {
-              "kind": "method",
-              "name": "getModel"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "type",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "type"
-            },
-            {
-              "name": "text",
-              "type": {
-                "text": "string | undefined"
-              },
-              "fieldName": "text"
+              "kind": "method",
+              "name": "valueInputTemplate",
+              "parameters": [
+                {
+                  "name": "value",
+                  "optional": true,
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "OxInputValueMap",
+            "package": "@operato/input"
           },
-          "tagName": "ox-scene-layer",
+          "tagName": "data-binding-value-map",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "DataBindingValueMap",
           "declaration": {
-            "name": "OxSceneLayer",
-            "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
+            "name": "DataBindingValueMap",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ox-scene-layer",
+          "name": "data-binding-value-map",
           "declaration": {
-            "name": "OxSceneLayer",
-            "module": "src/modeller/scene-viewer/ox-scene-layer.ts"
+            "name": "DataBindingValueMap",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/scene-viewer/ox-scene-property.ts",
+      "path": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "OxSceneProperty",
+          "name": "DataBindingValueRange",
           "members": [
             {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "name"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "type"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "name"
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "value"
-            },
-            {
-              "name": "type",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "type"
+              "kind": "method",
+              "name": "valueInputTemplate",
+              "parameters": [
+                {
+                  "name": "value",
+                  "optional": true,
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "OxInputValueRange",
+            "package": "@operato/input"
           },
-          "tagName": "ox-scene-property",
+          "tagName": "data-binding-value-range",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "DataBindingValueRange",
           "declaration": {
-            "name": "OxSceneProperty",
-            "module": "src/modeller/scene-viewer/ox-scene-property.ts"
+            "name": "DataBindingValueRange",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "ox-scene-property",
+          "name": "data-binding-value-range",
           "declaration": {
-            "name": "OxSceneProperty",
-            "module": "src/modeller/scene-viewer/ox-scene-property.ts"
+            "name": "DataBindingValueRange",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/scene-viewer/ox-scene-viewer.ts",
+      "path": "src/modeller/property-sidebar/data-binding/data-binding.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "OxSceneViewer",
+          "name": "PropertyDataBinding",
           "members": [
             {
               "kind": "field",
-              "name": "scene",
-              "type": {
-                "text": "Scene | null"
-              },
-              "default": "null",
-              "attribute": "scene"
-            },
-            {
-              "kind": "field",
-              "name": "model",
+              "name": "value",
               "type": {
-                "text": "Model | undefined"
+                "text": "Properties | undefined"
               },
-              "attribute": "model"
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "mode",
+              "name": "scene",
               "type": {
-                "text": "SceneMode"
+                "text": "Scene | undefined"
               },
-              "attribute": "mode"
+              "attribute": "scene"
             },
             {
               "kind": "field",
-              "name": "screenSize",
+              "name": "mappingIndex",
               "type": {
                 "text": "number"
               },
-              "default": "13.3",
-              "attribute": "screenSize"
-            },
-            {
-              "kind": "field",
-              "name": "variables",
-              "type": {
-                "text": "Properties"
-              },
-              "default": "{}",
-              "attribute": "variables"
-            },
-            {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "any"
-              },
-              "attribute": "data"
-            },
-            {
-              "kind": "field",
-              "name": "themes",
-              "type": {
-                "text": "any | undefined"
-              },
-              "attribute": "themes"
-            },
-            {
-              "kind": "field",
-              "name": "fit",
-              "type": {
-                "text": "FITMODE"
-              },
-              "default": "'none'",
-              "attribute": "fit"
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "selected",
+              "name": "_afterRender",
               "type": {
-                "text": "Component[]"
-              },
-              "default": "[]",
-              "attribute": "selected"
+                "text": "Function | null | undefined"
+              }
             },
             {
               "kind": "field",
-              "name": "disposeWhenDetached",
+              "name": "_dataExpanded",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "attribute": "disposeWhenDetached"
-            },
-            {
-              "kind": "field",
-              "name": "baseUrl",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "attribute": "baseUrl"
-            },
-            {
-              "kind": "field",
-              "name": "provider",
-              "type": {
-                "text": "any"
-              },
-              "attribute": "provider"
-            },
-            {
-              "kind": "field",
-              "name": "loadTracker",
-              "type": {
-                "text": "LoadTracker | undefined"
-              },
-              "attribute": "loadTracker"
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "tabs",
               "type": {
-                "text": "string"
-              },
-              "default": "'noname'",
-              "attribute": "name"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "enableInspector",
+              "name": "tabNavLeftButton",
               "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "attribute": "enableInspector"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "showInspector",
+              "name": "tabNavRightButton",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "showInspector"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "lastOffsetWidth",
-              "type": {
-                "text": "number | undefined"
-              },
-              "privacy": "private"
+              "name": "mappings",
+              "readonly": true
             },
-            {
-              "kind": "method",
-              "name": "_setScene",
-              "parameters": [
-                {
-                  "name": "scene",
-                  "type": {
-                    "text": "Scene | null"
-                  }
-                }
-              ]
+            {
+              "kind": "field",
+              "name": "scopedElements",
+              "static": true,
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "_setMode",
+              "name": "_setMappingIndex",
               "parameters": [
                 {
-                  "name": "mode",
+                  "name": "idx",
                   "type": {
-                    "text": "SceneMode"
+                    "text": "number"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_setVariables",
-              "parameters": [
-                {
-                  "name": "variables",
-                  "type": {
-                    "text": "Properties"
-                  }
-                }
-              ]
+              "name": "_clearDataBindingMapper"
             },
             {
               "kind": "method",
-              "name": "_setSelected",
-              "parameters": [
-                {
-                  "name": "selected",
-                  "type": {
-                    "text": "Component[]"
-                  }
-                }
-              ]
+              "name": "_copyDataBindingMapper"
             },
             {
               "kind": "method",
-              "name": "_disposeScene"
+              "name": "_pasteDataBindingMapper"
             },
             {
               "kind": "method",
-              "name": "resize",
-              "parameters": [
-                {
-                  "name": "force",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "name": "_onValueChanged"
             },
             {
               "kind": "method",
-              "name": "_onModelChanged",
+              "name": "_onValueChange",
               "parameters": [
                 {
-                  "name": "model",
-                  "optional": true,
+                  "name": "e",
                   "type": {
-                    "text": "Model"
+                    "text": "Event"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tabContainer",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "_onDisplayChanged",
+              "name": "_onMappingChanged",
               "parameters": [
                 {
-                  "name": "screenSize",
+                  "name": "e",
                   "type": {
-                    "text": "string | number"
+                    "text": "CustomEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_onModeChanged",
-              "parameters": [
-                {
-                  "name": "mode",
-                  "type": {
-                    "text": "SceneMode"
-                  }
-                }
-              ]
+              "name": "_onTabScroll"
             },
             {
               "kind": "method",
-              "name": "_onDataChanged",
-              "parameters": [
-                {
-                  "name": "data",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
+              "name": "_onTabScrollNavLeft"
             },
             {
               "kind": "method",
-              "name": "_onSelectedChanged",
-              "parameters": [
-                {
-                  "name": "after",
-                  "type": {
-                    "text": "Component[]"
-                  }
-                }
-              ]
+              "name": "_onTabScrollNavRight"
             },
             {
               "kind": "method",
-              "name": "_onSceneModeChanged",
+              "name": "_getValueFromEventTarget",
               "parameters": [
                 {
-                  "name": "after",
+                  "name": "element",
                   "type": {
-                    "text": "SceneMode"
+                    "text": "HTMLElement"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "_onBaseUrlChanged",
+              "name": "_onAfterValueChange",
               "parameters": [
                 {
-                  "name": "after",
+                  "name": "key",
                   "type": {
                     "text": "string"
                   }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "any"
+                  }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
             }
           ],
           "events": [
             {
-              "name": "scene-changed",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "mode-changed",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "variables-changed",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "selected-changed",
+              "name": "property-change",
               "type": {
                 "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "scene",
-              "type": {
-                "text": "Scene | null"
-              },
-              "default": "null",
-              "fieldName": "scene"
-            },
-            {
-              "name": "model",
-              "type": {
-                "text": "Model | undefined"
-              },
-              "fieldName": "model"
-            },
-            {
-              "name": "mode",
-              "type": {
-                "text": "SceneMode"
-              },
-              "fieldName": "mode"
-            },
-            {
-              "name": "screenSize",
-              "type": {
-                "text": "number"
-              },
-              "default": "13.3",
-              "fieldName": "screenSize"
-            },
-            {
-              "name": "variables",
-              "type": {
-                "text": "Properties"
-              },
-              "default": "{}",
-              "fieldName": "variables"
-            },
-            {
-              "name": "data",
-              "type": {
-                "text": "any"
-              },
-              "fieldName": "data"
-            },
-            {
-              "name": "themes",
-              "type": {
-                "text": "any | undefined"
-              },
-              "fieldName": "themes"
-            },
-            {
-              "name": "fit",
-              "type": {
-                "text": "FITMODE"
-              },
-              "default": "'none'",
-              "fieldName": "fit"
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "Component[]"
-              },
-              "default": "[]",
-              "fieldName": "selected"
-            },
-            {
-              "name": "disposeWhenDetached",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "disposeWhenDetached"
-            },
-            {
-              "name": "baseUrl",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "baseUrl"
-            },
-            {
-              "name": "provider",
-              "type": {
-                "text": "any"
-              },
-              "fieldName": "provider"
-            },
-            {
-              "name": "loadTracker",
-              "type": {
-                "text": "LoadTracker | undefined"
-              },
-              "fieldName": "loadTracker"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "'noname'",
-              "fieldName": "name"
-            },
+          "attributes": [
             {
-              "name": "enableInspector",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "Properties | undefined"
               },
-              "default": "true",
-              "fieldName": "enableInspector"
+              "fieldName": "value"
             },
             {
-              "name": "showInspector",
+              "name": "scene",
               "type": {
-                "text": "boolean"
+                "text": "Scene | undefined"
               },
-              "default": "false",
-              "fieldName": "showInspector"
+              "fieldName": "scene"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "ScopedElementsMixin",
+              "package": "@open-wc/scoped-elements"
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "ox-scene-viewer",
-          "customElement": true
+            "name": "AbstractProperty",
+            "module": "/src/modeller/property-sidebar/abstract-property.js"
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
+          "name": "PropertyDataBinding",
           "declaration": {
-            "name": "OxSceneViewer",
-            "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
+            "name": "PropertyDataBinding",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
           }
-        },
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
+      "declarations": [
         {
-          "kind": "custom-element-definition",
-          "name": "ox-scene-viewer",
+          "kind": "variable",
+          "name": "EffectsSharedStyle",
+          "default": "css` :host { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } * { align-self: stretch; } label { grid-column: span 3; text-align: right; text-transform: capitalize; align-self: center; } input, select, ox-input-angle, ox-input-color, [custom-editor] { grid-column: span 7; } input, select, ox-input-angle input, ox-input-color input, [custom-editor] input { border: var(--property-sidebar-fieldset-border); } ox-input-data { height: 300px; } input[type='checkbox'] { grid-column: 4 / 5; align-self: center; } label.checkbox-label { grid-column: span 6; text-align: left; } [fullwidth] { grid-column: 1 / -1; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "EffectsSharedStyle",
           "declaration": {
-            "name": "OxSceneViewer",
-            "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
+            "name": "EffectsSharedStyle",
+            "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts",
+      "path": "src/modeller/property-sidebar/effects/effects.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "element for mapping data value editing\n\nExample:\n\n<data-binding-mapper mapping=${mapping}>\n</data-binding-mapper>",
-          "name": "DataBindingMapper",
+          "description": "",
+          "name": "PropertyEffects",
           "members": [
             {
               "kind": "field",
-              "name": "mapping",
-              "type": {
-                "text": "Mapping"
-              },
-              "default": "{ rule: 'value' }",
-              "attribute": "mapping"
-            },
-            {
-              "kind": "field",
-              "name": "rule",
+              "name": "value",
               "type": {
-                "text": "Rule"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
-              "attribute": "rule"
+              "attribute": "value"
             },
             {
               "kind": "field",
@@ -8682,251 +9210,227 @@
             },
             {
               "kind": "field",
-              "name": "_valueTypes",
-              "type": {
-                "text": "any"
-              },
-              "default": "{ play: 'boolean', hidden: 'boolean', started: 'boolean', rotation: 'number', value: 'number', fillStyle: 'color', strokeStyle: 'color', fontColor: 'color', data: 'object', source: 'attachment', location: 'object', dimension: 'object', text: 'string', ref: 'string' }"
-            },
-            {
-              "kind": "field",
-              "name": "_componentIds",
+              "name": "selected",
               "type": {
-                "text": "{ value: string; description: string }[]"
+                "text": "Component[]"
               },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "editor",
-              "type": {
-                "text": "HTMLInputElement"
-              }
+              "default": "[]",
+              "attribute": "selected"
             },
             {
               "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "HTMLInputElement"
-              }
+              "name": "scopedElements",
+              "static": true,
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "_valuetype",
+              "name": "_onShadow3dChange",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "property",
+                  "name": "key",
                   "type": {
-                    "text": "string"
+                    "text": "'castShadow' | 'receiveShadow'"
+                  }
+                },
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "_keep_saved_rule_params",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+              ],
+              "description": "3D 그림자 토글 — material3d.castShadow / receiveShadow 만 갱신.\n\nmaterial3d 는 단일 객체 속성이므로 기존 material3d 전체를 보존한 채 해당\n키만 덮어써 dispatch 한다 ({ castShadow } 만 보내면 set() 의 top-level shallow\nmerge 로 material3d 전체가 사라짐). value-key 를 두지 않아 AbstractProperty\n의 제너릭 change 핸들러는 이 입력을 무시한다."
             },
             {
               "kind": "method",
-              "name": "_onChangedMapping"
+              "name": "_onValueChange",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "_onChangeRule",
+              "name": "_getValueFromEventTarget",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "element",
                   "type": {
-                    "text": "Event"
+                    "text": "HTMLElement"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "_onChange",
+              "name": "_onAfterValueChange",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "key",
                   "type": {
-                    "text": "Event"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "any"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
             }
           ],
           "events": [
             {
-              "name": "value-change",
+              "name": "property-change",
               "type": {
                 "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
               }
             }
           ],
           "attributes": [
             {
-              "name": "mapping",
+              "name": "value",
               "type": {
-                "text": "Mapping"
+                "text": "Properties | undefined"
               },
-              "default": "{ rule: 'value' }",
-              "fieldName": "mapping"
+              "fieldName": "value"
             },
             {
-              "name": "rule",
+              "name": "scene",
               "type": {
-                "text": "Rule"
+                "text": "Scene | undefined"
               },
-              "default": "{}",
-              "fieldName": "rule"
+              "fieldName": "scene"
             },
             {
-              "name": "properties",
+              "name": "selected",
               "type": {
-                "text": "Properties[]"
+                "text": "Component[]"
               },
               "default": "[]",
-              "fieldName": "properties"
-            },
-            {
-              "name": "scene",
-              "type": {
-                "text": "Scene | undefined"
-              },
-              "fieldName": "scene"
+              "fieldName": "selected"
             }
           ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "DataBindingMapper",
-          "declaration": {
-            "name": "DataBindingMapper",
-            "module": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DataBindingValueMap",
-          "members": [
+          "mixins": [
             {
-              "kind": "method",
-              "name": "valueInputTemplate",
-              "parameters": [
-                {
-                  "name": "value",
-                  "optional": true,
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
+              "name": "ScopedElementsMixin",
+              "package": "@open-wc/scoped-elements"
             }
           ],
           "superclass": {
-            "name": "OxInputValueMap",
-            "package": "@operato/input"
-          },
-          "tagName": "data-binding-value-map",
-          "customElement": true
+            "name": "AbstractProperty",
+            "module": "/src/modeller/property-sidebar/abstract-property.js"
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DataBindingValueMap",
-          "declaration": {
-            "name": "DataBindingValueMap",
-            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "data-binding-value-map",
+          "name": "PropertyEffects",
           "declaration": {
-            "name": "DataBindingValueMap",
-            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
+            "name": "PropertyEffects",
+            "module": "src/modeller/property-sidebar/effects/effects.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts",
+      "path": "src/modeller/property-sidebar/effects/event-handler-adapter.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "DataBindingValueRange",
-          "members": [
+          "kind": "function",
+          "name": "eventHandlersToLegacyTap",
+          "return": {
+            "type": {
+              "text": "LegacyTap"
+            }
+          },
+          "parameters": [
             {
-              "kind": "method",
-              "name": "valueInputTemplate",
-              "parameters": [
-                {
-                  "name": "value",
-                  "optional": true,
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
+              "name": "handlers",
+              "type": {
+                "text": "EventHandler[] | undefined"
+              }
             }
           ],
-          "superclass": {
-            "name": "OxInputValueRange",
-            "package": "@operato/input"
+          "description": "trigger 가 click/tap 인 첫 핸들러를 legacy tap 객체로 변환."
+        },
+        {
+          "kind": "function",
+          "name": "applyLegacyTapToHandlers",
+          "return": {
+            "type": {
+              "text": "EventHandler[]"
+            }
           },
-          "tagName": "data-binding-value-range",
-          "customElement": true
+          "parameters": [
+            {
+              "name": "handlers",
+              "type": {
+                "text": "EventHandler[] | undefined"
+              }
+            },
+            {
+              "name": "newTap",
+              "type": {
+                "text": "LegacyTap | undefined"
+              }
+            }
+          ],
+          "description": "기존 배열에서 click/tap 항목을 새 값으로 교체 (또는 push, 또는 제거).\n다른 trigger 항목은 그대로 보존."
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "DataBindingValueRange",
+          "name": "eventHandlersToLegacyTap",
           "declaration": {
-            "name": "DataBindingValueRange",
-            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
+            "name": "eventHandlersToLegacyTap",
+            "module": "src/modeller/property-sidebar/effects/event-handler-adapter.ts"
           }
         },
         {
-          "kind": "custom-element-definition",
-          "name": "data-binding-value-range",
+          "kind": "js",
+          "name": "applyLegacyTapToHandlers",
           "declaration": {
-            "name": "DataBindingValueRange",
-            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
+            "name": "applyLegacyTapToHandlers",
+            "module": "src/modeller/property-sidebar/effects/event-handler-adapter.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/data-binding/data-binding.ts",
+      "path": "src/modeller/property-sidebar/effects/property-event-hover.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "PropertyDataBinding",
+          "name": "PropertyEventHover",
           "members": [
             {
               "kind": "field",
@@ -8944,182 +9448,153 @@
               },
               "attribute": "scene"
             },
-            {
-              "kind": "field",
-              "name": "mappingIndex",
-              "type": {
-                "text": "number"
-              },
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "_afterRender",
-              "type": {
-                "text": "Function | null | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_dataExpanded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true"
-            },
-            {
-              "kind": "field",
-              "name": "tabs",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "tabNavLeftButton",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "tabNavRightButton",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "mappings",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "scopedElements",
-              "static": true,
-              "readonly": true
-            },
             {
               "kind": "method",
-              "name": "_setMappingIndex",
+              "name": "_getPlaceHoder",
               "parameters": [
                 {
-                  "name": "idx",
+                  "name": "action",
                   "type": {
-                    "text": "number"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_clearDataBindingMapper"
-            },
-            {
-              "kind": "method",
-              "name": "_copyDataBindingMapper"
-            },
-            {
-              "kind": "method",
-              "name": "_pasteDataBindingMapper"
-            },
-            {
-              "kind": "method",
-              "name": "_onValueChanged"
-            },
-            {
-              "kind": "method",
-              "name": "_onValueChange",
+              "name": "_getTargetList",
+              "return": {
+                "type": {
+                  "text": "{ value: string; description: string }[]"
+                }
+              },
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "action",
                   "type": {
-                    "text": "Event"
+                    "text": "string"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "tabContainer",
-              "readonly": true
+              ]
             },
             {
               "kind": "method",
-              "name": "_onMappingChanged",
+              "name": "_onValueChange",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "CustomEvent"
+                    "text": "Event"
                   }
                 }
               ]
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "Properties | undefined"
+              },
+              "fieldName": "value"
             },
             {
-              "kind": "method",
-              "name": "_onTabScroll"
+              "name": "scene",
+              "type": {
+                "text": "Scene | undefined"
+              },
+              "fieldName": "scene"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PropertyEventHover",
+          "declaration": {
+            "name": "PropertyEventHover",
+            "module": "src/modeller/property-sidebar/effects/property-event-hover.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/effects/property-event-tap.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PropertyEventTap",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "Properties | undefined"
+              },
+              "attribute": "value"
             },
             {
-              "kind": "method",
-              "name": "_onTabScrollNavLeft"
+              "kind": "field",
+              "name": "scene",
+              "type": {
+                "text": "Scene | undefined"
+              },
+              "attribute": "scene"
             },
             {
-              "kind": "method",
-              "name": "_onTabScrollNavRight"
+              "kind": "field",
+              "name": "targetList",
+              "type": {
+                "text": "{ value: string; description: string }[]"
+              },
+              "default": "[]"
             },
             {
               "kind": "method",
-              "name": "_getValueFromEventTarget",
+              "name": "_getPlaceHoder",
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "action",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "string"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "_onAfterValueChange",
+              "name": "_onValueChange",
               "parameters": [
                 {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
+                  "name": "e",
                   "type": {
-                    "text": "any"
+                    "text": "Event"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
+              ]
             }
           ],
           "events": [
             {
-              "name": "property-change",
+              "name": "change",
               "type": {
                 "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
               }
             }
           ],
@@ -9139,64 +9614,38 @@
               "fieldName": "scene"
             }
           ],
-          "mixins": [
-            {
-              "name": "ScopedElementsMixin",
-              "package": "@open-wc/scoped-elements"
-            }
-          ],
           "superclass": {
-            "name": "AbstractProperty",
-            "module": "/src/modeller/property-sidebar/abstract-property.js"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "PropertyDataBinding",
-          "declaration": {
-            "name": "PropertyDataBinding",
-            "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "EffectsSharedStyle",
-          "default": "css` :host { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } * { align-self: stretch; } label { grid-column: span 3; text-align: right; text-transform: capitalize; align-self: center; } input, select, ox-input-angle, ox-input-color, [custom-editor] { grid-column: span 7; } input, select, ox-input-angle input, ox-input-color input, [custom-editor] input { border: var(--property-sidebar-fieldset-border); } ox-input-data { height: 300px; } input[type='checkbox'] { grid-column: 4 / 5; align-self: center; } label.checkbox-label { grid-column: span 6; text-align: left; } [fullwidth] { grid-column: 1 / -1; } `"
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "EffectsSharedStyle",
+          "name": "PropertyEventTap",
           "declaration": {
-            "name": "EffectsSharedStyle",
-            "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
+            "name": "PropertyEventTap",
+            "module": "src/modeller/property-sidebar/effects/property-event-tap.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/effects/effects.ts",
+      "path": "src/modeller/property-sidebar/effects/property-event.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "PropertyEffects",
+          "description": "things-scene v10 의 신규 모델 (`state.eventHandlers: EventHandler[]`) 위에서\n기존 단일-tap UI 를 그대로 동작시키는 어댑터.\n\nread : eventHandlers 배열에서 trigger='click'/'tap' 인 첫 항목 → legacy tap\n       객체로 변환 후 PropertyEventTap 에 전달.\nwrite: PropertyEventTap 이 emit 한 legacy tap 변경 → click 항목을 update/push\n       한 새 배열로 외부에 emit. 다른 trigger 의 핸들러는 보존.",
+          "name": "PropertyEvent",
           "members": [
             {
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "Properties | undefined"
+                "text": "EventHandler[] | undefined"
               },
               "attribute": "value"
             },
@@ -9208,15 +9657,6 @@
               },
               "attribute": "scene"
             },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "Component[]"
-              },
-              "default": "[]",
-              "attribute": "selected"
-            },
             {
               "kind": "field",
               "name": "scopedElements",
@@ -9233,48 +9673,14 @@
                     "text": "Event"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_getValueFromEventTarget",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            },
+              ]
+            }
+          ],
+          "events": [
             {
-              "kind": "method",
-              "name": "_onAfterValueChange",
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
               }
             }
           ],
@@ -9282,7 +9688,7 @@
             {
               "name": "value",
               "type": {
-                "text": "Properties | undefined"
+                "text": "EventHandler[] | undefined"
               },
               "fieldName": "value"
             },
@@ -9292,14 +9698,6 @@
                 "text": "Scene | undefined"
               },
               "fieldName": "scene"
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "Component[]"
-              },
-              "default": "[]",
-              "fieldName": "selected"
             }
           ],
           "mixins": [
@@ -9309,183 +9707,330 @@
             }
           ],
           "superclass": {
-            "name": "AbstractProperty",
-            "module": "/src/modeller/property-sidebar/abstract-property.js"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "events": [
-            {
-              "name": "property-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            }
-          ]
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "PropertyEffects",
+          "name": "PropertyEvent",
           "declaration": {
-            "name": "PropertyEffects",
-            "module": "src/modeller/property-sidebar/effects/effects.ts"
+            "name": "PropertyEvent",
+            "module": "src/modeller/property-sidebar/effects/property-event.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/effects/event-handler-adapter.ts",
+      "path": "src/modeller/property-sidebar/effects/property-shadow.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "eventHandlersToLegacyTap",
-          "return": {
-            "type": {
-              "text": "LegacyTap"
+          "kind": "class",
+          "description": "컴포넌트의 그림자 속성을 편집하는 element\n\nExample:\n <property-shadow",
+          "name": "PropertyShadow",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "Properties | undefined"
+              },
+              "attribute": "value"
+            },
+            {
+              "kind": "method",
+              "name": "_onValueChange",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             }
-          },
-          "parameters": [
+          ],
+          "events": [
             {
-              "name": "handlers",
+              "name": "change",
               "type": {
-                "text": "EventHandler[] | undefined"
+                "text": "CustomEvent"
               }
             }
           ],
-          "description": "trigger 가 click/tap 인 첫 핸들러를 legacy tap 객체로 변환."
-        },
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "Properties | undefined"
+              },
+              "fieldName": "value"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PropertyShadow",
+          "declaration": {
+            "name": "PropertyShadow",
+            "module": "src/modeller/property-sidebar/effects/property-shadow.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/effects/value-converter.ts",
+      "declarations": [
         {
           "kind": "function",
-          "name": "applyLegacyTapToHandlers",
-          "return": {
-            "type": {
-              "text": "EventHandler[]"
-            }
-          },
+          "name": "convert",
           "parameters": [
             {
-              "name": "handlers",
-              "type": {
-                "text": "EventHandler[] | undefined"
-              }
-            },
-            {
-              "name": "newTap",
+              "name": "element",
               "type": {
-                "text": "LegacyTap | undefined"
+                "text": "any"
               }
             }
-          ],
-          "description": "기존 배열에서 click/tap 항목을 새 값으로 교체 (또는 push, 또는 제거).\n다른 trigger 항목은 그대로 보존."
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "eventHandlersToLegacyTap",
-          "declaration": {
-            "name": "eventHandlersToLegacyTap",
-            "module": "src/modeller/property-sidebar/effects/event-handler-adapter.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "applyLegacyTapToHandlers",
+          "name": "convert",
           "declaration": {
-            "name": "applyLegacyTapToHandlers",
-            "module": "src/modeller/property-sidebar/effects/event-handler-adapter.ts"
+            "name": "convert",
+            "module": "src/modeller/property-sidebar/effects/value-converter.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/effects/property-event-hover.ts",
+      "path": "src/modeller/property-sidebar/inspector/inspector.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "PropertyEventHover",
+          "name": "SceneInspector",
           "members": [
             {
               "kind": "field",
-              "name": "value",
+              "name": "scene",
               "type": {
-                "text": "Properties | undefined"
+                "text": "Scene | undefined"
               },
-              "attribute": "value"
+              "attribute": "scene"
             },
             {
               "kind": "field",
-              "name": "scene",
+              "name": "searchText",
               "type": {
-                "text": "Scene | undefined"
+                "text": "string"
               },
-              "attribute": "scene"
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "_extendedMap",
+              "type": {
+                "text": "any"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "count",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "-1"
             },
             {
               "kind": "method",
-              "name": "_getPlaceHoder",
+              "name": "disconnectScene",
               "parameters": [
                 {
-                  "name": "action",
+                  "name": "scene",
+                  "optional": true,
                   "type": {
-                    "text": "string"
+                    "text": "Scene"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_getTargetList",
+              "name": "refresh"
+            },
+            {
+              "kind": "method",
+              "name": "_onclick",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_ondblclick",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "extendedMap",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "getNodeHandleClass",
+              "parameters": [
+                {
+                  "name": "component",
+                  "type": {
+                    "text": "Component"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "isExtended",
+              "parameters": [
+                {
+                  "name": "component",
+                  "type": {
+                    "text": "Component"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "toggleExtended",
+              "parameters": [
+                {
+                  "name": "component",
+                  "type": {
+                    "text": "Component"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "toggleHidden",
+              "parameters": [
+                {
+                  "name": "component",
+                  "type": {
+                    "text": "Component"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "selectComponent",
+              "parameters": [
+                {
+                  "name": "component",
+                  "type": {
+                    "text": "Component"
+                  }
+                },
+                {
+                  "name": "append",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "shouldBeShown",
               "return": {
                 "type": {
-                  "text": "{ value: string; description: string }[]"
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
-                  "name": "action",
+                  "name": "component",
                   "type": {
-                    "text": "string"
+                    "text": "Component"
+                  }
+                },
+                {
+                  "name": "counting",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_onValueChange",
+              "name": "renderComponent",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "component",
                   "type": {
-                    "text": "Event"
+                    "text": "Component"
+                  }
+                },
+                {
+                  "name": "depth",
+                  "type": {
+                    "text": "number"
                   }
                 }
               ]
             }
           ],
-          "events": [
-            {
-              "name": "change",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
           "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "Properties | undefined"
-              },
-              "fieldName": "value"
-            },
             {
               "name": "scene",
               "type": {
@@ -9504,234 +10049,302 @@
       "exports": [
         {
           "kind": "js",
-          "name": "PropertyEventHover",
+          "name": "SceneInspector",
+          "declaration": {
+            "name": "SceneInspector",
+            "module": "src/modeller/property-sidebar/inspector/inspector.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "BoxPaddingEditorStyles",
+          "default": "css` .box-padding { width: 100%; } .box-padding td { background: var(--url-icon-properties-padding) 50% 0 no-repeat; } .box-padding tr:nth-child(1), .box-padding tr:nth-child(3) { height: 20px; } .box-padding tr td:nth-child(1), .box-padding tr td:nth-child(3) { width: 18px; } .box-padding .slide1 { background-position: 0 0; } .box-padding .slide2 { background-position: 50% -40px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide3 { background-position: 100% -440px; } .box-padding .slide4 { background-position: 0 -360px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide5 { background: none; text-align: center; } .box-padding .slide6 { background-position: 100% -160px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide7 { background-position: 0 100%; } .box-padding .slide8 { background-position: 50% -320px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide9 { background-position: 0 0px; } .box-padding input { background-color: transparent; width: 35px; margin: 0px; padding: 0px; clear: both; float: initial; border: 1px solid #fff; border-width: 0 0 1px 0; text-align: right; font-size: 14px; } .slide5 input:nth-child(1), .slide5 input:nth-child(4) { display: block; margin: auto; } .slide5 input:nth-child(2) { float: left; } .slide5 input:nth-child(3) { float: right; margin-top: -25px; } .slide5 input:nth-child(4) { margin-top: -5px; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "BoxPaddingEditorStyles",
           "declaration": {
-            "name": "PropertyEventHover",
-            "module": "src/modeller/property-sidebar/effects/property-event-hover.ts"
+            "name": "BoxPaddingEditorStyles",
+            "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/effects/property-event-tap.ts",
+      "path": "src/modeller/property-sidebar/shapes/ox-input-entity-id.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "PropertyEventTap",
+          "description": "컴포넌트 ID 입력기 — 자유 입력 + 타입별 백엔드(MCS) 검색 선택을 함께 제공.\n\n- 기존처럼 자유롭게 텍스트로 ID 를 입력할 수 있다 (commit = blur/Enter).\n- input 에 *포커스가 가면* 아래로 검색 드롭다운이 펼쳐진다. `entityType`\n  (컴포넌트 타입) 으로 MCS 에 정의된 ID 후보를 조회한다.\n  - machine 타입 → 머신 id 가 1레벨 평면으로 (선택 가능)\n  - unit 타입   → machine 이 그룹 헤더, 그 아래 unit id 가 자식 (선택 가능).\n    컴포넌트가 부모 machine 을 알면(`machine` prop) 그 머신으로 좁혀 조회.\n\nvalue-key=\"id\" 와 함께 property-grid 안에 두면, 이 host 가 `change`(bubbles+\ncomposed) 를 발행하므로 AbstractProperty 제너릭 핸들러가 `element.value` 를\n읽어 property-change 로 전파한다.\n\n등록: 패널 자식 커스텀 엘리먼트 컨벤션에 따라 전역 `@customElement` 가 아니라\n부모 패널(PropertyShapes)의 `scopedElements` 로 등록한다 (@open-wc/scoped-elements).",
+          "name": "OxInputEntityId",
           "members": [
             {
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "Properties | undefined"
+                "text": "string"
               },
+              "default": "''",
+              "description": "현재 ID 값.",
               "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "scene",
+              "name": "entityType",
               "type": {
-                "text": "Scene | undefined"
+                "text": "string"
               },
-              "attribute": "scene"
+              "default": "''",
+              "description": "검색 조건 — 선택된 컴포넌트 타입 (예: 'STOCKER', 'AGV', 'Port').",
+              "attribute": "entityType"
             },
             {
               "kind": "field",
-              "name": "targetList",
+              "name": "machine",
               "type": {
-                "text": "{ value: string; description: string }[]"
+                "text": "string"
               },
-              "default": "[]"
+              "default": "''",
+              "description": "검색 조건 — 부모 machine id (unit 컴포넌트가 소속 machine 을 알 때).",
+              "attribute": "machine"
             },
             {
-              "kind": "method",
-              "name": "_getPlaceHoder",
-              "parameters": [
-                {
-                  "name": "action",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "requireMachine",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "machine 필수 타입(예: Port) — machine 없으면 조회하지 않는다 (후보 과다 방지).",
+              "attribute": "requireMachine"
             },
             {
-              "kind": "method",
-              "name": "_onValueChange",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
+              "kind": "field",
+              "name": "localItems",
+              "type": {
+                "text": "string[] | null"
+              },
+              "default": "null",
+              "description": "백엔드 조회 대신 사용할 로컬 후보 리스트 (예: parentObject — 씬의 머신들). null 이면 백엔드 조회.",
+              "attribute": "localItems"
+            },
             {
-              "name": "change",
+              "kind": "field",
+              "name": "placeholder",
               "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "placeholder"
+            },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "_open",
               "type": {
-                "text": "Properties | undefined"
+                "text": "boolean"
               },
-              "fieldName": "value"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "scene",
+              "kind": "field",
+              "name": "_all",
               "type": {
-                "text": "Scene | undefined"
+                "text": "string[]"
               },
-              "fieldName": "scene"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "PropertyEventTap",
-          "declaration": {
-            "name": "PropertyEventTap",
-            "module": "src/modeller/property-sidebar/effects/property-event-tap.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/effects/property-event.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "things-scene v10 의 신규 모델 (`state.eventHandlers: EventHandler[]`) 위에서\n기존 단일-tap UI 를 그대로 동작시키는 어댑터.\n\nread : eventHandlers 배열에서 trigger='click'/'tap' 인 첫 항목 → legacy tap\n       객체로 변환 후 PropertyEventTap 에 전달.\nwrite: PropertyEventTap 이 emit 한 legacy tap 변경 → click 항목을 update/push\n       한 새 배열로 외부에 emit. 다른 trigger 의 핸들러는 보존.",
-          "name": "PropertyEvent",
-          "members": [
+              "privacy": "private",
+              "default": "[]",
+              "description": "서버에서 받은 전체 후보 리스트 (포커스 시 1회 조회, 키워드 미적용)."
+            },
             {
               "kind": "field",
-              "name": "value",
+              "name": "_loading",
               "type": {
-                "text": "EventHandler[] | undefined"
+                "text": "boolean"
               },
-              "attribute": "value"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "scene",
+              "name": "_needMachine",
               "type": {
-                "text": "Scene | undefined"
+                "text": "boolean"
               },
-              "attribute": "scene"
+              "privacy": "private",
+              "default": "false",
+              "description": "machine 필수인데 machine 미지정이라 조회를 보류한 상태."
             },
             {
               "kind": "field",
-              "name": "scopedElements",
-              "static": true,
-              "readonly": true
+              "name": "_activeIndex",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "-1",
+              "description": "선택 가능 항목 기준 active index."
             },
             {
-              "kind": "method",
-              "name": "_onValueChange",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
+              "kind": "field",
+              "name": "_input",
+              "type": {
+                "text": "HTMLInputElement"
+              },
+              "privacy": "private"
+            },
             {
-              "name": "change",
+              "kind": "field",
+              "name": "_blurTimer",
               "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
+                "text": "ReturnType<typeof setTimeout> | undefined"
+              },
+              "privacy": "private"
+            },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "_loadSeq",
               "type": {
-                "text": "EventHandler[] | undefined"
+                "text": "number"
               },
-              "fieldName": "value"
+              "privacy": "private",
+              "default": "0"
             },
             {
-              "name": "scene",
+              "kind": "field",
+              "name": "_lastEmitted",
               "type": {
-                "text": "Scene | undefined"
+                "text": "string | undefined"
               },
-              "fieldName": "scene"
-            }
-          ],
-          "mixins": [
+              "privacy": "private",
+              "description": "마지막으로 발행한 값 — 같은 값 재발행(undo 중복) 방지."
+            },
             {
-              "name": "ScopedElementsMixin",
-              "package": "@open-wc/scoped-elements"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "PropertyEvent",
-          "declaration": {
-            "name": "PropertyEvent",
-            "module": "src/modeller/property-sidebar/effects/property-event.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/effects/property-shadow.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "컴포넌트의 그림자 속성을 편집하는 element\n\nExample:\n <property-shadow",
-          "name": "PropertyShadow",
-          "members": [
+              "kind": "field",
+              "name": "_items",
+              "type": {
+                "text": "string[]"
+              },
+              "privacy": "private",
+              "description": "드롭다운 표시 항목 — 입력값(초기값 포함)으로 풀텍스트 로컬 필터.\n단, 매치가 0이면 전체 후보로 fallback (막다른 \"결과 없음\" 방지 — 예: committed\nid 가 후보 형식과 달라 안 맞는 경우). 서버 재조회 없음.",
+              "readonly": true
+            },
             {
               "kind": "field",
-              "name": "value",
+              "name": "_selectableIds",
               "type": {
-                "text": "Properties | undefined"
+                "text": "string[]"
               },
-              "attribute": "value"
+              "privacy": "private",
+              "description": "드롭다운에서 선택 가능한 id 들 (표시 순서).",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_renderDropdown",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_onInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onInputCommit",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "자유 입력 commit (blur/Enter 의 native change) — 기존 free-text 동작 보존."
+            },
+            {
+              "kind": "method",
+              "name": "_onKeydown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_onValueChange",
+              "name": "_select",
+              "privacy": "private",
               "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                },
                 {
                   "name": "e",
                   "type": {
-                    "text": "Event"
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_commitValue",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
                   }
                 }
               ]
+            },
+            {
+              "kind": "method",
+              "name": "_emitChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_load",
+              "privacy": "private",
+              "description": "후보 전체를 1회 조회 (포커스 시). keyword 는 보내지 않으며, 표시 필터는 _items\n게터가 로컬에서 처리한다. entityType(+unit 이면 machine) 만 서버로 보낸다."
             }
           ],
           "events": [
@@ -9746,9 +10359,55 @@
             {
               "name": "value",
               "type": {
-                "text": "Properties | undefined"
+                "text": "string"
               },
+              "default": "''",
+              "description": "현재 ID 값.",
               "fieldName": "value"
+            },
+            {
+              "name": "entityType",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "검색 조건 — 선택된 컴포넌트 타입 (예: 'STOCKER', 'AGV', 'Port').",
+              "fieldName": "entityType"
+            },
+            {
+              "name": "machine",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "검색 조건 — 부모 machine id (unit 컴포넌트가 소속 machine 을 알 때).",
+              "fieldName": "machine"
+            },
+            {
+              "name": "requireMachine",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "machine 필수 타입(예: Port) — machine 없으면 조회하지 않는다 (후보 과다 방지).",
+              "fieldName": "requireMachine"
+            },
+            {
+              "name": "localItems",
+              "type": {
+                "text": "string[] | null"
+              },
+              "default": "null",
+              "description": "백엔드 조회 대신 사용할 로컬 후보 리스트 (예: parentObject — 씬의 머신들). null 이면 백엔드 조회.",
+              "fieldName": "localItems"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "placeholder"
             }
           ],
           "superclass": {
@@ -9761,59 +10420,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "PropertyShadow",
-          "declaration": {
-            "name": "PropertyShadow",
-            "module": "src/modeller/property-sidebar/effects/property-shadow.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/effects/value-converter.ts",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "convert",
-          "parameters": [
-            {
-              "name": "element",
-              "type": {
-                "text": "any"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "convert",
-          "declaration": {
-            "name": "convert",
-            "module": "src/modeller/property-sidebar/effects/value-converter.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "BoxPaddingEditorStyles",
-          "default": "css` .box-padding { width: 100%; } .box-padding td { background: var(--url-icon-properties-padding) 50% 0 no-repeat; } .box-padding tr:nth-child(1), .box-padding tr:nth-child(3) { height: 20px; } .box-padding tr td:nth-child(1), .box-padding tr td:nth-child(3) { width: 18px; } .box-padding .slide1 { background-position: 0 0; } .box-padding .slide2 { background-position: 50% -40px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide3 { background-position: 100% -440px; } .box-padding .slide4 { background-position: 0 -360px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide5 { background: none; text-align: center; } .box-padding .slide6 { background-position: 100% -160px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide7 { background-position: 0 100%; } .box-padding .slide8 { background-position: 50% -320px; background-color: rgba(69, 46, 41, 0.2); } .box-padding .slide9 { background-position: 0 0px; } .box-padding input { background-color: transparent; width: 35px; margin: 0px; padding: 0px; clear: both; float: initial; border: 1px solid #fff; border-width: 0 0 1px 0; text-align: right; font-size: 14px; } .slide5 input:nth-child(1), .slide5 input:nth-child(4) { display: block; margin: auto; } .slide5 input:nth-child(2) { float: left; } .slide5 input:nth-child(3) { float: right; margin-top: -25px; } .slide5 input:nth-child(4) { margin-top: -5px; } `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "BoxPaddingEditorStyles",
+          "name": "OxInputEntityId",
           "declaration": {
-            "name": "BoxPaddingEditorStyles",
-            "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
+            "name": "OxInputEntityId",
+            "module": "src/modeller/property-sidebar/shapes/ox-input-entity-id.ts"
           }
         }
       ]
@@ -9827,6 +10437,12 @@
           "description": "",
           "name": "PropertyShapes",
           "members": [
+            {
+              "kind": "field",
+              "name": "scopedElements",
+              "static": true,
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "value",
@@ -9905,6 +10521,60 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_parentMachineId",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ],
+              "description": "단일 선택 컴포넌트의 부모 machine id (unit 의 ID 검색 시 조회조건으로 전달).\n부모가 루트 모델/레이어가 아니고 id 를 가지면 그 id 를 반환 — unit 이 자신의\n소속 machine 을 특정할 수 있는 경우에 해당. 그 외엔 빈 문자열."
+            },
+            {
+              "kind": "method",
+              "name": "_idLookupType",
+              "return": {
+                "type": {
+                  "text": "string | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ],
+              "description": "선택 컴포넌트의 id 조회용 타입명 (capability `idLookupType`). 값이 있으면 그 타입으로\n검색 에디터를 띄우고, 없으면(일반 도형·Carrier 등) plain input 으로 두어 불필요한 id\n리스트 요청을 보내지 않는다. 기본은 자기 타입이며 컴포넌트가 다른 타입으로 override 가능.\n(머신/유닛 + Node 가 opt-in. isLVComponent 은 Carrier 포함·Node 제외라 부적합.)"
+            },
+            {
+              "kind": "method",
+              "name": "_idLookupEnabled",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ],
+              "description": "Board 루트 속성 state.idLookup 으로 id 룩업 전체 ON/OFF (기본 ON)."
+            },
             {
               "kind": "method",
               "name": "_isClassIdentifiable",
@@ -10023,6 +10693,12 @@
               "fieldName": "selected"
             }
           ],
+          "mixins": [
+            {
+              "name": "ScopedElementsMixin",
+              "package": "@open-wc/scoped-elements"
+            }
+          ],
           "superclass": {
             "name": "AbstractProperty",
             "module": "/src/modeller/property-sidebar/abstract-property"
@@ -10248,7 +10924,90 @@
             },
             {
               "kind": "method",
-              "name": "_isIdentifiable",
+              "name": "_isIdentifiable",
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_parentMachineId",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ],
+              "description": "단일 선택 컴포넌트의 부모 machine id (unit 의 ID 검색 시 조회조건으로 전달).\n부모가 루트 모델/레이어가 아니고 id 를 가지면 그 id 를 반환. 그 외엔 빈 문자열.\n(shape 탭 PropertyShapes 와 동일한 규칙.)"
+            },
+            {
+              "kind": "method",
+              "name": "_idLookupType",
+              "return": {
+                "type": {
+                  "text": "string | undefined"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ],
+              "description": "선택 컴포넌트의 id 조회용 타입명 (capability `idLookupType`). 값이 있으면 그 타입으로\n검색 에디터, 없으면 plain input — 불필요한 id 리스트 요청을 막는다. 기본은 자기 타입,\n특수 케이스는 override. (shape 탭 PropertyShapes 와 동일 규칙.)"
+            },
+            {
+              "kind": "method",
+              "name": "_idLookupEnabled",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ],
+              "description": "Board 루트 속성 state.idLookup 으로 id 룩업 전체 ON/OFF (기본 ON)."
+            },
+            {
+              "kind": "method",
+              "name": "_hasTextProperty",
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_hasParentObject",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "parameters": [
                 {
                   "name": "selected",
@@ -10256,11 +11015,17 @@
                     "text": "Component[]"
                   }
                 }
-              ]
+              ],
+              "description": "선택 컴포넌트가 ParentObjectMixin(= parentObject/parentObjectTypes capability) 인지."
             },
             {
               "kind": "method",
-              "name": "_hasTextProperty",
+              "name": "_parentObjectItems",
+              "return": {
+                "type": {
+                  "text": "string[]"
+                }
+              },
               "parameters": [
                 {
                   "name": "selected",
@@ -10268,7 +11033,8 @@
                     "text": "Component[]"
                   }
                 }
-              ]
+              ],
+              "description": "parentObject 후보 — 모델(씬)에서 컴포넌트 타입 기준 수집. 컴포넌트의 parentObjectTypes\n(예: AGV→['AGVLine'], PortFlow→['Port']) 타입만, 빈 배열이면 모든 머신(isMcsMachine). 자기 자신 제외."
             },
             {
               "kind": "method",
@@ -10566,246 +11332,6 @@
           }
         }
       ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/inspector/inspector.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SceneInspector",
-          "members": [
-            {
-              "kind": "field",
-              "name": "scene",
-              "type": {
-                "text": "Scene | undefined"
-              },
-              "attribute": "scene"
-            },
-            {
-              "kind": "field",
-              "name": "searchText",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "_extendedMap",
-              "type": {
-                "text": "any"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "count",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "-1"
-            },
-            {
-              "kind": "method",
-              "name": "disconnectScene",
-              "parameters": [
-                {
-                  "name": "scene",
-                  "optional": true,
-                  "type": {
-                    "text": "Scene"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "refresh"
-            },
-            {
-              "kind": "method",
-              "name": "_onclick",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_ondblclick",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "extendedMap",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "getNodeHandleClass",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "isExtended",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "toggleExtended",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "toggleHidden",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "selectComponent",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                },
-                {
-                  "name": "append",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "shouldBeShown",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                },
-                {
-                  "name": "counting",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "renderComponent",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                },
-                {
-                  "name": "depth",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "scene",
-              "type": {
-                "text": "Scene | undefined"
-              },
-              "fieldName": "scene"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SceneInspector",
-          "declaration": {
-            "name": "SceneInspector",
-            "module": "src/modeller/property-sidebar/inspector/inspector.ts"
-          }
-        }
-      ]
     }
   ]
 }