@operato/board 0.2.51 → 0.2.52

package/dist/src/graphql/group.js

@@ -0,0 +1,125 @@
+import { client } from '@operato/graphql';
+import gql from 'graphql-tag';
+export async function fetchGroup(id) {
+    const response = await client.query({
+        query: gql `
+      query FetchGroupById($id: String!) {
+        group(id: $id) {
+          id
+          name
+          description
+          createdAt
+          creator {
+            id
+            name
+          }
+          updatedAt
+          updater {
+            id
+            name
+          }
+        }
+      }
+    `,
+        variables: { id }
+    });
+    return response.data;
+}
+export async function updateGroup(group) {
+    var { id, name, description } = group;
+    const response = await client.mutate({
+        mutation: gql `
+      mutation UpdateGroup($id: String!, $patch: GroupPatch!) {
+        updateGroup(id: $id, patch: $patch) {
+          id
+          name
+          description
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+        variables: {
+            id,
+            patch: { name, description }
+        }
+    });
+    return response.data;
+}
+export async function deleteGroup(id) {
+    const response = await client.mutate({
+        mutation: gql `
+      mutation ($id: String!) {
+        deleteGroup(id: $id)
+      }
+    `,
+        variables: {
+            id
+        }
+    });
+    return response.data;
+}
+export async function fetchGroupList() {
+    const response = await client.query({
+        query: gql `
+      {
+        groups {
+          items {
+            id
+            name
+            description
+            createdAt
+            updatedAt
+          }
+          total
+        }
+      }
+    `
+    });
+    return response.data;
+}
+export async function createGroup(group) {
+    const response = await client.mutate({
+        mutation: gql `
+      mutation CreateGroup($group: NewGroup!) {
+        createGroup(group: $group) {
+          id
+          name
+          description
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+        variables: { group }
+    });
+    return response.data;
+}
+export async function joinGroup(boardId, groupId) {
+    const response = await client.mutate({
+        mutation: gql `
+      mutation JoinGroup($id: String!, $boardIds: [String!]!) {
+        joinGroup(id: $id, boardIds: $boardIds) {
+          id
+          name
+          description
+          boards {
+            id
+            name
+            description
+            createdAt
+            updatedAt
+          }
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+        variables: {
+            id: groupId,
+            boardIds: [boardId]
+        }
+    });
+    return response.data;
+}
+//# sourceMappingURL=group.js.map

package/dist/src/graphql/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/graphql/group.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,MAAM,CAAC,KAAK,UAAU,UAAU,CAAC,EAAU;IACzC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;KAkBT;QACD,SAAS,EAAE,EAAE,EAAE,EAAE;KAClB,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,KAAiB;IACjD,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAErC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;KAUZ;QACD,SAAS,EAAE;YACT,EAAE;YACF,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SAC7B;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,EAAU;IAC1C,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;KAIZ;QACD,SAAS,EAAE;YACT,EAAE;SACH;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc;IAClC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;KAaT;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,KAAiB;IACjD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;KAUZ;QACD,SAAS,EAAE,EAAE,KAAK,EAAE;KACrB,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,SAAS,CAAC,OAAe,EAAE,OAAe;IAC9D,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;KAiBZ;QACD,SAAS,EAAE;YACT,EAAE,EAAE,OAAO;YACX,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC","sourcesContent":["import { BoardGroup } from '../types'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\n\nexport async function fetchGroup(id: string) {\n  const response = await client.query({\n    query: gql`\n      query FetchGroupById($id: String!) {\n        group(id: $id) {\n          id\n          name\n          description\n          createdAt\n          creator {\n            id\n            name\n          }\n          updatedAt\n          updater {\n            id\n            name\n          }\n        }\n      }\n    `,\n    variables: { id }\n  })\n\n  return response.data\n}\n\nexport async function updateGroup(group: BoardGroup) {\n  var { id, name, description } = group\n\n  const response = await client.mutate({\n    mutation: gql`\n      mutation UpdateGroup($id: String!, $patch: GroupPatch!) {\n        updateGroup(id: $id, patch: $patch) {\n          id\n          name\n          description\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      id,\n      patch: { name, description }\n    }\n  })\n\n  return response.data\n}\n\nexport async function deleteGroup(id: string) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation ($id: String!) {\n        deleteGroup(id: $id)\n      }\n    `,\n    variables: {\n      id\n    }\n  })\n\n  return response.data\n}\n\nexport async function fetchGroupList() {\n  const response = await client.query({\n    query: gql`\n      {\n        groups {\n          items {\n            id\n            name\n            description\n            createdAt\n            updatedAt\n          }\n          total\n        }\n      }\n    `\n  })\n\n  return response.data\n}\n\nexport async function createGroup(group: BoardGroup) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation CreateGroup($group: NewGroup!) {\n        createGroup(group: $group) {\n          id\n          name\n          description\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: { group }\n  })\n\n  return response.data\n}\n\nexport async function joinGroup(boardId: string, groupId: string) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation JoinGroup($id: String!, $boardIds: [String!]!) {\n        joinGroup(id: $id, boardIds: $boardIds) {\n          id\n          name\n          description\n          boards {\n            id\n            name\n            description\n            createdAt\n            updatedAt\n          }\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      id: groupId,\n      boardIds: [boardId]\n    }\n  })\n\n  return response.data\n}\n"]}

package/dist/src/graphql/index.d.ts

@@ -0,0 +1,4 @@
+export * from './board';
+export * from './group';
+export * from './play-group';
+export * from './favorite-board';

package/dist/src/graphql/index.js

@@ -0,0 +1,5 @@
+export * from './board';
+export * from './group';
+export * from './play-group';
+export * from './favorite-board';
+//# sourceMappingURL=index.js.map

package/dist/src/graphql/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/graphql/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA","sourcesContent":["export * from './board'\nexport * from './group'\nexport * from './play-group'\nexport * from './favorite-board'\n"]}

package/dist/src/graphql/play-group.d.ts

@@ -0,0 +1,8 @@
+import { PlayGroup } from '../types';
+export declare function fetchPlayGroupList(): Promise<any>;
+export declare function fetchPlayGroup(groupId: string): Promise<any>;
+export declare function createPlayGroup(group: PlayGroup): Promise<any>;
+export declare function updatePlayGroup(group: PlayGroup): Promise<any>;
+export declare function deletePlayGroup(id: string): Promise<any>;
+export declare function joinPlayGroup(boardId: string, group: PlayGroup): Promise<any>;
+export declare function leavePlayGroup(boardId: string, groupId: string): Promise<any>;

package/dist/src/graphql/play-group.js

@@ -0,0 +1,173 @@
+import { client } from '@operato/graphql';
+import gql from 'graphql-tag';
+export async function fetchPlayGroupList() {
+    const response = await client.query({
+        query: gql `
+      {
+        playGroups {
+          items {
+            id
+            name
+            description
+          }
+          total
+        }
+      }
+    `
+    });
+    return response.data;
+}
+export async function fetchPlayGroup(groupId) {
+    const response = await client.query({
+        query: gql `
+      query FetchPlayGroup($id: String!) {
+        playGroup(id: $id) {
+          id
+          name
+          description
+          boards {
+            id
+            name
+            description
+            model
+            thumbnail
+            createdAt
+            creator {
+              id
+              name
+            }
+            updatedAt
+            updater {
+              id
+              name
+            }
+          }
+          createdAt
+          creator {
+            id
+            name
+          }
+          updatedAt
+          updater {
+            id
+            name
+          }
+        }
+      }
+    `,
+        variables: {
+            id: groupId
+        }
+    });
+    return response.data;
+}
+export async function createPlayGroup(group) {
+    var { name, description } = group;
+    const response = await client.mutate({
+        mutation: gql `
+      mutation CreatePlayGroup($playGroup: NewPlayGroup!) {
+        createPlayGroup(playGroup: $playGroup) {
+          id
+          name
+          description
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+        variables: {
+            playGroup: { name, description }
+        }
+    });
+    return response.data;
+}
+export async function updatePlayGroup(group) {
+    var { id, name, description } = group;
+    const response = await client.mutate({
+        mutation: gql `
+      mutation UpdatePlayGroup($id: String!, $patch: PlayGroupPatch!) {
+        updatePlayGroup(id: $id, patch: $patch) {
+          id
+          name
+          description
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+        variables: {
+            id,
+            patch: { name, description }
+        }
+    });
+    return response.data;
+}
+export async function deletePlayGroup(id) {
+    const response = await client.mutate({
+        mutation: gql `
+      mutation ($id: String!) {
+        deletePlayGroup(id: $id)
+      }
+    `,
+        variables: {
+            id
+        }
+    });
+    return response.data;
+}
+export async function joinPlayGroup(boardId, group) {
+    var { id, name, description } = group;
+    const response = await client.mutate({
+        mutation: gql `
+      mutation JoinPlayGroup($id: String!, $boardIds: [String!]!) {
+        joinPlayGroup(id: $id, boardIds: $boardIds) {
+          id
+          name
+          description
+          boards {
+            id
+            name
+            description
+            createdAt
+            updatedAt
+          }
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+        variables: {
+            id,
+            boardIds: [boardId]
+        }
+    });
+    return response.data;
+}
+export async function leavePlayGroup(boardId, groupId) {
+    const response = await client.mutate({
+        mutation: gql `
+      mutation ($id: String!, $boardIds: [String]!) {
+        leavePlayGroup(id: $id, boardIds: $boardIds) {
+          id
+          name
+          description
+          boards {
+            id
+            name
+            description
+            createdAt
+            updatedAt
+          }
+          createdAt
+          updatedAt
+        }
+      }
+    `,
+        variables: {
+            id: groupId,
+            boardIds: [boardId]
+        }
+    });
+    return response.data;
+}
+//# sourceMappingURL=play-group.js.map

package/dist/src/graphql/play-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"play-group.js","sourceRoot":"","sources":["../../../src/graphql/play-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,GAAG,MAAM,aAAa,CAAA;AAE7B,MAAM,CAAC,KAAK,UAAU,kBAAkB;IACtC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;KAWT;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,OAAe;IAClD,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;QAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmCT;QACD,SAAS,EAAE;YACT,EAAE,EAAE,OAAO;SACZ;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,KAAgB;IACpD,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAEjC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;KAUZ;QACD,SAAS,EAAE;YACT,SAAS,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SACjC;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,KAAgB;IACpD,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAErC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;KAUZ;QACD,SAAS,EAAE;YACT,EAAE;YACF,KAAK,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SAC7B;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,eAAe,CAAC,EAAU;IAC9C,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;KAIZ;QACD,SAAS,EAAE;YACT,EAAE;SACH;KACF,CAAC,CAAA;IACF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,aAAa,CAAC,OAAe,EAAE,KAAgB;IACnE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAErC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;KAiBZ;QACD,SAAS,EAAE;YACT,EAAE;YACF,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,OAAe,EAAE,OAAe;IACnE,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;QACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;KAiBZ;QACD,SAAS,EAAE;YACT,EAAE,EAAE,OAAO;YACX,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;KACF,CAAC,CAAA;IAEF,OAAO,QAAQ,CAAC,IAAI,CAAA;AACtB,CAAC","sourcesContent":["import { PlayGroup } from '../types'\nimport { client } from '@operato/graphql'\nimport gql from 'graphql-tag'\n\nexport async function fetchPlayGroupList() {\n  const response = await client.query({\n    query: gql`\n      {\n        playGroups {\n          items {\n            id\n            name\n            description\n          }\n          total\n        }\n      }\n    `\n  })\n\n  return response.data\n}\n\nexport async function fetchPlayGroup(groupId: string) {\n  const response = await client.query({\n    query: gql`\n      query FetchPlayGroup($id: String!) {\n        playGroup(id: $id) {\n          id\n          name\n          description\n          boards {\n            id\n            name\n            description\n            model\n            thumbnail\n            createdAt\n            creator {\n              id\n              name\n            }\n            updatedAt\n            updater {\n              id\n              name\n            }\n          }\n          createdAt\n          creator {\n            id\n            name\n          }\n          updatedAt\n          updater {\n            id\n            name\n          }\n        }\n      }\n    `,\n    variables: {\n      id: groupId\n    }\n  })\n\n  return response.data\n}\n\nexport async function createPlayGroup(group: PlayGroup) {\n  var { name, description } = group\n\n  const response = await client.mutate({\n    mutation: gql`\n      mutation CreatePlayGroup($playGroup: NewPlayGroup!) {\n        createPlayGroup(playGroup: $playGroup) {\n          id\n          name\n          description\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      playGroup: { name, description }\n    }\n  })\n\n  return response.data\n}\n\nexport async function updatePlayGroup(group: PlayGroup) {\n  var { id, name, description } = group\n\n  const response = await client.mutate({\n    mutation: gql`\n      mutation UpdatePlayGroup($id: String!, $patch: PlayGroupPatch!) {\n        updatePlayGroup(id: $id, patch: $patch) {\n          id\n          name\n          description\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      id,\n      patch: { name, description }\n    }\n  })\n\n  return response.data\n}\n\nexport async function deletePlayGroup(id: string) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation ($id: String!) {\n        deletePlayGroup(id: $id)\n      }\n    `,\n    variables: {\n      id\n    }\n  })\n  return response.data\n}\n\nexport async function joinPlayGroup(boardId: string, group: PlayGroup) {\n  var { id, name, description } = group\n\n  const response = await client.mutate({\n    mutation: gql`\n      mutation JoinPlayGroup($id: String!, $boardIds: [String!]!) {\n        joinPlayGroup(id: $id, boardIds: $boardIds) {\n          id\n          name\n          description\n          boards {\n            id\n            name\n            description\n            createdAt\n            updatedAt\n          }\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      id,\n      boardIds: [boardId]\n    }\n  })\n\n  return response.data\n}\n\nexport async function leavePlayGroup(boardId: string, groupId: string) {\n  const response = await client.mutate({\n    mutation: gql`\n      mutation ($id: String!, $boardIds: [String]!) {\n        leavePlayGroup(id: $id, boardIds: $boardIds) {\n          id\n          name\n          description\n          boards {\n            id\n            name\n            description\n            createdAt\n            updatedAt\n          }\n          createdAt\n          updatedAt\n        }\n      }\n    `,\n    variables: {\n      id: groupId,\n      boardIds: [boardId]\n    }\n  })\n\n  return response.data\n}\n"]}

package/dist/src/modeller/component-toolbar/component-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"component-toolbar.js","sourceRoot":"","sources":["../../../../src/modeller/component-toolbar/component-toolbar.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAEH,OAAO,kBAAkB,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAkB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAS,MAAM,wBAAwB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAK5E,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAwC6B,uBAAkB,GAAY,EAAE,CAAA;QAG/B,SAAI,GAAe,UAAU,CAAC,IAAI,CAAA;QAKtD,UAAK,GAA+B,EAAE,CAAA;IAmEhD,CAAC;IAjEC,OAAO,CAAC,OAA6B;QACnC,IAAI,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,EAAE;YACrC,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAA;YAE9E,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,kBAAkB,IAAI,EAAE,CAAC;iBACzC,MAAM,CAAC,KAAK,CAAC,EAAE,WAAC,OAAA,CAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,MAAM,IAAG,CAAC,CAAA,EAAA,CAAC;iBAC5C,MAAM,CAAC,CAAC,GAAG,EAAE,KAAY,EAAE,EAAE;gBAC5B,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC;oBACb,0CAA0C,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,EAAE,KAAK,CAAC,CAAC,CAAA;gBAClG,OAAO,GAAG,CAAA;YACZ,CAAC,EAAE,EAAgC,CAAC,CAAA;SACvC;QAED,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;YACxB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBAC1B,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC,KAAK;oBAC7C,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC;oBAClC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAA;YACrC,CAAC,CAAC,CAAA;YAEF,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;SACxF;IACH,CAAC;IAED,MAAM;QACJ,MAAM,aAAa,GAAG,IAAI,CAAC,kBAAkB,IAAI,EAAE,CAAA;QAEnD,OAAO,IAAI,CAAA;QACP,aAAa;aACZ,MAAM,CAAC,KAAK,CAAC,EAAE,WAAC,OAAA,CAAA,MAAA,KAAK,CAAC,SAAS,0CAAE,MAAM,IAAG,CAAC,CAAA,EAAA,CAAC;aAC5C,GAAG,CACF,KAAK,CAAC,EAAE,CAAC,IAAI,CAAA;;2BAEI,KAAK,CAAC,IAAI;uBACd,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;qBAC1C,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;;WAEhC,CACF;;;;oBAIW,GAAG,EAAE;YACf,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;QACnB,CAAC;iBACQ,IAAI,CAAC,KAAK;iBACV,IAAI,CAAC,KAAK;kBACT,aAAa;;;;KAI1B,CAAA;IACH,CAAC;IAED,KAAK,CAAC,aAAa,CAAC,CAAa;;QAC/B,IAAI,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAA;QAEpC,IAAI,CAAC,KAAK,GAAG,MAAA,MAAO,CAAC,OAAO,CAAC,cAAc,CAAC,0CAAE,YAAY,CAAC,YAAY,CAAC,CAAA;QAExE,IAAI,CAAC,IAAI,CAAC,KAAK;YAAE,OAAM;QAEvB,MAAM,IAAI,CAAC,cAAc,CAAA;QAEzB,MAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,EAAE,CAAA;IACpB,CAAC;CACF,CAAA;AAlHQ,uBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmCF;CACF,CAAA;AAE0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;4DAAiC;AAC/B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAsB;AACrB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;+CAAc;AACb;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAAmC;AAErC;IAAxB,KAAK,CAAC,gBAAgB,CAAC;8CAA2B;AACzB;IAAzB,QAAQ,CAAC,cAAc,CAAC;gDAAyC;AA9C9D,gBAAgB;IADrB,aAAa,CAAC,mBAAmB,CAAC;GAC7B,gBAAgB,CAmHrB","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport './component-menu'\n\nimport { LitElement, PropertyValues, css, html } from 'lit'\nimport { SCENE_MODE, Scene } from '@hatiolab/things-scene'\nimport { customElement, property, query, queryAll } from 'lit/decorators.js'\n\nimport { Group } from '../../types'\n\n@customElement('component-toolbar')\nclass ComponentToolbar extends LitElement {\n  static styles = [\n    css`\n      :host {\n        left: 0;\n        display: block;\n        position: relative;\n\n        width: var(--component-toolbar-icon-size);\n        background-color: var(--component-toolbar-background-color);\n      }\n\n      img {\n        display: flex;\n        flex-direction: row;\n\n        width: var(--component-toolbar-icon-size);\n        height: var(--component-toolbar-icon-size);\n        min-width: 50%;\n\n        border-bottom: var(--component-toolbar-border);\n        margin: 0;\n        padding: 6px;\n        box-sizing: border-box;\n      }\n\n      component-menu {\n        position: absolute;\n        top: 0;\n        left: var(--component-toolbar-icon-size);\n        height: 100%;\n        outline: none;\n      }\n\n      component-menu[hidden] {\n        display: none;\n      }\n    `\n  ]\n\n  @property({ type: Array }) componentGroupList: Group[] = []\n  @property({ type: String }) group?: string | null\n  @property({ type: Object }) scene!: Scene\n  @property({ type: Number }) mode: SCENE_MODE = SCENE_MODE.VIEW\n\n  @query('component-menu') private menu!: HTMLElement\n  @queryAll('[data-group]') private groups!: NodeListOf<HTMLElement>\n\n  private icons: { [name: string]: string } = {}\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('componentGroupList')) {\n      const color = getComputedStyle(this, null).getPropertyValue('--primary-color')\n\n      this.icons = (this.componentGroupList || [])\n        .filter(group => group.templates?.length > 0)\n        .reduce((sum, group: Group) => {\n          sum[group.name] =\n            'data:image/svg+xml;charset=UTF-8;base64,' + btoa(group.icon.replace(/{{strokeColor}}/g, color))\n          return sum\n        }, {} as { [name: string]: string })\n    }\n\n    if (changes.has('group')) {\n      this.groups.forEach(group => {\n        group.getAttribute('data-group') === this.group\n          ? group.setAttribute('active', '')\n          : group.removeAttribute('active')\n      })\n\n      this.group ? this.menu.removeAttribute('hidden') : this.menu.setAttribute('hidden', '')\n    }\n  }\n\n  render() {\n    const componentList = this.componentGroupList || []\n\n    return html`\n      ${componentList\n        .filter(group => group.templates?.length > 0)\n        .map(\n          group => html`\n            <img\n              data-group=${group.name}\n              @click=${(e: MouseEvent) => this._onClickGroup(e)}\n              .src=${this.icons[group.name]}\n            />\n          `\n        )}\n\n      <component-menu\n        tabindex=\"-1\"\n        @focusout=${() => {\n          this.group = null\n        }}\n        .scene=${this.scene}\n        .group=${this.group}\n        .groups=${componentList}\n        hidden\n      >\n      </component-menu>\n    `\n  }\n\n  async _onClickGroup(e: MouseEvent) {\n    var button = e.target as HTMLElement\n\n    this.group = button!.closest('[data-group]')?.getAttribute('data-group')\n\n    if (!this.group) return\n\n    await this.updateComplete\n\n    this.menu?.focus()\n  }\n}\n"]}
+{"version":3,"file":"component-toolbar.js","sourceRoot":"","sources":["../../../../src/modeller/component-toolbar/component-toolbar.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport './component-menu'\n\nimport { LitElement, PropertyValues, css, html } from 'lit'\nimport { SCENE_MODE, Scene } from '@hatiolab/things-scene'\nimport { customElement, property, query, queryAll } from 'lit/decorators.js'\n\nimport { ComponentGroup } from '../../types'\n\n@customElement('component-toolbar')\nclass ComponentToolbar extends LitElement {\n  static styles = [\n    css`\n      :host {\n        left: 0;\n        display: block;\n        position: relative;\n\n        width: var(--component-toolbar-icon-size);\n        background-color: var(--component-toolbar-background-color);\n      }\n\n      img {\n        display: flex;\n        flex-direction: row;\n\n        width: var(--component-toolbar-icon-size);\n        height: var(--component-toolbar-icon-size);\n        min-width: 50%;\n\n        border-bottom: var(--component-toolbar-border);\n        margin: 0;\n        padding: 6px;\n        box-sizing: border-box;\n      }\n\n      component-menu {\n        position: absolute;\n        top: 0;\n        left: var(--component-toolbar-icon-size);\n        height: 100%;\n        outline: none;\n      }\n\n      component-menu[hidden] {\n        display: none;\n      }\n    `\n  ]\n\n  @property({ type: Array }) componentGroupList: ComponentGroup[] = []\n  @property({ type: String }) group?: string | null\n  @property({ type: Object }) scene!: Scene\n  @property({ type: Number }) mode: SCENE_MODE = SCENE_MODE.VIEW\n\n  @query('component-menu') private menu!: HTMLElement\n  @queryAll('[data-group]') private groups!: NodeListOf<HTMLElement>\n\n  private icons: { [name: string]: string } = {}\n\n  updated(changes: PropertyValues<this>) {\n    if (changes.has('componentGroupList')) {\n      const color = getComputedStyle(this, null).getPropertyValue('--primary-color')\n\n      this.icons = (this.componentGroupList || [])\n        .filter(group => group.templates?.length > 0)\n        .reduce((sum, group: ComponentGroup) => {\n          sum[group.name] =\n            'data:image/svg+xml;charset=UTF-8;base64,' + btoa(group.icon.replace(/{{strokeColor}}/g, color))\n          return sum\n        }, {} as { [name: string]: string })\n    }\n\n    if (changes.has('group')) {\n      this.groups.forEach(group => {\n        group.getAttribute('data-group') === this.group\n          ? group.setAttribute('active', '')\n          : group.removeAttribute('active')\n      })\n\n      this.group ? this.menu.removeAttribute('hidden') : this.menu.setAttribute('hidden', '')\n    }\n  }\n\n  render() {\n    const componentList = this.componentGroupList || []\n\n    return html`\n      ${componentList\n        .filter(group => group.templates?.length > 0)\n        .map(\n          group => html`\n            <img\n              data-group=${group.name}\n              @click=${(e: MouseEvent) => this._onClickGroup(e)}\n              .src=${this.icons[group.name]}\n            />\n          `\n        )}\n\n      <component-menu\n        tabindex=\"-1\"\n        @focusout=${() => {\n          this.group = null\n        }}\n        .scene=${this.scene}\n        .group=${this.group}\n        .groups=${componentList}\n        hidden\n      >\n      </component-menu>\n    `\n  }\n\n  async _onClickGroup(e: MouseEvent) {\n    var button = e.target as HTMLElement\n\n    this.group = button!.closest('[data-group]')?.getAttribute('data-group')\n\n    if (!this.group) return\n\n    await this.updateComplete\n\n    this.menu?.focus()\n  }\n}\n"]}

package/dist/src/ox-board-list.d.ts

@@ -0,0 +1,2 @@
+import '@operato/popup';
+import '@operato/data-grist';