@operato/board 0.2.51 → 0.2.52

package/custom-elements.json

@@ -33,6 +33,241 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/ox-board-list.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "BoardList",
+          "members": [
+            {
+              "kind": "field",
+              "name": "creatable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "creatable"
+            },
+            {
+              "kind": "field",
+              "name": "config",
+              "type": {
+                "text": "any"
+              },
+              "attribute": "config"
+            },
+            {
+              "kind": "field",
+              "name": "data",
+              "type": {
+                "text": "any"
+              },
+              "attribute": "data"
+            },
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "'GRID' | 'LIST' | 'CARD'"
+              },
+              "default": "'CARD'",
+              "attribute": "mode"
+            },
+            {
+              "kind": "field",
+              "name": "groupId",
+              "type": {
+                "text": "string | undefined"
+              },
+              "attribute": "groupId"
+            },
+            {
+              "kind": "field",
+              "name": "groups",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "attribute": "groups"
+            },
+            {
+              "kind": "field",
+              "name": "favorites",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "attribute": "favorites"
+            },
+            {
+              "kind": "field",
+              "name": "_showSpinner",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "grist",
+              "type": {
+                "text": "DataGrist"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "fetchHandler",
+              "parameters": [
+                {
+                  "name": "{ page, limit, sorters = [] }",
+                  "type": {
+                    "text": "{ page: number; limit: number; sorters: SortersConfig }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "gristConfig"
+            },
+            {
+              "kind": "method",
+              "name": "refresh"
+            },
+            {
+              "kind": "method",
+              "name": "getBoards",
+              "parameters": [
+                {
+                  "name": "{\n    page = 1,\n    limit = 30,\n    sorters = []\n  }",
+                  "default": "{}",
+                  "type": {
+                    "text": "{ page?: number; limit?: number; sorters?: SortersConfig }"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getFavoriteBoards",
+              "parameters": [
+                {
+                  "name": "{ page = 1, limit = 30 }",
+                  "default": "{}"
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "refreshBoards"
+            },
+            {
+              "kind": "method",
+              "name": "onCreateBoard"
+            },
+            {
+              "kind": "method",
+              "name": "notify",
+              "parameters": [
+                {
+                  "name": "level",
+                  "type": {
+                    "text": "'warn' | 'error' | 'info'"
+                  }
+                },
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "any"
+                  }
+                },
+                {
+                  "name": "ex",
+                  "optional": true,
+                  "type": {
+                    "text": "Error"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "creatable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "fieldName": "creatable"
+            },
+            {
+              "name": "config",
+              "type": {
+                "text": "any"
+              },
+              "fieldName": "config"
+            },
+            {
+              "name": "data",
+              "type": {
+                "text": "any"
+              },
+              "fieldName": "data"
+            },
+            {
+              "name": "mode",
+              "type": {
+                "text": "'GRID' | 'LIST' | 'CARD'"
+              },
+              "default": "'CARD'",
+              "fieldName": "mode"
+            },
+            {
+              "name": "groupId",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "groupId"
+            },
+            {
+              "name": "groups",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "fieldName": "groups"
+            },
+            {
+              "name": "favorites",
+              "type": {
+                "text": "any[]"
+              },
+              "default": "[]",
+              "fieldName": "favorites"
+            }
+          ],
+          "superclass": {
+            "name": "LitElement",
+            "package": "lit"
+          },
+          "tagName": "ox-board-list",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "ox-board-list",
+          "declaration": {
+            "name": "BoardList",
+            "module": "src/ox-board-list.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/ox-board-modeller.ts",
@@ -50,7 +285,7 @@
                 {
                   "name": "group",
                   "type": {
-                    "text": "Group"
+                    "text": "ComponentGroup"
                   }
                 }
               ]
@@ -77,7 +312,7 @@
               "kind": "field",
               "name": "groups",
               "type": {
-                "text": "Group[]"
+                "text": "ComponentGroup[]"
               },
               "static": true
             },
@@ -1167,7 +1402,7 @@
           "kind": "variable",
           "name": "threed",
           "type": {
-            "text": "Group"
+            "text": "ComponentGroup"
           },
           "default": "{\n  name: '3D',\n  description: 'a group of various 3D base components',\n  icon,\n  templates: []\n}"
         }
@@ -1191,7 +1426,7 @@
           "kind": "variable",
           "name": "chartAndGauge",
           "type": {
-            "text": "Group"
+            "text": "ComponentGroup"
           },
           "default": "{\n  name: 'chartAndGauge',\n  description: 'a group of various charts and gauges',\n  icon,\n  templates: []\n}"
         }
@@ -1215,7 +1450,7 @@
           "kind": "variable",
           "name": "container",
           "type": {
-            "text": "Group"
+            "text": "ComponentGroup"
           },
           "default": "{\n  name: 'container',\n  description: 'a group of various containers',\n  icon,\n  templates: [\n    {\n      type: 'container',\n      description: 'general container',\n      icon: iconContainer,\n      group: 'container',\n      model: {\n        type: 'container',\n        left: 100,\n        top: 100,\n        width: 100,\n        height: 100,\n        fillStyle: '#fff',\n        strokeStyle: '#999',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'popup',\n      description: 'popup window',\n      icon: popup,\n      group: 'container',\n      model: {\n        type: 'popup',\n        left: 100,\n        top: 100,\n        width: 100,\n        height: 100,\n        fillStyle: '#fff',\n        strokeStyle: 'DarkGoldenRod',\n        hidden: true\n      }\n    }\n  ]\n}"
         }
@@ -1239,7 +1474,7 @@
           "kind": "variable",
           "name": "dataSource",
           "type": {
-            "text": "Group"
+            "text": "ComponentGroup"
           },
           "default": "{\n  name: 'dataSource',\n  description: 'a group of various data sources',\n  icon,\n  templates: []\n}"
         }
@@ -1263,7 +1498,7 @@
           "kind": "variable",
           "name": "etc",
           "type": {
-            "text": "Group"
+            "text": "ComponentGroup"
           },
           "default": "{\n  name: 'etc',\n  description: 'a group of components that have not yet been defined.',\n  icon,\n  templates: [\n    {\n      type: 'info-window',\n      description: 'information window',\n      icon: infoWindow,\n      group: 'etc',\n      model: {\n        type: 'info-window',\n        left: 10,\n        top: 10,\n        width: 50,\n        height: 50,\n        fillStyle: '#fff',\n        strokeStyle: 'DarkGoldenRod',\n        hidden: true,\n        frontSideTemplate:\n          \"<h2 id='xxx'>\\n\\t<%= text %>\\n</h2>\\n<img src='https://www.tutorialspoint.com/images/html.gif' alt='HTML Tutorial' height='150' width='140' />\",\n        backSideTemplate:\n          \"<h2 id='yyy'>\\n\\t<%= text %>\\n</h2>\\n<img src='https://www.tutorialspoint.com/images/html.gif' alt='HTML Tutorial' height='150' width='140' />\",\n        style:\n          '#yyy {\\n\\tbackground-color:navy;\\n\\tcolor:white\\n}\\n#xxx, #yyy {\\n\\twhite-space:nowrap;\\n\\tmin-width:200px;\\n}'\n      }\n    },\n    {\n      type: 'local reference',\n      description: 'local reference',\n      icon: localReference,\n      group: 'etc',\n      model: {\n        type: 'local-ref',\n        left: 100,\n        top: 100,\n        width: 100,\n        height: 100,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'global reference',\n      description: 'global reference',\n      icon: globalReference,\n      group: 'etc',\n      model: {\n        type: 'global-ref',\n        left: 100,\n        top: 100,\n        width: 100,\n        height: 100,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    }\n  ]\n}"
         }
@@ -1287,7 +1522,7 @@
           "kind": "variable",
           "name": "form",
           "type": {
-            "text": "Group"
+            "text": "ComponentGroup"
           },
           "default": "{\n  name: 'form',\n  description: 'a group of various input components that make up a data entry form',\n  icon,\n  templates: []\n}"
         }
@@ -1414,7 +1649,7 @@
           "kind": "variable",
           "name": "iot",
           "type": {
-            "text": "Group"
+            "text": "ComponentGroup"
           },
           "default": "{\n  name: 'IoT',\n  description: 'a group of various IoT protocols',\n  icon,\n  templates: []\n}"
         }
@@ -1438,7 +1673,7 @@
           "kind": "variable",
           "name": "line",
           "type": {
-            "text": "Group"
+            "text": "ComponentGroup"
           },
           "default": "{\n  name: 'line',\n  description: 'a group of various lines',\n  icon,\n  templates: [\n    {\n      type: 'line',\n      description: 'simple line',\n      icon: lineIcon,\n      group: 'line',\n      model: {\n        type: 'line',\n        x1: 100,\n        y1: 100,\n        x2: 200,\n        y2: 200,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 3,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'dash',\n      description: 'dash line',\n      icon: dash,\n      group: 'line',\n      model: {\n        type: 'line',\n        x1: 100,\n        y1: 100,\n        x2: 200,\n        y2: 200,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 3,\n        lineDash: 'round-dot',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'single arrow',\n      description: 'single arrow tip line',\n      icon: singleArrow,\n      group: 'line',\n      model: {\n        type: 'line',\n        x1: 100,\n        y1: 100,\n        x2: 200,\n        y2: 200,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 3,\n        hidden: false,\n        lineWidth: 3,\n        lineDash: 'solid',\n        begin: 'arrow',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'both arrow',\n      description: 'both arrow tip line',\n      icon: bothArrow,\n      group: 'line',\n      model: {\n        type: 'line',\n        x1: 100,\n        y1: 100,\n        x2: 200,\n        y2: 200,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 3,\n        lineDash: 'solid',\n        begin: 'arrow',\n        end: 'arrow',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'polyline',\n      description: 'polyline',\n      icon: polyline,\n      group: 'line',\n      model: {\n        type: 'polyline',\n        path: [\n          { x: 100, y: 100 },\n          { x: 200, y: 100 },\n          { x: 200, y: 200 },\n          { x: 100, y: 200 }\n        ],\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    }\n  ]\n}"
         }
