@fmsim/board 1.0.87 → 2.0.0-beta.10

package/custom-elements.json

@@ -2,6 +2,91 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "stories/restful-attachment-selector.stories.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "meta",
+          "default": "{ title: 'Components/RestfulAttachmentSelector', component: 'restful-attachment-selector', argTypes: { category: { control: 'select', options: ['', 'audio', 'video', 'image', 'text', 'application'], description: '첨부파일 카테고리' }, creatable: { control: 'boolean', description: '파일 업로드 가능 여부' }, userName: { control: 'text', description: '사용자 이름' } }, parameters: { layout: 'centered' } } satisfies Meta"
+        },
+        {
+          "kind": "variable",
+          "name": "Default",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ render: args => html` <restful-attachment-selector .category=${args.category} .creatable=${args.creatable} .userName=${args.userName} style=\"width: 800px; height: 600px;\" ></restful-attachment-selector> `, args: { category: '', creatable: true, userName: 'testUser' } }"
+        },
+        {
+          "kind": "variable",
+          "name": "WithCategory",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ ...Default, args: { ...Default.args, category: 'document' } }"
+        },
+        {
+          "kind": "variable",
+          "name": "ReadOnly",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ ...Default, args: { ...Default.args, creatable: false } }"
+        },
+        {
+          "kind": "variable",
+          "name": "WithTestData",
+          "type": {
+            "text": "Story"
+          },
+          "default": "{ ...Default, args: { ...Default.args, category: 'document' }, play: async ({ canvasElement }) => { const selector = canvasElement.querySelector('restful-attachment-selector') as RestfulAttachmentSelector if (selector) { // 테스트 데이터 주입 selector.attachments = [ { id: 'test-1', name: 'test1.txt', description: 'Test file 1', mimetype: 'text/plain', encoding: '7bit', category: 'document', path: 'test1.txt', bulk: '27', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test1.txt', download: 'http://localhost:16060/mcs/lv/downloadFile/test1.txt' }, { id: 'test-2', name: 'test2.jpg', description: 'Test image', mimetype: 'image/jpeg', encoding: '7bit', category: 'image', path: 'test2.jpg', bulk: '1024', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test2.jpg', download: 'http://localhost:16060/mcs/lv/downloadFile/test2.jpg' } ] } } }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "meta",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "Default",
+          "declaration": {
+            "name": "Default",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WithCategory",
+          "declaration": {
+            "name": "WithCategory",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "ReadOnly",
+          "declaration": {
+            "name": "ReadOnly",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "WithTestData",
+          "declaration": {
+            "name": "WithTestData",
+            "module": "stories/restful-attachment-selector.stories.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/index.ts",
@@ -564,7 +649,7 @@
               "kind": "field",
               "name": "mode",
               "type": {
-                "text": "SCENE_MODE"
+                "text": "SceneMode"
               },
               "attribute": "mode"
             },
@@ -759,7 +844,7 @@
             {
               "name": "mode",
               "type": {
-                "text": "SCENE_MODE"
+                "text": "SceneMode"
               },
               "fieldName": "mode"
             },
@@ -936,7 +1021,7 @@
               "kind": "field",
               "name": "_scene",
               "type": {
-                "text": "Scene | null"
+                "text": "any"
               },
               "default": "null"
             },
@@ -1712,85 +1797,92 @@
     },
     {
       "kind": "javascript-module",
-      "path": "stories/restful-attachment-selector.stories.ts",
+      "path": "src/data-storage/data-storage.ts",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "meta",
-          "default": "{ title: 'Components/RestfulAttachmentSelector', component: 'restful-attachment-selector', argTypes: { category: { control: 'select', options: ['', 'audio', 'video', 'image', 'text', 'application'], description: '첨부파일 카테고리' }, creatable: { control: 'boolean', description: '파일 업로드 가능 여부' }, userName: { control: 'text', description: '사용자 이름' } }, parameters: { layout: 'centered' } } satisfies Meta"
-        },
-        {
-          "kind": "variable",
-          "name": "Default",
-          "type": {
-            "text": "Story"
-          },
-          "default": "{ render: args => html` <restful-attachment-selector .category=${args.category} .creatable=${args.creatable} .userName=${args.userName} style=\"width: 800px; height: 600px;\" ></restful-attachment-selector> `, args: { category: '', creatable: true, userName: 'testUser' } }"
-        },
-        {
-          "kind": "variable",
-          "name": "WithCategory",
-          "type": {
-            "text": "Story"
-          },
-          "default": "{ ...Default, args: { ...Default.args, category: 'document' } }"
-        },
-        {
-          "kind": "variable",
-          "name": "ReadOnly",
-          "type": {
-            "text": "Story"
-          },
-          "default": "{ ...Default, args: { ...Default.args, creatable: false } }"
-        },
-        {
-          "kind": "variable",
-          "name": "WithTestData",
-          "type": {
-            "text": "Story"
-          },
-          "default": "{ ...Default, args: { ...Default.args, category: 'document' }, play: async ({ canvasElement }) => { const selector = canvasElement.querySelector('restful-attachment-selector') as RestfulAttachmentSelector if (selector) { // 테스트 데이터 주입 selector.attachments = [ { id: 'test-1', name: 'test1.txt', description: 'Test file 1', mimetype: 'text/plain', encoding: '7bit', category: 'document', path: 'test1.txt', bulk: '27', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test1.txt', download: 'http://localhost:16060/mcs/lv/downloadFile/test1.txt' }, { id: 'test-2', name: 'test2.jpg', description: 'Test image', mimetype: 'image/jpeg', encoding: '7bit', category: 'image', path: 'test2.jpg', bulk: '1024', createdAt: new Date().toISOString(), updatedAt: new Date().toISOString(), creatorId: 'testUser', updaterId: 'testUser', fullpath: 'http://localhost:16060/mcs/lv/images/test2.jpg', download: 'http://localhost:16060/mcs/lv/downloadFile/test2.jpg' } ] } } }"
+          "kind": "class",
+          "description": "",
+          "name": "DataStorage",
+          "members": [
+            {
+              "kind": "field",
+              "name": "id",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "id"
+            },
+            {
+              "kind": "method",
+              "name": "load",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "Promise<any>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "Component"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "save",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "Component"
+                  }
+                },
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "clear",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "key",
+                  "type": {
+                    "text": "Component"
+                  }
+                }
+              ]
+            }
+          ]
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "meta",
-            "module": "stories/restful-attachment-selector.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "Default",
-          "declaration": {
-            "name": "Default",
-            "module": "stories/restful-attachment-selector.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WithCategory",
-          "declaration": {
-            "name": "WithCategory",
-            "module": "stories/restful-attachment-selector.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "ReadOnly",
-          "declaration": {
-            "name": "ReadOnly",
-            "module": "stories/restful-attachment-selector.stories.ts"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WithTestData",
+          "name": "DataStorage",
           "declaration": {
-            "name": "WithTestData",
-            "module": "stories/restful-attachment-selector.stories.ts"
+            "name": "DataStorage",
+            "module": "src/data-storage/data-storage.ts"
           }
         }
       ]
@@ -2922,114 +3014,22 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/data-storage/data-storage.ts",
+      "path": "src/layers/mcs-mouse-event-handler.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/layers/movement-layer.ts",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DataStorage",
+          "name": "MovementLayer",
           "members": [
             {
               "kind": "field",
-              "name": "id",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "id"
-            },
-            {
-              "kind": "method",
-              "name": "load",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "Promise<any>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "Component"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "save",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "Component"
-                  }
-                },
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "clear",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "Component"
-                  }
-                }
-              ]
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "DataStorage",
-          "declaration": {
-            "name": "DataStorage",
-            "module": "src/data-storage/data-storage.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/layers/mcs-mouse-event-handler.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/layers/movement-layer.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "MovementLayer",
-          "members": [
-            {
-              "kind": "field",
-              "name": "drawInstructionHandler"
+              "name": "drawInstructionHandler"
             },
             {
               "kind": "field",
@@ -3150,6 +3150,25 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "render3D",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "movement",
+                  "type": {
+                    "text": "MOVEMENT"
+                  }
+                },
+                {
+                  "name": "rootModel",
+                  "type": {
+                    "text": "any"
+                  }
+                }
+              ]
+            },
             {
               "kind": "field",
               "name": "eventMap",
@@ -3162,13 +3181,13 @@
                 {
                   "name": "after",
                   "type": {
-                    "text": "Properties"
+                    "text": "Record<string, any>"
                   }
                 },
                 {
                   "name": "before",
                   "type": {
-                    "text": "Properties"
+                    "text": "Record<string, any>"
                   }
                 },
                 {
@@ -3191,13 +3210,13 @@
                 {
                   "name": "after",
                   "type": {
-                    "text": "Properties"
+                    "text": "Record<string, any>"
                   }
                 },
                 {
                   "name": "before",
                   "type": {
-                    "text": "Properties"
+                    "text": "Record<string, any>"
                   }
                 }
               ]
@@ -3227,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": [
@@ -3278,121 +3297,27 @@
             },
             {
               "kind": "field",
-              "name": "cliped",
+              "name": "_dimension",
               "type": {
-                "text": "string | undefined"
+                "text": "'2d' | '3d' | null"
               },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "redo",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "undo",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "fullscreen",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "cut",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "copy",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "paste",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "delete",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "forward",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "backward",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "front",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "back",
-              "type": {
-                "text": "HTMLElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "aligners",
-              "type": {
-                "text": "NodeListOf<HTMLSpanElement>"
-              },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "zorders",
+              "name": "_gizmoAttached",
               "type": {
-                "text": "NodeListOf<HTMLSpanElement>"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
-              "name": "distributes",
+              "name": "cliped",
               "type": {
-                "text": "NodeListOf<HTMLSpanElement>"
+                "text": "string | undefined"
               },
               "privacy": "private"
             },
@@ -3449,6 +3374,25 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_setDisabled",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "id",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "disabled",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "onExecute",
@@ -3529,6 +3473,45 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "_onDimensionChanged",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "dimension",
+                  "type": {
+                    "text": "'2d' | '3d'"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onGizmoAttachChanged",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "isAttached",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_setGizmoMode",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "mode",
+                  "type": {
+                    "text": "'translate' | 'rotate' | 'scale'"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "onSelectedChanged",
@@ -3555,6 +3538,14 @@
               "kind": "method",
               "name": "onTapRedo"
             },
+            {
+              "kind": "method",
+              "name": "onStartStylePasteMode"
+            },
+            {
+              "kind": "method",
+              "name": "onStartDatabindPasteMode"
+            },
             {
               "kind": "method",
               "name": "onTapCut"
@@ -4537,7 +4528,7 @@
               "kind": "field",
               "name": "mode",
               "type": {
-                "text": "SCENE_MODE"
+                "text": "SceneMode"
               },
               "attribute": "mode"
             },
@@ -4606,7 +4597,7 @@
                 {
                   "name": "mode",
                   "type": {
-                    "text": "SCENE_MODE"
+                    "text": "SceneMode"
                   }
                 }
               ]
@@ -4670,7 +4661,7 @@
             {
               "name": "mode",
               "type": {
-                "text": "SCENE_MODE"
+                "text": "SceneMode"
               },
               "fieldName": "mode"
             }
@@ -5028,7 +5019,7 @@
               "kind": "field",
               "name": "mode",
               "type": {
-                "text": "SCENE_MODE"
+                "text": "SceneMode"
               },
               "attribute": "mode"
             },
@@ -5164,7 +5155,7 @@
                 {
                   "name": "mode",
                   "type": {
-                    "text": "SCENE_MODE"
+                    "text": "SceneMode"
                   }
                 }
               ]
