@fmsim/board 2.0.0-beta.8 → 2.0.0-beta.9

package/custom-elements.json

@@ -3246,7 +3246,7 @@
         {
           "kind": "variable",
           "name": "style",
-          "default": "css` :host { color: white; background-color: var(--edit-toolbar-background-color, #394e64); overflow-x: hidden; } [tools] { display: flex; align-items: center; overflow: none; padding: 0px 10px; } [tools] > * { padding: 0px; } [tools] > span[button] { min-width: 30px; } [tools] > span[padding] { flex: 1; } [tools] > .vline { display: block; flex: none; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.15); width: 0px; height: 18px; margin: 0 3px; } span[button] { min-height: 35px; background: var(--url-icon-htoolbar) no-repeat; background-position-x: 50%; opacity: 0.8; } span[button]:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.1); cursor: pointer; } #fullscreen, #toggle-property { flex: none; } #align-left { background-position-y: 8px; } #align-center { background-position-y: -42px; } #align-right { background-position-y: -92px; } #align-top { background-position-y: -142px; } #align-middle { background-position-y: -192px; } #align-bottom { background-position-y: -242px; } #undo { background-position-y: -592px; } #redo { background-position-y: -642px; } #front { background-position-y: -292px; } #back { background-position-y: -342px; } #forward { background-position-y: -392px; } #backward { background-position-y: -442px; } #symmetry-x { background-position-y: -492px; } #symmetry-y { background-position-y: -542px; } #group { background-position-y: -492px; } #ungroup { background-position-y: -542px; } #fullscreen { background-position-y: -692px; } #toggle-property { background-position-y: -692px; float: right; } #zoomin { background-position-y: -742px; } #zoomout { background-position-y: -792px; } #fit-scene { background-position-y: -1492px; } #cut { background-position-y: -842px; } #copy { background-position-y: -892px; } #paste { background-position-y: -942px; } #delete { background-position-y: -992px; } #font-increase { background-position-y: -1042px; } #font-decrease { background-position-y: -1092px; } #style-copy { background-position-y: -1142px; } #context-menu { background-position-y: -692px; } #symmetry-x { background-position-y: -1192px; } #symmetry-y { background-position-y: -1242px; } #rotate-cw { background-position-y: -1292px; } #rotate-ccw { background-position-y: -1342px; } #distribute-horizontal { background-position-y: -1542px; } #distribute-vertical { background-position-y: -1593px; } #toggle-property { background-position-y: -1392px; } #preview { background-position-y: -1640px; } /* bigger buttons */ #fullscreen { background: var(--url-icon-fullscreen) 50% 10px no-repeat; width: var(--edit-toolbar-bigger-icon-size); height: var(--edit-toolbar-bigger-icon-size); border-left: var(--edit-toolbar-bigger-icon-line); } #toggle-property { background: var(--url-icon-collapse) 80% 10px no-repeat; width: var(--edit-toolbar-bigger-icon-size); height: var(--edit-toolbar-bigger-icon-size); border-left: var(--edit-toolbar-bigger-icon-line); } #toggle-property[active] { background: var(--url-icon-collapse-active) 80% 10px no-repeat; } #generate-model { background-position-y: -1492px; } `"
+          "default": "css` :host { background-color: var(--edit-toolbar-background-color, var(--md-sys-color-secondary, #394e64)); overflow-x: hidden; } [tools] { display: flex; align-items: center; overflow: hidden; padding: 0px 10px; } [tools] > * { padding: 0px; } [tools] > span[button] { min-width: 30px; } [tools] > span[padding] { flex: 1; } [tools] > .vline { display: block; flex: none; border-left: 1px solid rgba(255, 255, 255, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.15); width: 0px; height: 18px; margin: 0 3px; } span[button] { min-height: 35px; background: var(--url-icon-htoolbar) no-repeat; background-position-x: 50%; opacity: 0.8; } span[button]:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.1); cursor: pointer; } #fullscreen, #toggle-property { flex: none; } #align-left { background-position-y: 8px; } #align-center { background-position-y: -42px; } #align-right { background-position-y: -92px; } #align-top { background-position-y: -142px; } #align-middle { background-position-y: -192px; } #align-bottom { background-position-y: -242px; } #undo { background-position-y: -592px; } #redo { background-position-y: -642px; } #front { background-position-y: -292px; } #back { background-position-y: -342px; } #forward { background-position-y: -392px; } #backward { background-position-y: -442px; } #symmetry-x { background-position-y: -492px; } #symmetry-y { background-position-y: -542px; } #group { background-position-y: -492px; } #ungroup { background-position-y: -542px; } #fullscreen { background-position-y: -692px; } #toggle-property { background-position-y: -692px; float: right; } #zoomin { background-position-y: -742px; } #zoomout { background-position-y: -792px; } #fit-scene { background-position-y: -1492px; } #cut { background-position-y: -842px; } #copy { background-position-y: -892px; } #paste { background-position-y: -942px; } #delete { background-position-y: -992px; } #font-increase { background-position-y: -1042px; } #font-decrease { background-position-y: -1092px; } #style-copy { background-position-y: -1142px; } #databind-copy { background-position-y: -1692px; } #context-menu { background-position-y: -692px; } #symmetry-x { background-position-y: -1192px; } #symmetry-y { background-position-y: -1242px; } #rotate-cw { background-position-y: -1292px; } #rotate-ccw { background-position-y: -1342px; } #distribute-horizontal { background-position-y: -1542px; } #distribute-vertical { background-position-y: -1593px; } #align-z-front { background-position-y: -142px; filter: hue-rotate(180deg); } #align-z-middle { background-position-y: -192px; filter: hue-rotate(180deg); } #align-z-back { background-position-y: -242px; filter: hue-rotate(180deg); } #distribute-z { background-position-y: -1593px; filter: hue-rotate(180deg); } .gizmo-btn { background: none !important; color: rgba(255, 255, 255, 0.5); min-width: 24px; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 3px; padding: 2px; } .gizmo-btn[disabled] { opacity: 0.3; pointer-events: none; } #toggle-property { background-position-y: -1392px; } #preview { background-position-y: -1640px; } /* bigger buttons */ #fullscreen { background: var(--url-icon-fullscreen) 50% 10px no-repeat; width: var(--edit-toolbar-bigger-icon-size); height: var(--edit-toolbar-bigger-icon-size); border-left: var(--edit-toolbar-bigger-icon-line); } #toggle-property { background: var(--url-icon-collapse) 80% 10px no-repeat; width: var(--edit-toolbar-bigger-icon-size); height: var(--edit-toolbar-bigger-icon-size); border-left: var(--edit-toolbar-bigger-icon-line); } #toggle-property[active] { background: var(--url-icon-collapse-active) 80% 10px no-repeat; } #generate-model { background-position-y: -1492px; } `"
         }
       ],
       "exports": [
@@ -4280,6 +4280,450 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/component-toolbar/component-detail.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ComponentDetail",
+          "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": "onHoverComponent",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "onClickTemplate",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "templateIcon",
+              "parameters": [
+                {
+                  "name": "template",
+                  "type": {
+                    "text": "PalletItem"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "groups",
+              "type": {
+                "text": "Pallet[]"
+              },
+              "default": "[]",
+              "fieldName": "groups"
+            },
+            {
+              "name": "scene",
+              "type": {
+                "text": "Scene | null"
+              },
+              "default": "null",
+              "fieldName": "scene"
+            },
+            {
+              "name": "group",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "''",
+              "fieldName": "group"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "ScopedElementsMixin",
+              "package": "@open-wc/scoped-elements"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ComponentMenu",
+          "declaration": {
+            "name": "ComponentMenu",
+            "module": "src/modeller/component-toolbar/component-menu.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/component-toolbar/component-toolbar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ComponentToolbar",
+          "members": [
+            {
+              "kind": "field",
+              "name": "componentGroupList",
+              "type": {
+                "text": "ComponentGroup[]"
+              },
+              "default": "[]",
+              "attribute": "componentGroupList"
+            },
+            {
+              "kind": "field",
+              "name": "group",
+              "type": {
+                "text": "string | null | undefined"
+              },
+              "attribute": "group"
+            },
+            {
+              "kind": "field",
+              "name": "scene",
+              "type": {
+                "text": "Scene"
+              },
+              "attribute": "scene"
+            },
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "SceneMode"
+              },
+              "attribute": "mode"
+            },
+            {
+              "kind": "field",
+              "name": "shift",
+              "type": {
+                "text": "HTMLImageElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "menu",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "componentsContainer",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "groups",
+              "type": {
+                "text": "NodeListOf<HTMLElement>"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "icons",
+              "type": {
+                "text": "{ [name: string]: string }"
+              },
+              "privacy": "private",
+              "default": "{}"
+            },
+            {
+              "kind": "field",
+              "name": "scopedElements",
+              "static": true,
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "onWheelEvent",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_setMode",
+              "parameters": [
+                {
+                  "name": "mode",
+                  "type": {
+                    "text": "SceneMode"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onClickShift",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onClickGroup",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "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"
+            },
+            {
+              "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/scene-viewer/confidential-overlay.ts",
@@ -5398,194 +5842,158 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/component-toolbar/component-detail.ts",
+      "path": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "ComponentDetail",
+          "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": "template",
-              "type": {
-                "text": "{ about: string } | null"
-              },
-              "default": "null",
-              "attribute": "template"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "template",
+              "name": "mapping",
               "type": {
-                "text": "{ about: string } | null"
+                "text": "Mapping"
               },
-              "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": [
+              "default": "{ rule: 'value' }",
+              "attribute": "mapping"
+            },
             {
               "kind": "field",
-              "name": "groups",
+              "name": "rule",
               "type": {
-                "text": "Pallet[]"
+                "text": "Rule"
               },
-              "default": "[]",
-              "attribute": "groups"
+              "default": "{}",
+              "attribute": "rule"
             },
             {
               "kind": "field",
               "name": "scene",
               "type": {
-                "text": "Scene | null"
+                "text": "Scene | undefined"
               },
-              "default": "null",
               "attribute": "scene"
             },
             {
               "kind": "field",
-              "name": "group",
+              "name": "_valueTypes",
               "type": {
-                "text": "string | null"
+                "text": "any"
               },
-              "default": "''",
-              "attribute": "group"
+              "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": "templates",
+              "name": "_componentIds",
               "type": {
-                "text": "PalletItem[]"
+                "text": "{ value: string; description: string }[]"
               },
               "default": "[]"
             },
             {
               "kind": "field",
-              "name": "template",
+              "name": "editor",
               "type": {
-                "text": "PalletItem | any"
+                "text": "HTMLInputElement"
               }
             },
             {
               "kind": "field",
-              "name": "detail",
+              "name": "target",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLInputElement"
               }
             },
-            {
-              "kind": "field",
-              "name": "scopedElements",
-              "static": true,
-              "readonly": true
-            },
             {
               "kind": "method",
-              "name": "findTemplate",
+              "name": "_valuetype",
               "parameters": [
                 {
-                  "name": "type",
+                  "name": "property",
                   "type": {
-                    "text": "string | null | undefined"
+                    "text": "string"
                   }
                 }
               ]
             },
+            {
+              "kind": "field",
+              "name": "_keep_saved_rule_params",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
             {
               "kind": "method",
-              "name": "onHoverComponent",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "name": "_onChangedMapping"
             },
             {
               "kind": "method",
-              "name": "onClickTemplate",
+              "name": "_onChangeRule",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "templateIcon",
+              "name": "_onChange",
               "parameters": [
                 {
-                  "name": "template",
+                  "name": "e",
                   "type": {
-                    "text": "PalletItem"
+                    "text": "Event"
                   }
                 }
               ]
             }
           ],
+          "events": [
+            {
+              "name": "value-change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
           "attributes": [
             {
-              "name": "groups",
+              "name": "mapping",
               "type": {
-                "text": "Pallet[]"
+                "text": "Mapping"
               },
-              "default": "[]",
-              "fieldName": "groups"
+              "default": "{ rule: 'value' }",
+              "fieldName": "mapping"
             },
             {
-              "name": "scene",
+              "name": "rule",
               "type": {
-                "text": "Scene | null"
+                "text": "Rule"
               },
-              "default": "null",
-              "fieldName": "scene"
+              "default": "{}",
+              "fieldName": "rule"
             },
             {
-              "name": "group",
+              "name": "properties",
               "type": {
-                "text": "string | null"
+                "text": "Properties[]"
               },
-              "default": "''",
-              "fieldName": "group"
-            }
-          ],
-          "mixins": [
+              "default": "[]",
+              "fieldName": "properties"
+            },
             {
-              "name": "ScopedElementsMixin",
-              "package": "@open-wc/scoped-elements"
+              "name": "scene",
+              "type": {
+                "text": "Scene | undefined"
+              },
+              "fieldName": "scene"
             }
           ],
           "superclass": {
@@ -5598,95 +6006,187 @@
       "exports": [
         {
           "kind": "js",
-          "name": "ComponentMenu",
+          "name": "DataBindingMapper",
           "declaration": {
-            "name": "ComponentMenu",
-            "module": "src/modeller/component-toolbar/component-menu.ts"
+            "name": "DataBindingMapper",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/component-toolbar/component-toolbar.ts",
+      "path": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "ComponentToolbar",
+          "name": "DataBindingValueMap",
           "members": [
             {
-              "kind": "field",
-              "name": "componentGroupList",
-              "type": {
-                "text": "ComponentGroup[]"
-              },
-              "default": "[]",
-              "attribute": "componentGroupList"
-            },
+              "kind": "method",
+              "name": "valueInputTemplate",
+              "parameters": [
+                {
+                  "name": "value",
+                  "optional": true,
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            }
+          ],
+          "superclass": {
+            "name": "OxInputValueMap",
+            "package": "@operato/input"
+          },
+          "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",
+          "declaration": {
+            "name": "DataBindingValueMap",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts",
+      "declarations": [
+        {
+          "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": "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": "group",
+              "name": "value",
               "type": {
-                "text": "string | null | undefined"
+                "text": "Properties | undefined"
               },
-              "attribute": "group"
+              "attribute": "value"
             },
             {
               "kind": "field",
               "name": "scene",
               "type": {
-                "text": "Scene"
+                "text": "Scene | undefined"
               },
               "attribute": "scene"
             },
             {
               "kind": "field",
-              "name": "mode",
+              "name": "mappingIndex",
               "type": {
-                "text": "SceneMode"
+                "text": "number"
               },
-              "attribute": "mode"
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "shift",
+              "name": "_afterRender",
               "type": {
-                "text": "HTMLImageElement"
+                "text": "Function | null | undefined"
               }
             },
             {
               "kind": "field",
-              "name": "menu",
+              "name": "_dataExpanded",
               "type": {
-                "text": "HTMLElement"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "true"
             },
             {
               "kind": "field",
-              "name": "componentsContainer",
+              "name": "tabs",
               "type": {
                 "text": "HTMLElement"
-              },
-              "privacy": "private"
+              }
             },
             {
               "kind": "field",
-              "name": "groups",
+              "name": "tabNavLeftButton",
               "type": {
-                "text": "NodeListOf<HTMLElement>"
-              },
-              "privacy": "private"
+                "text": "HTMLElement"
+              }
             },
             {
               "kind": "field",
-              "name": "icons",
+              "name": "tabNavRightButton",
               "type": {
-                "text": "{ [name: string]: string }"
-              },
-              "privacy": "private",
-              "default": "{}"
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "mappings",
+              "readonly": true
             },
             {
               "kind": "field",
@@ -5696,90 +6196,142 @@
             },
             {
               "kind": "method",
-              "name": "onWheelEvent",
+              "name": "_setMappingIndex",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "idx",
                   "type": {
-                    "text": "Event"
+                    "text": "number"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_setMode",
+              "name": "_clearDataBindingMapper"
+            },
+            {
+              "kind": "method",
+              "name": "_copyDataBindingMapper"
+            },
+            {
+              "kind": "method",
+              "name": "_pasteDataBindingMapper"
+            },
+            {
+              "kind": "method",
+              "name": "_onValueChanged"
+            },
+            {
+              "kind": "method",
+              "name": "_onValueChange",
               "parameters": [
                 {
-                  "name": "mode",
+                  "name": "e",
                   "type": {
-                    "text": "SceneMode"
+                    "text": "Event"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "tabContainer",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "_onClickShift",
+              "name": "_onMappingChanged",
               "parameters": [
                 {
                   "name": "e",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "CustomEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_onClickGroup",
+              "name": "_onTabScroll"
+            },
+            {
+              "kind": "method",
+              "name": "_onTabScrollNavLeft"
+            },
+            {
+              "kind": "method",
+              "name": "_onTabScrollNavRight"
+            },
+            {
+              "kind": "method",
+              "name": "_getValueFromEventTarget",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "element",
                   "type": {
-                    "text": "MouseEvent"
+                    "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": "mode-changed",
+              "name": "property-change",
               "type": {
                 "text": "CustomEvent"
+              },
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
               }
             }
           ],
           "attributes": [
             {
-              "name": "componentGroupList",
-              "type": {
-                "text": "ComponentGroup[]"
-              },
-              "default": "[]",
-              "fieldName": "componentGroupList"
-            },
-            {
-              "name": "group",
+              "name": "value",
               "type": {
-                "text": "string | null | undefined"
+                "text": "Properties | undefined"
               },
-              "fieldName": "group"
+              "fieldName": "value"
             },
             {
               "name": "scene",
               "type": {
-                "text": "Scene"
+                "text": "Scene | undefined"
               },
               "fieldName": "scene"
-            },
-            {
-              "name": "mode",
-              "type": {
-                "text": "SceneMode"
-              },
-              "fieldName": "mode"
             }
           ],
           "mixins": [
@@ -5789,53 +6341,18 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "ComponentToolbar",
-          "declaration": {
-            "name": "ComponentToolbar",
-            "module": "src/modeller/component-toolbar/component-toolbar.ts"
+            "name": "AbstractProperty",
+            "module": "/src/modeller/property-sidebar/abstract-property.js"
           }
         }
-      ]
-    },
-    {
-      "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",
+          "name": "PropertyDataBinding",
           "declaration": {
-            "name": "ICON_SHIFT_MODE",
-            "module": "src/modeller/component-toolbar/mode-icons.ts"
+            "name": "PropertyDataBinding",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
           }
         }
       ]
@@ -6651,109 +7168,57 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/data-binding/data-binding-mapper.ts",
+      "path": "src/modeller/property-sidebar/specifics/specific-properties-builder.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": "SpecificPropertiesBuilder",
           "members": [
             {
               "kind": "field",
-              "name": "mapping",
-              "type": {
-                "text": "Mapping"
-              },
-              "default": "{ rule: 'value' }",
-              "attribute": "mapping"
-            },
-            {
-              "kind": "field",
-              "name": "rule",
-              "type": {
-                "text": "Rule"
-              },
-              "default": "{}",
-              "attribute": "rule"
-            },
-            {
-              "kind": "field",
-              "name": "scene",
-              "type": {
-                "text": "Scene | undefined"
-              },
-              "attribute": "scene"
-            },
-            {
-              "kind": "field",
-              "name": "_valueTypes",
+              "name": "value",
               "type": {
                 "text": "any"
               },
-              "default": "{ play: 'boolean', hidden: 'boolean', started: 'boolean', rotation: 'number', value: 'number', fillStyle: 'color', strokeStyle: 'color', fontColor: 'color', data: 'object', source: 'attachment', location: 'object', dimension: 'object', text: 'string', ref: 'string' }"
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "_componentIds",
+              "name": "props",
               "type": {
-                "text": "{ value: string; description: string }[]"
+                "text": "any[]"
               },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "editor",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_valuetype",
-              "parameters": [
-                {
-                  "name": "property",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "default": "[]",
+              "attribute": "props"
             },
             {
               "kind": "field",
-              "name": "_keep_saved_rule_params",
+              "name": "propertyEditor",
               "type": {
-                "text": "boolean"
+                "text": "any"
               },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "method",
-              "name": "_onChangedMapping"
+              "attribute": "propertyEditor"
             },
             {
               "kind": "method",
-              "name": "_onChangeRule",
+              "name": "_onPropsChanged",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "props",
                   "type": {
-                    "text": "Event"
+                    "text": "any[]"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_onChange",
+              "name": "_setValues"
+            },
+            {
+              "kind": "method",
+              "name": "_onValueChanged",
               "parameters": [
                 {
                   "name": "e",
@@ -6766,7 +7231,7 @@
           ],
           "events": [
             {
-              "name": "value-change",
+              "name": "property-change",
               "type": {
                 "text": "CustomEvent"
               }
@@ -6774,35 +7239,26 @@
           ],
           "attributes": [
             {
-              "name": "mapping",
-              "type": {
-                "text": "Mapping"
-              },
-              "default": "{ rule: 'value' }",
-              "fieldName": "mapping"
-            },
-            {
-              "name": "rule",
+              "name": "value",
               "type": {
-                "text": "Rule"
+                "text": "any"
               },
-              "default": "{}",
-              "fieldName": "rule"
+              "fieldName": "value"
             },
             {
-              "name": "properties",
+              "name": "props",
               "type": {
-                "text": "Properties[]"
+                "text": "any[]"
               },
               "default": "[]",
-              "fieldName": "properties"
+              "fieldName": "props"
             },
             {
-              "name": "scene",
+              "name": "propertyEditor",
               "type": {
-                "text": "Scene | undefined"
+                "text": "any"
               },
-              "fieldName": "scene"
+              "fieldName": "propertyEditor"
             }
           ],
           "superclass": {
@@ -6815,128 +7271,28 @@
       "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": "valueInputTemplate",
-              "parameters": [
-                {
-                  "name": "value",
-                  "optional": true,
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
-            }
-          ],
-          "superclass": {
-            "name": "OxInputValueMap",
-            "package": "@operato/input"
-          },
-          "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",
-          "declaration": {
-            "name": "DataBindingValueMap",
-            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-map.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts",
-      "declarations": [
-        {
-          "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": "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",
+          "name": "SpecificPropertiesBuilder",
           "declaration": {
-            "name": "DataBindingValueRange",
-            "module": "src/modeller/property-sidebar/data-binding/data-binding-value-range.ts"
+            "name": "SpecificPropertiesBuilder",
+            "module": "src/modeller/property-sidebar/specifics/specific-properties-builder.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/data-binding/data-binding.ts",
+      "path": "src/modeller/property-sidebar/specifics/specifics.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "PropertyDataBinding",
+          "name": "PropertySpecific",
           "members": [
             {
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "Properties | undefined"
+                "text": "any"
               },
               "attribute": "value"
             },
@@ -6944,58 +7300,45 @@
               "kind": "field",
               "name": "scene",
               "type": {
-                "text": "Scene | undefined"
+                "text": "Scene | null"
               },
+              "default": "null",
               "attribute": "scene"
             },
             {
               "kind": "field",
-              "name": "mappingIndex",
+              "name": "selected",
               "type": {
-                "text": "number"
+                "text": "Component[]"
               },
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "_afterRender",
-              "type": {
-                "text": "Function | null | undefined"
-              }
+              "default": "[]",
+              "attribute": "selected"
             },
             {
               "kind": "field",
-              "name": "_dataExpanded",
+              "name": "props",
               "type": {
-                "text": "boolean"
+                "text": "any[]"
               },
-              "default": "true"
-            },
-            {
-              "kind": "field",
-              "name": "tabs",
-              "type": {
-                "text": "HTMLElement"
-              }
+              "default": "[]",
+              "attribute": "props"
             },
             {
               "kind": "field",
-              "name": "tabNavLeftButton",
+              "name": "propertyEditor",
               "type": {
-                "text": "HTMLElement"
-              }
+                "text": "any[]"
+              },
+              "default": "[]",
+              "attribute": "propertyEditor"
             },
             {
               "kind": "field",
-              "name": "tabNavRightButton",
+              "name": "boundINeedSelected",
               "type": {
-                "text": "HTMLElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "mappings",
-              "readonly": true
+                "text": "any"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -7005,56 +7348,47 @@
             },
             {
               "kind": "method",
-              "name": "_setMappingIndex",
+              "name": "_onValueChange",
               "parameters": [
                 {
-                  "name": "idx",
+                  "name": "e",
                   "type": {
-                    "text": "number"
+                    "text": "Event"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_clearDataBindingMapper"
-            },
-            {
-              "kind": "method",
-              "name": "_copyDataBindingMapper"
-            },
-            {
-              "kind": "method",
-              "name": "_pasteDataBindingMapper"
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
             },
             {
               "kind": "method",
-              "name": "_onValueChanged"
+              "name": "_isIdentifiable",
+              "parameters": [
+                {
+                  "name": "selected",
+                  "type": {
+                    "text": "Component[]"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "_onValueChange",
+              "name": "_hasTextProperty",
               "parameters": [
                 {
-                  "name": "e",
+                  "name": "selected",
                   "type": {
-                    "text": "Event"
+                    "text": "Component[]"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "tabContainer",
-              "readonly": true
+              ]
             },
             {
               "kind": "method",
-              "name": "_onMappingChanged",
+              "name": "_onINeedSelected",
               "parameters": [
                 {
                   "name": "e",
@@ -7064,18 +7398,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "_onTabScroll"
-            },
-            {
-              "kind": "method",
-              "name": "_onTabScrollNavLeft"
-            },
-            {
-              "kind": "method",
-              "name": "_onTabScrollNavRight"
-            },
             {
               "kind": "method",
               "name": "_getValueFromEventTarget",
@@ -7115,32 +7437,45 @@
               }
             }
           ],
-          "events": [
-            {
-              "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": "scene",
               "type": {
-                "text": "Scene | undefined"
+                "text": "Scene | null"
               },
+              "default": "null",
               "fieldName": "scene"
+            },
+            {
+              "name": "selected",
+              "type": {
+                "text": "Component[]"
+              },
+              "default": "[]",
+              "fieldName": "selected"
+            },
+            {
+              "name": "props",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "fieldName": "props"
+            },
+            {
+              "name": "propertyEditor",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "fieldName": "propertyEditor"
             }
           ],
           "mixins": [
@@ -7151,17 +7486,29 @@
           ],
           "superclass": {
             "name": "AbstractProperty",
-            "module": "/src/modeller/property-sidebar/abstract-property.js"
-          }
+            "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": "PropertyDataBinding",
+          "name": "PropertySpecific",
           "declaration": {
-            "name": "PropertyDataBinding",
-            "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
+            "name": "PropertySpecific",
+            "module": "src/modeller/property-sidebar/specifics/specifics.ts"
           }
         }
       ]
@@ -7305,185 +7652,10 @@
                 {
                   "name": "selected",
                   "type": {
-                    "text": "Component[]"
-                  }
-                }
-              ]
-            },
-            {
-              "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": "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/styles/styles.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "PropertyStyles",
-          "members": [
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "any"
-              },
-              "default": "{}",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "Component[]"
-              },
-              "default": "[]",
-              "attribute": "selected"
-            },
-            {
-              "kind": "field",
-              "name": "fonts",
-              "type": {
-                "text": "any[]"
-              },
-              "default": "[]",
-              "attribute": "fonts"
-            },
-            {
-              "kind": "method",
-              "name": "onButtonGroupClick",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_isLine",
-              "parameters": [
-                {
-                  "name": "selected",
-                  "type": {
-                    "text": "Component[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_onValueChange",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
+                    "text": "Component[]"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -7524,37 +7696,13 @@
               }
             }
           ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "any"
-              },
-              "default": "{}",
-              "fieldName": "value"
-            },
+          "events": [
             {
-              "name": "selected",
+              "name": "bounds-change",
               "type": {
-                "text": "Component[]"
-              },
-              "default": "[]",
-              "fieldName": "selected"
+                "text": "CustomEvent"
+              }
             },
-            {
-              "name": "fonts",
-              "type": {
-                "text": "any[]"
-              },
-              "default": "[]",
-              "fieldName": "fonts"
-            }
-          ],
-          "superclass": {
-            "name": "AbstractProperty",
-            "module": "/src/modeller/property-sidebar/abstract-property.js"
-          },
-          "events": [
             {
               "name": "property-change",
               "type": {
@@ -7565,141 +7713,57 @@
                 "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": "props",
-                  "type": {
-                    "text": "any[]"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_setValues"
-            },
-            {
-              "kind": "method",
-              "name": "_onValueChanged",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "name": "property-change",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
           ],
           "attributes": [
             {
               "name": "value",
               "type": {
-                "text": "any"
+                "text": "Properties | undefined"
               },
               "fieldName": "value"
             },
             {
-              "name": "props",
+              "name": "bounds",
               "type": {
-                "text": "any[]"
+                "text": "BOUNDS | null"
               },
-              "default": "[]",
-              "fieldName": "props"
+              "default": "null",
+              "fieldName": "bounds"
             },
             {
-              "name": "propertyEditor",
+              "name": "selected",
               "type": {
-                "text": "any"
+                "text": "Component[]"
               },
-              "fieldName": "propertyEditor"
+              "default": "[]",
+              "fieldName": "selected"
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
+            "name": "AbstractProperty",
+            "module": "/src/modeller/property-sidebar/abstract-property"
+          }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SpecificPropertiesBuilder",
+          "name": "PropertyShapes",
           "declaration": {
-            "name": "SpecificPropertiesBuilder",
-            "module": "src/modeller/property-sidebar/specifics/specific-properties-builder.ts"
+            "name": "PropertyShapes",
+            "module": "src/modeller/property-sidebar/shapes/shapes.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",
@@ -7707,17 +7771,9 @@
               "type": {
                 "text": "any"
               },
+              "default": "{}",
               "attribute": "value"
             },
-            {
-              "kind": "field",
-              "name": "scene",
-              "type": {
-                "text": "Scene | null"
-              },
-              "default": "null",
-              "attribute": "scene"
-            },
             {
               "kind": "field",
               "name": "selected",
@@ -7729,39 +7785,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
+              "attribute": "fonts"
             },
             {
               "kind": "method",
-              "name": "_onValueChange",
+              "name": "onButtonGroupClick",
               "parameters": [
                 {
                   "name": "e",
@@ -7769,27 +7802,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",
@@ -7801,15 +7818,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",
@@ -7856,16 +7877,9 @@
               "type": {
                 "text": "any"
               },
+              "default": "{}",
               "fieldName": "value"
             },
-            {
-              "name": "scene",
-              "type": {
-                "text": "Scene | null"
-              },
-              "default": "null",
-              "fieldName": "scene"
-            },
             {
               "name": "selected",
               "type": {
@@ -7875,31 +7889,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": [
             {
@@ -7918,10 +7918,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "PropertySpecific",
+          "name": "PropertyStyles",
           "declaration": {
-            "name": "PropertySpecific",
-            "module": "src/modeller/property-sidebar/specifics/specifics.ts"
+            "name": "PropertyStyles",
+            "module": "src/modeller/property-sidebar/styles/styles.ts"
           }
         }
       ]