@@ -1482,7 +1717,7 @@
           "kind": "variable",
           "name": "shape",
           "type": {
-            "text": "Group"
+            "text": "ComponentGroup"
           },
           "default": "{\n  name: 'shape',\n  description: 'a group of simple basic shapes',\n  icon,\n  templates: [\n    {\n      type: 'rect',\n      description: 'rectangle shape',\n      icon: rect,\n      group: 'shape',\n      model: {\n        type: 'rect',\n        left: 100,\n        top: 100,\n        width: 100,\n        height: 100,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'ellipse',\n      description: 'ellipse shape',\n      icon: ellipse,\n      group: 'shape',\n      model: {\n        type: 'ellipse',\n        rx: 50,\n        ry: 50,\n        cx: 150,\n        cy: 150,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'donut',\n      description: 'donut shape',\n      icon: donut,\n      group: 'shape',\n      model: {\n        type: 'donut',\n        rx: 50,\n        ry: 50,\n        cx: 150,\n        cy: 150,\n        ratio: 30,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'triangle',\n      description: 'triangle shape',\n      icon: triangle,\n      group: 'shape',\n      model: {\n        type: 'triangle',\n        x1: 150,\n        y1: 100,\n        x2: 100,\n        y2: 200,\n        x3: 200,\n        y3: 200,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'polygon',\n      description: 'polygon shape',\n      icon: polygon,\n      group: 'shape',\n      model: {\n        type: 'polygon',\n        path: [\n          { x: 100, y: 100 },\n          { x: 200, y: 100 },\n          { x: 200, y: 200 },\n          { x: 100, y: 200 }\n        ],\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'star',\n      description: 'star shape',\n      icon: star,\n      group: 'shape',\n      model: {\n        type: 'star',\n        rx: 50,\n        ry: 50,\n        cx: 150,\n        cy: 150,\n        ratio: 30,\n        wing: 5,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    }\n  ]\n}"
         }
