@fmsim/board 1.0.63 → 1.0.64

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",
@@ -1113,6 +1028,14 @@
               "kind": "field",
               "name": "fmbMonitoringInitHandler"
             },
+            {
+              "kind": "field",
+              "name": "fmbShowLegendHandler"
+            },
+            {
+              "kind": "field",
+              "name": "fmbHideLegendHandler"
+            },
             {
               "kind": "field",
               "name": "clickComponentHandler"
@@ -1353,6 +1276,10 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "onLegendToggle"
+            },
             {
               "kind": "method",
               "name": "getSceneData"
@@ -1729,6 +1656,91 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "stories/restful-attachment-selector.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "default": "{ title: 'Components/RestfulAttachmentSelector', component: 'restful-attachment-selector', argTypes: { category: { control: 'select', options: ['', 'audio', 'video', 'image', 'text', 'application'], description: '첨부파일 카테고리' }, creatable: { control: 'boolean', description: '파일 업로드 가능 여부' }, userName: { control: 'text', description: '사용자 이름' } }, parameters: { layout: 'centered' } } satisfies Meta"
+        },
+        {
+          "kind": "variable",
+          "name": "Default",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ render: args => html` <restful-attachment-selector .category=${args.category} .creatable=${args.creatable} .userName=${args.userName} style=\"width: 800px; height: 600px;\" ></restful-attachment-selector> `, args: { category: '', creatable: true, userName: 'testUser' } }"
+        },
+        {
+          "kind": "variable",
+          "name": "WithCategory",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ ...Default, args: { ...Default.args, category: 'document' } }"
+        },
+        {
+          "kind": "variable",
+          "name": "ReadOnly",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ ...Default, args: { ...Default.args, creatable: false } }"
+        },
+        {
+          "kind": "variable",
+          "name": "WithTestData",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ ...Default, args: { ...Default.args, category: 'document' }, play: async ({ canvasElement }) => { const selector = canvasElement.querySelector('restful-attachment-selector') as RestfulAttachmentSelector if (selector) { // 테스트 데이터 주입 selector.attachments = [ { id: 'test-1', name: 'test1.txt', description: 'Test file 1', mimetype: 'text/plain', encoding: '7bit', category: 'document', path: 'test1.txt', bulk: '27', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test1.txt', download: 'http://localhost:16060/mcs/lv/downloadFile/test1.txt' }, { id: 'test-2', name: 'test2.jpg', description: 'Test image', mimetype: 'image/jpeg', encoding: '7bit', category: 'image', path: 'test2.jpg', bulk: '1024', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test2.jpg', download: 'http://localhost:16060/mcs/lv/downloadFile/test2.jpg' } ] } } }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Default",
+          "declaration": {
+            "name": "Default",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WithCategory",
+          "declaration": {
+            "name": "WithCategory",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ReadOnly",
+          "declaration": {
+            "name": "ReadOnly",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WithTestData",
+          "declaration": {
+            "name": "WithTestData",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/component/etc.ts",
@@ -1739,7 +1751,7 @@
           "type": {
             "text": "ComponentGroup"
           },
-          "default": "{ name: 'etc', description: 'a group of components that have not yet been defined.', icon, templates: [ { 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' } } ] }"
+          "default": "{ name: 'etc', description: 'a group of components that have not yet been defined.', icon, templates: [ { 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', hidden: true } } ] }"
         }
       ],
       "exports": [
@@ -3573,18 +3585,6 @@
                   }
                 }
               ]
-            },
-            {
-              "kind": "method",
-              "name": "onTapGenerateModel",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "TouchEvent | string"
-                  }
-                }
-              ]
             }
           ],
           "events": [
@@ -6293,308 +6293,68 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/inspector/inspector.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": "SceneInspector",
+          "name": "PropertyEffects",
           "members": [
             {
               "kind": "field",
-              "name": "scene",
-              "type": {
-                "text": "Scene | undefined"
-              },
-              "attribute": "scene"
-            },
-            {
-              "kind": "field",
-              "name": "searchText",
+              "name": "value",
               "type": {
-                "text": "string"
+                "text": "Properties | undefined"
               },
-              "privacy": "private",
-              "default": "''"
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "_extendedMap",
+              "name": "scene",
               "type": {
-                "text": "any"
+                "text": "Scene | undefined"
               },
-              "privacy": "private"
+              "attribute": "scene"
             },
             {
               "kind": "field",
-              "name": "show",
+              "name": "selected",
               "type": {
-                "text": "boolean"
+                "text": "Component[]"
               },
-              "privacy": "private",
-              "default": "false"
+              "default": "[]",
+              "attribute": "selected"
             },
             {
               "kind": "field",
-              "name": "count",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "-1"
+              "name": "scopedElements",
+              "static": true,
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "disconnectScene",
-              "parameters": [
-                {
-                  "name": "scene",
-                  "optional": true,
-                  "type": {
-                    "text": "Scene"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "refresh"
-            },
-            {
-              "kind": "method",
-              "name": "_onclick",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_ondblclick",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "extendedMap",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "getNodeHandleClass",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "isExtended",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "toggleExtended",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "toggleHidden",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "selectComponent",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                },
-                {
-                  "name": "append",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "shouldBeShown",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                },
-                {
-                  "name": "counting",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "renderComponent",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                },
-                {
-                  "name": "depth",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "scene",
-              "type": {
-                "text": "Scene | undefined"
-              },
-              "fieldName": "scene"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SceneInspector",
-          "declaration": {
-            "name": "SceneInspector",
-            "module": "src/modeller/property-sidebar/inspector/inspector.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/effects/effects-shared-style.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "EffectsSharedStyle",
-          "default": "css` :host { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 5px; grid-auto-rows: minmax(24px, auto); align-items: center; } * { align-self: stretch; } label { grid-column: span 3; text-align: right; text-transform: capitalize; align-self: center; } input, select, ox-input-angle, ox-input-color, [custom-editor] { grid-column: span 7; } input, select, ox-input-angle input, ox-input-color input, [custom-editor] input { border: var(--property-sidebar-fieldset-border); } ox-input-data { height: 300px; } input[type='checkbox'] { grid-column: 4 / 5; align-self: center; } label.checkbox-label { grid-column: span 6; text-align: left; } [fullwidth] { grid-column: 1 / -1; } `"
-        }
-      ],
-      "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": "PropertyEffects",
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "Properties | undefined"
-              },
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "scene",
-              "type": {
-                "text": "Scene | undefined"
-              },
-              "attribute": "scene"
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "Component[]"
-              },
-              "default": "[]",
-              "attribute": "selected"
-            },
-            {
-              "kind": "field",
-              "name": "scopedElements",
-              "static": true,
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "_onValueChange",
+              "name": "_onValueChange",
               "parameters": [
                 {
                   "name": "e",
@@ -7102,97 +6862,224 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/specifics/specific-properties-builder.ts",
+      "path": "src/modeller/property-sidebar/inspector/inspector.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "SpecificPropertiesBuilder",
+          "name": "SceneInspector",
           "members": [
             {
               "kind": "field",
-              "name": "value",
+              "name": "scene",
               "type": {
-                "text": "any"
+                "text": "Scene | undefined"
               },
-              "attribute": "value"
+              "attribute": "scene"
             },
             {
               "kind": "field",
-              "name": "props",
+              "name": "searchText",
               "type": {
-                "text": "any[]"
+                "text": "string"
               },
-              "default": "[]",
-              "attribute": "props"
+              "privacy": "private",
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "propertyEditor",
+              "name": "_extendedMap",
               "type": {
                 "text": "any"
               },
-              "attribute": "propertyEditor"
+              "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": "_onPropsChanged",
+              "name": "disconnectScene",
               "parameters": [
                 {
-                  "name": "props",
+                  "name": "scene",
+                  "optional": true,
                   "type": {
-                    "text": "any[]"
+                    "text": "Scene"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_setValues"
+              "name": "refresh"
             },
             {
               "kind": "method",
-              "name": "_onValueChanged",
+              "name": "_onclick",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "Event"
+                    "text": "MouseEvent"
                   }
                 }
               ]
-            }
-          ],
-          "events": [
+            },
             {
-              "name": "property-change",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
+              "kind": "method",
+              "name": "_ondblclick",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
             {
-              "name": "value",
-              "type": {
-                "text": "any"
-              },
-              "fieldName": "value"
+              "kind": "field",
+              "name": "extendedMap",
+              "readonly": true
             },
             {
-              "name": "props",
-              "type": {
-                "text": "any[]"
+              "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"
+                }
               },
-              "default": "[]",
-              "fieldName": "props"
+              "parameters": [
+                {
+                  "name": "component",
+                  "type": {
+                    "text": "Component"
+                  }
+                },
+                {
+                  "name": "counting",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
             },
             {
-              "name": "propertyEditor",
+              "kind": "method",
+              "name": "renderComponent",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "component",
+                  "type": {
+                    "text": "Component"
+                  }
+                },
+                {
+                  "name": "depth",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "scene",
               "type": {
-                "text": "any"
+                "text": "Scene | undefined"
               },
-              "fieldName": "propertyEditor"
+              "fieldName": "scene"
             }
           ],
           "superclass": {
@@ -7205,39 +7092,60 @@
       "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/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": "PropertySpecific",
+          "name": "PropertyShapes",
           "members": [
             {
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "any"
+                "text": "Properties | undefined"
               },
               "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "scene",
+              "name": "bounds",
               "type": {
-                "text": "Scene | null"
+                "text": "BOUNDS | null"
               },
               "default": "null",
-              "attribute": "scene"
+              "attribute": "bounds"
             },
             {
               "kind": "field",
@@ -7248,38 +7156,6 @@
               "default": "[]",
               "attribute": "selected"
             },
-            {
-              "kind": "field",
-              "name": "props",
-              "type": {
-                "text": "any[]"
-              },
-              "default": "[]",
-              "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": "_onValueChange",
@@ -7296,6 +7172,30 @@
                 "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[]"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "_isIdentifiable",
@@ -7310,7 +7210,7 @@
             },
             {
               "kind": "method",
-              "name": "_hasTextProperty",
+              "name": "_isClassIdentifiable",
               "parameters": [
                 {
                   "name": "selected",
@@ -7322,12 +7222,24 @@
             },
             {
               "kind": "method",
-              "name": "_onINeedSelected",
+              "name": "_isLine",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "selected",
                   "type": {
-                    "text": "CustomEvent"
+                    "text": "Component[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_is3dish",
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
                   }
                 }
               ]
@@ -7371,21 +7283,39 @@
               }
             }
           ],
+          "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": "any"
+                "text": "Properties | undefined"
               },
               "fieldName": "value"
             },
             {
-              "name": "scene",
+              "name": "bounds",
               "type": {
-                "text": "Scene | null"
+                "text": "BOUNDS | null"
               },
               "default": "null",
-              "fieldName": "scene"
+              "fieldName": "bounds"
             },
             {
               "name": "selected",
@@ -7394,55 +7324,21 @@
               },
               "default": "[]",
               "fieldName": "selected"
-            },
-            {
-              "name": "props",
-              "type": {
-                "text": "any[]"
-              },
-              "default": "[]",
-              "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"
-          },
-          "events": [
-            {
-              "name": "property-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            }
-          ]
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "PropertySpecific",
+          "name": "PropertyShapes",
           "declaration": {
-            "name": "PropertySpecific",
-            "module": "src/modeller/property-sidebar/specifics/specifics.ts"
+            "name": "PropertyShapes",
+            "module": "src/modeller/property-sidebar/shapes/shapes.ts"
           }
         }
       ]
@@ -7521,40 +7417,166 @@
             },
             {
               "kind": "method",
-              "name": "_getValueFromEventTarget",
+              "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"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "any"
+              },
+              "default": "{}",
+              "fieldName": "value"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "Component[]"
+              },
+              "default": "[]",
+              "fieldName": "selected"
+            },
+            {
+              "name": "fonts",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "fieldName": "fonts"
+            }
+          ],
+          "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": "PropertyStyles",
+          "declaration": {
+            "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": "field",
+              "name": "value",
+              "type": {
+                "text": "any"
+              },
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "props",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "attribute": "props"
+            },
+            {
+              "kind": "field",
+              "name": "propertyEditor",
+              "type": {
+                "text": "any"
+              },
+              "attribute": "propertyEditor"
+            },
+            {
+              "kind": "method",
+              "name": "_onPropsChanged",
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "props",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "any[]"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "_onAfterValueChange",
+              "name": "_setValues"
+            },
+            {
+              "kind": "method",
+              "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": "property-change",
+              "type": {
+                "text": "CustomEvent"
               }
             }
           ],