@@ -5241,7 +5232,7 @@
                 {
                   "name": "mode",
                   "type": {
-                    "text": "SCENE_MODE"
+                    "text": "SceneMode"
                   }
                 }
               ]
@@ -5277,7 +5268,7 @@
                 {
                   "name": "after",
                   "type": {
-                    "text": "SCENE_MODE"
+                    "text": "SceneMode"
                   }
                 }
               ]
@@ -5340,7 +5331,7 @@
             {
               "name": "mode",
               "type": {
-                "text": "SCENE_MODE"
+                "text": "SceneMode"
               },
               "fieldName": "mode"
             },
@@ -7172,248 +7163,8 @@
           "kind": "js",
           "name": "PropertyShapes",
           "declaration": {
-            "name": "PropertyShapes",
-            "module": "src/modeller/property-sidebar/shapes/shapes.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/modeller/property-sidebar/inspector/inspector.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SceneInspector",
-          "members": [
-            {
-              "kind": "field",
-              "name": "scene",
-              "type": {
-                "text": "Scene | undefined"
-              },
-              "attribute": "scene"
-            },
-            {
-              "kind": "field",
-              "name": "searchText",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "_extendedMap",
-              "type": {
-                "text": "any"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "count",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "-1"
-            },
-            {
-              "kind": "method",
-              "name": "disconnectScene",
-              "parameters": [
-                {
-                  "name": "scene",
-                  "optional": true,
-                  "type": {
-                    "text": "Scene"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "refresh"
-            },
-            {
-              "kind": "method",
-              "name": "_onclick",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_ondblclick",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "extendedMap",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "getNodeHandleClass",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "isExtended",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "toggleExtended",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "toggleHidden",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "selectComponent",
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                },
-                {
-                  "name": "append",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "shouldBeShown",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                },
-                {
-                  "name": "counting",
-                  "default": "false",
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "renderComponent",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "component",
-                  "type": {
-                    "text": "Component"
-                  }
-                },
-                {
-                  "name": "depth",
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "scene",
-              "type": {
-                "text": "Scene | undefined"
-              },
-              "fieldName": "scene"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SceneInspector",
-          "declaration": {
-            "name": "SceneInspector",
-            "module": "src/modeller/property-sidebar/inspector/inspector.ts"
+            "name": "PropertyShapes",
+            "module": "src/modeller/property-sidebar/shapes/shapes.ts"
           }
         }
       ]
@@ -7802,12 +7553,16 @@
               "attribute": "fonts"
             },
             {
-              "kind": "field",
-              "name": "fontAvailable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
+              "kind": "method",
+              "name": "onButtonGroupClick",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -7930,6 +7685,246 @@
           }
         }
       ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/modeller/property-sidebar/inspector/inspector.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SceneInspector",
+          "members": [
+            {
+              "kind": "field",
+              "name": "scene",
+              "type": {
+                "text": "Scene | undefined"
+              },
+              "attribute": "scene"
+            },
+            {
+              "kind": "field",
+              "name": "searchText",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "_extendedMap",
+              "type": {
+                "text": "any"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "count",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "-1"
+            },
+            {
+              "kind": "method",
+              "name": "disconnectScene",
+              "parameters": [
+                {
+                  "name": "scene",
+                  "optional": true,
+                  "type": {
+                    "text": "Scene"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "refresh"
+            },
+            {
+              "kind": "method",
+              "name": "_onclick",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_ondblclick",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "extendedMap",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "getNodeHandleClass",
+              "parameters": [
+                {
+                  "name": "component",
+                  "type": {
+                    "text": "Component"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "isExtended",
+              "parameters": [
+                {
+                  "name": "component",
+                  "type": {
+                    "text": "Component"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "toggleExtended",
+              "parameters": [
+                {
+                  "name": "component",
+                  "type": {
+                    "text": "Component"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "toggleHidden",
+              "parameters": [
+                {
+                  "name": "component",
+                  "type": {
+                    "text": "Component"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "selectComponent",
+              "parameters": [
+                {
+                  "name": "component",
+                  "type": {
+                    "text": "Component"
+                  }
+                },
+                {
+                  "name": "append",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "shouldBeShown",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "component",
+                  "type": {
+                    "text": "Component"
+                  }
+                },
+                {
+                  "name": "counting",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderComponent",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "component",
+                  "type": {
+                    "text": "Component"
+                  }
+                },
+                {
+                  "name": "depth",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "scene",
+              "type": {
+                "text": "Scene | undefined"
+              },
+              "fieldName": "scene"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SceneInspector",
+          "declaration": {
+            "name": "SceneInspector",
+            "module": "src/modeller/property-sidebar/inspector/inspector.ts"
+          }
+        }
+      ]
     }
   ]
 }