@@ -1506,7 +1741,7 @@
           "kind": "variable",
           "name": "table",
           "type": {
-            "text": "Group"
+            "text": "ComponentGroup"
           },
           "default": "{\n  name: 'table',\n  description: 'a group of various tables',\n  icon,\n  templates: []\n}"
         }
@@ -1530,7 +1765,7 @@
           "kind": "variable",
           "name": "textAndMedia",
           "type": {
-            "text": "Group"
+            "text": "ComponentGroup"
           },
           "default": "{\n  name: 'textAndMedia',\n  description: 'a group of text and various media components',\n  icon,\n  templates: [\n    {\n      type: 'text',\n      description: 'text',\n      icon: text,\n      group: 'textAndMedia',\n      model: {\n        type: 'text',\n        left: 100,\n        top: 100,\n        width: 200,\n        height: 50,\n        text: 'Text',\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 5,\n        lineDash: 'solid',\n        lineCap: 'butt',\n        textAlign: 'left',\n        textBaseline: 'top',\n        textWrap: false,\n        fontFamily: 'serif',\n        fontSize: 30\n      }\n    },\n    {\n      type: 'color image',\n      description: 'color image',\n      icon: colorImage,\n      group: 'textAndMedia',\n      model: {\n        type: 'image-view',\n        left: 100,\n        top: 100,\n        width: 100,\n        height: 100,\n        isGray: false,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'gray image',\n      description: 'gray image',\n      icon: grayImage,\n      group: 'textAndMedia',\n      model: {\n        type: 'image-view',\n        left: 100,\n        top: 100,\n        width: 100,\n        height: 100,\n        isGray: true,\n        fillStyle: '#fff',\n        strokeStyle: '#000',\n        alpha: 1,\n        hidden: false,\n        lineWidth: 1,\n        lineDash: 'solid',\n        lineCap: 'butt'\n      }\n    },\n    {\n      type: 'gif image',\n      description: 'gif image',\n      icon: gifImage,\n      group: 'textAndMedia',\n      model: {\n        type: 'gif-view',\n        left: 100,\n        top: 100,\n        width: 100,\n        height: 100\n      }\n    },\n    {\n      type: 'audio',\n      description: 'audio',\n      icon: audio,\n      group: 'textAndMedia',\n      model: {\n        type: 'audio',\n        left: 100,\n        top: 100,\n        width: 100,\n        height: 100\n      }\n    }\n  ]\n}"
         }
