@things-factory/board-ui 7.0.1-alpha.9 → 7.0.1-alpha.90

package/dist-client/board-list/group-bar-styles.d.ts

@@ -0,0 +1 @@
+export declare const GroupBarStyles: import("lit").CSSResult;

package/dist-client/board-list/group-bar-styles.js

@@ -0,0 +1,61 @@
+import { css } from 'lit';
+export const GroupBarStyles = css `
+  :host {
+    background-color: var(--group-bar-background-color);
+
+    overflow-x: hidden;
+  }
+
+  ul {
+    display: flex;
+    flex-direction: row;
+    box-sizing: border-box;
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    white-space: nowrap;
+  }
+
+  li {
+    display: inline-block;
+
+    box-sizing: border-box;
+    border-bottom: var(--group-bar-line);
+    align-self: auto;
+    min-height: 43px;
+    padding: 4px 8px;
+
+    * {
+      vertical-align: text-top;
+    }
+
+    a {
+      display: block;
+      text-decoration: none;
+      font: var(--group-bar-textbutton);
+      color: rgba(255, 255, 255, 0.8);
+    }
+
+    a md-icon {
+      font-variation-settings: 'FILL' 1;
+    }
+
+    &[active] {
+      border-color: var(--group-bar-active-line-color);
+
+      a {
+        font: var(--group-bar-textbutton-active);
+        color: rgba(255, 255, 255, 1);
+      }
+    }
+
+    &[padding] {
+      flex: 1;
+    }
+
+    &[add] * {
+      color: rgba(255, 255, 255, 0.5);
+    }
+  }
+`;
+//# sourceMappingURL=group-bar-styles.js.map

package/dist-client/board-list/group-bar-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group-bar-styles.js","sourceRoot":"","sources":["../../client/board-list/group-bar-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DhC,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const GroupBarStyles = css`\n  :host {\n    background-color: var(--group-bar-background-color);\n\n    overflow-x: hidden;\n  }\n\n  ul {\n    display: flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    white-space: nowrap;\n  }\n\n  li {\n    display: inline-block;\n\n    box-sizing: border-box;\n    border-bottom: var(--group-bar-line);\n    align-self: auto;\n    min-height: 43px;\n    padding: 4px 8px;\n\n    * {\n      vertical-align: text-top;\n    }\n\n    a {\n      display: block;\n      text-decoration: none;\n      font: var(--group-bar-textbutton);\n      color: rgba(255, 255, 255, 0.8);\n    }\n\n    a md-icon {\n      font-variation-settings: 'FILL' 1;\n    }\n\n    &[active] {\n      border-color: var(--group-bar-active-line-color);\n\n      a {\n        font: var(--group-bar-textbutton-active);\n        color: rgba(255, 255, 255, 1);\n      }\n    }\n\n    &[padding] {\n      flex: 1;\n    }\n\n    &[add] * {\n      color: rgba(255, 255, 255, 0.5);\n    }\n  }\n`\n"]}

package/dist-client/board-list/group-bar.d.ts

