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

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",
@@ -1385,6 +1300,76 @@
               "kind": "method",
               "name": "bindSceneEvents"
             },
+            {
+              "kind": "method",
+              "name": "_resolveCarrierFallback",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Component | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "scene",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ],
+              "description": "Tracker fallback resolver — 플레이백 시각의 carrier 위치를 컴포넌트로 변환.\nNA / 정보 없음 / 머신 미존재 → null (Tracker 가 highlight 없이 추적만 유지).\n\n매 1초 polling 마다 호출되며, 결과 target 이 직전과 동일하면 로그 skip."
+            },
+            {
+              "kind": "method",
+              "name": "_setFallbackArrow",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "off",
+                  "type": {
+                    "text": "Component | null"
+                  }
+                },
+                {
+                  "name": "on",
+                  "type": {
+                    "text": "Component | null"
+                  }
+                }
+              ],
+              "description": "deco-arrow 라이프사이클 — 이전 target 끄고 새 target 에 bouncing arrow 부착.\n둘 다 null 가능 (해제만, 부착만)."
+            },
+            {
+              "kind": "method",
+              "name": "_startFallbackArrowMonitor",
+              "privacy": "private",
+              "description": "1초 polling — 화살표 부착 대상을 결정.\n  1) 플레이백 종료 / 추적 ID 없음 → 화살표 해제\n  2) carrier 가 scene 에 직접 존재 → **carrier 자체에 화살표 부착**\n     (things-scene Tracker 가 carrier 발견 시 fallback 콜백 호출을 멈춰\n      resolver 경로로는 우리가 모름. monitor 에서 직접 책임)\n  3) carrier 없음 + resolver 가 3초 이상 호출 안 됨 → 화살표 해제\n     (그 외엔 resolver 의 logIfChanged 가 fallback target 으로 부착 중)"
+            },
+            {
+              "kind": "method",
+              "name": "_stopFallbackArrowMonitor",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_clearFallbackArrow",
+              "privacy": "private",
+              "description": "부착된 deco-arrow 강제 해제 + dedupe 상태 초기화."
+            },
+            {
+              "kind": "method",
+              "name": "_onCarrierTrackingSubmit",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "carrierName",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                }
+              ],
+              "description": "onSearchSubmit hook — 영구추적 carrierName 이 설정되는 순간.\n플레이백 윈도우가 잡혀 있으면 즉시 store 충전. 윈도우가 없으면\n플레이백 시작 시 (_onPlaybackStart) 에 충전."
+            },
             {
               "kind": "method",
               "name": "unbindSceneEvents",
@@ -1439,6 +1424,51 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "_carrierTrackingStore",
+              "privacy": "private",
+              "default": "new CarrierTrackingStore()",
+              "description": "영구추적 fallback 데이터 캐시 — 플레이백 윈도우 × carrierName 단위로\ncarrier 위치 이력을 보관. carrier 가 scene 에 직접 안 보일 때\nTracker fallback 콜백이 lookupAt 으로 머신/유닛을 찾아 반환."
+            },
+            {
+              "kind": "field",
+              "name": "_playbackWindow",
+              "type": {
+                "text": "{ from: Date; to: Date } | undefined"
+              },
+              "privacy": "private",
+              "description": "마지막으로 시작한 플레이백 윈도우 (carrier store load 트리거용)."
+            },
+            {
+              "kind": "field",
+              "name": "_lastFallbackTarget",
+              "type": {
+                "text": "Component | null"
+              },
+              "privacy": "private",
+              "default": "null",
+              "description": "fallback 결과(target 컴포넌트) dedupe — 직전과 동일한 target 일 땐 로그 skip\n+ deco-arrow 라이프사이클 (target 변경 시 이전 끄고 새로 부착)."
+            },
+            {
+              "kind": "field",
+              "name": "_lastFallbackResolvedAt",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0",
+              "description": "_resolveCarrierFallback 마지막 호출 timestamp — carrier 발견 감지용."
+            },
+            {
+              "kind": "field",
+              "name": "_fallbackArrowMonitor",
+              "type": {
+                "text": "number | undefined"
+              },
+              "privacy": "private",
+              "description": "carrier 발견 감지 / deco-arrow 자동 해제용 1초 polling 타이머."
+            },
             {
               "kind": "method",
               "name": "onTapPlayback"
@@ -2750,84 +2780,169 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/component/etc.ts",
+      "path": "stories/restful-attachment-selector.stories.ts",
       "declarations": [
         {
           "kind": "variable",
-          "name": "icon",
-          "default": "` <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\"> <style type=\"text/css\"> .st0{fill:{{strokeColor}};} </style> <g> <circle class=\"st0\" cx=\"7.1\" cy=\"15\" r=\"2\"/> <circle class=\"st0\" cx=\"15\" cy=\"15\" r=\"2\"/> <circle class=\"st0\" cx=\"22.9\" cy=\"15\" r=\"2\"/> </g> </svg> `"
+          "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": "etc",
+          "name": "Default",
           "type": {
-            "text": "ComponentGroup"
+            "text": "Story"
           },
-          "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": "{ 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": "etc",
+          "name": "default",
           "declaration": {
-            "name": "etc",
-            "module": "src/component/etc.ts"
+            "name": "meta",
+            "module": "stories/restful-attachment-selector.stories.ts"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/component/index.ts",
-      "declarations": [],
-      "exports": [
+        },
         {
           "kind": "js",
-          "name": "*",
+          "name": "Default",
           "declaration": {
-            "name": "*",
-            "module": "src/component/restful-attachment-selector.js"
+            "name": "Default",
+            "module": "stories/restful-attachment-selector.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "*",
+          "name": "WithCategory",
           "declaration": {
-            "name": "*",
-            "module": "src/component/restful-input-fill-style.js"
+            "name": "WithCategory",
+            "module": "stories/restful-attachment-selector.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "*",
+          "name": "ReadOnly",
           "declaration": {
-            "name": "*",
-            "module": "src/component/restful-property-editor-backdrop-faces.js"
+            "name": "ReadOnly",
+            "module": "stories/restful-attachment-selector.stories.ts"
           }
         },
         {
           "kind": "js",
-          "name": "*",
+          "name": "WithTestData",
           "declaration": {
-            "name": "*",
-            "module": "src/component/etc.js"
+            "name": "WithTestData",
+            "module": "stories/restful-attachment-selector.stories.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/component/register-default-groups.ts",
+      "path": "src/component/etc.ts",
       "declarations": [
         {
-          "kind": "function",
-          "name": "registerDefaultGroups"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
+          "kind": "variable",
+          "name": "icon",
+          "default": "` <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\"> <style type=\"text/css\"> .st0{fill:{{strokeColor}};} </style> <g> <circle class=\"st0\" cx=\"7.1\" cy=\"15\" r=\"2\"/> <circle class=\"st0\" cx=\"15\" cy=\"15\" r=\"2\"/> <circle class=\"st0\" cx=\"22.9\" cy=\"15\" r=\"2\"/> </g> </svg> `"
+        },
+        {
+          "kind": "variable",
+          "name": "etc",
+          "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 } } ] }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "etc",
+          "declaration": {
+            "name": "etc",
+            "module": "src/component/etc.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/component/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/component/restful-attachment-selector.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/component/restful-input-fill-style.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/component/restful-property-editor-backdrop-faces.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "src/component/etc.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/component/register-default-groups.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "registerDefaultGroups"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
           "name": "registerDefaultGroups",
           "declaration": {
             "name": "registerDefaultGroups",
@@ -5604,6 +5719,182 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/playback/carrier-tracking-store.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "CarrierTrackingStore",
+          "members": [
+            {
+              "kind": "field",
+              "name": "_key",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "private",
+              "default": "null",
+              "description": "캐시 키 — carrierName|fromMs|toMs. 셋 다 동일하면 재호출 스킵."
+            },
+            {
+              "kind": "field",
+              "name": "_history",
+              "type": {
+                "text": "CarrierLocation[]"
+              },
+              "privacy": "private",
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "_timeMsArray",
+              "type": {
+                "text": "number[]"
+              },
+              "privacy": "private",
+              "default": "[]",
+              "description": "binary search 용 timeMs 정렬 배열 (_history 와 인덱스 정합)."
+            },
+            {
+              "kind": "field",
+              "name": "_loadGeneration",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0",
+              "description": "load in-flight 무효화 — 새 load 호출 시 이전 fetch 결과 폐기."
+            },
+            {
+              "kind": "method",
+              "name": "load",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "carrierName",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "추적 대상 carrier id"
+                },
+                {
+                  "name": "from",
+                  "type": {
+                    "text": "Date"
+                  },
+                  "description": "플레이백 윈도우 시작"
+                },
+                {
+                  "name": "to",
+                  "type": {
+                    "text": "Date"
+                  },
+                  "description": "플레이백 윈도우 끝"
+                }
+              ],
+              "description": "윈도우와 carrierName 으로 history 충전. 같은 key 면 no-op."
+            },
+            {
+              "kind": "method",
+              "name": "lookupAt",
+              "return": {
+                "type": {
+                  "text": "CarrierLookupResult | null"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "timeMs",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "timeMs 시점의 직전 위치 반환 (binary search). NA 도 그대로 반환.\n\n- 정확히 timeMs 에 매치되는 항목이 있으면 그것\n- 사이 시각이면 직전 항목\n- timeMs 가 history 시작 이전이면 null"
+            },
+            {
+              "kind": "method",
+              "name": "clear",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "field",
+              "name": "carrierName",
+              "type": {
+                "text": "string | null"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_parseMs",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "time",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "API time 파싱 — \"YYYY-MM-DD HH:mm:ss\" (요청 포맷) 또는\n\"YYYY-MM-DDTHH:mm:ss[.SSS]\" (응답 포맷) 둘 다 대응. 로컬타임 기준.\n기존 playback-engine 과 동일한 정책."
+            },
+            {
+              "kind": "method",
+              "name": "_formatTime",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "Date"
+                  }
+                }
+              ],
+              "description": "Date → \"YYYY-MM-DD HH:mm:ss\" (요청 포맷, 기존 playback-engine 과 동일)."
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "CarrierTrackingStore",
+          "declaration": {
+            "name": "CarrierTrackingStore",
+            "module": "src/playback/carrier-tracking-store.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/playback/playback-engine.ts",
@@ -6781,194 +7072,62 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/component-toolbar/component-detail.ts",
+      "path": "src/modeller/property-sidebar/abstract-property.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ComponentDetail",
+          "name": "AbstractProperty",
           "members": [
             {
-              "kind": "field",
-              "name": "template",
-              "type": {
-                "text": "{ about: string } | null"
-              },
-              "default": "null",
-              "attribute": "template"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "template",
-              "type": {
-                "text": "{ about: string } | null"
-              },
-              "default": "null",
-              "fieldName": "template"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ComponentDetail",
-          "declaration": {
-            "name": "ComponentDetail",
-            "module": "src/modeller/component-toolbar/component-detail.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/component-toolbar/component-menu.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "ComponentMenu",
-          "members": [
-            {
-              "kind": "field",
-              "name": "groups",
-              "type": {
-                "text": "Pallet[]"
-              },
-              "default": "[]",
-              "attribute": "groups"
-            },
-            {
-              "kind": "field",
-              "name": "scene",
-              "type": {
-                "text": "Scene | null"
-              },
-              "default": "null",
-              "attribute": "scene"
-            },
-            {
-              "kind": "field",
-              "name": "group",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "''",
-              "attribute": "group"
-            },
-            {
-              "kind": "field",
-              "name": "templates",
-              "type": {
-                "text": "PalletItem[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "template",
-              "type": {
-                "text": "PalletItem | any"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "detail",
-              "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "scopedElements",
-              "static": true,
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "findTemplate",
-              "parameters": [
-                {
-                  "name": "type",
-                  "type": {
-                    "text": "string | null | undefined"
-                  }
-                }
-              ]
-            },
+              "kind": "method",
+              "name": "_onValueChange",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
-              "name": "onHoverComponent",
+              "name": "_getValueFromEventTarget",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "element",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "HTMLElement"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "onClickTemplate",
+              "name": "_onAfterValueChange",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "key",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "string"
                   }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "templateIcon",
-              "parameters": [
+                },
                 {
-                  "name": "template",
+                  "name": "value",
                   "type": {
-                    "text": "PalletItem"
+                    "text": "any"
                   }
                 }
               ]
             }
           ],
-          "attributes": [
-            {
-              "name": "groups",
-              "type": {
-                "text": "Pallet[]"
-              },
-              "default": "[]",
-              "fieldName": "groups"
-            },
-            {
-              "name": "scene",
-              "type": {
-                "text": "Scene | null"
-              },
-              "default": "null",
-              "fieldName": "scene"
-            },
+          "events": [
             {
-              "name": "group",
+              "name": "property-change",
               "type": {
-                "text": "string | null"
-              },
-              "default": "''",
-              "fieldName": "group"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "ScopedElementsMixin",
-              "package": "@open-wc/scoped-elements"
+                "text": "CustomEvent"
+              }
             }
           ],
           "superclass": {
@@ -6981,95 +7140,131 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ComponentMenu",
+          "name": "AbstractProperty",
           "declaration": {
-            "name": "ComponentMenu",
-            "module": "src/modeller/component-toolbar/component-menu.ts"
+            "name": "AbstractProperty",
+            "module": "src/modeller/property-sidebar/abstract-property.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/component-toolbar/component-toolbar.ts",
+      "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": "ComponentToolbar",
+          "name": "PropertySidebar",
           "members": [
             {
               "kind": "field",
-              "name": "componentGroupList",
+              "name": "scene",
               "type": {
-                "text": "ComponentGroup[]"
+                "text": "Scene | null"
               },
-              "default": "[]",
-              "attribute": "componentGroupList"
+              "default": "null",
+              "attribute": "scene"
             },
             {
               "kind": "field",
-              "name": "group",
+              "name": "bounds",
               "type": {
-                "text": "string | null | undefined"
+                "text": "any"
               },
-              "attribute": "group"
+              "default": "{}",
+              "attribute": "bounds"
             },
             {
               "kind": "field",
-              "name": "scene",
+              "name": "model",
               "type": {
-                "text": "Scene"
+                "text": "Model | null"
               },
-              "attribute": "scene"
+              "default": "{}",
+              "attribute": "model"
             },
             {
               "kind": "field",
-              "name": "mode",
+              "name": "selected",
               "type": {
-                "text": "SceneMode"
+                "text": "Component[]"
               },
-              "attribute": "mode"
+              "default": "[]",
+              "attribute": "selected"
             },
             {
               "kind": "field",
-              "name": "shift",
+              "name": "specificProps",
               "type": {
-                "text": "HTMLImageElement"
-              }
+                "text": "any"
+              },
+              "attribute": "specificProps"
             },
             {
               "kind": "field",
-              "name": "menu",
+              "name": "tabName",
               "type": {
-                "text": "HTMLElement"
+                "text": "string | null"
               },
-              "privacy": "private"
+              "default": "'specific'",
+              "attribute": "tabName"
             },
             {
               "kind": "field",
-              "name": "componentsContainer",
+              "name": "collapsed",
               "type": {
-                "text": "HTMLElement"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "attribute": "collapsed"
             },
             {
               "kind": "field",
-              "name": "groups",
+              "name": "fonts",
               "type": {
-                "text": "NodeListOf<HTMLElement>"
+                "text": "any[]"
               },
-              "privacy": "private"
+              "default": "[]",
+              "attribute": "fonts"
             },
             {
               "kind": "field",
-              "name": "icons",
+              "name": "propertyEditor",
               "type": {
-                "text": "{ [name: string]: string }"
+                "text": "any[]"
               },
-              "privacy": "private",
-              "default": "{}"
+              "default": "[]",
+              "attribute": "propertyEditor"
+            },
+            {
+              "kind": "field",
+              "name": "propertyTarget",
+              "type": {
+                "text": "Component | null"
+              },
+              "default": "null"
             },
             {
               "kind": "field",
@@ -7079,511 +7274,163 @@
             },
             {
               "kind": "method",
-              "name": "onWheelEvent",
+              "name": "_onPropertyChanged",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "Event"
+                    "text": "CustomEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_setMode",
+              "name": "_onBoundsChanged",
               "parameters": [
                 {
-                  "name": "mode",
+                  "name": "e",
                   "type": {
-                    "text": "SceneMode"
+                    "text": "CustomEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_onClickShift",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "name": "_onChangedByScene"
             },
             {
               "kind": "method",
-              "name": "_onClickGroup",
+              "name": "_setPropertyTargetAsDefault"
+            },
+            {
+              "kind": "method",
+              "name": "_onCollapsed",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "collapsed",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "boolean"
                   }
                 }
               ]
-            }
-          ],
-          "events": [
-            {
-              "name": "mode-changed",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "componentGroupList",
-              "type": {
-                "text": "ComponentGroup[]"
-              },
-              "default": "[]",
-              "fieldName": "componentGroupList"
-            },
-            {
-              "name": "group",
-              "type": {
-                "text": "string | null | undefined"
-              },
-              "fieldName": "group"
             },
             {
-              "name": "scene",
-              "type": {
-                "text": "Scene"
-              },
-              "fieldName": "scene"
+              "kind": "method",
+              "name": "_onSceneChanged"
             },
-            {
-              "name": "mode",
-              "type": {
-                "text": "SceneMode"
-              },
-              "fieldName": "mode"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "ScopedElementsMixin",
-              "package": "@open-wc/scoped-elements"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ComponentToolbar",
-          "declaration": {
-            "name": "ComponentToolbar",
-            "module": "src/modeller/component-toolbar/component-toolbar.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/component-toolbar/mode-icons.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "ICON_EDIT_MODE",
-          "default": "` <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\" > <style type=\"text/css\"> .st0 { fill: {{strokeColor}}; } .st1 { fill: none; stroke: {{strokeColor}}; stroke-width: 0.75; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <polygon class=\"st0\" points=\"2.7,3.9 2.7,22.8 7.8,17.2 16.1,16.9 \" /> <path class=\"st1\" d=\"M27.7,20.1L26.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L20.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5 l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0 c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L21,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1 s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C27.7,20.2,27.7,20.1,27.7,20.1z\" /> </g> </svg> `"
-        },
-        {
-          "kind": "variable",
-          "name": "ICON_SHIFT_MODE",
-          "default": "` <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\" > <style type=\"text/css\"> .st0 { fill: {{strokeColor}}; stroke: {{strokeColor}}; fill-rule: evenodd; clip-rule: evenodd; } .st1 { fill: {{strokeColor}}; stroke: {{strokeColor}}; stroke-width: 0.75; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <path class=\"st0\" d=\"M7.8,23.2c1.6,0,3.8,0,5.7,0c0.8,0,1.3-0.3,1.6-1.2c0.4-2.9,1.5-4.9,2.4-6.9s1.4-2.5,1.6-3.4 c0.1-0.5,0.2-1.6-0.4-1.9c-0.6-0.3-1.2,0.1-1.9,1.3c-0.8,1.6-1,2-1.4,2c-0.3,0-0.1-4,0-5.4c0.1-1.3-0.6-1.8-1.3-1.8 c-0.8-0.1-1.5,0.4-1.5,1.5c0,1.5-0.2,5.2-0.7,5.2c-0.4,0-0.3-4.3-0.6-6.7c-0.1-1-0.6-1.8-1.5-1.8C9.1,4.2,8.4,4.7,8.3,5.8 c-0.1,1.3,1,6.7,0.5,6.7c-0.4,0-1.4-3.3-2.3-5.1C6,6.5,5.6,6,4.6,6.4C3.9,6.7,3.5,7.6,3.8,8.5c0.5,1.2,2.7,6.8,2.2,6.8 c-0.4,0-1.4-1.4-2.7-2.1c-1.1-0.6-1.8-0.4-2.1-0.1c-0.4,0.3-0.7,1,0.9,2.8c0.6,0.6,3.1,2.3,3.7,3.2c0.7,1.3,0.6,1,0.8,2.8 C6.7,22.7,7,23.2,7.8,23.2z\" /> <path class=\"st1\" d=\"M28.7,20.1L27.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L21.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5 l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0 c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L22,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1 s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C28.7,20.2,28.7,20.1,28.7,20.1z\" /> </g> </svg> `"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ICON_EDIT_MODE",
-          "declaration": {
-            "name": "ICON_EDIT_MODE",
-            "module": "src/modeller/component-toolbar/mode-icons.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ICON_SHIFT_MODE",
-          "declaration": {
-            "name": "ICON_SHIFT_MODE",
-            "module": "src/modeller/component-toolbar/mode-icons.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/abstract-property.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "AbstractProperty",
-          "members": [
             {
               "kind": "method",
-              "name": "_onValueChange",
+              "name": "_onSelectedChanged",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "after",
                   "type": {
-                    "text": "Event"
+                    "text": "Component[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_getValueFromEventTarget",
+              "name": "_setPropertyTarget",
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "newTarget",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "Component | null"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_onAfterValueChange",
+              "name": "_setBounds",
               "parameters": [
                 {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
+                  "name": "bounds",
                   "type": {
-                    "text": "any"
+                    "text": "BOUNDS"
                   }
                 }
               ]
             }
           ],
-          "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": [
+          "attributes": [
             {
-              "kind": "field",
               "name": "scene",
               "type": {
                 "text": "Scene | null"
               },
               "default": "null",
-              "attribute": "scene"
+              "fieldName": "scene"
             },
             {
-              "kind": "field",
               "name": "bounds",
               "type": {
                 "text": "any"
               },
               "default": "{}",
-              "attribute": "bounds"
+              "fieldName": "bounds"
             },
             {
-              "kind": "field",
               "name": "model",
               "type": {
                 "text": "Model | null"
               },
               "default": "{}",
-              "attribute": "model"
+              "fieldName": "model"
             },
             {
-              "kind": "field",
               "name": "selected",
               "type": {
                 "text": "Component[]"
               },
               "default": "[]",
-              "attribute": "selected"
+              "fieldName": "selected"
             },
             {
-              "kind": "field",
               "name": "specificProps",
               "type": {
                 "text": "any"
               },
-              "attribute": "specificProps"
+              "fieldName": "specificProps"
             },
             {
-              "kind": "field",
               "name": "tabName",
               "type": {
                 "text": "string | null"
               },
               "default": "'specific'",
-              "attribute": "tabName"
+              "fieldName": "tabName"
             },
             {
-              "kind": "field",
               "name": "collapsed",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "attribute": "collapsed"
+              "fieldName": "collapsed"
             },
             {
-              "kind": "field",
               "name": "fonts",
               "type": {
                 "text": "any[]"
               },
               "default": "[]",
-              "attribute": "fonts"
+              "fieldName": "fonts"
             },
             {
-              "kind": "field",
               "name": "propertyEditor",
               "type": {
                 "text": "any[]"
               },
               "default": "[]",
-              "attribute": "propertyEditor"
-            },
-            {
-              "kind": "field",
-              "name": "propertyTarget",
-              "type": {
-                "text": "Component | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "scopedElements",
-              "static": true,
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "_onPropertyChanged",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_onBoundsChanged",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "CustomEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_onChangedByScene"
-            },
-            {
-              "kind": "method",
-              "name": "_setPropertyTargetAsDefault"
-            },
-            {
-              "kind": "method",
-              "name": "_onCollapsed",
-              "parameters": [
-                {
-                  "name": "collapsed",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_onSceneChanged"
-            },
-            {
-              "kind": "method",
-              "name": "_onSelectedChanged",
-              "parameters": [
-                {
-                  "name": "after",
-                  "type": {
-                    "text": "Component[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_setPropertyTarget",
-              "parameters": [
-                {
-                  "name": "newTarget",
-                  "type": {
-                    "text": "Component | null"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_setBounds",
-              "parameters": [
-                {
-                  "name": "bounds",
-                  "type": {
-                    "text": "BOUNDS"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "scene",
-              "type": {
-                "text": "Scene | null"
-              },
-              "default": "null",
-              "fieldName": "scene"
-            },
-            {
-              "name": "bounds",
-              "type": {
-                "text": "any"
-              },
-              "default": "{}",
-              "fieldName": "bounds"
-            },
-            {
-              "name": "model",
-              "type": {
-                "text": "Model | null"
-              },
-              "default": "{}",
-              "fieldName": "model"
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "Component[]"
-              },
-              "default": "[]",
-              "fieldName": "selected"
-            },
-            {
-              "name": "specificProps",
-              "type": {
-                "text": "any"
-              },
-              "fieldName": "specificProps"
-            },
-            {
-              "name": "tabName",
-              "type": {
-                "text": "string | null"
-              },
-              "default": "'specific'",
-              "fieldName": "tabName"
-            },
-            {
-              "name": "collapsed",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "collapsed"
-            },
-            {
-              "name": "fonts",
-              "type": {
-                "text": "any[]"
-              },
-              "default": "[]",
-              "fieldName": "fonts"
-            },
-            {
-              "name": "propertyEditor",
-              "type": {
-                "text": "any[]"
-              },
-              "default": "[]",
-              "fieldName": "propertyEditor"
-            }
-          ],
-          "mixins": [
+              "fieldName": "propertyEditor"
+            }
+          ],
+          "mixins": [
             {
               "name": "ScopedElementsMixin",
               "package": "@open-wc/scoped-elements"
@@ -8356,351 +8203,295 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts",
+      "path": "src/modeller/component-toolbar/component-detail.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": "ComponentDetail",
           "members": [
             {
               "kind": "field",
-              "name": "mapping",
+              "name": "template",
               "type": {
-                "text": "Mapping"
+                "text": "{ about: string } | null"
               },
-              "default": "{ rule: 'value' }",
-              "attribute": "mapping"
-            },
+              "default": "null",
+              "attribute": "template"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "template",
+              "type": {
+                "text": "{ about: string } | null"
+              },
+              "default": "null",
+              "fieldName": "template"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ComponentDetail",
+          "declaration": {
+            "name": "ComponentDetail",
+            "module": "src/modeller/component-toolbar/component-detail.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/component-toolbar/component-menu.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ComponentMenu",
+          "members": [
             {
               "kind": "field",
-              "name": "rule",
+              "name": "groups",
               "type": {
-                "text": "Rule"
+                "text": "Pallet[]"
               },
-              "default": "{}",
-              "attribute": "rule"
+              "default": "[]",
+              "attribute": "groups"
             },
             {
               "kind": "field",
               "name": "scene",
               "type": {
-                "text": "Scene | undefined"
+                "text": "Scene | null"
               },
+              "default": "null",
               "attribute": "scene"
             },
             {
               "kind": "field",
-              "name": "_valueTypes",
+              "name": "group",
               "type": {
-                "text": "any"
+                "text": "string | null"
               },
-              "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' }"
+              "default": "''",
+              "attribute": "group"
             },
             {
               "kind": "field",
-              "name": "_componentIds",
+              "name": "templates",
               "type": {
-                "text": "{ value: string; description: string }[]"
+                "text": "PalletItem[]"
               },
               "default": "[]"
             },
             {
               "kind": "field",
-              "name": "editor",
+              "name": "template",
               "type": {
-                "text": "HTMLInputElement"
+                "text": "PalletItem | any"
               }
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "detail",
               "type": {
-                "text": "HTMLInputElement"
+                "text": "HTMLElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "scopedElements",
+              "static": true,
+              "readonly": true
+            },
             {
               "kind": "method",
-              "name": "_valuetype",
+              "name": "findTemplate",
               "parameters": [
                 {
-                  "name": "property",
+                  "name": "type",
                   "type": {
-                    "text": "string"
+                    "text": "string | null | undefined"
                   }
                 }
               ]
             },
-            {
-              "kind": "field",
-              "name": "_keep_saved_rule_params",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
             {
               "kind": "method",
-              "name": "_onChangedMapping"
+              "name": "onHoverComponent",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_onChangeRule",
+              "name": "onClickTemplate",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "Event"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_onChange",
+              "name": "templateIcon",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "template",
                   "type": {
-                    "text": "Event"
+                    "text": "PalletItem"
                   }
                 }
               ]
             }
           ],
-          "events": [
-            {
-              "name": "value-change",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
           "attributes": [
             {
-              "name": "mapping",
-              "type": {
-                "text": "Mapping"
-              },
-              "default": "{ rule: 'value' }",
-              "fieldName": "mapping"
-            },
-            {
-              "name": "rule",
+              "name": "groups",
               "type": {
-                "text": "Rule"
+                "text": "Pallet[]"
               },
-              "default": "{}",
-              "fieldName": "rule"
+              "default": "[]",
+              "fieldName": "groups"
             },
             {
-              "name": "properties",
+              "name": "scene",
               "type": {
-                "text": "Properties[]"
+                "text": "Scene | null"
               },
-              "default": "[]",
-              "fieldName": "properties"
+              "default": "null",
+              "fieldName": "scene"
             },
             {
-              "name": "scene",
+              "name": "group",
               "type": {
-                "text": "Scene | undefined"
+                "text": "string | null"
               },
-              "fieldName": "scene"
+              "default": "''",
+              "fieldName": "group"
             }
           ],
-          "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"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "tagName": "data-binding-value-map",
           "customElement": true
         }
       ],
       "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": "ComponentMenu",
           "declaration": {
-            "name": "DataBindingValueMap",
-            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
+            "name": "ComponentMenu",
+            "module": "src/modeller/component-toolbar/component-menu.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts",
+      "path": "src/modeller/component-toolbar/component-toolbar.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DataBindingValueRange",
+          "name": "ComponentToolbar",
           "members": [
             {
-              "kind": "method",
-              "name": "valueInputTemplate",
-              "parameters": [
-                {
-                  "name": "value",
-                  "optional": true,
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
-            }
-          ],
-          "superclass": {
-            "name": "OxInputValueRange",
-            "package": "@operato/input"
-          },
-          "tagName": "data-binding-value-range",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "DataBindingValueRange",
-          "declaration": {
-            "name": "DataBindingValueRange",
-            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "data-binding-value-range",
-          "declaration": {
-            "name": "DataBindingValueRange",
-            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/data-binding/data-binding.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "PropertyDataBinding",
-          "members": [
+              "kind": "field",
+              "name": "componentGroupList",
+              "type": {
+                "text": "ComponentGroup[]"
+              },
+              "default": "[]",
+              "attribute": "componentGroupList"
+            },
             {
               "kind": "field",
-              "name": "value",
+              "name": "group",
               "type": {
-                "text": "Properties | undefined"
+                "text": "string | null | undefined"
               },
-              "attribute": "value"
+              "attribute": "group"
             },
             {
               "kind": "field",
               "name": "scene",
               "type": {
-                "text": "Scene | undefined"
+                "text": "Scene"
               },
               "attribute": "scene"
             },
             {
               "kind": "field",
-              "name": "mappingIndex",
+              "name": "mode",
               "type": {
-                "text": "number"
+                "text": "SceneMode"
               },
-              "default": "0"
+              "attribute": "mode"
             },
             {
               "kind": "field",
-              "name": "_afterRender",
+              "name": "shift",
               "type": {
-                "text": "Function | null | undefined"
+                "text": "HTMLImageElement"
               }
             },
             {
               "kind": "field",
-              "name": "_dataExpanded",
+              "name": "menu",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement"
               },
-              "default": "true"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "tabs",
+              "name": "componentsContainer",
               "type": {
                 "text": "HTMLElement"
-              }
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "tabNavLeftButton",
+              "name": "groups",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "NodeListOf<HTMLElement>"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "tabNavRightButton",
+              "name": "icons",
               "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "mappings",
-              "readonly": true
+                "text": "{ [name: string]: string }"
+              },
+              "privacy": "private",
+              "default": "{}"
             },
             {
               "kind": "field",
@@ -8710,142 +8501,90 @@
             },
             {
               "kind": "method",
-              "name": "_setMappingIndex",
+              "name": "onWheelEvent",
               "parameters": [
                 {
-                  "name": "idx",
+                  "name": "e",
                   "type": {
-                    "text": "number"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_clearDataBindingMapper"
+              "name": "_setMode",
+              "parameters": [
+                {
+                  "name": "mode",
+                  "type": {
+                    "text": "SceneMode"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_copyDataBindingMapper"
-            },
-            {
-              "kind": "method",
-              "name": "_pasteDataBindingMapper"
-            },
-            {
-              "kind": "method",
-              "name": "_onValueChanged"
-            },
-            {
-              "kind": "method",
-              "name": "_onValueChange",
+              "name": "_onClickShift",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "Event"
+                    "text": "MouseEvent"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "tabContainer",
-              "readonly": true
+              ]
             },
             {
               "kind": "method",
-              "name": "_onMappingChanged",
+              "name": "_onClickGroup",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "CustomEvent"
+                    "text": "MouseEvent"
                   }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "_onTabScroll"
-            },
-            {
-              "kind": "method",
-              "name": "_onTabScrollNavLeft"
-            },
-            {
-              "kind": "method",
-              "name": "_onTabScrollNavRight"
-            },
-            {
-              "kind": "method",
-              "name": "_getValueFromEventTarget",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            },
-            {
-              "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"
-              }
             }
           ],
           "events": [
             {
-              "name": "property-change",
+              "name": "mode-changed",
               "type": {
                 "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
               }
             }
           ],
           "attributes": [
             {
-              "name": "value",
+              "name": "componentGroupList",
               "type": {
-                "text": "Properties | undefined"
+                "text": "ComponentGroup[]"
               },
-              "fieldName": "value"
+              "default": "[]",
+              "fieldName": "componentGroupList"
+            },
+            {
+              "name": "group",
+              "type": {
+                "text": "string | null | undefined"
+              },
+              "fieldName": "group"
             },
             {
               "name": "scene",
               "type": {
-                "text": "Scene | undefined"
+                "text": "Scene"
               },
               "fieldName": "scene"
+            },
+            {
+              "name": "mode",
+              "type": {
+                "text": "SceneMode"
+              },
+              "fieldName": "mode"
             }
           ],
           "mixins": [
@@ -8855,31 +8594,84 @@
             }
           ],
           "superclass": {
-            "name": "AbstractProperty",
-            "module": "/src/modeller/property-sidebar/abstract-property.js"
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ComponentToolbar",
+          "declaration": {
+            "name": "ComponentToolbar",
+            "module": "src/modeller/component-toolbar/component-toolbar.ts"
           }
         }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/component-toolbar/mode-icons.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "ICON_EDIT_MODE",
+          "default": "` <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\" > <style type=\"text/css\"> .st0 { fill: {{strokeColor}}; } .st1 { fill: none; stroke: {{strokeColor}}; stroke-width: 0.75; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <polygon class=\"st0\" points=\"2.7,3.9 2.7,22.8 7.8,17.2 16.1,16.9 \" /> <path class=\"st1\" d=\"M27.7,20.1L26.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L20.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5 l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0 c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L21,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1 s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C27.7,20.2,27.7,20.1,27.7,20.1z\" /> </g> </svg> `"
+        },
+        {
+          "kind": "variable",
+          "name": "ICON_SHIFT_MODE",
+          "default": "` <svg version=\"1.1\" id=\"Layer_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 30 30\" style=\"enable-background:new 0 0 30 30;\" xml:space=\"preserve\" > <style type=\"text/css\"> .st0 { fill: {{strokeColor}}; stroke: {{strokeColor}}; fill-rule: evenodd; clip-rule: evenodd; } .st1 { fill: {{strokeColor}}; stroke: {{strokeColor}}; stroke-width: 0.75; stroke-linejoin: round; stroke-miterlimit: 10; } </style> <g> <path class=\"st0\" d=\"M7.8,23.2c1.6,0,3.8,0,5.7,0c0.8,0,1.3-0.3,1.6-1.2c0.4-2.9,1.5-4.9,2.4-6.9s1.4-2.5,1.6-3.4 c0.1-0.5,0.2-1.6-0.4-1.9c-0.6-0.3-1.2,0.1-1.9,1.3c-0.8,1.6-1,2-1.4,2c-0.3,0-0.1-4,0-5.4c0.1-1.3-0.6-1.8-1.3-1.8 c-0.8-0.1-1.5,0.4-1.5,1.5c0,1.5-0.2,5.2-0.7,5.2c-0.4,0-0.3-4.3-0.6-6.7c-0.1-1-0.6-1.8-1.5-1.8C9.1,4.2,8.4,4.7,8.3,5.8 c-0.1,1.3,1,6.7,0.5,6.7c-0.4,0-1.4-3.3-2.3-5.1C6,6.5,5.6,6,4.6,6.4C3.9,6.7,3.5,7.6,3.8,8.5c0.5,1.2,2.7,6.8,2.2,6.8 c-0.4,0-1.4-1.4-2.7-2.1c-1.1-0.6-1.8-0.4-2.1-0.1c-0.4,0.3-0.7,1,0.9,2.8c0.6,0.6,3.1,2.3,3.7,3.2c0.7,1.3,0.6,1,0.8,2.8 C6.7,22.7,7,23.2,7.8,23.2z\" /> <path class=\"st1\" d=\"M28.7,20.1L27.1,19c-0.1,0-0.2,0-0.2,0c0,0.1,0,0.2,0,0.2l1.2,0.9h-4.9v-5l0.9,1.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0c0.1,0,0.1-0.1,0-0.2l-1.1-1.6c-0.1-0.1-0.2-0.1-0.2,0L21.8,16c0,0.1,0,0.2,0,0.2s0.2,0,0.2,0l0.9-1.2v5h-5 l1.2-0.9c0.1,0,0.1-0.1,0-0.2c0-0.1-0.1-0.1-0.2,0l-1.6,1.1c0,0-0.1,0.1-0.1,0.1c0,0,0,0.1,0.1,0.1l1.6,1.1c0,0,0.1,0,0.1,0 c0,0,0.1,0,0.1-0.1c0-0.1,0-0.2,0-0.2l-1.2-0.9h5v5L22,24.2c0-0.1-0.1-0.1-0.2,0c-0.1,0-0.1,0.1,0,0.2l1.1,1.6c0,0,0.1,0.1,0.1,0.1 s0.1,0,0.1-0.1l1.1-1.6c0-0.1,0-0.2,0-0.2c-0.1,0-0.2,0-0.2,0l-0.9,1.2v-5h4.9l-1.2,0.9c-0.1,0-0.1,0.1,0,0.2c0,0,0.1,0.1,0.1,0.1 c0,0,0.1,0,0.1,0l1.6-1.1c0,0,0.1-0.1,0.1-0.1C28.7,20.2,28.7,20.1,28.7,20.1z\" /> </g> </svg> `"
+        }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "PropertyDataBinding",
+          "name": "ICON_EDIT_MODE",
           "declaration": {
-            "name": "PropertyDataBinding",
-            "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
+            "name": "ICON_EDIT_MODE",
+            "module": "src/modeller/component-toolbar/mode-icons.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ICON_SHIFT_MODE",
+          "declaration": {
+            "name": "ICON_SHIFT_MODE",
+            "module": "src/modeller/component-toolbar/mode-icons.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/inspector/inspector.ts",
+      "path": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "SceneInspector",
+          "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",
@@ -8890,256 +8682,251 @@
             },
             {
               "kind": "field",
-              "name": "searchText",
+              "name": "_valueTypes",
               "type": {
-                "text": "string"
+                "text": "any"
               },
-              "privacy": "private",
-              "default": "''"
+              "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": "_extendedMap",
+              "name": "_componentIds",
               "type": {
-                "text": "any"
+                "text": "{ value: string; description: string }[]"
               },
-              "privacy": "private"
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "show",
+              "name": "editor",
               "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
+                "text": "HTMLInputElement"
+              }
             },
             {
               "kind": "field",
-              "name": "count",
+              "name": "target",
               "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "-1"
+                "text": "HTMLInputElement"
+              }
             },
             {
               "kind": "method",
-              "name": "disconnectScene",
+              "name": "_valuetype",
               "parameters": [
                 {
-                  "name": "scene",
-                  "optional": true,
+                  "name": "property",
                   "type": {
-                    "text": "Scene"
+                    "text": "string"
                   }
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "_keep_saved_rule_params",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "method",
-              "name": "refresh"
+              "name": "_onChangedMapping"
             },
             {
               "kind": "method",
-              "name": "_onclick",
+              "name": "_onChangeRule",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_ondblclick",
+              "name": "_onChange",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "Event"
                   }
                 }
               ]
-            },
+            }
+          ],
+          "events": [
             {
-              "kind": "field",
-              "name": "extendedMap",
-              "readonly": true
+              "name": "value-change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "mapping",
+              "type": {
+                "text": "Mapping"
+              },
+              "default": "{ rule: 'value' }",
+              "fieldName": "mapping"
             },
             {
-              "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"
-                  }
-                }
-              ]
+              "name": "rule",
+              "type": {
+                "text": "Rule"
+              },
+              "default": "{}",
+              "fieldName": "rule"
             },
             {
-              "kind": "method",
-              "name": "selectComponent",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                },
-                {
-                  "name": "append",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "name": "properties",
+              "type": {
+                "text": "Properties[]"
+              },
+              "default": "[]",
+              "fieldName": "properties"
             },
             {
-              "kind": "method",
-              "name": "shouldBeShown",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "name": "scene",
+              "type": {
+                "text": "Scene | undefined"
               },
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                },
-                {
-                  "name": "counting",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
+              "fieldName": "scene"
+            }
+          ],
+          "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": [
             {
               "kind": "method",
-              "name": "renderComponent",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
+              "name": "valueInputTemplate",
               "parameters": [
                 {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                },
-                {
-                  "name": "depth",
+                  "name": "value",
+                  "optional": true,
                   "type": {
-                    "text": "number"
+                    "text": "any"
                   }
                 }
               ]
             }
           ],
-          "attributes": [
-            {
-              "name": "scene",
-              "type": {
-                "text": "Scene | undefined"
-              },
-              "fieldName": "scene"
-            }
-          ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "OxInputValueMap",
+            "package": "@operato/input"
           },
+          "tagName": "data-binding-value-map",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SceneInspector",
+          "name": "DataBindingValueMap",
           "declaration": {
-            "name": "SceneInspector",
-            "module": "src/modeller/property-sidebar/inspector/inspector.ts"
+            "name": "DataBindingValueMap",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "data-binding-value-map",
+          "declaration": {
+            "name": "DataBindingValueMap",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
+      "path": "src/modeller/property-sidebar/data-binding/data-binding-value-range.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; } `"
+          "kind": "class",
+          "description": "",
+          "name": "DataBindingValueRange",
+          "members": [
+            {
+              "kind": "method",
+              "name": "valueInputTemplate",
+              "parameters": [
+                {
+                  "name": "value",
+                  "optional": true,
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            }
+          ],
+          "superclass": {
+            "name": "OxInputValueRange",
+            "package": "@operato/input"
+          },
+          "tagName": "data-binding-value-range",
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "EffectsSharedStyle",
+          "name": "DataBindingValueRange",
           "declaration": {
-            "name": "EffectsSharedStyle",
-            "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
+            "name": "DataBindingValueRange",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "data-binding-value-range",
+          "declaration": {
+            "name": "DataBindingValueRange",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/effects/effects.ts",
+      "path": "src/modeller/property-sidebar/data-binding/data-binding.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "PropertyEffects",
+          "name": "PropertyDataBinding",
           "members": [
             {
               "kind": "field",
@@ -9159,39 +8946,136 @@
             },
             {
               "kind": "field",
-              "name": "selected",
+              "name": "mappingIndex",
               "type": {
-                "text": "Component[]"
+                "text": "number"
               },
-              "default": "[]",
-              "attribute": "selected"
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "scopedElements",
-              "static": true,
-              "readonly": true
+              "name": "_afterRender",
+              "type": {
+                "text": "Function | null | undefined"
+              }
             },
             {
-              "kind": "method",
-              "name": "_onValueChange",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
+              "kind": "field",
+              "name": "_dataExpanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "true"
             },
             {
-              "kind": "method",
-              "name": "_getValueFromEventTarget",
-              "parameters": [
+              "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",
+              "parameters": [
+                {
+                  "name": "idx",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_clearDataBindingMapper"
+            },
+            {
+              "kind": "method",
+              "name": "_copyDataBindingMapper"
+            },
+            {
+              "kind": "method",
+              "name": "_pasteDataBindingMapper"
+            },
+            {
+              "kind": "method",
+              "name": "_onValueChanged"
+            },
+            {
+              "kind": "method",
+              "name": "_onValueChange",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tabContainer",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "_onMappingChanged",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "CustomEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onTabScroll"
+            },
+            {
+              "kind": "method",
+              "name": "_onTabScrollNavLeft"
+            },
+            {
+              "kind": "method",
+              "name": "_onTabScrollNavRight"
+            },
+            {
+              "kind": "method",
+              "name": "_getValueFromEventTarget",
+              "parameters": [
                 {
                   "name": "element",
                   "type": {
@@ -9227,6 +9111,18 @@
               }
             }
           ],
+          "events": [
+            {
+              "name": "property-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            }
+          ],
           "attributes": [
             {
               "name": "value",
@@ -9241,14 +9137,6 @@
                 "text": "Scene | undefined"
               },
               "fieldName": "scene"
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "Component[]"
-              },
-              "default": "[]",
-              "fieldName": "selected"
             }
           ],
           "mixins": [
@@ -9260,40 +9148,49 @@
           "superclass": {
             "name": "AbstractProperty",
             "module": "/src/modeller/property-sidebar/abstract-property.js"
-          },
-          "events": [
-            {
-              "name": "property-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            }
-          ]
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "PropertyEffects",
+          "name": "PropertyDataBinding",
           "declaration": {
-            "name": "PropertyEffects",
-            "module": "src/modeller/property-sidebar/effects/effects.ts"
+            "name": "PropertyDataBinding",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/effects/property-event-hover.ts",
+      "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; } `"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "EffectsSharedStyle",
+          "declaration": {
+            "name": "EffectsSharedStyle",
+            "module": "src/modeller/property-sidebar/effects/effects-shared-style.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/effects/effects.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "PropertyEventHover",
+          "name": "PropertyEffects",
           "members": [
             {
               "kind": "field",
@@ -9311,53 +9208,73 @@
               },
               "attribute": "scene"
             },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "Component[]"
+              },
+              "default": "[]",
+              "attribute": "selected"
+            },
+            {
+              "kind": "field",
+              "name": "scopedElements",
+              "static": true,
+              "readonly": true
+            },
             {
               "kind": "method",
-              "name": "_getPlaceHoder",
+              "name": "_onValueChange",
               "parameters": [
                 {
-                  "name": "action",
+                  "name": "e",
                   "type": {
-                    "text": "string"
+                    "text": "Event"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "_getTargetList",
-              "return": {
-                "type": {
-                  "text": "{ value: string; description: string }[]"
-                }
-              },
+              "name": "_getValueFromEventTarget",
               "parameters": [
                 {
-                  "name": "action",
+                  "name": "element",
                   "type": {
-                    "text": "string"
+                    "text": "HTMLElement"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "_onValueChange",
+              "name": "_onAfterValueChange",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "key",
                   "type": {
-                    "text": "Event"
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "any"
                   }
                 }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "name": "change",
-              "type": {
-                "text": "CustomEvent"
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
               }
             }
           ],
@@ -9375,10 +9292,144 @@
                 "text": "Scene | undefined"
               },
               "fieldName": "scene"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "Component[]"
+              },
+              "default": "[]",
+              "fieldName": "selected"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "ScopedElementsMixin",
+              "package": "@open-wc/scoped-elements"
             }
           ],
           "superclass": {
-            "name": "LitElement",
+            "name": "AbstractProperty",
+            "module": "/src/modeller/property-sidebar/abstract-property.js"
+          },
+          "events": [
+            {
+              "name": "property-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PropertyEffects",
+          "declaration": {
+            "name": "PropertyEffects",
+            "module": "src/modeller/property-sidebar/effects/effects.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/effects/property-event-hover.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "PropertyEventHover",
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "Properties | undefined"
+              },
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "scene",
+              "type": {
+                "text": "Scene | undefined"
+              },
+              "attribute": "scene"
+            },
+            {
+              "kind": "method",
+              "name": "_getPlaceHoder",
+              "parameters": [
+                {
+                  "name": "action",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_getTargetList",
+              "return": {
+                "type": {
+                  "text": "{ value: string; description: string }[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "action",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onValueChange",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "Properties | undefined"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "scene",
+              "type": {
+                "text": "Scene | undefined"
+              },
+              "fieldName": "scene"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
             "package": "lit"
           },
           "customElement": true
@@ -9682,97 +9733,467 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/specifics/specific-properties-builder.ts",
+      "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": "BoxPaddingEditorStyles",
+            "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/shapes/shapes.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SpecificPropertiesBuilder",
+          "name": "PropertyShapes",
           "members": [
             {
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "any"
+                "text": "Properties | undefined"
               },
               "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "props",
+              "name": "bounds",
               "type": {
-                "text": "any[]"
+                "text": "BOUNDS | null"
               },
-              "default": "[]",
-              "attribute": "props"
+              "default": "null",
+              "attribute": "bounds"
             },
             {
               "kind": "field",
-              "name": "propertyEditor",
+              "name": "selected",
               "type": {
-                "text": "any"
+                "text": "Component[]"
               },
-              "attribute": "propertyEditor"
+              "default": "[]",
+              "attribute": "selected"
             },
             {
               "kind": "method",
-              "name": "_onPropsChanged",
+              "name": "_onValueChange",
               "parameters": [
                 {
-                  "name": "props",
+                  "name": "e",
                   "type": {
-                    "text": "any[]"
+                    "text": "Event"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_hasTextProperty",
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_setValues"
+              "name": "_hasProperties",
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_onValueChanged",
+              "name": "_isIdentifiable",
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isClassIdentifiable",
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isLine",
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_is3dish",
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_getValueFromEventTarget",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            },
+            {
+              "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"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "bounds-change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "property-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "Properties | undefined"
+              },
+              "fieldName": "value"
+            },
+            {
+              "name": "bounds",
+              "type": {
+                "text": "BOUNDS | null"
+              },
+              "default": "null",
+              "fieldName": "bounds"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "Component[]"
+              },
+              "default": "[]",
+              "fieldName": "selected"
+            }
+          ],
+          "superclass": {
+            "name": "AbstractProperty",
+            "module": "/src/modeller/property-sidebar/abstract-property"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PropertyShapes",
+          "declaration": {
+            "name": "PropertyShapes",
+            "module": "src/modeller/property-sidebar/shapes/shapes.ts"
+          }
+        }
+      ]
+    },
+    {
+      "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": "Event"
+                    "text": "number"
                   }
                 }
               ]
             }
           ],
-          "events": [
-            {
-              "name": "property-change",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
           "attributes": [
             {
-              "name": "value",
-              "type": {
-                "text": "any"
-              },
-              "fieldName": "value"
-            },
-            {
-              "name": "props",
-              "type": {
-                "text": "any[]"
-              },
-              "default": "[]",
-              "fieldName": "props"
-            },
-            {
-              "name": "propertyEditor",
+              "name": "scene",
               "type": {
-                "text": "any"
+                "text": "Scene | undefined"
               },
-              "fieldName": "propertyEditor"
+              "fieldName": "scene"
             }
           ],
           "superclass": {
@@ -9785,22 +10206,22 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SpecificPropertiesBuilder",
+          "name": "SceneInspector",
           "declaration": {
-            "name": "SpecificPropertiesBuilder",
-            "module": "src/modeller/property-sidebar/specifics/specific-properties-builder.ts"
+            "name": "SceneInspector",
+            "module": "src/modeller/property-sidebar/inspector/inspector.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/specifics/specifics.ts",
+      "path": "src/modeller/property-sidebar/styles/styles.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "PropertySpecific",
+          "name": "PropertyStyles",
           "members": [
             {
               "kind": "field",
@@ -9808,17 +10229,9 @@
               "type": {
                 "text": "any"
               },
+              "default": "{}",
               "attribute": "value"
             },
-            {
-              "kind": "field",
-              "name": "scene",
-              "type": {
-                "text": "Scene | null"
-              },
-              "default": "null",
-              "attribute": "scene"
-            },
             {
               "kind": "field",
               "name": "selected",
@@ -9830,49 +10243,16 @@
             },
             {
               "kind": "field",
-              "name": "props",
-              "type": {
-                "text": "any[]"
-              },
-              "default": "[]",
-              "attribute": "props"
-            },
-            {
-              "kind": "field",
-              "name": "propertyEditor",
+              "name": "fonts",
               "type": {
                 "text": "any[]"
               },
               "default": "[]",
-              "attribute": "propertyEditor"
-            },
-            {
-              "kind": "field",
-              "name": "boundINeedSelected",
-              "type": {
-                "text": "any"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "scopedElements",
-              "static": true,
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "_isGroupSelected",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
+              "attribute": "fonts"
             },
             {
               "kind": "method",
-              "name": "_onValueChange",
+              "name": "onButtonGroupClick",
               "parameters": [
                 {
                   "name": "e",
@@ -9880,27 +10260,11 @@
                     "text": "Event"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_isIdentifiable",
-              "parameters": [
-                {
-                  "name": "selected",
-                  "type": {
-                    "text": "Component[]"
-                  }
-                }
               ]
             },
             {
               "kind": "method",
-              "name": "_hasTextProperty",
+              "name": "_isLine",
               "parameters": [
                 {
                   "name": "selected",
@@ -9912,15 +10276,19 @@
             },
             {
               "kind": "method",
-              "name": "_onINeedSelected",
+              "name": "_onValueChange",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "CustomEvent"
+                    "text": "Event"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
             },
             {
               "kind": "method",
@@ -9967,16 +10335,9 @@
               "type": {
                 "text": "any"
               },
+              "default": "{}",
               "fieldName": "value"
             },
-            {
-              "name": "scene",
-              "type": {
-                "text": "Scene | null"
-              },
-              "default": "null",
-              "fieldName": "scene"
-            },
             {
               "name": "selected",
               "type": {
@@ -9986,31 +10347,17 @@
               "fieldName": "selected"
             },
             {
-              "name": "props",
-              "type": {
-                "text": "any[]"
-              },
-              "default": "[]",
-              "fieldName": "props"
-            },
-            {
-              "name": "propertyEditor",
+              "name": "fonts",
               "type": {
                 "text": "any[]"
               },
               "default": "[]",
-              "fieldName": "propertyEditor"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "ScopedElementsMixin",
-              "package": "@open-wc/scoped-elements"
+              "fieldName": "fonts"
             }
           ],
           "superclass": {
             "name": "AbstractProperty",
-            "module": "/src/modeller/property-sidebar/abstract-property"
+            "module": "/src/modeller/property-sidebar/abstract-property.js"
           },
           "events": [
             {
@@ -10029,212 +10376,82 @@
       "exports": [
         {
           "kind": "js",
-          "name": "PropertySpecific",
-          "declaration": {
-            "name": "PropertySpecific",
-            "module": "src/modeller/property-sidebar/specifics/specifics.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": "PropertyStyles",
           "declaration": {
-            "name": "BoxPaddingEditorStyles",
-            "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/shapes/shapes.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "PropertyShapes",
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "Properties | undefined"
-              },
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "bounds",
-              "type": {
-                "text": "BOUNDS | null"
-              },
-              "default": "null",
-              "attribute": "bounds"
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "Component[]"
-              },
-              "default": "[]",
-              "attribute": "selected"
-            },
-            {
-              "kind": "method",
-              "name": "_onValueChange",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_hasTextProperty",
-              "parameters": [
-                {
-                  "name": "selected",
-                  "type": {
-                    "text": "Component[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_hasProperties",
-              "parameters": [
-                {
-                  "name": "selected",
-                  "type": {
-                    "text": "Component[]"
-                  }
-                }
-              ]
-            },
+            "name": "PropertyStyles",
+            "module": "src/modeller/property-sidebar/styles/styles.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/specifics/specific-properties-builder.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SpecificPropertiesBuilder",
+          "members": [
             {
-              "kind": "method",
-              "name": "_isIdentifiable",
-              "parameters": [
-                {
-                  "name": "selected",
-                  "type": {
-                    "text": "Component[]"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "any"
+              },
+              "attribute": "value"
             },
             {
-              "kind": "method",
-              "name": "_isClassIdentifiable",
-              "parameters": [
-                {
-                  "name": "selected",
-                  "type": {
-                    "text": "Component[]"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "props",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "attribute": "props"
             },
             {
-              "kind": "method",
-              "name": "_isLine",
-              "parameters": [
-                {
-                  "name": "selected",
-                  "type": {
-                    "text": "Component[]"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "propertyEditor",
+              "type": {
+                "text": "any"
+              },
+              "attribute": "propertyEditor"
             },
             {
               "kind": "method",
-              "name": "_is3dish",
+              "name": "_onPropsChanged",
               "parameters": [
                 {
-                  "name": "selected",
+                  "name": "props",
                   "type": {
-                    "text": "Component[]"
+                    "text": "any[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_getValueFromEventTarget",
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
+              "name": "_setValues"
             },
             {
               "kind": "method",
-              "name": "_onAfterValueChange",
+              "name": "_onValueChanged",
               "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": "bounds-change",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
             {
               "name": "property-change",
               "type": {
                 "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
               }
             }
           ],
@@ -10242,52 +10459,52 @@
             {
               "name": "value",
               "type": {
-                "text": "Properties | undefined"
+                "text": "any"
               },
               "fieldName": "value"
             },
             {
-              "name": "bounds",
+              "name": "props",
               "type": {
-                "text": "BOUNDS | null"
+                "text": "any[]"
               },
-              "default": "null",
-              "fieldName": "bounds"
+              "default": "[]",
+              "fieldName": "props"
             },
             {
-              "name": "selected",
+              "name": "propertyEditor",
               "type": {
-                "text": "Component[]"
+                "text": "any"
               },
-              "default": "[]",
-              "fieldName": "selected"
+              "fieldName": "propertyEditor"
             }
           ],
           "superclass": {
-            "name": "AbstractProperty",
-            "module": "/src/modeller/property-sidebar/abstract-property"
-          }
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "PropertyShapes",
+          "name": "SpecificPropertiesBuilder",
           "declaration": {
-            "name": "PropertyShapes",
-            "module": "src/modeller/property-sidebar/shapes/shapes.ts"
+            "name": "SpecificPropertiesBuilder",
+            "module": "src/modeller/property-sidebar/specifics/specific-properties-builder.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/styles/styles.ts",
+      "path": "src/modeller/property-sidebar/specifics/specifics.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "PropertyStyles",
+          "name": "PropertySpecific",
           "members": [
             {
               "kind": "field",
@@ -10295,9 +10512,17 @@
               "type": {
                 "text": "any"
               },
-              "default": "{}",
               "attribute": "value"
             },
+            {
+              "kind": "field",
+              "name": "scene",
+              "type": {
+                "text": "Scene | null"
+              },
+              "default": "null",
+              "attribute": "scene"
+            },
             {
               "kind": "field",
               "name": "selected",
@@ -10309,16 +10534,49 @@
             },
             {
               "kind": "field",
-              "name": "fonts",
+              "name": "props",
               "type": {
                 "text": "any[]"
               },
               "default": "[]",
-              "attribute": "fonts"
+              "attribute": "props"
+            },
+            {
+              "kind": "field",
+              "name": "propertyEditor",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "attribute": "propertyEditor"
+            },
+            {
+              "kind": "field",
+              "name": "boundINeedSelected",
+              "type": {
+                "text": "any"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "scopedElements",
+              "static": true,
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "onButtonGroupClick",
+              "name": "_isGroupSelected",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_onValueChange",
               "parameters": [
                 {
                   "name": "e",
@@ -10326,11 +10584,27 @@
                     "text": "Event"
                   }
                 }
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_isIdentifiable",
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
               ]
             },
             {
               "kind": "method",
-              "name": "_isLine",
+              "name": "_hasTextProperty",
               "parameters": [
                 {
                   "name": "selected",
@@ -10342,19 +10616,15 @@
             },
             {
               "kind": "method",
-              "name": "_onValueChange",
+              "name": "_onINeedSelected",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "Event"
+                    "text": "CustomEvent"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
+              ]
             },
             {
               "kind": "method",
@@ -10401,9 +10671,16 @@
               "type": {
                 "text": "any"
               },
-              "default": "{}",
               "fieldName": "value"
             },
+            {
+              "name": "scene",
+              "type": {
+                "text": "Scene | null"
+              },
+              "default": "null",
+              "fieldName": "scene"
+            },
             {
               "name": "selected",
               "type": {
@@ -10413,17 +10690,31 @@
               "fieldName": "selected"
             },
             {
-              "name": "fonts",
+              "name": "props",
               "type": {
                 "text": "any[]"
               },
               "default": "[]",
-              "fieldName": "fonts"
+              "fieldName": "props"
+            },
+            {
+              "name": "propertyEditor",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "fieldName": "propertyEditor"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "ScopedElementsMixin",
+              "package": "@open-wc/scoped-elements"
             }
           ],
           "superclass": {
             "name": "AbstractProperty",
-            "module": "/src/modeller/property-sidebar/abstract-property.js"
+            "module": "/src/modeller/property-sidebar/abstract-property"
           },
           "events": [
             {
@@ -10442,10 +10733,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "PropertyStyles",
+          "name": "PropertySpecific",
           "declaration": {
-            "name": "PropertyStyles",
-            "module": "src/modeller/property-sidebar/styles/styles.ts"
+            "name": "PropertySpecific",
+            "module": "src/modeller/property-sidebar/specifics/specifics.ts"
           }
         }
       ]