@@ -1554,7 +1789,7 @@
           "kind": "variable",
           "name": "warehouse",
           "type": {
-            "text": "Group"
+            "text": "ComponentGroup"
           },
           "default": "{\n  name: 'warehouse',\n  description: 'a group of various components used in a warehouse depiction',\n  icon,\n  templates: []\n}"
         }
@@ -2106,57 +2341,506 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/player/ox-board-player-carousel.ts",
+      "path": "src/graphql/board.ts",
       "declarations": [
         {
-          "kind": "class",
-          "description": "",
-          "name": "BoardPlayerCarousel",
-          "members": [
-            {
-              "kind": "field",
-              "name": "axis",
-              "type": {
-                "text": "string"
-              },
-              "default": "'y'",
-              "attribute": "axis"
-            },
+          "kind": "function",
+          "name": "fetchBoardList",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "rows",
-              "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "attribute": "rows"
-            },
+              "name": "listParam",
+              "default": "{}"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "fetchBoard",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "columns",
+              "name": "id",
               "type": {
-                "text": "number"
-              },
-              "default": "1",
-              "attribute": "columns"
-            },
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "createBoard",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "_slotObserver",
+              "name": "board",
               "type": {
-                "text": "MutationObserver | undefined"
+                "text": "Board"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "updateBoard",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "_boundResize",
+              "name": "board",
               "type": {
-                "text": "() => void | undefined"
+                "text": "Board"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "deleteBoard",
+          "parameters": [
             {
-              "kind": "field",
-              "name": "_rotation",
+              "name": "id",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "fetchBoardList",
+          "declaration": {
+            "name": "fetchBoardList",
+            "module": "src/graphql/board.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "fetchBoard",
+          "declaration": {
+            "name": "fetchBoard",
+            "module": "src/graphql/board.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "createBoard",
+          "declaration": {
+            "name": "createBoard",
+            "module": "src/graphql/board.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "updateBoard",
+          "declaration": {
+            "name": "updateBoard",
+            "module": "src/graphql/board.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "deleteBoard",
+          "declaration": {
+            "name": "deleteBoard",
+            "module": "src/graphql/board.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/graphql/favorite-board.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "fetchFavoriteBoardList",
+          "parameters": [
+            {
+              "name": "listParam",
+              "default": "{}"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "fetchFavoriteBoardList",
+          "declaration": {
+            "name": "fetchFavoriteBoardList",
+            "module": "src/graphql/favorite-board.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/graphql/group.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "fetchGroup",
+          "parameters": [
+            {
+              "name": "id",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "updateGroup",
+          "parameters": [
+            {
+              "name": "group",
+              "type": {
+                "text": "BoardGroup"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "deleteGroup",
+          "parameters": [
+            {
+              "name": "id",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "fetchGroupList"
+        },
+        {
+          "kind": "function",
+          "name": "createGroup",
+          "parameters": [
+            {
+              "name": "group",
+              "type": {
+                "text": "BoardGroup"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "joinGroup",
+          "parameters": [
+            {
+              "name": "boardId",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "groupId",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "fetchGroup",
+          "declaration": {
+            "name": "fetchGroup",
+            "module": "src/graphql/group.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "updateGroup",
+          "declaration": {
+            "name": "updateGroup",
+            "module": "src/graphql/group.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "deleteGroup",
+          "declaration": {
+            "name": "deleteGroup",
+            "module": "src/graphql/group.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "fetchGroupList",
+          "declaration": {
+            "name": "fetchGroupList",
+            "module": "src/graphql/group.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "createGroup",
+          "declaration": {
+            "name": "createGroup",
+            "module": "src/graphql/group.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "joinGroup",
+          "declaration": {
+            "name": "joinGroup",
+            "module": "src/graphql/group.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/graphql/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./board"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./group"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./play-group"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./favorite-board"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/graphql/play-group.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "fetchPlayGroupList"
+        },
+        {
+          "kind": "function",
+          "name": "fetchPlayGroup",
+          "parameters": [
+            {
+              "name": "groupId",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "createPlayGroup",
+          "parameters": [
+            {
+              "name": "group",
+              "type": {
+                "text": "PlayGroup"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "updatePlayGroup",
+          "parameters": [
+            {
+              "name": "group",
+              "type": {
+                "text": "PlayGroup"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "deletePlayGroup",
+          "parameters": [
+            {
+              "name": "id",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "joinPlayGroup",
+          "parameters": [
+            {
+              "name": "boardId",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "group",
+              "type": {
+                "text": "PlayGroup"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "leavePlayGroup",
+          "parameters": [
+            {
+              "name": "boardId",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "groupId",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "fetchPlayGroupList",
+          "declaration": {
+            "name": "fetchPlayGroupList",
+            "module": "src/graphql/play-group.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "fetchPlayGroup",
+          "declaration": {
+            "name": "fetchPlayGroup",
+            "module": "src/graphql/play-group.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "createPlayGroup",
+          "declaration": {
+            "name": "createPlayGroup",
+            "module": "src/graphql/play-group.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "updatePlayGroup",
+          "declaration": {
+            "name": "updatePlayGroup",
+            "module": "src/graphql/play-group.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "deletePlayGroup",
+          "declaration": {
+            "name": "deletePlayGroup",
+            "module": "src/graphql/play-group.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "joinPlayGroup",
+          "declaration": {
+            "name": "joinPlayGroup",
+            "module": "src/graphql/play-group.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "leavePlayGroup",
+          "declaration": {
+            "name": "leavePlayGroup",
+            "module": "src/graphql/play-group.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/player/ox-board-player-carousel.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "BoardPlayerCarousel",
+          "members": [
+            {
+              "kind": "field",
+              "name": "axis",
+              "type": {
+                "text": "string"
+              },
+              "default": "'y'",
+              "attribute": "axis"
+            },
+            {
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "attribute": "rows"
+            },
+            {
+              "kind": "field",
+              "name": "columns",
+              "type": {
+                "text": "number"
+              },
+              "default": "1",
+              "attribute": "columns"
+            },
+            {
+              "kind": "field",
+              "name": "_slotObserver",
+              "type": {
+                "text": "MutationObserver | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_boundResize",
+              "type": {
+                "text": "() => void | undefined"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_rotation",
               "type": {
                 "text": "number"
               },
@@ -2911,7 +3595,7 @@
               "kind": "field",
               "name": "componentGroupList",
               "type": {
-                "text": "Group[]"
+                "text": "ComponentGroup[]"
               },
               "default": "[]",
               "attribute": "componentGroupList"
@@ -2982,7 +3666,7 @@
             {
               "name": "componentGroupList",
               "type": {
-                "text": "Group[]"
+                "text": "ComponentGroup[]"
               },
               "default": "[]",
               "fieldName": "componentGroupList"
@@ -4569,241 +5253,47 @@
             },
             {
               "kind": "method",
-              "name": "_onAfterValueChange",
-              "parameters": [
-                {
-                  "name": "key",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "any"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "property-change",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "inheritedFrom": {
-                "name": "AbstractProperty",
-                "module": "src/modeller/property-sidebar/abstract-property.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "Properties | undefined"
-              },
-              "fieldName": "value"
-            },
-            {
-              "name": "scene",
-              "type": {
-                "text": "Scene | undefined"
-              },
-              "fieldName": "scene"
-            }
-          ],
-          "superclass": {
-            "name": "AbstractProperty",
-            "module": "/src/modeller/property-sidebar/abstract-property"
-          },
-          "tagName": "property-data-binding",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "property-data-binding",
-          "declaration": {
-            "name": "PropertyDataBinding",
-            "module": "src/modeller/property-sidebar/data-binding/data-binding.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": "_extendedMap",
-              "type": {
-                "text": "any"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "sortableConfig",
-              "type": {
-                "text": "Sortable.Options"
-              },
-              "default": "{\n    group: 'inspector',\n    animation: 150,\n    draggable: '.component',\n    swapThreshold: 1,\n    onSort: this.onSort.bind(this)\n  }"
-            },
-            {
-              "kind": "method",
-              "name": "onSort",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Sortable.SortableEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_onclick",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_ondblclick",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "extendedMap"
-            },
-            {
-              "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"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "renderComponent",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
+              "name": "_onAfterValueChange",
               "parameters": [
                 {
-                  "name": "component",
+                  "name": "key",
                   "type": {
-                    "text": "Component"
+                    "text": "string"
                   }
                 },
                 {
-                  "name": "depth",
+                  "name": "value",
                   "type": {
-                    "text": "number"
+                    "text": "any"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "AbstractProperty",
+                "module": "src/modeller/property-sidebar/abstract-property.ts"
+              }
+            }
+          ],
+          "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"
+              },
+              "fieldName": "value"
+            },
             {
               "name": "scene",
               "type": {
@@ -4813,28 +5303,20 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "AbstractProperty",
+            "module": "/src/modeller/property-sidebar/abstract-property"
           },
-          "tagName": "scene-inspector",
+          "tagName": "property-data-binding",
           "customElement": true
         }
       ],
       "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "SceneInspector",
-            "module": "src/modeller/property-sidebar/inspector/inspector.ts"
-          }
-        },
         {
           "kind": "custom-element-definition",
-          "name": "scene-inspector",
+          "name": "property-data-binding",
           "declaration": {
-            "name": "SceneInspector",
-            "module": "src/modeller/property-sidebar/inspector/inspector.ts"
+            "name": "PropertyDataBinding",
+            "module": "src/modeller/property-sidebar/data-binding/data-binding.ts"
           }
         }
       ]
@@ -5558,6 +6040,208 @@
         }
       ]
     },
+    {
+      "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": "_extendedMap",
+              "type": {
+                "text": "any"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "sortableConfig",
+              "type": {
+                "text": "Sortable.Options"
+              },
+              "default": "{\n    group: 'inspector',\n    animation: 150,\n    draggable: '.component',\n    swapThreshold: 1,\n    onSort: this.onSort.bind(this)\n  }"
+            },
+            {
+              "kind": "method",
+              "name": "onSort",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Sortable.SortableEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onclick",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_ondblclick",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "field",
+              "name": "extendedMap"
+            },
+            {
+              "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"
+                  }
+                }
+              ]
+            },
+            {
+              "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"
+          },
+          "tagName": "scene-inspector",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SceneInspector",
+            "module": "src/modeller/property-sidebar/inspector/inspector.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "scene-inspector",
+          "declaration": {
+            "name": "SceneInspector",
+            "module": "src/modeller/property-sidebar/inspector/inspector.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/modeller/property-sidebar/shapes/box-padding-editor-styles.ts",