@@ -1,4 +1,4 @@
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import { LitElement } from 'lit';
 export default class GroupBar extends LitElement {
     static styles: import("lit").CSSResult[];

package/dist-client/board-list/group-bar.js

@@ -1,24 +1,25 @@
 import { __decorate, __metadata } from "tslib";
-import '@material/mwc-icon';
-import { css, html, LitElement } from 'lit';
+import '@material/web/icon/icon.js';
+import { html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import ScrollBooster from 'scrollbooster';
+import { longpressable } from '@operato/utils';
 import { privileged } from '@things-factory/auth-base/dist-client';
-import { longpressable } from '@things-factory/utils';
+import { GroupBarStyles } from './group-bar-styles';
 let GroupBar = class GroupBar extends LitElement {
     render() {
         return html `
       <ul>
         <li ?active=${!this.groupId}>
-          <a href=${this.targetPage || ''}><mwc-icon>dashboard</mwc-icon></a>
+          <a href=${this.targetPage || ''}><md-icon>dashboard</md-icon></a>
         </li>
 
         <li ?active=${this.groupId === 'favor'}>
-          <a href="${this.targetPage}/favor"><mwc-icon>star</mwc-icon></a>
+          <a href="${this.targetPage}/favor"><md-icon>star</md-icon></a>
         </li>
 
         ${privileged({ privilege: 'mutation', category: 'board' }, html `<li ?active=${this.groupId === 'mywork'}>
-            <a href="${this.targetPage}/mywork"><mwc-icon>engineering</mwc-icon></a>
+            <a href="${this.targetPage}/mywork"><md-icon>engineering</md-icon></a>
           </li>`)}
         ${(this.groups || []).map(group => html `
             <li ?active=${this.groupId === group.id} @long-press=${e => this.infoGroup(group.id)}>
@@ -29,7 +30,7 @@ let GroupBar = class GroupBar extends LitElement {
         <li padding></li>
 
         <li add>
-          <mwc-icon @click=${e => this.infoGroup()}>add</mwc-icon>
+          <md-icon @click=${e => this.infoGroup()}>add</md-icon>
         </li>
       </ul>
     `;
@@ -69,63 +70,7 @@ let GroupBar = class GroupBar extends LitElement {
         });
     }
 };
-GroupBar.styles = [
-    css `
-      :host {
-        background-color: var(--group-bar-background-color);
-
-        overflow-x: hidden;
-      }
-
-      ul {
-        display: flex;
-        list-style: none;
-        margin: 0;
-        padding: 0;
-        white-space: nowrap;
-      }
-
-      li {
-        display: inline-block;
-        padding: 0px 3px;
-
-        border-bottom: var(--group-bar-line);
-      }
-
-      li[active] {
-        border-color: var(--group-bar-active-line-color);
-      }
-
-      li a {
-        display: block;
-        padding: 5px 4px 1px 4px;
-        text-decoration: none;
-        font: var(--group-bar-textbutton);
-        color: rgba(255, 255, 255, 0.8);
-      }
-
-      li[active] a {
-        font: var(--group-bar-textbutton-active);
-        color: rgba(255, 255, 255, 1);
-      }
-
-      li[padding] {
-        flex: 1;
-      }
-
-      li[add] {
-        padding: 5px 4px 1px 4px;
-      }
-
-      li[add] * {
-        color: rgba(255, 255, 255, 0.5);
-      }
-
-      mwc-icon {
-        vertical-align: middle;
-      }
-    `
-];
+GroupBar.styles = [GroupBarStyles];
 __decorate([
     property({ type: Array }),
     __metadata("design:type", Array)

package/dist-client/board-list/group-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-bar.js","sourceRoot":"","sources":["../../client/board-list/group-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\n\nimport { css, html, nothing, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport ScrollBooster from 'scrollbooster'\n\nimport { privileged } from '@things-factory/auth-base/dist-client'\nimport { longpressable } from '@things-factory/utils'\n\n@customElement('group-bar')\nexport default class GroupBar extends LitElement {\n  static styles = [\n    css`\n      :host {\n        background-color: var(--group-bar-background-color);\n\n        overflow-x: hidden;\n      }\n\n      ul {\n        display: flex;\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        white-space: nowrap;\n      }\n\n      li {\n        display: inline-block;\n        padding: 0px 3px;\n\n        border-bottom: var(--group-bar-line);\n      }\n\n      li[active] {\n        border-color: var(--group-bar-active-line-color);\n      }\n\n      li a {\n        display: block;\n        padding: 5px 4px 1px 4px;\n        text-decoration: none;\n        font: var(--group-bar-textbutton);\n        color: rgba(255, 255, 255, 0.8);\n      }\n\n      li[active] a {\n        font: var(--group-bar-textbutton-active);\n        color: rgba(255, 255, 255, 1);\n      }\n\n      li[padding] {\n        flex: 1;\n      }\n\n      li[add] {\n        padding: 5px 4px 1px 4px;\n      }\n\n      li[add] * {\n        color: rgba(255, 255, 255, 0.5);\n      }\n\n      mwc-icon {\n        vertical-align: middle;\n      }\n    `\n  ]\n\n  @property({ type: Array }) groups?: any[]\n  @property({ type: String }) groupId?: string\n  @property({ type: String }) targetPage?: string\n\n  private __sb?: ScrollBooster\n\n  render() {\n    return html`\n      <ul>\n        <li ?active=${!this.groupId}>\n          <a href=${this.targetPage || ''}><mwc-icon>dashboard</mwc-icon></a>\n        </li>\n\n        <li ?active=${this.groupId === 'favor'}>\n          <a href=\"${this.targetPage}/favor\"><mwc-icon>star</mwc-icon></a>\n        </li>\n\n        ${privileged(\n          { privilege: 'mutation', category: 'board' },\n          html`<li ?active=${this.groupId === 'mywork'}>\n            <a href=\"${this.targetPage}/mywork\"><mwc-icon>engineering</mwc-icon></a>\n          </li>`\n        )}\n        ${(this.groups || []).map(\n          group => html`\n            <li ?active=${this.groupId === group.id} @long-press=${e => this.infoGroup(group.id)}>\n              <a href=${`${this.targetPage}/${group.id}`}>${group.name}</a>\n            </li>\n          `\n        )}\n\n        <li padding></li>\n\n        <li add>\n          <mwc-icon @click=${e => this.infoGroup()}>add</mwc-icon>\n        </li>\n      </ul>\n    `\n  }\n\n  infoGroup(groupId?: string) {\n    this.dispatchEvent(\n      new CustomEvent('info-group', {\n        detail: groupId\n      })\n    )\n  }\n\n  onWheelEvent(e) {\n    var delta = Math.max(-1, Math.min(1, e.wheelDelta || -e.detail))\n    this.scrollLeft -= delta * 40\n\n    e.preventDefault()\n  }\n\n  updated(change) {\n    if (change.has('groups')) {\n      /* groups가 바뀔 때마다, contents의 폭이 달라지므로, 다시 폭을 계산해준다. */\n      this.__sb && this.__sb.updateMetrics()\n    }\n\n    if (change.has('groupId')) {\n      var active = this.renderRoot.querySelector('li[active]')\n      active && active.scrollIntoView()\n    }\n  }\n\n  firstUpdated() {\n    var scrollTarget = this.renderRoot.querySelector('ul')\n\n    /* long-press */\n    longpressable(scrollTarget)\n\n    scrollTarget!.addEventListener('mousewheel', this.onWheelEvent.bind(this), false)\n\n    this.__sb = new ScrollBooster({\n      viewport: this,\n      content: scrollTarget,\n      mode: 'x',\n      onUpdate: data => {\n        this.scrollLeft = data.position.x\n      }\n    })\n  }\n}\n"]}
+{"version":3,"file":"group-bar.js","sourceRoot":"","sources":["../../client/board-list/group-bar.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,aAAa,MAAM,eAAe,CAAA;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAA;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAGpC,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAS9C,MAAM;QACJ,OAAO,IAAI,CAAA;;sBAEO,CAAC,IAAI,CAAC,OAAO;oBACf,IAAI,CAAC,UAAU,IAAI,EAAE;;;sBAGnB,IAAI,CAAC,OAAO,KAAK,OAAO;qBACzB,IAAI,CAAC,UAAU;;;UAG1B,UAAU,CACV,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5C,IAAI,CAAA,eAAe,IAAI,CAAC,OAAO,KAAK,QAAQ;uBAC/B,IAAI,CAAC,UAAU;gBACtB,CACP;UACC,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,GAAG,CACvB,KAAK,CAAC,EAAE,CAAC,IAAI,CAAA;0BACG,IAAI,CAAC,OAAO,KAAK,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;wBACxE,GAAG,IAAI,CAAC,UAAU,IAAI,KAAK,CAAC,EAAE,EAAE,IAAI,KAAK,CAAC,IAAI;;WAE3D,CACF;;;;;4BAKmB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE;;;KAG5C,CAAA;IACH,CAAC;IAED,SAAS,CAAC,OAAgB;QACxB,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,YAAY,EAAE;YAC5B,MAAM,EAAE,OAAO;SAChB,CAAC,CACH,CAAA;IACH,CAAC;IAED,YAAY,CAAC,CAAC;QACZ,IAAI,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,UAAU,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;QAChE,IAAI,CAAC,UAAU,IAAI,KAAK,GAAG,EAAE,CAAA;QAE7B,CAAC,CAAC,cAAc,EAAE,CAAA;IACpB,CAAC;IAED,OAAO,CAAC,MAAM;QACZ,IAAI,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YACxB,sDAAsD;YACtD,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAA;SACvC;QAED,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;YACzB,IAAI,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,CAAA;YACxD,MAAM,IAAI,MAAM,CAAC,cAAc,EAAE,CAAA;SAClC;IACH,CAAC;IAED,YAAY;QACV,IAAI,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,CAAC,CAAA;QAEtD,gBAAgB;QAChB,aAAa,CAAC,YAAa,CAAC,CAAA;QAE5B,YAAa,CAAC,gBAAgB,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAA;QAEjF,IAAI,CAAC,IAAI,GAAG,IAAI,aAAa,CAAC;YAC5B,QAAQ,EAAE,IAAI;YACd,OAAO,EAAE,YAAY;YACrB,IAAI,EAAE,GAAG;YACT,QAAQ,EAAE,IAAI,CAAC,EAAE;gBACf,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAA;YACnC,CAAC;SACF,CAAC,CAAA;IACJ,CAAC;;AArFM,eAAM,GAAG,CAAC,cAAc,CAAC,CAAA;AAEhC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;wCAAe;AACzC;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;yCAAiB;AAC5C;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4CAAoB;AAL5B,QAAQ;IAD5B,aAAa,CAAC,WAAW,CAAC;GACN,QAAQ,CAuF5B;eAvFoB,QAAQ","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport ScrollBooster from 'scrollbooster'\n\nimport { longpressable } from '@operato/utils'\nimport { privileged } from '@things-factory/auth-base/dist-client'\nimport { GroupBarStyles } from './group-bar-styles'\n\n@customElement('group-bar')\nexport default class GroupBar extends LitElement {\n  static styles = [GroupBarStyles]\n\n  @property({ type: Array }) groups?: any[]\n  @property({ type: String }) groupId?: string\n  @property({ type: String }) targetPage?: string\n\n  private __sb?: ScrollBooster\n\n  render() {\n    return html`\n      <ul>\n        <li ?active=${!this.groupId}>\n          <a href=${this.targetPage || ''}><md-icon>dashboard</md-icon></a>\n        </li>\n\n        <li ?active=${this.groupId === 'favor'}>\n          <a href=\"${this.targetPage}/favor\"><md-icon>star</md-icon></a>\n        </li>\n\n        ${privileged(\n          { privilege: 'mutation', category: 'board' },\n          html`<li ?active=${this.groupId === 'mywork'}>\n            <a href=\"${this.targetPage}/mywork\"><md-icon>engineering</md-icon></a>\n          </li>`\n        )}\n        ${(this.groups || []).map(\n          group => html`\n            <li ?active=${this.groupId === group.id} @long-press=${e => this.infoGroup(group.id)}>\n              <a href=${`${this.targetPage}/${group.id}`}>${group.name}</a>\n            </li>\n          `\n        )}\n\n        <li padding></li>\n\n        <li add>\n          <md-icon @click=${e => this.infoGroup()}>add</md-icon>\n        </li>\n      </ul>\n    `\n  }\n\n  infoGroup(groupId?: string) {\n    this.dispatchEvent(\n      new CustomEvent('info-group', {\n        detail: groupId\n      })\n    )\n  }\n\n  onWheelEvent(e) {\n    var delta = Math.max(-1, Math.min(1, e.wheelDelta || -e.detail))\n    this.scrollLeft -= delta * 40\n\n    e.preventDefault()\n  }\n\n  updated(change) {\n    if (change.has('groups')) {\n      /* groups가 바뀔 때마다, contents의 폭이 달라지므로, 다시 폭을 계산해준다. */\n      this.__sb && this.__sb.updateMetrics()\n    }\n\n    if (change.has('groupId')) {\n      var active = this.renderRoot.querySelector('li[active]')\n      active && active.scrollIntoView()\n    }\n  }\n\n  firstUpdated() {\n    var scrollTarget = this.renderRoot.querySelector('ul')\n\n    /* long-press */\n    longpressable(scrollTarget!)\n\n    scrollTarget!.addEventListener('mousewheel', this.onWheelEvent.bind(this), false)\n\n    this.__sb = new ScrollBooster({\n      viewport: this,\n      content: scrollTarget,\n      mode: 'x',\n      onUpdate: data => {\n        this.scrollLeft = data.position.x\n      }\n    })\n  }\n}\n"]}

package/dist-client/board-list/play-group-bar.d.ts

@@ -1,4 +1,4 @@
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import { LitElement } from 'lit';
 export default class PlayGroupBar extends LitElement {
     static styles: import("lit").CSSResult[];

package/dist-client/board-list/play-group-bar.js

@@ -1,9 +1,10 @@
 import { __decorate, __metadata } from "tslib";
-import '@material/mwc-icon';
-import { css, html, LitElement } from 'lit';
+import '@material/web/icon/icon.js';
+import { html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import ScrollBooster from 'scrollbooster';
-import { longpressable } from '@things-factory/utils';
+import { longpressable } from '@operato/utils';
+import { GroupBarStyles } from './group-bar-styles';
 let PlayGroupBar = class PlayGroupBar extends LitElement {
     constructor() {
         super(...arguments);
@@ -20,10 +21,10 @@ let PlayGroupBar = class PlayGroupBar extends LitElement {
             </li>
           `)}
 
-        <li padding></li>
+        <li padding>&nbsp;</li>
 
         <li add>
-          <mwc-icon @click=${e => this._infoGroup()}>add</mwc-icon>
+          <md-icon @click=${e => this._infoGroup()}>add</md-icon>
         </li>
       </ul>
     `;
@@ -66,63 +67,7 @@ let PlayGroupBar = class PlayGroupBar extends LitElement {
         });
     }
 };
-PlayGroupBar.styles = [
-    css `
-      :host {
-        background-color: var(--group-bar-background-color);
-
-        overflow-x: hidden;
-      }
-
-      ul {
-        display: flex;
-        list-style: none;
-        margin: 0;
-        padding: 0;
-        white-space: nowrap;
-      }
-
-      li {
-        display: inline-block;
-        padding: 0px 3px;
-
-        border-bottom: var(--group-bar-line);
-      }
-
-      li[active] {
-        border-color: var(--group-bar-active-line-color);
-      }
-
-      li a {
-        display: block;
-        padding: 5px 4px 1px 4px;
-        text-decoration: none;
-        font: var(--group-bar-textbutton);
-        color: rgba(255, 255, 255, 0.8);
-      }
-
-      li[active] a {
-        font: var(--group-bar-textbutton-active);
-        color: rgba(255, 255, 255, 1);
-      }
-
-      li[padding] {
-        flex: 1;
-      }
-
-      li[add] {
-        padding: 5px 4px 1px 4px;
-      }
-
-      li[add] * {
-        color: rgba(255, 255, 255, 0.5);
-      }
-
-      mwc-icon {
-        vertical-align: middle;
-      }
-    `
-];
+PlayGroupBar.styles = [GroupBarStyles];
 __decorate([
     property({ type: Array }),
     __metadata("design:type", Array)

package/dist-client/board-list/play-group-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"play-group-bar.js","sourceRoot":"","sources":["../../client/board-list/play-group-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport ScrollBooster from 'scrollbooster'\n\nimport { longpressable } from '@things-factory/utils'\n\n@customElement('play-group-bar')\nexport default class PlayGroupBar extends LitElement {\n  static styles = [\n    css`\n      :host {\n        background-color: var(--group-bar-background-color);\n\n        overflow-x: hidden;\n      }\n\n      ul {\n        display: flex;\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        white-space: nowrap;\n      }\n\n      li {\n        display: inline-block;\n        padding: 0px 3px;\n\n        border-bottom: var(--group-bar-line);\n      }\n\n      li[active] {\n        border-color: var(--group-bar-active-line-color);\n      }\n\n      li a {\n        display: block;\n        padding: 5px 4px 1px 4px;\n        text-decoration: none;\n        font: var(--group-bar-textbutton);\n        color: rgba(255, 255, 255, 0.8);\n      }\n\n      li[active] a {\n        font: var(--group-bar-textbutton-active);\n        color: rgba(255, 255, 255, 1);\n      }\n\n      li[padding] {\n        flex: 1;\n      }\n\n      li[add] {\n        padding: 5px 4px 1px 4px;\n      }\n\n      li[add] * {\n        color: rgba(255, 255, 255, 0.5);\n      }\n\n      mwc-icon {\n        vertical-align: middle;\n      }\n    `\n  ]\n\n  @property({ type: Array }) groups: { id: string; name: string }[] = []\n  @property({ type: String }) groupId: string = ''\n  @property({ type: String, attribute: 'target-page' }) targetPage: string = ''\n\n  private __sb?: ScrollBooster\n\n  render() {\n    return html`\n      <ul>\n        ${(this.groups || []).map(\n          group => html`\n            <li ?active=${this.groupId === group.id} @long-press=${e => this._infoGroup(group)}>\n              <a href=${`${this.targetPage}/${group.id}`}>${group.name}</a>\n            </li>\n          `\n        )}\n\n        <li padding></li>\n\n        <li add>\n          <mwc-icon @click=${e => this._infoGroup()}>add</mwc-icon>\n        </li>\n      </ul>\n    `\n  }\n\n  _infoGroup(group?: { id: string; name: string }) {\n    this.dispatchEvent(\n      new CustomEvent('info-play-group', {\n        detail: group\n      })\n    )\n  }\n\n  _onWheelEvent(e) {\n    var delta = Math.max(-1, Math.min(1, e.wheelDelta || -e.detail))\n    this.scrollLeft -= delta * 40\n\n    e.preventDefault()\n  }\n\n  _onClickAdd(e) {\n    // TODO Implements\n  }\n\n  updated(change) {\n    if (change.has('groups')) {\n      /* groups가 바뀔 때마다, contents의 폭이 달라지므로, 다시 폭을 계산해준다. */\n      this.__sb && this.__sb.updateMetrics()\n    }\n\n    if (change.has('groupId')) {\n      var active = this.renderRoot.querySelector('li[active]')\n      active && active.scrollIntoView()\n    }\n  }\n\n  firstUpdated() {\n    var scrollTarget = this.renderRoot.querySelector('ul')\n\n    /* long-press */\n    longpressable(scrollTarget)\n\n    scrollTarget!.addEventListener('mousewheel', this._onWheelEvent.bind(this), false)\n\n    this.__sb = new ScrollBooster({\n      viewport: this,\n      content: scrollTarget,\n      mode: 'x',\n      onUpdate: data => {\n        this.scrollLeft = data.position.x\n      }\n    })\n  }\n}\n"]}
+{"version":3,"file":"play-group-bar.js","sourceRoot":"","sources":["../../client/board-list/play-group-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport ScrollBooster from 'scrollbooster'\n\nimport { longpressable } from '@operato/utils'\nimport { GroupBarStyles } from './group-bar-styles'\n\n@customElement('play-group-bar')\nexport default class PlayGroupBar extends LitElement {\n  static styles = [GroupBarStyles]\n\n  @property({ type: Array }) groups: { id: string; name: string }[] = []\n  @property({ type: String }) groupId: string = ''\n  @property({ type: String, attribute: 'target-page' }) targetPage: string = ''\n\n  private __sb?: ScrollBooster\n\n  render() {\n    return html`\n      <ul>\n        ${(this.groups || []).map(\n          group => html`\n            <li ?active=${this.groupId === group.id} @long-press=${e => this._infoGroup(group)}>\n              <a href=${`${this.targetPage}/${group.id}`}>${group.name}</a>\n            </li>\n          `\n        )}\n\n        <li padding>&nbsp;</li>\n\n        <li add>\n          <md-icon @click=${e => this._infoGroup()}>add</md-icon>\n        </li>\n      </ul>\n    `\n  }\n\n  _infoGroup(group?: { id: string; name: string }) {\n    this.dispatchEvent(\n      new CustomEvent('info-play-group', {\n        detail: group\n      })\n    )\n  }\n\n  _onWheelEvent(e) {\n    var delta = Math.max(-1, Math.min(1, e.wheelDelta || -e.detail))\n    this.scrollLeft -= delta * 40\n\n    e.preventDefault()\n  }\n\n  _onClickAdd(e) {\n    // TODO Implements\n  }\n\n  updated(change) {\n    if (change.has('groups')) {\n      /* groups가 바뀔 때마다, contents의 폭이 달라지므로, 다시 폭을 계산해준다. */\n      this.__sb && this.__sb.updateMetrics()\n    }\n\n    if (change.has('groupId')) {\n      var active = this.renderRoot.querySelector('li[active]')\n      active && active.scrollIntoView()\n    }\n  }\n\n  firstUpdated() {\n    var scrollTarget = this.renderRoot.querySelector('ul')\n\n    /* long-press */\n    longpressable(scrollTarget!)\n\n    scrollTarget!.addEventListener('mousewheel', this._onWheelEvent.bind(this), false)\n\n    this.__sb = new ScrollBooster({\n      viewport: this,\n      content: scrollTarget,\n      mode: 'x',\n      onUpdate: data => {\n        this.scrollLeft = data.position.x\n      }\n    })\n  }\n}\n"]}

package/dist-client/data-grist/board-renderer.d.ts

@@ -1,2 +1,2 @@
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 export declare const BoardRenderer: (value: any, column: any, record: any) => import("lit").TemplateResult<1>;

package/dist-client/data-grist/board-renderer.js

@@ -1,5 +1,5 @@
 import { __decorate, __metadata } from "tslib";
-import '@material/mwc-icon';
+import '@material/web/icon/icon.js';
 import gql from 'graphql-tag';
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
@@ -44,8 +44,8 @@ let BoardRendererElement = class BoardRendererElement extends LitElement {
             ? html `
           <span>${name}</span>
           <img src=${thumbnail} alt="no thumbnail!" />
-          <mwc-icon view @mousedown=${e => this.onClickViewer(e, id)}>search</mwc-icon>
-          <mwc-icon edit @mousedown=${e => this.onClickModeler(e, id)}>edit</mwc-icon>
+          <md-icon view @mousedown=${e => this.onClickViewer(e, id)}>search</md-icon>
+          <md-icon edit @mousedown=${e => this.onClickModeler(e, id)}>edit</md-icon>
         `
             : html ` choose board.. `;
     }
@@ -88,7 +88,7 @@ BoardRendererElement.styles = [
         max-width: 100%;
         max-height: 100%;
       }
-      mwc-icon {
+      md-icon {
         position: absolute;
         top: 0;
         text-align: center;
@@ -98,13 +98,13 @@ BoardRendererElement.styles = [
         height: var(--board-renderer-icon-size);
         font: var(--board-renderer-font);
       }
-      mwc-icon[edit] {
+      md-icon[edit] {
         right: 0;
 
         border-bottom-left-radius: var(--board-renderer-icon-border-radius);
         background-color: var(--board-renderer-icon-edit-background-color);
       }
-      mwc-icon[view] {
+      md-icon[view] {
         left: 0;
 
         border-bottom-right-radius: var(--board-renderer-icon-border-radius);

package/dist-client/data-grist/board-renderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"board-renderer.js","sourceRoot":"","sources":["../../client/data-grist/board-renderer.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { navigate } from '@operato/shell'\nimport { client, gqlContext } from '@operato/graphql'\n\nconst FETCH_BOARD_GQL = id => {\n  return gql`\n  {\n    board(id:\"${id}\") {\n      id\n      name\n      description\n      thumbnail\n    }\n  }\n`\n}\n\n@customElement('board-renderer')\nclass BoardRendererElement extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        justify-content: center;\n        position: relative;\n\n        max-width: var(--board-renderer-max-width);\n        border: var(--board-renderer-border);\n\n        width: 100%;\n      }\n      span {\n        position: absolute;\n        bottom: 0;\n        width: 100%;\n        text-indent: 5px;\n        color: #fff;\n\n        font: var(--board-renderer-name-font);\n        background-color: var(--board-renderer-name-background-color);\n      }\n      img {\n        object-fit: contain;\n        max-width: 100%;\n        max-height: 100%;\n      }\n      mwc-icon {\n        position: absolute;\n        top: 0;\n        text-align: center;\n        color: #fff;\n\n        width: var(--board-renderer-icon-size);\n        height: var(--board-renderer-icon-size);\n        font: var(--board-renderer-font);\n      }\n      mwc-icon[edit] {\n        right: 0;\n\n        border-bottom-left-radius: var(--board-renderer-icon-border-radius);\n        background-color: var(--board-renderer-icon-edit-background-color);\n      }\n      mwc-icon[view] {\n        left: 0;\n\n        border-bottom-right-radius: var(--board-renderer-icon-border-radius);\n        background-color: var(--board-renderer-icon-view-background-color);\n      }\n    `\n  ]\n\n  @property({ type: Object }) value: any\n  @property({ type: String }) boardViewerPage?: string\n  @property({ type: Object }) _value: any\n\n  async updated(changes) {\n    if (changes.has('value')) {\n      if (typeof this.value == 'string' && this.value) {\n        /* fetchBoard..., */\n        try {\n          var response = await client.query({\n            query: FETCH_BOARD_GQL(this.value),\n            context: gqlContext()\n          })\n\n          this._value = (response && response.data && response.data.board) || {}\n        } catch (e) {\n          console.error(e)\n        }\n      } else {\n        this._value = this.value || {}\n      }\n    }\n  }\n\n  render() {\n    var { id, name = '', thumbnail = 'image/gif' } = this._value || {}\n\n    return id\n      ? html`\n          <span>${name}</span>\n          <img src=${thumbnail} alt=\"no thumbnail!\" />\n          <mwc-icon view @mousedown=${e => this.onClickViewer(e, id)}>search</mwc-icon>\n          <mwc-icon edit @mousedown=${e => this.onClickModeler(e, id)}>edit</mwc-icon>\n        `\n      : html` choose board.. `\n  }\n\n  onClickViewer(e, id) {\n    e.preventDefault()\n    e.stopPropagation()\n\n    var boardViewerPage = this.boardViewerPage || 'board-viewer'\n\n    navigate(`${boardViewerPage}/${id}${window.location.search}`)\n  }\n\n  onClickModeler(e, id) {\n    e.preventDefault()\n    e.stopPropagation()\n\n    navigate(`board-modeller/${id}${window.location.search}`)\n  }\n}\n\nexport const BoardRenderer = (value, column, record) => {\n  var { boardViewerPage = '' } = column.record.options || {}\n\n  return html` <board-renderer .value=${value} .boardViewerPage=${boardViewerPage}></board-renderer> `\n}\n"]}
+{"version":3,"file":"board-renderer.js","sourceRoot":"","sources":["../../client/data-grist/board-renderer.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { navigate } from '@operato/shell'\nimport { client, gqlContext } from '@operato/graphql'\n\nconst FETCH_BOARD_GQL = id => {\n  return gql`\n  {\n    board(id:\"${id}\") {\n      id\n      name\n      description\n      thumbnail\n    }\n  }\n`\n}\n\n@customElement('board-renderer')\nclass BoardRendererElement extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        justify-content: center;\n        position: relative;\n\n        max-width: var(--board-renderer-max-width);\n        border: var(--board-renderer-border);\n\n        width: 100%;\n      }\n      span {\n        position: absolute;\n        bottom: 0;\n        width: 100%;\n        text-indent: 5px;\n        color: #fff;\n\n        font: var(--board-renderer-name-font);\n        background-color: var(--board-renderer-name-background-color);\n      }\n      img {\n        object-fit: contain;\n        max-width: 100%;\n        max-height: 100%;\n      }\n      md-icon {\n        position: absolute;\n        top: 0;\n        text-align: center;\n        color: #fff;\n\n        width: var(--board-renderer-icon-size);\n        height: var(--board-renderer-icon-size);\n        font: var(--board-renderer-font);\n      }\n      md-icon[edit] {\n        right: 0;\n\n        border-bottom-left-radius: var(--board-renderer-icon-border-radius);\n        background-color: var(--board-renderer-icon-edit-background-color);\n      }\n      md-icon[view] {\n        left: 0;\n\n        border-bottom-right-radius: var(--board-renderer-icon-border-radius);\n        background-color: var(--board-renderer-icon-view-background-color);\n      }\n    `\n  ]\n\n  @property({ type: Object }) value: any\n  @property({ type: String }) boardViewerPage?: string\n  @property({ type: Object }) _value: any\n\n  async updated(changes) {\n    if (changes.has('value')) {\n      if (typeof this.value == 'string' && this.value) {\n        /* fetchBoard..., */\n        try {\n          var response = await client.query({\n            query: FETCH_BOARD_GQL(this.value),\n            context: gqlContext()\n          })\n\n          this._value = (response && response.data && response.data.board) || {}\n        } catch (e) {\n          console.error(e)\n        }\n      } else {\n        this._value = this.value || {}\n      }\n    }\n  }\n\n  render() {\n    var { id, name = '', thumbnail = 'image/gif' } = this._value || {}\n\n    return id\n      ? html`\n          <span>${name}</span>\n          <img src=${thumbnail} alt=\"no thumbnail!\" />\n          <md-icon view @mousedown=${e => this.onClickViewer(e, id)}>search</md-icon>\n          <md-icon edit @mousedown=${e => this.onClickModeler(e, id)}>edit</md-icon>\n        `\n      : html` choose board.. `\n  }\n\n  onClickViewer(e, id) {\n    e.preventDefault()\n    e.stopPropagation()\n\n    var boardViewerPage = this.boardViewerPage || 'board-viewer'\n\n    navigate(`${boardViewerPage}/${id}${window.location.search}`)\n  }\n\n  onClickModeler(e, id) {\n    e.preventDefault()\n    e.stopPropagation()\n\n    navigate(`board-modeller/${id}${window.location.search}`)\n  }\n}\n\nexport const BoardRenderer = (value, column, record) => {\n  var { boardViewerPage = '' } = column.record.options || {}\n\n  return html` <board-renderer .value=${value} .boardViewerPage=${boardViewerPage}></board-renderer> `\n}\n"]}

package/dist-client/pages/board-list-page.d.ts

@@ -1,4 +1,3 @@
-import '@material/mwc-icon';
 import '../viewparts/board-info';
 import '../viewparts/group-info';
 import '../board-list/board-tile-list';

package/dist-client/pages/board-list-page.js

@@ -1,5 +1,4 @@
 import { __decorate, __metadata } from "tslib";
-import '@material/mwc-icon';
 import '../viewparts/board-info';
 import '../viewparts/group-info';
 import '../board-list/board-tile-list';
@@ -25,7 +24,13 @@ let BoardListPage = class BoardListPage extends localize(i18next)(connect(store)
         return {
             title: {
                 icon: 'dashboard',
-                text: group ? 'Group ' + group.name : groupId == 'favor' ? 'Favorite' : groupId == 'mywork' ? 'My works' : 'Board List'
+                text: group
+                    ? 'Group ' + group.name
+                    : groupId == 'favor'
+                        ? 'Favorite'
+                        : groupId == 'mywork'
+                            ? 'My works'
+                            : 'Board List'
             },
             search: {
                 handler: search => {
@@ -49,7 +54,12 @@ let BoardListPage = class BoardListPage extends localize(i18next)(connect(store)
     }
     render() {
         return html `
-      <group-bar .groups=${this.groups} .groupId=${this.groupId} targetPage="board-list" @info-group=${e => this.onInfoGroup(e.detail)}></group-bar>
+      <group-bar
+        .groups=${this.groups}
+        .groupId=${this.groupId}
+        targetPage="board-list"
+        @info-group=${e => this.onInfoGroup(e.detail)}
+      ></group-bar>
 
       <board-tile-list
         id="list"
@@ -397,7 +407,8 @@ let BoardListPage = class BoardListPage extends localize(i18next)(connect(store)
                     boardIds: [board.id]
                 }
             });
-            data && this._notify('info', i18next.t('text.joined into play-group', { board: board.name, playGroup: playGroup.name }));
+            data &&
+                this._notify('info', i18next.t('text.joined into play-group', { board: board.name, playGroup: playGroup.name }));
         }
         catch (ex) {
             this._notify('error', ex, ex);
@@ -418,7 +429,8 @@ let BoardListPage = class BoardListPage extends localize(i18next)(connect(store)
                     boardIds: [board.id]
                 }
             });
-            data && this._notify('info', i18next.t('text.leaved from play-group', { board: board.name, playGroup: playGroup.name }));
+            data &&
+                this._notify('info', i18next.t('text.leaved from play-group', { board: board.name, playGroup: playGroup.name }));
         }
         catch (ex) {
             this._notify('error', ex, ex);

package/dist-client/pages/board-list-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"board-list-page.js","sourceRoot":"","sources":["../../client/pages/board-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\nimport '../viewparts/board-info'\nimport '../viewparts/group-info'\nimport '../board-list/board-tile-list'\nimport '../board-list/group-bar'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAll, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openOverlay } from '@operato/layout'\nimport { pulltorefresh } from '@operato/pull-to-refresh'\nimport { navigate, PageView, store } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\nimport InfiniteScrollable from '@operato/utils/mixins/infinite-scrollable.js'\nimport { UPDATE_FAVORITES } from '@things-factory/fav-base'\nimport { swipe } from '@things-factory/utils'\n\nimport {\n  cloneBoard,\n  releaseBoard,\n  revertBoardVersion,\n  createBoard,\n  createGroup,\n  deleteBoard,\n  deleteGroup,\n  fetchBoardList,\n  fetchFavoriteBoardList,\n  fetchMyBoardList,\n  fetchGroupList,\n  updateBoard,\n  updateGroup,\n  importBoards\n} from '../graphql'\n\n@customElement('board-list-page')\nexport class BoardListPage extends localize(i18next)(connect(store)(InfiniteScrollable(PageView))) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n\n        overflow: hidden;\n      }\n\n      board-tile-list {\n        flex: 1;\n        overflow-y: auto;\n      }\n\n      #create {\n        position: absolute;\n        bottom: 15px;\n        right: 16px;\n      }\n    `\n  ]\n\n  @property({ type: String }) groupId?: string\n  @property({ type: Array }) groups: any[] = []\n  @property({ type: Array }) boards: any[] = []\n  @property({ type: Array }) favorites: any[] = []\n\n  @state() searchText: string = ''\n\n  @query('board-tile-list') scrollTargetEl!: HTMLElement\n\n  private _page: number = 1\n  private _total: number = 0 /* required for infinite-scrolling */\n\n  private page?: string\n\n  get context() {\n    var groupId = this.groupId\n    var group = this.groups && this.groups.find(group => group.id === groupId)\n\n    return {\n      title: {\n        icon: 'dashboard',\n        text: group ? 'Group ' + group.name : groupId == 'favor' ? 'Favorite' : groupId == 'mywork' ? 'My works' : 'Board List'\n      },\n      search: {\n        handler: search => {\n          this.searchText = search\n          this.refreshBoards()\n        },\n        value: this.searchText || ''\n      },\n      board_topmenu: true\n    }\n  }\n\n  constructor() {\n    super()\n\n    this._infiniteScrollOptions.limit = 50\n  }\n\n  render() {\n    return html`\n      <group-bar .groups=${this.groups} .groupId=${this.groupId} targetPage=\"board-list\" @info-group=${e => this.onInfoGroup(e.detail)}></group-bar>\n\n      <board-tile-list\n        id=\"list\"\n        .boards=${this.boards}\n        .favorites=${this.favorites}\n        .groups=${this.groups}\n        .group=${this.groupId}\n        search-text=${this.searchText}\n        @info-board=${e => this.onInfoBoard(e.detail)}\n        @scroll=${e => {\n          this.onScroll(e)\n        }}\n        @create-board=${e => this.onCreateBoard(e.detail)}\n        @refresh-favorites=${e => this.refreshFavorites()}\n        creatable\n      ></board-tile-list>\n    `\n  }\n\n  async refresh() {\n    this.groups = (await fetchGroupList()).groups.items\n\n    if (this.groups) {\n      await this.refreshBoards()\n    }\n  }\n\n  async getBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {\n    if (this.groupId && this.groupId == 'favor') {\n      return await this.getFavoriteBoards({\n        page,\n        limit\n      })\n    } else if (this.groupId && this.groupId == 'mywork') {\n      return await this.getMyBoards({\n        page,\n        limit\n      })\n    }\n\n    const filters = [] as any[]\n\n    if (this.groupId) {\n      filters.push({\n        name: 'groupId',\n        operator: 'eq',\n        value: this.groupId\n      })\n    }\n\n    if (this.searchText) {\n      filters.push({\n        name: 'name',\n        operator: 'search',\n        value: '%' + this.searchText + '%'\n      })\n    }\n\n    var listParam = {\n      filters,\n      sortings: [\n        {\n          name: 'name',\n          desc: false\n        }\n      ],\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    return (await fetchBoardList(listParam)).boards\n  }\n\n  async getFavoriteBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {\n    const filters = [] as any[]\n\n    if (this.searchText) {\n      filters.push({\n        name: 'name',\n        operator: 'search',\n        value: '%' + this.searchText + '%'\n      })\n    }\n\n    var listParam = {\n      filters,\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    return (await fetchFavoriteBoardList(listParam)).favoriteBoards\n  }\n\n  async getMyBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {\n    const filters = [] as any[]\n\n    if (this.searchText) {\n      filters.push({\n        name: 'name',\n        operator: 'search',\n        value: '%' + this.searchText + '%'\n      })\n    }\n\n    var listParam = {\n      filters,\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    return (await fetchMyBoardList(listParam)).boardsCreatedByMe\n  }\n\n  async refreshBoards() {\n    if (!this.groups) {\n      await this.refresh()\n      return\n    }\n\n    var { items: boards, total } = await this.getBoards()\n    this.boards = boards\n    this._page = 1\n    this._total = total\n\n    this.updateContext()\n\n    this.scrollTargetEl.style.transition = ''\n    this.scrollTargetEl.style.transform = `translate3d(0, 0, 0)`\n  }\n\n  async appendBoards() {\n    if (!this.groups) {\n      await this.refresh()\n      return\n    }\n\n    var { items: boards, total } = await this.getBoards({ page: this._page + 1 })\n    this.boards = [...this.boards, ...boards]\n    this._page = this._page + 1\n    this._total = total\n  }\n\n  async scrollAction() {\n    return this.appendBoards()\n  }\n\n  async pageInitialized() {\n    this.refresh()\n  }\n\n  async pageUpdated(changes, lifecycle) {\n    if (this.active) {\n      this.page = lifecycle.page\n      this.groupId = lifecycle.resourceId\n      this.searchText = lifecycle.params?.search || ''\n\n      await this.updateComplete\n\n      this.refreshBoards()\n    }\n  }\n\n  stateChanged(state) {\n    this.favorites = state.favorite.favorites\n  }\n\n  firstUpdated() {\n    const list = this.scrollTargetEl\n\n    pulltorefresh({\n      container: this.renderRoot,\n      scrollable: list,\n      refresh: () => {\n        return this.refresh()\n      }\n    })\n\n    swipe({\n      container: list,\n      animates: {\n        dragging: async (d, opts) => {\n          var groups = [{ id: '' }, { id: 'favor' }, ...this.groups]\n          var currentIndex = groups.findIndex(group => group.id == this.groupId)\n\n          if ((d > 0 && currentIndex <= 0) || (d < 0 && currentIndex >= groups.length - 1)) {\n            /* TODO blocked gesture */\n            return false\n          }\n\n          list.style.transform = `translate3d(${d}px, 0, 0)`\n        },\n        aborting: async opts => {\n          list.style.transition = 'transform 0.3s'\n          list.style.transform = `translate3d(0, 0, 0)`\n\n          setTimeout(() => {\n            list.style.transition = ''\n          })\n        },\n        swiping: async (d, opts) => {\n          var groups = [{ id: '' }, { id: 'favor' }, ...this.groups]\n          var currentIndex = groups.findIndex(group => group.id == this.groupId)\n\n          if ((d > 0 && currentIndex <= 0) || (d < 0 && currentIndex >= groups.length - 1)) {\n            list.style.transition = ''\n            list.style.transform = `translate3d(0, 0, 0)`\n          } else {\n            list.style.transition = 'transform 0.3s'\n            list.style.transform = `translate3d(${d < 0 ? '-100%' : '100%'}, 0, 0)`\n\n            navigate(`${this.page}/${groups[currentIndex + (d < 0 ? 1 : -1)].id}${this.searchText ? '?search=' + this.searchText : ''}`)\n          }\n        }\n      }\n    })\n  }\n\n  async onInfoBoard(board) {\n    openOverlay('viewpart-info', {\n      template: html`\n        <board-info\n          .board=${board}\n          .groupId=${this.groupId}\n          @clone-board=${e => this.onCloneBoard(e.detail)}\n          @release-board=${e => this.onReleaseBoard(e.detail)}\n          @revert-board-version=${e => this.onRevertBoardVersion(e.detail)}\n          @update-board=${e => this.onUpdateBoard(e.detail)}\n          @delete-board=${e => this.onDeleteBoard(e.detail)}\n          @join-playgroup=${e => this.onJoinPlayGroup(e.detail)}\n          @leave-playgroup=${e => this.onLeavePlayGroup(e.detail)}\n          @register-template=${e => this.onRegisterTemplate(e.detail)}\n        ></board-info>\n      `\n    })\n  }\n\n  async onInfoGroup(groupId) {\n    openOverlay('viewpart-info', {\n      template: html`\n        <group-info\n          .groupId=${groupId}\n          @update-group=${e => this.onUpdateGroup(e.detail)}\n          @delete-group=${e => this.onDeleteGroup(e.detail)}\n          @create-group=${e => this.onCreateGroup(e.detail)}\n          @import-boards=${e => this.onImportBoards(e.detail)}\n        ></group-info>\n      `\n    })\n  }\n\n  async onCreateGroup(group) {\n    try {\n      const data = await createGroup(group)\n      data && this._notify('info', i18next.t('text.group created', { group: group.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onUpdateGroup(group) {\n    try {\n      const data = await updateGroup(group)\n      data && this._notify('info', i18next.t('text.group updated', { group: group.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onDeleteGroup(group) {\n    try {\n      const data = await deleteGroup(group.id)\n      data && this._notify('info', i18next.t('text.group deleted', { group: group.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onImportBoards({ group, files, overwrite }) {\n    try {\n      const data = await importBoards({ groupId: group.id, files, overwrite })\n      data && this._notify('info', i18next.t('text.boards imported', { count: files.length, group: group.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onCreateBoard(board) {\n    try {\n      if (!board.model) {\n        board.model = {\n          width: 800,\n          height: 600\n        }\n      }\n\n      const data = await createBoard(board)\n\n      data && this._notify('info', i18next.t('text.board created', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onCloneBoard({ id, name, description, targetSubdomain, targetGroupId }) {\n    try {\n      const data = await cloneBoard({\n        id,\n        name,\n        description,\n        targetSubdomain,\n        targetGroupId\n      })\n      data && this._notify('info', i18next.t('text.board cloned', { board: name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onReleaseBoard(board) {\n    try {\n      const data = await releaseBoard(board)\n      data && this._notify('info', i18next.t('text.board released', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onRevertBoardVersion({ id, version }) {\n    try {\n      const board = await revertBoardVersion(id, version)\n      board && this._notify('info', i18next.t('text.board reverted', { board: board.name, version }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onUpdateBoard(board) {\n    try {\n      const data = await updateBoard(board)\n      data && this._notify('info', i18next.t('text.board updated', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onDeleteBoard(board) {\n    try {\n      const data = await deleteBoard(board.id)\n      data && this._notify('info', i18next.t('text.board deleted', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onJoinPlayGroup({ board, playGroup }) {\n    try {\n      const { data } = await client.mutate({\n        mutation: gql`\n          mutation JoinPlayGroup($id: String!, $boardIds: [String!]!) {\n            joinPlayGroup(id: $id, boardIds: $boardIds) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id: playGroup.id,\n          boardIds: [board.id]\n        }\n      })\n\n      data && this._notify('info', i18next.t('text.joined into play-group', { board: board.name, playGroup: playGroup.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n  }\n\n  async onLeavePlayGroup({ board, playGroup }) {\n    try {\n      const { data } = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $boardIds: [String!]!) {\n            leavePlayGroup(id: $id, boardIds: $boardIds) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id: playGroup.id,\n          boardIds: [board.id]\n        }\n      })\n\n      data && this._notify('info', i18next.t('text.leaved from play-group', { board: board.name, playGroup: playGroup.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n  }\n\n  async onRegisterTemplate({ id, name, description, visibility }) {\n    try {\n      const { data } = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $name: String!, $description: String!, $visibility: String!) {\n            registerBoardAsTemplate(id: $id, name: $name, description: $description, visibility: $visibility) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id,\n          name,\n          description,\n          visibility\n        }\n      })\n\n      data &&\n        this._notify('info', i18next.t('text.info_x_successfully', { x: i18next.t('text.register-template') }), {\n          name\n        })\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n  }\n\n  async refreshFavorites() {\n    const { data } = await client.query({\n      query: gql`\n        query {\n          myFavorites {\n            id\n            routing\n          }\n        }\n      `\n    })\n\n    data &&\n      store.dispatch({\n        type: UPDATE_FAVORITES,\n        favorites: data.myFavorites.map(favorite => favorite.routing)\n      })\n  }\n\n  _notify(level: 'info' | 'error' | 'warn', message: any, ex?: any) {\n    document.dispatchEvent(\n      new CustomEvent('notify', {\n        detail: {\n          level,\n          message,\n          ex\n        }\n      })\n    )\n  }\n}\n"]}
+{"version":3,"file":"board-list-page.js","sourceRoot":"","sources":["../../client/pages/board-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '../viewparts/board-info'\nimport '../viewparts/group-info'\nimport '../board-list/board-tile-list'\nimport '../board-list/group-bar'\n\nimport gql from 'graphql-tag'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAll, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { openOverlay } from '@operato/layout'\nimport { pulltorefresh } from '@operato/pull-to-refresh'\nimport { navigate, PageView, store } from '@operato/shell'\nimport { ScrollbarStyles } from '@operato/styles'\nimport InfiniteScrollable from '@operato/utils/mixins/infinite-scrollable.js'\nimport { UPDATE_FAVORITES } from '@things-factory/fav-base'\nimport { swipe } from '@things-factory/utils'\n\nimport {\n  cloneBoard,\n  releaseBoard,\n  revertBoardVersion,\n  createBoard,\n  createGroup,\n  deleteBoard,\n  deleteGroup,\n  fetchBoardList,\n  fetchFavoriteBoardList,\n  fetchMyBoardList,\n  fetchGroupList,\n  updateBoard,\n  updateGroup,\n  importBoards\n} from '../graphql'\n\n@customElement('board-list-page')\nexport class BoardListPage extends localize(i18next)(connect(store)(InfiniteScrollable(PageView))) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        position: relative;\n\n        overflow: hidden;\n      }\n\n      board-tile-list {\n        flex: 1;\n        overflow-y: auto;\n      }\n\n      #create {\n        position: absolute;\n        bottom: 15px;\n        right: 16px;\n      }\n    `\n  ]\n\n  @property({ type: String }) groupId?: string\n  @property({ type: Array }) groups: any[] = []\n  @property({ type: Array }) boards: any[] = []\n  @property({ type: Array }) favorites: any[] = []\n\n  @state() searchText: string = ''\n\n  @query('board-tile-list') scrollTargetEl!: HTMLElement\n\n  private _page: number = 1\n  private _total: number = 0 /* required for infinite-scrolling */\n\n  private page?: string\n\n  get context() {\n    var groupId = this.groupId\n    var group = this.groups && this.groups.find(group => group.id === groupId)\n\n    return {\n      title: {\n        icon: 'dashboard',\n        text: group\n          ? 'Group ' + group.name\n          : groupId == 'favor'\n            ? 'Favorite'\n            : groupId == 'mywork'\n              ? 'My works'\n              : 'Board List'\n      },\n      search: {\n        handler: search => {\n          this.searchText = search\n          this.refreshBoards()\n        },\n        value: this.searchText || ''\n      },\n      board_topmenu: true\n    }\n  }\n\n  constructor() {\n    super()\n\n    this._infiniteScrollOptions.limit = 50\n  }\n\n  render() {\n    return html`\n      <group-bar\n        .groups=${this.groups}\n        .groupId=${this.groupId}\n        targetPage=\"board-list\"\n        @info-group=${e => this.onInfoGroup(e.detail)}\n      ></group-bar>\n\n      <board-tile-list\n        id=\"list\"\n        .boards=${this.boards}\n        .favorites=${this.favorites}\n        .groups=${this.groups}\n        .group=${this.groupId}\n        search-text=${this.searchText}\n        @info-board=${e => this.onInfoBoard(e.detail)}\n        @scroll=${e => {\n          this.onScroll(e)\n        }}\n        @create-board=${e => this.onCreateBoard(e.detail)}\n        @refresh-favorites=${e => this.refreshFavorites()}\n        creatable\n      ></board-tile-list>\n    `\n  }\n\n  async refresh() {\n    this.groups = (await fetchGroupList()).groups.items\n\n    if (this.groups) {\n      await this.refreshBoards()\n    }\n  }\n\n  async getBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {\n    if (this.groupId && this.groupId == 'favor') {\n      return await this.getFavoriteBoards({\n        page,\n        limit\n      })\n    } else if (this.groupId && this.groupId == 'mywork') {\n      return await this.getMyBoards({\n        page,\n        limit\n      })\n    }\n\n    const filters = [] as any[]\n\n    if (this.groupId) {\n      filters.push({\n        name: 'groupId',\n        operator: 'eq',\n        value: this.groupId\n      })\n    }\n\n    if (this.searchText) {\n      filters.push({\n        name: 'name',\n        operator: 'search',\n        value: '%' + this.searchText + '%'\n      })\n    }\n\n    var listParam = {\n      filters,\n      sortings: [\n        {\n          name: 'name',\n          desc: false\n        }\n      ],\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    return (await fetchBoardList(listParam)).boards\n  }\n\n  async getFavoriteBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {\n    const filters = [] as any[]\n\n    if (this.searchText) {\n      filters.push({\n        name: 'name',\n        operator: 'search',\n        value: '%' + this.searchText + '%'\n      })\n    }\n\n    var listParam = {\n      filters,\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    return (await fetchFavoriteBoardList(listParam)).favoriteBoards\n  }\n\n  async getMyBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {\n    const filters = [] as any[]\n\n    if (this.searchText) {\n      filters.push({\n        name: 'name',\n        operator: 'search',\n        value: '%' + this.searchText + '%'\n      })\n    }\n\n    var listParam = {\n      filters,\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    return (await fetchMyBoardList(listParam)).boardsCreatedByMe\n  }\n\n  async refreshBoards() {\n    if (!this.groups) {\n      await this.refresh()\n      return\n    }\n\n    var { items: boards, total } = await this.getBoards()\n    this.boards = boards\n    this._page = 1\n    this._total = total\n\n    this.updateContext()\n\n    this.scrollTargetEl.style.transition = ''\n    this.scrollTargetEl.style.transform = `translate3d(0, 0, 0)`\n  }\n\n  async appendBoards() {\n    if (!this.groups) {\n      await this.refresh()\n      return\n    }\n\n    var { items: boards, total } = await this.getBoards({ page: this._page + 1 })\n    this.boards = [...this.boards, ...boards]\n    this._page = this._page + 1\n    this._total = total\n  }\n\n  async scrollAction() {\n    return this.appendBoards()\n  }\n\n  async pageInitialized() {\n    this.refresh()\n  }\n\n  async pageUpdated(changes, lifecycle) {\n    if (this.active) {\n      this.page = lifecycle.page\n      this.groupId = lifecycle.resourceId\n      this.searchText = lifecycle.params?.search || ''\n\n      await this.updateComplete\n\n      this.refreshBoards()\n    }\n  }\n\n  stateChanged(state) {\n    this.favorites = state.favorite.favorites\n  }\n\n  firstUpdated() {\n    const list = this.scrollTargetEl\n\n    pulltorefresh({\n      container: this.renderRoot,\n      scrollable: list,\n      refresh: () => {\n        return this.refresh()\n      }\n    })\n\n    swipe({\n      container: list,\n      animates: {\n        dragging: async (d, opts) => {\n          var groups = [{ id: '' }, { id: 'favor' }, ...this.groups]\n          var currentIndex = groups.findIndex(group => group.id == this.groupId)\n\n          if ((d > 0 && currentIndex <= 0) || (d < 0 && currentIndex >= groups.length - 1)) {\n            /* TODO blocked gesture */\n            return false\n          }\n\n          list.style.transform = `translate3d(${d}px, 0, 0)`\n        },\n        aborting: async opts => {\n          list.style.transition = 'transform 0.3s'\n          list.style.transform = `translate3d(0, 0, 0)`\n\n          setTimeout(() => {\n            list.style.transition = ''\n          })\n        },\n        swiping: async (d, opts) => {\n          var groups = [{ id: '' }, { id: 'favor' }, ...this.groups]\n          var currentIndex = groups.findIndex(group => group.id == this.groupId)\n\n          if ((d > 0 && currentIndex <= 0) || (d < 0 && currentIndex >= groups.length - 1)) {\n            list.style.transition = ''\n            list.style.transform = `translate3d(0, 0, 0)`\n          } else {\n            list.style.transition = 'transform 0.3s'\n            list.style.transform = `translate3d(${d < 0 ? '-100%' : '100%'}, 0, 0)`\n\n            navigate(\n              `${this.page}/${groups[currentIndex + (d < 0 ? 1 : -1)].id}${this.searchText ? '?search=' + this.searchText : ''}`\n            )\n          }\n        }\n      }\n    })\n  }\n\n  async onInfoBoard(board) {\n    openOverlay('viewpart-info', {\n      template: html`\n        <board-info\n          .board=${board}\n          .groupId=${this.groupId}\n          @clone-board=${e => this.onCloneBoard(e.detail)}\n          @release-board=${e => this.onReleaseBoard(e.detail)}\n          @revert-board-version=${e => this.onRevertBoardVersion(e.detail)}\n          @update-board=${e => this.onUpdateBoard(e.detail)}\n          @delete-board=${e => this.onDeleteBoard(e.detail)}\n          @join-playgroup=${e => this.onJoinPlayGroup(e.detail)}\n          @leave-playgroup=${e => this.onLeavePlayGroup(e.detail)}\n          @register-template=${e => this.onRegisterTemplate(e.detail)}\n        ></board-info>\n      `\n    })\n  }\n\n  async onInfoGroup(groupId) {\n    openOverlay('viewpart-info', {\n      template: html`\n        <group-info\n          .groupId=${groupId}\n          @update-group=${e => this.onUpdateGroup(e.detail)}\n          @delete-group=${e => this.onDeleteGroup(e.detail)}\n          @create-group=${e => this.onCreateGroup(e.detail)}\n          @import-boards=${e => this.onImportBoards(e.detail)}\n        ></group-info>\n      `\n    })\n  }\n\n  async onCreateGroup(group) {\n    try {\n      const data = await createGroup(group)\n      data && this._notify('info', i18next.t('text.group created', { group: group.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onUpdateGroup(group) {\n    try {\n      const data = await updateGroup(group)\n      data && this._notify('info', i18next.t('text.group updated', { group: group.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onDeleteGroup(group) {\n    try {\n      const data = await deleteGroup(group.id)\n      data && this._notify('info', i18next.t('text.group deleted', { group: group.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onImportBoards({ group, files, overwrite }) {\n    try {\n      const data = await importBoards({ groupId: group.id, files, overwrite })\n      data && this._notify('info', i18next.t('text.boards imported', { count: files.length, group: group.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onCreateBoard(board) {\n    try {\n      if (!board.model) {\n        board.model = {\n          width: 800,\n          height: 600\n        }\n      }\n\n      const data = await createBoard(board)\n\n      data && this._notify('info', i18next.t('text.board created', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onCloneBoard({ id, name, description, targetSubdomain, targetGroupId }) {\n    try {\n      const data = await cloneBoard({\n        id,\n        name,\n        description,\n        targetSubdomain,\n        targetGroupId\n      })\n      data && this._notify('info', i18next.t('text.board cloned', { board: name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onReleaseBoard(board) {\n    try {\n      const data = await releaseBoard(board)\n      data && this._notify('info', i18next.t('text.board released', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onRevertBoardVersion({ id, version }) {\n    try {\n      const board = await revertBoardVersion(id, version)\n      board && this._notify('info', i18next.t('text.board reverted', { board: board.name, version }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onUpdateBoard(board) {\n    try {\n      const data = await updateBoard(board)\n      data && this._notify('info', i18next.t('text.board updated', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onDeleteBoard(board) {\n    try {\n      const data = await deleteBoard(board.id)\n      data && this._notify('info', i18next.t('text.board deleted', { board: board.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onJoinPlayGroup({ board, playGroup }) {\n    try {\n      const { data } = await client.mutate({\n        mutation: gql`\n          mutation JoinPlayGroup($id: String!, $boardIds: [String!]!) {\n            joinPlayGroup(id: $id, boardIds: $boardIds) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id: playGroup.id,\n          boardIds: [board.id]\n        }\n      })\n\n      data &&\n        this._notify('info', i18next.t('text.joined into play-group', { board: board.name, playGroup: playGroup.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n  }\n\n  async onLeavePlayGroup({ board, playGroup }) {\n    try {\n      const { data } = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $boardIds: [String!]!) {\n            leavePlayGroup(id: $id, boardIds: $boardIds) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id: playGroup.id,\n          boardIds: [board.id]\n        }\n      })\n\n      data &&\n        this._notify('info', i18next.t('text.leaved from play-group', { board: board.name, playGroup: playGroup.name }))\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n  }\n\n  async onRegisterTemplate({ id, name, description, visibility }) {\n    try {\n      const { data } = await client.mutate({\n        mutation: gql`\n          mutation ($id: String!, $name: String!, $description: String!, $visibility: String!) {\n            registerBoardAsTemplate(id: $id, name: $name, description: $description, visibility: $visibility) {\n              id\n            }\n          }\n        `,\n        variables: {\n          id,\n          name,\n          description,\n          visibility\n        }\n      })\n\n      data &&\n        this._notify('info', i18next.t('text.info_x_successfully', { x: i18next.t('text.register-template') }), {\n          name\n        })\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n  }\n\n  async refreshFavorites() {\n    const { data } = await client.query({\n      query: gql`\n        query {\n          myFavorites {\n            id\n            routing\n          }\n        }\n      `\n    })\n\n    data &&\n      store.dispatch({\n        type: UPDATE_FAVORITES,\n        favorites: data.myFavorites.map(favorite => favorite.routing)\n      })\n  }\n\n  _notify(level: 'info' | 'error' | 'warn', message: any, ex?: any) {\n    document.dispatchEvent(\n      new CustomEvent('notify', {\n        detail: {\n          level,\n          message,\n          ex\n        }\n      })\n    )\n  }\n}\n"]}