@operato/board 0.2.46 → 0.2.47

package/custom-elements.json

@@ -2,6 +2,69 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "stories/index.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "Regular"
+        },
+        {
+          "kind": "variable",
+          "name": "CustomTitle"
+        },
+        {
+          "kind": "variable",
+          "name": "CustomCounter"
+        },
+        {
+          "kind": "variable",
+          "name": "SlottedContent"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "module": "stories/index.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Regular",
+          "declaration": {
+            "name": "Regular",
+            "module": "stories/index.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CustomTitle",
+          "declaration": {
+            "name": "CustomTitle",
+            "module": "stories/index.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "CustomCounter",
+          "declaration": {
+            "name": "CustomCounter",
+            "module": "stories/index.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SlottedContent",
+          "declaration": {
+            "name": "SlottedContent",
+            "module": "stories/index.stories.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/index.ts",
@@ -1038,69 +1101,6 @@
       "declarations": [],
       "exports": []
     },
-    {
-      "kind": "javascript-module",
-      "path": "stories/index.stories.ts",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "Regular"
-        },
-        {
-          "kind": "variable",
-          "name": "CustomTitle"
-        },
-        {
-          "kind": "variable",
-          "name": "CustomCounter"
-        },
-        {
-          "kind": "variable",
-          "name": "SlottedContent"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "module": "stories/index.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Regular",
-          "declaration": {
-            "name": "Regular",
-            "module": "stories/index.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CustomTitle",
-          "declaration": {
-            "name": "CustomTitle",
-            "module": "stories/index.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "CustomCounter",
-          "declaration": {
-            "name": "CustomCounter",
-            "module": "stories/index.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SlottedContent",
-          "declaration": {
-            "name": "SlottedContent",
-            "module": "stories/index.stories.ts"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "@types/global/index.d.ts",
@@ -2237,107 +2237,367 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/abstract-property.ts",
+      "path": "src/modeller/component-toolbar/component-menu.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "AbstractProperty",
+          "name": "ComponentMenu",
           "members": [
             {
-              "kind": "method",
-              "name": "_onValueChange",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "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": "[]",
+              "attribute": "templates"
             },
             {
               "kind": "method",
-              "name": "_getValueFromEventTarget",
+              "name": "onClickTemplate",
               "parameters": [
                 {
-                  "name": "element",
+                  "name": "e",
                   "type": {
-                    "text": "HTMLElement"
+                    "text": "MouseEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "_onAfterValueChange",
+              "name": "templateIcon",
               "parameters": [
                 {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
+                  "name": "template",
                   "type": {
-                    "text": "any"
+                    "text": "PalletItem"
                   }
                 }
               ]
             }
           ],
-          "events": [
+          "attributes": [
             {
-              "name": "property-change",
+              "name": "groups",
               "type": {
-                "text": "CustomEvent"
-              }
+                "text": "Pallet[]"
+              },
+              "default": "[]",
+              "fieldName": "groups"
+            },
+            {
+              "name": "scene",
+              "type": {
+                "text": "Scene | null"
+              },
+              "default": "null",
+              "fieldName": "scene"
+            },
+            {
+              "name": "group",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "''",
+              "fieldName": "group"
+            },
+            {
+              "name": "templates",
+              "type": {
+                "text": "PalletItem[]"
+              },
+              "default": "[]",
+              "fieldName": "templates"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
+          "tagName": "component-menu",
           "customElement": true
         }
       ],
       "exports": [
         {
-          "kind": "js",
-          "name": "AbstractProperty",
+          "kind": "custom-element-definition",
+          "name": "component-menu",
           "declaration": {
-            "name": "AbstractProperty",
-            "module": "src/modeller/property-sidebar/abstract-property.ts"
+            "name": "ComponentMenu",
+            "module": "src/modeller/component-toolbar/component-menu.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/property-shared-style.ts",
+      "path": "src/modeller/component-toolbar/component-toolbar.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "PropertySharedStyle",
-          "default": "css`\n  fieldset {\n    border: none;\n    margin: 4px;\n    padding: 9px 4px 9px 4px;\n    border-bottom: var(--property-sidebar-fieldset-border);\n    color: var(--property-sidebar-fieldset-legend-color);\n    font: var(--property-sidebar-fieldset-label);\n  }\n\n  fieldset legend {\n    padding: 5px 0 0 5px;\n    color: var(--property-sidebar-fieldset-legend-color);\n    font: var(--property-sidebar-fieldset-legend);\n    text-transform: capitalize;\n  }\n\n  select,\n  input {\n    border: var(--property-sidebar-fieldset-border);\n  }\n\n  /* property grid */\n  .property-grid {\n    display: grid;\n    grid-template-columns: repeat(10, 1fr);\n    grid-gap: 5px;\n    grid-auto-rows: minmax(24px, auto);\n    align-items: center;\n  }\n\n  .property-grid > * {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .property-grid > label {\n    grid-column: span 3;\n    text-align: right;\n    text-transform: capitalize;\n    line-height: 2;\n  }\n\n  .property-grid > input,\n  .property-grid > table,\n  .property-grid > select,\n  .property-grid > things-editor-angle-input,\n  .property-grid > things-editor-buttons-radio,\n  .property-grid > things-editor-color,\n  [custom-editor] {\n    grid-column: span 7;\n    align-self: stretch;\n  }\n\n  .property-grid > .checkbox-row {\n    grid-column: span 10;\n  }\n\n  .property-grid > .property-full-label {\n    grid-column: span 3;\n    text-align: right;\n    text-transform: capitalize;\n  }\n\n  .property-grid > .property-half-label {\n    grid-column: span 1;\n  }\n\n  .property-grid > .property-full-input {\n    grid-column: span 7;\n  }\n\n  .property-grid > .property-half-input {\n    grid-column: span 4;\n  }\n\n  /* checkbox-row */\n  .checkbox-row {\n    display: grid;\n    grid-template-columns: repeat(10, 1fr);\n    grid-gap: 5px;\n    grid-auto-rows: minmax(24px, auto);\n    align-items: center;\n  }\n\n  .checkbox-row > input {\n    grid-column: 4 / 5;\n  }\n\n  .checkbox-row > label {\n    grid-column: span 6;\n    text-align: left;\n  }\n\n  /* image resources */\n  .icon-only-label {\n    grid-column: span 1;\n\n    background: url(/assets/images/icon-properties-label.png) no-repeat;\n    float: left;\n    margin: 0;\n    align-self: stretch;\n  }\n\n  .icon-only-label.color {\n    background-position: 100% -500px;\n  }\n  .icon-only-label.font-size {\n    background-position: 100% -594px;\n  }\n  .icon-only-label.leading {\n    background-position: 100% -696px;\n  }\n  .icon-only-label.hscale {\n    background-position: 100% -296px;\n  }\n  .icon-only-label.vscale {\n    background-position: 100% -396px;\n  }\n  .icon-only-label.linewidth {\n    background-position: 100% -894px;\n  }\n  .icon-only-label.lineHeight {\n    background-position: 100% -995px;\n  }\n`"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "PropertySharedStyle",
-          "declaration": {
-            "name": "PropertySharedStyle",
-            "module": "src/modeller/property-sidebar/property-shared-style.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/property-sidebar.ts",
-      "declarations": [
+          "kind": "class",
+          "description": "",
+          "name": "ComponentToolbar",
+          "members": [
+            {
+              "kind": "field",
+              "name": "componentGroupList",
+              "type": {
+                "text": "any[]"
+              },
+              "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": "SCENE_MODE"
+              },
+              "attribute": "mode"
+            },
+            {
+              "kind": "field",
+              "name": "menu",
+              "type": {
+                "text": "HTMLElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_setMode",
+              "parameters": [
+                {
+                  "name": "mode",
+                  "type": {
+                    "text": "SCENE_MODE"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onClickShift"
+            },
+            {
+              "kind": "method",
+              "name": "_onClickGroup",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "mode-changed",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "componentGroupList",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "fieldName": "componentGroupList"
+            },
+            {
+              "name": "group",
+              "type": {
+                "text": "string | null | undefined"
+              },
+              "fieldName": "group"
+            },
+            {
+              "name": "scene",
+              "type": {
+                "text": "Scene"
+              },
+              "fieldName": "scene"
+            },
+            {
+              "name": "mode",
+              "type": {
+                "text": "SCENE_MODE"
+              },
+              "fieldName": "mode"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "component-toolbar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "component-toolbar",
+          "declaration": {
+            "name": "ComponentToolbar",
+            "module": "src/modeller/component-toolbar/component-toolbar.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/abstract-property.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "AbstractProperty",
+          "members": [
+            {
+              "kind": "method",
+              "name": "_onValueChange",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_getValueFromEventTarget",
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onAfterValueChange",
+              "parameters": [
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            }
+          ],
+          "events": [
+            {
+              "name": "property-change",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "AbstractProperty",
+          "declaration": {
+            "name": "AbstractProperty",
+            "module": "src/modeller/property-sidebar/abstract-property.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/property-shared-style.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "PropertySharedStyle",
+          "default": "css`\n  fieldset {\n    border: none;\n    margin: 4px;\n    padding: 9px 4px 9px 4px;\n    border-bottom: var(--property-sidebar-fieldset-border);\n    color: var(--property-sidebar-fieldset-legend-color);\n    font: var(--property-sidebar-fieldset-label);\n  }\n\n  fieldset legend {\n    padding: 5px 0 0 5px;\n    color: var(--property-sidebar-fieldset-legend-color);\n    font: var(--property-sidebar-fieldset-legend);\n    text-transform: capitalize;\n  }\n\n  select,\n  input {\n    border: var(--property-sidebar-fieldset-border);\n  }\n\n  /* property grid */\n  .property-grid {\n    display: grid;\n    grid-template-columns: repeat(10, 1fr);\n    grid-gap: 5px;\n    grid-auto-rows: minmax(24px, auto);\n    align-items: center;\n  }\n\n  .property-grid > * {\n    width: 100%;\n    box-sizing: border-box;\n  }\n\n  .property-grid > label {\n    grid-column: span 3;\n    text-align: right;\n    text-transform: capitalize;\n    line-height: 2;\n  }\n\n  .property-grid > input,\n  .property-grid > table,\n  .property-grid > select,\n  .property-grid > ox-input-angle,\n  .property-grid > ox-buttons-radio,\n  .property-grid > things-editor-color,\n  [custom-editor] {\n    grid-column: span 7;\n    align-self: stretch;\n  }\n\n  .property-grid > .checkbox-row {\n    grid-column: span 10;\n  }\n\n  .property-grid > .property-full-label {\n    grid-column: span 3;\n    text-align: right;\n    text-transform: capitalize;\n  }\n\n  .property-grid > .property-half-label {\n    grid-column: span 1;\n  }\n\n  .property-grid > .property-full-input {\n    grid-column: span 7;\n  }\n\n  .property-grid > .property-half-input {\n    grid-column: span 4;\n  }\n\n  /* checkbox-row */\n  .checkbox-row {\n    display: grid;\n    grid-template-columns: repeat(10, 1fr);\n    grid-gap: 5px;\n    grid-auto-rows: minmax(24px, auto);\n    align-items: center;\n  }\n\n  .checkbox-row > input {\n    grid-column: 4 / 5;\n  }\n\n  .checkbox-row > label {\n    grid-column: span 6;\n    text-align: left;\n  }\n\n  /* image resources */\n  .icon-only-label {\n    grid-column: span 1;\n\n    background: url(/assets/images/icon-properties-label.png) no-repeat;\n    float: left;\n    margin: 0;\n    align-self: stretch;\n  }\n\n  .icon-only-label.color {\n    background-position: 100% -500px;\n  }\n  .icon-only-label.font-size {\n    background-position: 100% -594px;\n  }\n  .icon-only-label.leading {\n    background-position: 100% -696px;\n  }\n  .icon-only-label.hscale {\n    background-position: 100% -296px;\n  }\n  .icon-only-label.vscale {\n    background-position: 100% -396px;\n  }\n  .icon-only-label.linewidth {\n    background-position: 100% -894px;\n  }\n  .icon-only-label.lineHeight {\n    background-position: 100% -995px;\n  }\n`"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "PropertySharedStyle",
+          "declaration": {
+            "name": "PropertySharedStyle",
+            "module": "src/modeller/property-sidebar/property-shared-style.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/property-sidebar.ts",
+      "declarations": [
         {
           "kind": "class",
           "description": "",
@@ -3247,259 +3507,44 @@
             },
             {
               "kind": "method",
-              "name": "_onBaseUrlChanged",
-              "parameters": [
-                {
-                  "name": "after",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "name": "scene-changed",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "mode-changed",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "variables-changed",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "selected-changed",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "scene",
-              "type": {
-                "text": "Scene | null"
-              },
-              "default": "null",
-              "fieldName": "scene"
-            },
-            {
-              "name": "model",
-              "type": {
-                "text": "Model | undefined"
-              },
-              "fieldName": "model"
-            },
-            {
-              "name": "mode",
-              "type": {
-                "text": "SCENE_MODE"
-              },
-              "fieldName": "mode"
-            },
-            {
-              "name": "screenSize",
-              "type": {
-                "text": "number"
-              },
-              "default": "13.3",
-              "fieldName": "screenSize"
-            },
-            {
-              "name": "variables",
-              "type": {
-                "text": "Properties"
-              },
-              "default": "{}",
-              "fieldName": "variables"
-            },
-            {
-              "name": "data",
-              "type": {
-                "text": "any"
-              },
-              "fieldName": "data"
-            },
-            {
-              "name": "fit",
-              "type": {
-                "text": "FITMODE"
-              },
-              "default": "'none'",
-              "fieldName": "fit"
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "Component[]"
-              },
-              "default": "[]",
-              "fieldName": "selected"
-            },
-            {
-              "name": "disposeWhenDetached",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "disposeWhenDetached"
-            },
-            {
-              "name": "baseUrl",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "fieldName": "baseUrl"
-            },
-            {
-              "name": "provider",
-              "type": {
-                "text": "any"
-              },
-              "fieldName": "provider"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "'noname'",
-              "fieldName": "name"
-            },
-            {
-              "name": "enableInspector",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "fieldName": "enableInspector"
-            },
-            {
-              "name": "showInspector",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "fieldName": "showInspector"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "ox-scene-viewer",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "OxSceneViewer",
-            "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "ox-scene-viewer",
-          "declaration": {
-            "name": "OxSceneViewer",
-            "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/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": "[]",
-              "attribute": "templates"
-            },
-            {
-              "kind": "method",
-              "name": "onClickTemplate",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "templateIcon",
+              "name": "_onBaseUrlChanged",
               "parameters": [
                 {
-                  "name": "template",
+                  "name": "after",
                   "type": {
-                    "text": "PalletItem"
+                    "text": "string"
                   }
                 }
               ]
             }
           ],
-          "attributes": [
+          "events": [
             {
-              "name": "groups",
+              "name": "scene-changed",
               "type": {
-                "text": "Pallet[]"
-              },
-              "default": "[]",
-              "fieldName": "groups"
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "mode-changed",
+              "type": {
+                "text": "CustomEvent"
+              }
+            },
+            {
+              "name": "variables-changed",
+              "type": {
+                "text": "CustomEvent"
+              }
             },
+            {
+              "name": "selected-changed",
+              "type": {
+                "text": "CustomEvent"
+              }
+            }
+          ],
+          "attributes": [
             {
               "name": "scene",
               "type": {
@@ -3509,174 +3554,129 @@
               "fieldName": "scene"
             },
             {
-              "name": "group",
+              "name": "model",
               "type": {
-                "text": "string | null"
+                "text": "Model | undefined"
               },
-              "default": "''",
-              "fieldName": "group"
+              "fieldName": "model"
             },
             {
-              "name": "templates",
+              "name": "mode",
               "type": {
-                "text": "PalletItem[]"
+                "text": "SCENE_MODE"
               },
-              "default": "[]",
-              "fieldName": "templates"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "component-menu",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "component-menu",
-          "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": [
+              "fieldName": "mode"
+            },
             {
-              "kind": "field",
-              "name": "componentGroupList",
+              "name": "screenSize",
               "type": {
-                "text": "any[]"
+                "text": "number"
               },
-              "default": "[]",
-              "attribute": "componentGroupList"
+              "default": "13.3",
+              "fieldName": "screenSize"
             },
             {
-              "kind": "field",
-              "name": "group",
+              "name": "variables",
               "type": {
-                "text": "string | null | undefined"
+                "text": "Properties"
               },
-              "attribute": "group"
+              "default": "{}",
+              "fieldName": "variables"
             },
             {
-              "kind": "field",
-              "name": "scene",
+              "name": "data",
               "type": {
-                "text": "Scene"
+                "text": "any"
               },
-              "attribute": "scene"
+              "fieldName": "data"
             },
             {
-              "kind": "field",
-              "name": "mode",
+              "name": "fit",
               "type": {
-                "text": "SCENE_MODE"
+                "text": "FITMODE"
               },
-              "attribute": "mode"
+              "default": "'none'",
+              "fieldName": "fit"
             },
             {
-              "kind": "field",
-              "name": "menu",
+              "name": "selected",
               "type": {
-                "text": "HTMLElement"
+                "text": "Component[]"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_setMode",
-              "parameters": [
-                {
-                  "name": "mode",
-                  "type": {
-                    "text": "SCENE_MODE"
-                  }
-                }
-              ]
+              "default": "[]",
+              "fieldName": "selected"
             },
             {
-              "kind": "method",
-              "name": "_onClickShift"
+              "name": "disposeWhenDetached",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "disposeWhenDetached"
             },
             {
-              "kind": "method",
-              "name": "_onClickGroup",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "name": "mode-changed",
+              "name": "baseUrl",
               "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "attributes": [
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "baseUrl"
+            },
             {
-              "name": "componentGroupList",
+              "name": "provider",
               "type": {
-                "text": "any[]"
+                "text": "any"
               },
-              "default": "[]",
-              "fieldName": "componentGroupList"
+              "fieldName": "provider"
             },
             {
-              "name": "group",
+              "name": "name",
               "type": {
-                "text": "string | null | undefined"
+                "text": "string"
               },
-              "fieldName": "group"
+              "default": "'noname'",
+              "fieldName": "name"
             },
             {
-              "name": "scene",
+              "name": "enableInspector",
               "type": {
-                "text": "Scene"
+                "text": "boolean"
               },
-              "fieldName": "scene"
+              "default": "true",
+              "fieldName": "enableInspector"
             },
             {
-              "name": "mode",
+              "name": "showInspector",
               "type": {
-                "text": "SCENE_MODE"
+                "text": "boolean"
               },
-              "fieldName": "mode"
+              "default": "false",
+              "fieldName": "showInspector"
             }
           ],
           "superclass": {
             "name": "LitElement",
             "package": "lit"
           },
-          "tagName": "component-toolbar",
+          "tagName": "ox-scene-viewer",
           "customElement": true
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "OxSceneViewer",
+            "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
+          }
+        },
         {
           "kind": "custom-element-definition",
-          "name": "component-toolbar",
+          "name": "ox-scene-viewer",
           "declaration": {
-            "name": "ComponentToolbar",
-            "module": "src/modeller/component-toolbar/component-toolbar.ts"
+            "name": "OxSceneViewer",
+            "module": "src/modeller/scene-viewer/ox-scene-viewer.ts"
           }
         }
       ]
@@ -3877,9 +3877,8 @@
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "Properties"
+                "text": "Properties | undefined"
               },
-              "default": "{\n    mappings: []\n  }",
               "attribute": "value"
             },
             {
@@ -4074,9 +4073,8 @@
             {
               "name": "value",
               "type": {
-                "text": "Properties"
+                "text": "Properties | undefined"
               },
-              "default": "{\n    mappings: []\n  }",
               "fieldName": "value"
             },
             {
@@ -4113,7 +4111,7 @@
         {
           "kind": "variable",
           "name": "EffectsSharedStyle",
-          "default": "css`\n  :host {\n    display: grid;\n    grid-template-columns: repeat(10, 1fr);\n    grid-gap: 5px;\n    grid-auto-rows: minmax(24px, auto);\n\n    align-items: center;\n  }\n\n  * {\n    align-self: stretch;\n  }\n\n  label {\n    grid-column: span 3;\n    text-align: right;\n    text-transform: capitalize;\n\n    align-self: center;\n  }\n\n  input,\n  select,\n  things-editor-angle-input,\n  things-editor-color,\n  [custom-editor] {\n    grid-column: span 7;\n  }\n\n  input,\n  select,\n  things-editor-angle-input input,\n  things-editor-color input,\n  [custom-editor] input {\n    border: var(--property-sidebar-fieldset-border);\n  }\n\n  input[type='checkbox'] {\n    grid-column: 4 / 5;\n    align-self: center;\n  }\n\n  label.checkbox-label {\n    grid-column: span 6;\n    text-align: left;\n  }\n\n  [fullwidth] {\n    grid-column: 1 / -1;\n  }\n`"
+          "default": "css`\n  :host {\n    display: grid;\n    grid-template-columns: repeat(10, 1fr);\n    grid-gap: 5px;\n    grid-auto-rows: minmax(24px, auto);\n\n    align-items: center;\n  }\n\n  * {\n    align-self: stretch;\n  }\n\n  label {\n    grid-column: span 3;\n    text-align: right;\n    text-transform: capitalize;\n\n    align-self: center;\n  }\n\n  input,\n  select,\n  ox-input-angle,\n  things-editor-color,\n  [custom-editor] {\n    grid-column: span 7;\n  }\n\n  input,\n  select,\n  ox-input-angle input,\n  things-editor-color input,\n  [custom-editor] input {\n    border: var(--property-sidebar-fieldset-border);\n  }\n\n  input[type='checkbox'] {\n    grid-column: 4 / 5;\n    align-self: center;\n  }\n\n  label.checkbox-label {\n    grid-column: span 6;\n    text-align: left;\n  }\n\n  [fullwidth] {\n    grid-column: 1 / -1;\n  }\n`"
         }
       ],
       "exports": [
@@ -4140,9 +4138,8 @@
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "any"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
               "attribute": "value"
             },
             {
@@ -4212,9 +4209,8 @@
             {
               "name": "value",
               "type": {
-                "text": "any"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
               "fieldName": "value"
             },
             {
@@ -4269,9 +4265,8 @@
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "Properties"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
               "attribute": "value"
             },
             {
@@ -4307,9 +4302,8 @@
             {
               "name": "value",
               "type": {
-                "text": "Properties"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
               "fieldName": "value"
             },
             {
@@ -4360,9 +4354,8 @@
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "Properties"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
               "attribute": "value"
             },
             {
@@ -4406,9 +4399,8 @@
             {
               "name": "value",
               "type": {
-                "text": "Properties"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
               "fieldName": "value"
             },
             {
@@ -4451,9 +4443,8 @@
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "Properties"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
               "attribute": "value"
             },
             {
@@ -4513,9 +4504,8 @@
             {
               "name": "value",
               "type": {
-                "text": "Properties"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
               "fieldName": "value"
             },
             {
@@ -4558,9 +4548,8 @@
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "Properties"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
               "attribute": "value"
             },
             {
@@ -4620,9 +4609,8 @@
             {
               "name": "value",
               "type": {
-                "text": "Properties"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
               "fieldName": "value"
             },
             {
@@ -4665,9 +4653,8 @@
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "Properties"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
               "attribute": "value"
             },
             {
@@ -4703,9 +4690,8 @@
             {
               "name": "value",
               "type": {
-                "text": "Properties"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
               "fieldName": "value"
             },
             {
@@ -4748,9 +4734,8 @@
               "kind": "field",
               "name": "value",
               "type": {
-                "text": "Properties"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
               "attribute": "value"
             },
             {
@@ -4778,9 +4763,8 @@
             {
               "name": "value",
               "type": {
-                "text": "Properties"
+                "text": "Properties | undefined"
               },
-              "default": "{}",
               "fieldName": "value"
             }
           ],