@@ -7564,101 +7586,67 @@
               "type": {
                 "text": "any"
               },
-              "default": "{}",
               "fieldName": "value"
             },
             {
-              "name": "selected",
+              "name": "props",
               "type": {
-                "text": "Component[]"
+                "text": "any[]"
               },
               "default": "[]",
-              "fieldName": "selected"
+              "fieldName": "props"
             },
             {
-              "name": "fonts",
+              "name": "propertyEditor",
               "type": {
-                "text": "any[]"
+                "text": "any"
               },
-              "default": "[]",
-              "fieldName": "fonts"
+              "fieldName": "propertyEditor"
             }
           ],
           "superclass": {
-            "name": "AbstractProperty",
-            "module": "/src/modeller/property-sidebar/abstract-property.js"
+            "name": "LitElement",
+            "package": "lit"
           },
-          "events": [
-            {
-              "name": "property-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "PropertyStyles",
-          "declaration": {
-            "name": "PropertyStyles",
-            "module": "src/modeller/property-sidebar/styles/styles.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; } `"
+          "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "BoxPaddingEditorStyles",
+          "name": "SpecificPropertiesBuilder",
           "declaration": {
-            "name": "BoxPaddingEditorStyles",
-            "module": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts"
+            "name": "SpecificPropertiesBuilder",
+            "module": "src/modeller/property-sidebar/specifics/specific-properties-builder.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/shapes/shapes.ts",
+      "path": "src/modeller/property-sidebar/specifics/specifics.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "PropertyShapes",
+          "name": "PropertySpecific",
           "members": [
             {
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "Properties | undefined"
+                "text": "any"
               },
               "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "bounds",
+              "name": "scene",
               "type": {
-                "text": "BOUNDS | null"
+                "text": "Scene | null"
               },
               "default": "null",
-              "attribute": "bounds"
+              "attribute": "scene"
             },
             {
               "kind": "field",
@@ -7669,6 +7657,38 @@
               "default": "[]",
               "attribute": "selected"
             },
+            {
+              "kind": "field",
+              "name": "props",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "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": "_onValueChange",
@@ -7685,30 +7705,6 @@
                 "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[]"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "_isIdentifiable",
@@ -7723,19 +7719,7 @@
             },
             {
               "kind": "method",
-              "name": "_isClassIdentifiable",
-              "parameters": [
-                {
-                  "name": "selected",
-                  "type": {
-                    "text": "Component[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_isLine",
+              "name": "_hasTextProperty",
               "parameters": [
                 {
                   "name": "selected",
@@ -7747,12 +7731,12 @@
             },
             {
               "kind": "method",
-              "name": "_is3dish",
+              "name": "_onINeedSelected",
               "parameters": [
                 {
-                  "name": "selected",
+                  "name": "e",
                   "type": {
-                    "text": "Component[]"
+                    "text": "CustomEvent"
                   }
                 }
               ]
@@ -7796,39 +7780,21 @@
               }
             }
           ],
-          "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"
+                "text": "any"
               },
               "fieldName": "value"
             },
             {
-              "name": "bounds",
+              "name": "scene",
               "type": {
-                "text": "BOUNDS | null"
+                "text": "Scene | null"
               },
               "default": "null",
-              "fieldName": "bounds"
+              "fieldName": "scene"
             },
             {
               "name": "selected",
@@ -7837,21 +7803,55 @@
               },
               "default": "[]",
               "fieldName": "selected"
+            },
+            {
+              "name": "props",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "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"
-          }
+          },
+          "events": [
+            {
+              "name": "property-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "PropertyShapes",
+          "name": "PropertySpecific",
           "declaration": {
-            "name": "PropertyShapes",
-            "module": "src/modeller/property-sidebar/shapes/shapes.ts"
+            "name": "PropertySpecific",
+            "module": "src/modeller/property-sidebar/specifics/specifics.ts"
           }
         }
       ]