@fmsim/fmsim-restful 0.0.101 → 1.0.0

package/.dockerignore

@@ -0,0 +1,31 @@
+node_modules/
+client/
+server/
+dist-client/
+installer/
+attachments/
+cache/
+logs/
+Dockerfile*
+docker-compose.yml
+db.sqlite
+db*.sqlite
+license.json
+config.development.js
+config.production.js
+!config/config.development.js
+!config/config.production.js
+\_index.html
+
+npm-debug.log
+yarn-error.log
+
+.env
+.env.local
+.env.production
+.git/
+.gitignore
+.dockerignore
+.vscode/
+.idea/
+.DS_Store

package/dist-client/board-list/restful-board-tile-list.d.ts

@@ -10,7 +10,7 @@ export default class RestfulBoardTileList extends LitElement {
     favorites: any[];
     groups: any[];
     creationCard: BoardCreationCard;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     updated(changes: any): void;
     onCreateBoard(e: any): void;
     infoBoard(boardId: any): void;

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

@@ -7,7 +7,7 @@ export default class RestfulGroupBar extends LitElement {
     selectBoxToggle?: string | null;
     selectedGroupName: string;
     btnDropBoxIcon: string;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     _setGroupTitle(groupName: any): void;
     _toggleSelectBox(): void;
     _infoGroup(groupId?: string): void;

package/dist-client/bootstrap.js

@@ -1,6 +1,6 @@
 import '@operato/context/ox-context-toolbar.js';
 import { html } from 'lit-html';
-import { setupContextUIPart } from '@things-factory/context-ui';
+import { setupContextUIPart } from '@things-factory/context-ui/dist-client';
 import { appendViewpart, VIEWPART_POSITION } from '@operato/layout';
 import { store, UPDATE_BASE_URL } from '@operato/shell';
 import { registerEditor as registerGristEditor } from '@operato/data-grist';
@@ -21,7 +21,6 @@ export default async function bootstrap() {
         type: UPDATE_BASE_URL
     });
     await setupContextUIPart({
-        titlebar: null,
         contextToolbar: 'page-footer'
     });
     appendViewpart({

package/dist-client/bootstrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAE3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAErD,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAA;AAC/E,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAA;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAA;AAE5E,oCAAoC;AACpC,OAAO,8CAA8C,CAAA;AAErD,cAAc,CAAC,OAAO,CAAC,+BAA+B,EAAE,MAAM,CAAC,CAAA;AAE/D,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,SAAS;IACrC,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAE3B,mBAAmB,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAA;IACzD,mBAAmB,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAA;IAC1D,mBAAmB,CAAC,YAAY,EAAE,yBAAyB,CAAC,CAAA;IAE5D,KAAK,CAAC,QAAQ,CAAC;QACb,IAAI,EAAE,eAAe;KACtB,CAAC,CAAA;IAEF,MAAM,kBAAkB,CAAC;QACvB,QAAQ,EAAE,IAAI;QACd,cAAc,EAAE,aAAa;KAC9B,CAAC,CAAA;IAEF,cAAc,CAAC;QACb,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE;YACR,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,IAAI,CAAA,6BAA6B;SAC5C;QACD,QAAQ,EAAE,iBAAiB,CAAC,SAAS;KACtC,CAAC,CAAA;IAEF,cAAc,CAAC;QACb,IAAI,EAAE,iBAAiB;QACvB,QAAQ,EAAE;YACR,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,IAAI,CAAA,6CAA6C;SAC5D;QACD,QAAQ,EAAE,iBAAiB,CAAC,SAAS;KACtC,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import '@operato/context/ox-context-toolbar.js'\n\nimport { html } from 'lit-html'\n\nimport { setupContextUIPart } from '@things-factory/context-ui'\nimport { appendViewpart, VIEWPART_POSITION } from '@operato/layout'\nimport { store, UPDATE_BASE_URL } from '@operato/shell'\nimport { registerEditor as registerGristEditor } from '@operato/data-grist'\n\nimport { setContextPathPrefix } from '@operato/utils'\n\nimport './viewparts/menu-tools'\nimport { RestfulConnectionSelector } from './grist/restful-connection-selector'\nimport { RestfulConnectorSelector } from './grist/restful-connector-selector'\nimport { RestfulTaskTypeSelector } from './grist/restful-task-type-selector'\n\n// overide restful-data-subscription\nimport './scene-components/restful-data-subscription'\n\nsessionStorage.setItem('ThingsFactory-UseExternServer', 'true')\n\nexport default async function bootstrap() {\n  setContextPathPrefix('mcs')\n\n  registerGristEditor('task-type', RestfulTaskTypeSelector)\n  registerGristEditor('connector', RestfulConnectorSelector)\n  registerGristEditor('connection', RestfulConnectionSelector)\n\n  store.dispatch({\n    type: UPDATE_BASE_URL\n  })\n\n  await setupContextUIPart({\n    titlebar: null,\n    contextToolbar: 'page-footer'\n  })\n\n  appendViewpart({\n    name: 'board-topmenu',\n    viewpart: {\n      show: true,\n      template: html` <menu-tools></menu-tools> `\n    },\n    position: VIEWPART_POSITION.HEADERBAR\n  })\n\n  appendViewpart({\n    name: 'context-toolbar',\n    viewpart: {\n      show: true,\n      template: html` <ox-context-toolbar></ox-context-toolbar> `\n    },\n    position: VIEWPART_POSITION.FOOTERBAR\n  })\n}\n"]}
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,wCAAwC,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAA;AAC3E,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,cAAc,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAE3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAErD,OAAO,wBAAwB,CAAA;AAC/B,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAA;AAC/E,OAAO,EAAE,wBAAwB,EAAE,MAAM,oCAAoC,CAAA;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAA;AAE5E,oCAAoC;AACpC,OAAO,8CAA8C,CAAA;AAErD,cAAc,CAAC,OAAO,CAAC,+BAA+B,EAAE,MAAM,CAAC,CAAA;AAE/D,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,SAAS;IACrC,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAE3B,mBAAmB,CAAC,WAAW,EAAE,uBAAuB,CAAC,CAAA;IACzD,mBAAmB,CAAC,WAAW,EAAE,wBAAwB,CAAC,CAAA;IAC1D,mBAAmB,CAAC,YAAY,EAAE,yBAAyB,CAAC,CAAA;IAE5D,KAAK,CAAC,QAAQ,CAAC;QACb,IAAI,EAAE,eAAe;KACtB,CAAC,CAAA;IAEF,MAAM,kBAAkB,CAAC;QACvB,cAAc,EAAE,aAAa;KAC9B,CAAC,CAAA;IAEF,cAAc,CAAC;QACb,IAAI,EAAE,eAAe;QACrB,QAAQ,EAAE;YACR,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,IAAI,CAAA,6BAA6B;SAC5C;QACD,QAAQ,EAAE,iBAAiB,CAAC,SAAS;KACtC,CAAC,CAAA;IAEF,cAAc,CAAC;QACb,IAAI,EAAE,iBAAiB;QACvB,QAAQ,EAAE;YACR,IAAI,EAAE,IAAI;YACV,QAAQ,EAAE,IAAI,CAAA,6CAA6C;SAC5D;QACD,QAAQ,EAAE,iBAAiB,CAAC,SAAS;KACtC,CAAC,CAAA;AACJ,CAAC","sourcesContent":["import '@operato/context/ox-context-toolbar.js'\n\nimport { html } from 'lit-html'\n\nimport { setupContextUIPart } from '@things-factory/context-ui/dist-client'\nimport { appendViewpart, VIEWPART_POSITION } from '@operato/layout'\nimport { store, UPDATE_BASE_URL } from '@operato/shell'\nimport { registerEditor as registerGristEditor } from '@operato/data-grist'\n\nimport { setContextPathPrefix } from '@operato/utils'\n\nimport './viewparts/menu-tools'\nimport { RestfulConnectionSelector } from './grist/restful-connection-selector'\nimport { RestfulConnectorSelector } from './grist/restful-connector-selector'\nimport { RestfulTaskTypeSelector } from './grist/restful-task-type-selector'\n\n// overide restful-data-subscription\nimport './scene-components/restful-data-subscription'\n\nsessionStorage.setItem('ThingsFactory-UseExternServer', 'true')\n\nexport default async function bootstrap() {\n  setContextPathPrefix('mcs')\n\n  registerGristEditor('task-type', RestfulTaskTypeSelector)\n  registerGristEditor('connector', RestfulConnectorSelector)\n  registerGristEditor('connection', RestfulConnectionSelector)\n\n  store.dispatch({\n    type: UPDATE_BASE_URL\n  })\n\n  await setupContextUIPart({\n    contextToolbar: 'page-footer'\n  })\n\n  appendViewpart({\n    name: 'board-topmenu',\n    viewpart: {\n      show: true,\n      template: html` <menu-tools></menu-tools> `\n    },\n    position: VIEWPART_POSITION.HEADERBAR\n  })\n\n  appendViewpart({\n    name: 'context-toolbar',\n    viewpart: {\n      show: true,\n      template: html` <ox-context-toolbar></ox-context-toolbar> `\n    },\n    position: VIEWPART_POSITION.FOOTERBAR\n  })\n}\n"]}

package/dist-client/components/attachment-ui/restful-file-selector.d.ts

@@ -7,7 +7,7 @@ export declare class RestfulFileSelector extends LitElement {
     multiple: boolean;
     _files: any[];
     fileInput: HTMLInputElement;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     getUUID(): string;
     onFileChange(e: any): void;
     onFileChangeSecond(el: any, files2: any, fileId: any): void;

package/dist-client/grist/dynamic-selector.d.ts

@@ -7,5 +7,5 @@ export declare class DynamicSelector extends OxGristEditor {
         description: string;
     }[]>;
     firstUpdated(): Promise<void>;
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

package/dist-client/grist/restful-task-type-selector.d.ts

@@ -5,5 +5,5 @@ export declare class RestfulTaskTypeSelector extends OxGristEditor {
         name: string;
     }[]>;
     firstUpdated(): Promise<void>;
-    get editorTemplate(): import("lit").TemplateResult<1>;
+    get editorTemplate(): import("lit-html").TemplateResult<1>;
 }

package/dist-client/pages/restful-attachment-list-page.d.ts

@@ -9,5 +9,5 @@ export declare class AttachmentListPage extends PageView {
         board_topmenu: boolean;
     };
     pageInitialized(): Promise<void>;
-    render(): import("lit-element").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/dist-client/pages/restful-attachment-selector.d.ts

@@ -15,7 +15,7 @@ export declare class RestfulAttachmentSelector extends RestfulAttachmentSelector
     userName?: string;
     main: HTMLDivElement;
     creationCard: AttachmentCreationCard;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     toggleSelectBox(): void;
     firstUpdated(): Promise<void>;
     updated(changed: any): void;

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

@@ -10,7 +10,7 @@ import { customElement, property } from 'lit/decorators.js';
 import { connect } from 'pwa-helpers/connect-mixin.js';
 import { PageView, store } from '@operato/shell';
 import InfiniteScrollable from '@operato/utils/mixins/infinite-scrollable.js';
-import { UPDATE_FAVORITES } from '@things-factory/fav-base';
+import { UPDATE_FAVORITES } from '@things-factory/fav-base/client';
 import { ScrollbarStyles } from '@operato/styles';
 import { openPopup } from '@operato/layout';
 import { fetchGroupList, fetchBoardList, fetchFavoriteBoardList, createGroup, updateGroup, deleteGroup, createBoard, updateBoard, deleteBoard, refreshFavorites } from '@fmsim/api/restful.js';

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

@@ -1 +1 @@
-{"version":3,"file":"restful-board-list-page.js","sourceRoot":"","sources":["../../client/pages/restful-board-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\nimport '../board-list/restful-board-tile-list'\nimport '../board-list/restful-group-bar'\n\nimport '../viewparts/board-info'\nimport '../viewparts/group-info'\nimport '../viewparts/board-creation-popup'\n\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { PageView, store } from '@operato/shell'\nimport InfiniteScrollable from '@operato/utils/mixins/infinite-scrollable.js'\nimport { UPDATE_FAVORITES } from '@things-factory/fav-base'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { openPopup } from '@operato/layout'\n\nimport {\n  fetchGroupList,\n  fetchBoardList,\n  fetchFavoriteBoardList,\n  createGroup,\n  updateGroup,\n  deleteGroup,\n  createBoard,\n  updateBoard,\n  deleteBoard,\n  refreshFavorites\n} from '@fmsim/api/restful.js'\n\nimport mcsAutoConfig from '../mcs-config/mcs_auto_config.json'\n\n@customElement('restful-board-list-page')\nclass BoardListPage extends connect(store)(InfiniteScrollable(PageView)) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column-reverse;\n        position: relative;\n\n        overflow: hidden;\n      }\n\n      restful-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      oops-spinner {\n        display: none;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n      }\n\n      oops-spinner[show] {\n        display: block;\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  @property({ type: Number }) _page: number = 1\n  @property({ type: Number }) _total: number = 0\n  @property({ type: Boolean }) _showSpinner?: boolean\n  @property({ type: String }) userName: string = localStorage.getItem('FMB_userNM') || ''\n\n  _infiniteScrollOptions: any = { limit: 30 }\n  types: any[] = []\n  popup\n  value\n\n  get context() {\n    var group = this.groups && this.groups.find(group => group.id === this.groupId)\n\n    return {\n      title: {\n        icon: 'dashboard',\n        text: group ? group.name : 'Board List'\n      },\n      board_topmenu: true\n    }\n  }\n\n  render() {\n    return html`\n      <restful-board-tile-list\n        id=\"list\"\n        .boards=${this.boards}\n        .favorites=${this.favorites}\n        .groups=${this.groups}\n        .group=${this.groupId}\n        .creatable=${true}\n        .types=${this.types}\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      ></restful-board-tile-list>\n\n      <restful-group-bar\n        .groups=${this.groups}\n        .groupId=${this.groupId}\n        targetPage=\"board-list\"\n        @info-group=${e => this.onInfoGroup(e.detail)}\n      ></restful-group-bar>\n\n      <oops-spinner ?show=${this._showSpinner}></oops-spinner>\n    `\n  }\n\n  get scrollTargetEl() {\n    return this.renderRoot.querySelector('restful-board-tile-list')\n  }\n\n  async refresh() {\n    let response = (await fetchGroupList())?.data\n    if (!response || !response.status) throw new Error('Error : fetchGroupList')\n    this.groups = response.groups\n\n    // this.groups = (await fetchGroupList()).data\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\n    var listParam = {\n      filters: this.groupId\n        ? [\n            {\n              name: 'group_id',\n              operator: 'eq',\n              value: this.groupId\n            }\n          ]\n        : [],\n      sortings: [\n        {\n          name: 'name',\n          desc: true\n        }\n      ],\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    let result = (await fetchBoardList(listParam))?.data\n    if (!result || !result.status) {\n      this._notify('error', 'FetchBoardList Error!', '')\n    }\n\n    return { items: result?.boards || [], total: result?.boards.length || 0 }\n  }\n\n  async getFavoriteBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {\n    var listParam = {\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    const boards = (await fetchFavoriteBoardList(listParam))?.data.boards\n\n    return {\n      items: boards,\n      total: boards.length\n    }\n  }\n\n  async refreshBoards() {\n    if (!this.groups) {\n      await this.refresh()\n      return\n    }\n\n    this._showSpinner = true\n\n    var { items: boards, total } = await this.getBoards()\n\n    this.boards = boards\n    this._page = 1\n    this._total = total\n\n    this.updateContext()\n\n    var list = this.renderRoot.querySelector('restful-board-tile-list') as HTMLElement\n\n    list.style.transition = ''\n    list.style.transform = `translate3d(0, 0, 0)`\n\n    this._showSpinner = false\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.refreshFavorites()\n    this.refresh()\n  }\n\n  async pageUpdated(changes, lifecycle) {\n    if (this.active) {\n      this.groupId = lifecycle.resourceId\n\n      await this.updateComplete\n\n      this.refreshBoards()\n    }\n  }\n\n  stateChanged(state) {\n    this.favorites = state.favorite.favorites\n  }\n\n  async onInfoBoard(boardId) {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    /*\n     * 기존 설정된 보드가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.\n     * 주의. value는 object일 수도 있고, string일 수도 있다.\n     * string인 경우에는 해당 보드의 id로 해석한다.\n     */\n    var value = this.value || {}\n\n    var template = html`\n      <board-info\n        .boardId=${boardId}\n        .groupId=${this.groupId}\n        @update-board=${e => this.onUpdateBoard(e.detail)}\n        @delete-board=${e => this.onDeleteBoard(e.detail)}\n      ></board-info>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'medium',\n      title: 'Board infomation'\n    })\n  }\n\n  async onInfoGroup(groupId) {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    /*\n     * 기존 설정된 보드가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.\n     * 주의. value는 object일 수도 있고, string일 수도 있다.\n     * string인 경우에는 해당 보드의 id로 해석한다.\n     */\n    var value = this.value || {}\n\n    var 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      ></group-info>\n    `\n\n    let title\n    if (groupId) {\n      title = 'Group Information'\n    } else {\n      title = 'Create Group'\n    }\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'medium',\n      title\n    })\n  }\n\n  async onCreateGroup(group) {\n    try {\n      group.userName = this.userName\n      await createGroup(group)\n      this._notify('info', 'new group created')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onUpdateGroup(group) {\n    try {\n      group.userName = this.userName\n      await updateGroup(group)\n      this._notify('info', 'saved')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onDeleteGroup(groupId) {\n    try {\n      await deleteGroup(groupId)\n      this._notify('info', 'deleted')\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: 1600,\n          height: 1200,\n          fillStyle: 'white'\n        }\n      }\n\n      board.userName = this.userName\n\n      board.header = JSON.stringify(board.header)\n\n      // TODO SHNAM CONFIRM\n      // if (board.useMcsAutoConfig) {\n      //   let dataSubscriptions = [] as any[]\n      //   mcsAutoConfig.mcsAutoScenarios.forEach((scenario, index) => {\n      //     ;(scenario.mcsAutoDataSub.id = scenario.id + '_dataSub'), dataSubscriptions.push(scenario.mcsAutoDataSub)\n      //   })\n      //   board.model.components = dataSubscriptions\n      // }\n\n      await createBoard(board)\n\n      this._notify('info', 'new board created')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onUpdateBoard(board) {\n    try {\n      await updateBoard({\n        id: board.id,\n        name: board.name,\n        groupId: board.groupId,\n        description: board.description,\n        userName: this.userName\n      })\n      this._notify('info', 'saved')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onDeleteBoard(boardId) {\n    try {\n      await deleteBoard(boardId)\n      this._notify('info', 'deleted')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async refreshFavorites() {\n    const result = (await refreshFavorites())?.data\n    if (!result || !result.status) {\n      this._notify('error', 'RefreshFavorites Error!', '')\n    }\n    const response = { data: { myFavorites: result?.favoriteList || [] } }\n\n    store.dispatch({\n      type: UPDATE_FAVORITES,\n      favorites: response.data.myFavorites.map(favorite => favorite.routing)\n    })\n  }\n\n  _notify(level: string, 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":"restful-board-list-page.js","sourceRoot":"","sources":["../../client/pages/restful-board-list-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\nimport '../board-list/restful-board-tile-list'\nimport '../board-list/restful-group-bar'\n\nimport '../viewparts/board-info'\nimport '../viewparts/group-info'\nimport '../viewparts/board-creation-popup'\n\nimport { css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { PageView, store } from '@operato/shell'\nimport InfiniteScrollable from '@operato/utils/mixins/infinite-scrollable.js'\nimport { UPDATE_FAVORITES } from '@things-factory/fav-base/client'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { openPopup } from '@operato/layout'\n\nimport {\n  fetchGroupList,\n  fetchBoardList,\n  fetchFavoriteBoardList,\n  createGroup,\n  updateGroup,\n  deleteGroup,\n  createBoard,\n  updateBoard,\n  deleteBoard,\n  refreshFavorites\n} from '@fmsim/api/restful.js'\n\nimport mcsAutoConfig from '../mcs-config/mcs_auto_config.json'\n\n@customElement('restful-board-list-page')\nclass BoardListPage extends connect(store)(InfiniteScrollable(PageView)) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column-reverse;\n        position: relative;\n\n        overflow: hidden;\n      }\n\n      restful-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      oops-spinner {\n        display: none;\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n      }\n\n      oops-spinner[show] {\n        display: block;\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  @property({ type: Number }) _page: number = 1\n  @property({ type: Number }) _total: number = 0\n  @property({ type: Boolean }) _showSpinner?: boolean\n  @property({ type: String }) userName: string = localStorage.getItem('FMB_userNM') || ''\n\n  _infiniteScrollOptions: any = { limit: 30 }\n  types: any[] = []\n  popup\n  value\n\n  get context() {\n    var group = this.groups && this.groups.find(group => group.id === this.groupId)\n\n    return {\n      title: {\n        icon: 'dashboard',\n        text: group ? group.name : 'Board List'\n      },\n      board_topmenu: true\n    }\n  }\n\n  render() {\n    return html`\n      <restful-board-tile-list\n        id=\"list\"\n        .boards=${this.boards}\n        .favorites=${this.favorites}\n        .groups=${this.groups}\n        .group=${this.groupId}\n        .creatable=${true}\n        .types=${this.types}\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      ></restful-board-tile-list>\n\n      <restful-group-bar\n        .groups=${this.groups}\n        .groupId=${this.groupId}\n        targetPage=\"board-list\"\n        @info-group=${e => this.onInfoGroup(e.detail)}\n      ></restful-group-bar>\n\n      <oops-spinner ?show=${this._showSpinner}></oops-spinner>\n    `\n  }\n\n  get scrollTargetEl() {\n    return this.renderRoot.querySelector('restful-board-tile-list')\n  }\n\n  async refresh() {\n    let response = (await fetchGroupList())?.data\n    if (!response || !response.status) throw new Error('Error : fetchGroupList')\n    this.groups = response.groups\n\n    // this.groups = (await fetchGroupList()).data\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\n    var listParam = {\n      filters: this.groupId\n        ? [\n            {\n              name: 'group_id',\n              operator: 'eq',\n              value: this.groupId\n            }\n          ]\n        : [],\n      sortings: [\n        {\n          name: 'name',\n          desc: true\n        }\n      ],\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    let result = (await fetchBoardList(listParam))?.data\n    if (!result || !result.status) {\n      this._notify('error', 'FetchBoardList Error!', '')\n    }\n\n    return { items: result?.boards || [], total: result?.boards.length || 0 }\n  }\n\n  async getFavoriteBoards({ page = 1, limit = this._infiniteScrollOptions.limit } = {}) {\n    var listParam = {\n      pagination: {\n        page,\n        limit\n      }\n    }\n\n    const boards = (await fetchFavoriteBoardList(listParam))?.data.boards\n\n    return {\n      items: boards,\n      total: boards.length\n    }\n  }\n\n  async refreshBoards() {\n    if (!this.groups) {\n      await this.refresh()\n      return\n    }\n\n    this._showSpinner = true\n\n    var { items: boards, total } = await this.getBoards()\n\n    this.boards = boards\n    this._page = 1\n    this._total = total\n\n    this.updateContext()\n\n    var list = this.renderRoot.querySelector('restful-board-tile-list') as HTMLElement\n\n    list.style.transition = ''\n    list.style.transform = `translate3d(0, 0, 0)`\n\n    this._showSpinner = false\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.refreshFavorites()\n    this.refresh()\n  }\n\n  async pageUpdated(changes, lifecycle) {\n    if (this.active) {\n      this.groupId = lifecycle.resourceId\n\n      await this.updateComplete\n\n      this.refreshBoards()\n    }\n  }\n\n  stateChanged(state) {\n    this.favorites = state.favorite.favorites\n  }\n\n  async onInfoBoard(boardId) {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    /*\n     * 기존 설정된 보드가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.\n     * 주의. value는 object일 수도 있고, string일 수도 있다.\n     * string인 경우에는 해당 보드의 id로 해석한다.\n     */\n    var value = this.value || {}\n\n    var template = html`\n      <board-info\n        .boardId=${boardId}\n        .groupId=${this.groupId}\n        @update-board=${e => this.onUpdateBoard(e.detail)}\n        @delete-board=${e => this.onDeleteBoard(e.detail)}\n      ></board-info>\n    `\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'medium',\n      title: 'Board infomation'\n    })\n  }\n\n  async onInfoGroup(groupId) {\n    if (this.popup) {\n      delete this.popup\n    }\n\n    /*\n     * 기존 설정된 보드가 선택된 상태가 되게 하기 위해서는 selector에 value를 전달해줄 필요가 있음.\n     * 주의. value는 object일 수도 있고, string일 수도 있다.\n     * string인 경우에는 해당 보드의 id로 해석한다.\n     */\n    var value = this.value || {}\n\n    var 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      ></group-info>\n    `\n\n    let title\n    if (groupId) {\n      title = 'Group Information'\n    } else {\n      title = 'Create Group'\n    }\n\n    this.popup = openPopup(template, {\n      backdrop: true,\n      size: 'medium',\n      title\n    })\n  }\n\n  async onCreateGroup(group) {\n    try {\n      group.userName = this.userName\n      await createGroup(group)\n      this._notify('info', 'new group created')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onUpdateGroup(group) {\n    try {\n      group.userName = this.userName\n      await updateGroup(group)\n      this._notify('info', 'saved')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refresh()\n  }\n\n  async onDeleteGroup(groupId) {\n    try {\n      await deleteGroup(groupId)\n      this._notify('info', 'deleted')\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: 1600,\n          height: 1200,\n          fillStyle: 'white'\n        }\n      }\n\n      board.userName = this.userName\n\n      board.header = JSON.stringify(board.header)\n\n      // TODO SHNAM CONFIRM\n      // if (board.useMcsAutoConfig) {\n      //   let dataSubscriptions = [] as any[]\n      //   mcsAutoConfig.mcsAutoScenarios.forEach((scenario, index) => {\n      //     ;(scenario.mcsAutoDataSub.id = scenario.id + '_dataSub'), dataSubscriptions.push(scenario.mcsAutoDataSub)\n      //   })\n      //   board.model.components = dataSubscriptions\n      // }\n\n      await createBoard(board)\n\n      this._notify('info', 'new board created')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onUpdateBoard(board) {\n    try {\n      await updateBoard({\n        id: board.id,\n        name: board.name,\n        groupId: board.groupId,\n        description: board.description,\n        userName: this.userName\n      })\n      this._notify('info', 'saved')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async onDeleteBoard(boardId) {\n    try {\n      await deleteBoard(boardId)\n      this._notify('info', 'deleted')\n    } catch (ex) {\n      this._notify('error', ex, ex)\n    }\n\n    this.refreshBoards()\n  }\n\n  async refreshFavorites() {\n    const result = (await refreshFavorites())?.data\n    if (!result || !result.status) {\n      this._notify('error', 'RefreshFavorites Error!', '')\n    }\n    const response = { data: { myFavorites: result?.favoriteList || [] } }\n\n    store.dispatch({\n      type: UPDATE_FAVORITES,\n      favorites: response.data.myFavorites.map(favorite => favorite.routing)\n    })\n  }\n\n  _notify(level: string, 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"]}

package/dist-client/pages/restful-board-modeller-page.d.ts

@@ -41,7 +41,7 @@ export declare class BoardModellerPage extends BoardModellerPage_base {
     updated(changes: any): void;
     pageUpdated(changes: any, lifecycle: any): void;
     stateChanged(state: any): void;
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     updateBoard(): Promise<void>;
     saveBoard(): Promise<void>;
 }

package/dist-client/pages/restful-board-viewer-page.d.ts

@@ -25,7 +25,7 @@ export declare class BoardViewerPage extends BoardViewerPage_base {
     get context(): {
         title: any;
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     updated(changes: any): void;
     pageUpdated(changes: any, lifecycle: any): void;
     stateChanged(state: any): void;

package/dist-client/pages/restful-connection.d.ts

@@ -33,7 +33,7 @@ export declare class Connection extends Connection_base {
         }[];
         board_topmenu: boolean;
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     pageInitialized(): Promise<void>;
     pageUpdated(changes: any, lifecycle: any): Promise<void>;
     fetchHandler({ page, limit, sorters }: {

package/dist-client/pages/restful-font-list-page.d.ts

@@ -7,5 +7,5 @@ export declare class FontListPage extends PageView {
         title: string;
         board_topmenu: boolean;
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
 }

package/dist-client/pages/restful-font-selector.d.ts

@@ -22,7 +22,7 @@ export declare class FontSelector extends FontSelector_base {
     creationCard: FontCreationCard;
     showGotoTop: any;
     constructor();
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     toggleSelectBox(): void;
     updated(changes: any): void;
     stateChanged(state: any): void;

package/dist-client/pages/restful-font-selector.js

@@ -9,7 +9,7 @@ import { i18next, localize } from '@operato/i18n';
 import { store } from '@operato/shell';
 import { client } from '@operato/graphql';
 import { ScrollbarStyles } from '@operato/styles';
-import { fetchFontList, createFont, updateFont, deleteFont } from '@things-factory/font-base';
+import { fetchFontList, createFont, updateFont, deleteFont } from '@things-factory/font-base/client';
 import { deleteAttachmentByRef } from '@fmsim/api/restful.js';
 import { FontCreationCard } from '../viewparts/font-creation-card-new';
 const btnOpenDropboxColor = require('../../assets/icons/group-bar/btn-open-dropbox-color.png');

package/dist-client/pages/restful-font-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"restful-font-selector.js","sourceRoot":"","sources":["../../client/pages/restful-font-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import '../viewparts/font-creation-card-new'\n\nimport { css, html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport gql from 'graphql-tag'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { store } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { fetchFontList, createFont, updateFont, deleteFont } from '@things-factory/font-base'\n\nimport { deleteAttachmentByRef } from '@fmsim/api/restful.js'\nimport { FontCreationCard } from '../viewparts/font-creation-card-new'\n\nconst btnOpenDropboxColor = require('../../assets/icons/group-bar/btn-open-dropbox-color.png')\nconst btnCloseDropbox = require('../../assets/icons/group-bar/btn-close-dropbox.png')\nconst btnAddList = require('../../assets/icons/group-bar/btn-add-list.png')\nconst btnCheckbox = require('../../assets/icons/font/btn-checkbox.svg')\nconst btnCheckboxHover = require('../../assets/icons/font/btn-checkbox-hover.svg')\nconst btnCheckboxBlank = require('../../assets/icons/font/btn-checkbox-blank.svg')\nconst btnCheckboxBlankHover = require('../../assets/icons/font/btn-checkbox-blank-hover.svg')\nconst btnDelete = require('../../assets/icons/font/btn-delete.svg')\nconst btnDeleteHover = require('../../assets/icons/font/btn-delete-hover.svg')\n\n@customElement('restful-font-selector')\nexport class FontSelector extends localize(i18next)(connect(store)(LitElement)) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        background-color: #fff;\n        /* --card-list-create-color: var(--primary-color); */\n        position: relative;\n      }\n\n      :host(.candrop) {\n        background: orange;\n        cursor: pointer;\n      }\n\n      #main {\n        overflow: auto;\n        padding: var(--popup-content-padding);\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n        grid-auto-rows: var(--card-list-rows-height);\n        grid-gap: 20px;\n        box-sizing: border-box;\n        padding-top: 20px !important;\n      }\n\n      #main .card {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        border-radius: var(--card-list-border-radius);\n        border: var(--font-selector-border);\n        background-color: var(--card-list-background-color);\n\n        position: relative;\n      }\n\n      .card .button-container {\n        position: absolute;\n        right: 0;\n        height: 100%;\n        display: flex;\n        direction: rtl;\n        flex-direction: column;\n        flex-wrap: wrap;\n      }\n\n      .card .button-container > mwc-icon,\n      .card .button-container > span {\n        background-color: var(--font-selector-icon-background-color);\n        text-align: center;\n        width: var(--font-selector-icon-size);\n        height: var(--font-selector-icon-size);\n        font: var(--font-selector-icon-font);\n        color: var(--font-selector-icon-color);\n      }\n\n      .card .button-container > mwc-icon:last-child,\n      .card .button-container > span:last-child {\n        border-bottom-left-radius: 12px;\n      }\n\n      .card .button-container > mwc-icon:hover,\n      .card .button-container > mwc-icon:active,\n      .card .button-container > span:hover,\n      .card .button-container > span:active {\n        background-color: var(--primary-color);\n        color: #fff;\n      }\n\n      #main .card.create {\n        overflow: visible;\n        background-color: initial;\n      }\n\n      #main .card:hover {\n        cursor: pointer;\n      }\n\n      [face] {\n        flex: 1;\n      }\n\n      [name] {\n        background-color: var(--primary-color);\n        opacity: 0.8;\n        margin-top: -35px;\n        width: 100%;\n        color: #fff;\n        font-weight: bolder;\n        font-size: 13px;\n        text-indent: 7px;\n      }\n\n      [provider] {\n        background-color: rgba(0, 0, 0, 0.7);\n        width: 100%;\n        min-height: 15px;\n        font-size: 0.6rem;\n        color: #fff;\n        text-indent: 7px;\n      }\n\n      #filter {\n        padding: 12px 12px 12px 20px;\n        background-color: var(--group-bar-background-color);\n        height: 28px;\n        z-index: 1;\n      }\n\n      select {\n        text-transform: capitalize;\n        float: right;\n      }\n\n      ul {\n        display: flex;\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        white-space: nowrap;\n        clear: both;\n      }\n\n      li {\n        padding: 0px 3px;\n      }\n\n      li:hover {\n        background-color: rgba(255, 180, 180, 1);\n      }\n\n      li a {\n        width: calc(100% - 24px);\n        padding: 5px 4px 1px 4px;\n        text-decoration: none;\n        font-size: 12px;\n        font-weight: bold;\n        color: rgb(233, 103, 128);\n        display: inline-block;\n      }\n\n      li span {\n        height: 16px;\n        margin-top: 4px;\n        border-radius: 2px;\n        float: right;\n        display: none;\n      }\n\n      li:hover span {\n        display: inline-block;\n      }\n\n      li span:hover {\n        background-color: #f8c2cc;\n      }\n\n      mwc-icon {\n        vertical-align: middle;\n      }\n\n      .group-select-box {\n        position: absolute;\n        width: 200px;\n        min-height: 22px;\n        font-size: 12px;\n        font-weight: bold;\n        color: #e96780;\n        border: 1px solid #ccc;\n        padding: 5px;\n        background-color: #fff;\n        float: left;\n        cursor: pointer;\n        display: inline-block;\n      }\n\n      .group-select-box > span:nth-child(1) {\n        padding: 4px 0 0 6px;\n        float: left;\n      }\n\n      .group-select-box > span:nth-child(2) {\n        float: right;\n        margin-top: 1px;\n      }\n\n      .select-box {\n        display: none;\n      }\n\n      .select-box.on {\n        display: block;\n        padding-top: 2px;\n      }\n\n      .select-box.active {\n        background-color: #1344;\n      }\n\n      .add-group {\n        cursor: pointer;\n      }\n\n      .btn-open-dropbox {\n        width: 8px;\n        height: 5px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnOpenDropboxColor)}) no-repeat;\n      }\n\n      .btn-close-dropbox {\n        width: 8px;\n        height: 5px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnCloseDropbox)}) no-repeat;\n      }\n\n      .btn-add-list-wrap {\n        margin: 5px 0 0 172px;\n        cursor: pointer;\n        display: inline-block;\n      }\n\n      .btn-add-list {\n        width: 9px;\n        height: 9px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnAddList)}) no-repeat;\n      }\n\n      select {\n        position: absolute;\n        width: 150px;\n        min-height: 22px;\n        font-size: 12px;\n        font-weight: bold;\n        color: #e96780;\n        border: 1px solid #ccc;\n        padding: 5px;\n        background-color: #fff;\n        z-index: 1;\n        float: left;\n        cursor: pointer;\n        display: inline-block;\n      }\n\n      .btn-checkbox {\n        width: 20px;\n        height: 20px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnCheckbox)}) no-repeat;\n      }\n      .card .button-container > span:hover > .btn-checkbox,\n      .card .button-container > span:active > .btn-checkbox {\n        background: url(${unsafeCSS(btnCheckboxHover)}) no-repeat;\n      }\n\n      .btn-checkbox-blank {\n        width: 20px;\n        height: 20px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnCheckboxBlank)}) no-repeat;\n      }\n      .card .button-container > span:hover > .btn-checkbox-blank,\n      .card .button-container > span:active > .btn-checkbox-blank {\n        background: url(${unsafeCSS(btnCheckboxBlankHover)}) no-repeat;\n      }\n\n      .btn-delete {\n        width: 20px;\n        height: 20px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnDelete)}) no-repeat;\n      }\n      .card .button-container > span:hover > .btn-delete,\n      .card .button-container > span:active > .btn-delete {\n        background: url(${unsafeCSS(btnDeleteHover)}) no-repeat;\n      }\n    `\n  ]\n\n  @property({ type: Array }) fonts: any[] = []\n  @property({ type: Number }) _page?: number\n  @property({ type: Number }) _total?: number\n  @property({ type: Boolean }) creatable?: boolean\n  @property({ type: String }) selectBoxToggle?: string | null\n  @property({ type: String }) btnDropBoxIcon?: string\n  @property({ type: String }) provider?: string\n\n  @query('#main') main!: HTMLDivElement\n  @query('#filter') filter!: HTMLDivElement\n  @query('font-creation-card-new') creationCard!: FontCreationCard\n\n  showGotoTop: any\n\n  constructor() {\n    super()\n    this.btnDropBoxIcon = 'btn-open-dropbox'\n  }\n\n  render() {\n    var fonts = this.fonts || []\n\n    return html`\n      <div id=\"filter\">\n        <div class=\"group-select-box\" @click=${this.toggleSelectBox}>\n          ${this.provider\n            ? html` <span>${this.provider}</span> `\n            : html` <span>${i18next.t('text.please choose a provider')}</span> `}\n          <span><i class=${this.btnDropBoxIcon || ''}></i></span>\n          <ul class=${`select-box ${this.selectBoxToggle}`}>\n            ${['google', 'custom'].map(\n              provider => html` <li\n                value=${provider}\n                @click=${e => {\n                  this.provider = provider\n                  this.requestUpdate()\n                }}\n              >\n                <a>${provider}</a>\n              </li>`\n            )}\n          </ul>\n        </div>\n      </div>\n      <div id=\"main\">\n        ${this.creatable\n          ? html`\n              <font-creation-card-new\n                class=\"card create\"\n                @create-font=${e => this.onCreateFont(e)}\n                @file-drop=${e => this.onAttachmentDropped(e)}\n              ></font-creation-card-new>\n            `\n          : html``}\n        ${fonts.map(\n          font => html`\n            <div class=\"card\" @click=${e => this.onClickSelect(font)}>\n              <div face>\n                <font .face=${font.name}>ABCDEFGHIJKLMN</font>\n                <font .face=${font.name}>abcdefghijklmn</font>\n              </div>\n              <div name>${font.name}</div>\n              <div provider>${font.provider}</div>\n              <div class=\"button-container\">\n                <span\n                  @click=${e => {\n                    e.stopPropagation()\n                    this.toggleActive(font)\n                  }}\n                >\n                  <i class=\"${font.active ? 'btn-checkbox' : 'btn-checkbox-blank'}\"></i>\n                </span>\n                <span\n                  @click=${e => {\n                    e.stopPropagation()\n                    this.deleteFont(font)\n                  }}\n                >\n                  <i class=\"btn-delete\"></i>\n                </span>\n              </div>\n            </div>\n          `\n        )}\n      </div>\n    `\n  }\n\n  toggleSelectBox() {\n    if (this.selectBoxToggle === 'on') {\n      this.selectBoxToggle = null\n      this.btnDropBoxIcon = 'btn-close-dropbox'\n    } else {\n      this.selectBoxToggle = 'on'\n      this.btnDropBoxIcon = 'btn-open-dropbox'\n    }\n  }\n\n  updated(changes) {\n    if (changes.has('fonts')) {\n      var creationCard = this.creationCard\n      if (creationCard) {\n        creationCard.reset()\n      }\n    }\n  }\n\n  stateChanged(state) {\n    this.fonts = state.font\n  }\n\n  refresh() {\n    return store.dispatch(fetchFontList())\n  }\n\n  toggleActive(font) {\n    store.dispatch(updateFont({ id: font.id, active: !font.active }))\n  }\n\n  onCreateFont(e) {\n    var font = e.detail\n    this.createFont(font)\n  }\n\n  async createFont(font) {\n    if (font._files && font._files.length > 0) {\n      let attachment = await this.attachFile(font._files[0], ['fullpath', 'refBy'])\n      font.id = attachment ? attachment.refBy : null\n      font.uri = attachment ? attachment.fullpath : null\n      delete font._files\n    }\n\n    store.dispatch(createFont(font))\n  }\n\n  async onAttachmentDropped(e) {\n    var isNonFontIncluded = false\n    var files = e.detail.filter(file => {\n      var isFontFormat = !!['.woff', '.woff2', '.eot', '.svg', '.svgz', '.ttf', '.otf'].find(ext =>\n        file.name.endsWith(ext)\n      )\n      if (!isFontFormat) {\n        isNonFontIncluded = true\n        return false\n      }\n      var alreadyExist = !!this.fonts.find(font => font.name == file.name.replace(/\\.[^/.]+$/, '').replace('.', '_'))\n      if (alreadyExist) return false\n      return true\n    })\n    // TODO alert if non-font file is included. ex) Non-font file is excluded in upload list.\n\n    if (files.length > 0) {\n      var attached = await this.attachFiles(files, ['name', 'fullpath', 'refBy'])\n      attached.forEach(attachment => {\n        this.createFont({\n          id: attachment.refBy,\n          name: attachment.name.replace(/\\.[^/.]+$/, '').replace('.', '_'), // cannot apply font correctly if '.' exists in name\n          provider: 'custom',\n          active: true,\n          uri: attachment.fullpath\n        })\n      })\n    }\n  }\n\n  /**\n   * attach a file\n   *\n   * @param { File } file file\n   * @param { Array<String> } fields fields to select from return\n   */\n  async attachFile(file, fields: string[] = []) {\n    var attaching = await client.mutate({\n      mutation: gql`\n        mutation ($attachment: NewAttachment!) {\n          createAttachment(attachment: $attachment) {\n            id\n          }\n        }\n      `,\n      variables: {\n        attachment: { refBy: uuidv4(), category: 'font', file }\n      },\n      context: {\n        hasUpload: true\n      }\n    })\n    // TODO mutation 이후 query 호출 안 해도 되도록 수정\n    // fullpath 값은 getter라서 그런지 뮤테이션에서 못 받아오는 듯\n    var attached = await client.query({\n      query: gql`\n        query($id: String!) {\n          attachment(id: $id) {\n            id\n            ${fields.join('\\n')}\n          }\n        }\n      `,\n      variables: {\n        id: attaching.data.createAttachment ? attaching.data.createAttachment.id : null\n      }\n    })\n\n    return attached.data.attachment\n  }\n\n  /**\n   * attach multiple files\n   *\n   * @param { Array<File> } files files\n   * @param { Array<String> } fields fields to select from return\n   */\n  async attachFiles(files, fields: string[] = []) {\n    var attaching = await client.mutate({\n      mutation: gql`\n        mutation ($attachments: [NewAttachment]!) {\n          createAttachments(attachments: $attachments) {\n            id\n          }\n        }\n      `,\n      variables: {\n        attachments: files.map(file => ({ refBy: uuidv4(), category: '', file }))\n      },\n      context: {\n        hasUpload: true\n      }\n    })\n    // TODO mutation 이후 query 호출 안 해도 되도록 수정\n    // fullpath 값은 getter라서 그런지 뮤테이션에서 못 받아오는 듯\n    var attached = await client.query({\n      query: gql`\n        query($filters: [Filter]) {\n          attachments(filters: $filters) {\n            items {\n              id\n              ${fields.join('\\n')}\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters: {\n          name: 'id',\n          operator: 'in',\n          value: attaching.data.createAttachments.map(attachment => attachment.id)\n        }\n      }\n    })\n    return attached.data.attachments.items\n  }\n\n  async deleteFont(font) {\n    try {\n      // require.resolve('@things-factory/attachment-ui')\n      await deleteAttachmentByRef(font.id)\n    } catch (e) {}\n\n    store.dispatch(deleteFont(font))\n  }\n\n  onClickSelect(font) {\n    this.dispatchEvent(\n      new CustomEvent('font-selected', {\n        composed: true,\n        bubbles: true,\n        detail: {\n          font\n        }\n      })\n    )\n  }\n}\n"]}
+{"version":3,"file":"restful-font-selector.js","sourceRoot":"","sources":["../../client/pages/restful-font-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import '../viewparts/font-creation-card-new'\n\nimport { css, html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport gql from 'graphql-tag'\nimport { v4 as uuidv4 } from 'uuid'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { store } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { fetchFontList, createFont, updateFont, deleteFont } from '@things-factory/font-base/client'\n\nimport { deleteAttachmentByRef } from '@fmsim/api/restful.js'\nimport { FontCreationCard } from '../viewparts/font-creation-card-new'\n\nconst btnOpenDropboxColor = require('../../assets/icons/group-bar/btn-open-dropbox-color.png')\nconst btnCloseDropbox = require('../../assets/icons/group-bar/btn-close-dropbox.png')\nconst btnAddList = require('../../assets/icons/group-bar/btn-add-list.png')\nconst btnCheckbox = require('../../assets/icons/font/btn-checkbox.svg')\nconst btnCheckboxHover = require('../../assets/icons/font/btn-checkbox-hover.svg')\nconst btnCheckboxBlank = require('../../assets/icons/font/btn-checkbox-blank.svg')\nconst btnCheckboxBlankHover = require('../../assets/icons/font/btn-checkbox-blank-hover.svg')\nconst btnDelete = require('../../assets/icons/font/btn-delete.svg')\nconst btnDeleteHover = require('../../assets/icons/font/btn-delete-hover.svg')\n\n@customElement('restful-font-selector')\nexport class FontSelector extends localize(i18next)(connect(store)(LitElement)) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        background-color: #fff;\n        /* --card-list-create-color: var(--primary-color); */\n        position: relative;\n      }\n\n      :host(.candrop) {\n        background: orange;\n        cursor: pointer;\n      }\n\n      #main {\n        overflow: auto;\n        padding: var(--popup-content-padding);\n        display: grid;\n        grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n        grid-auto-rows: var(--card-list-rows-height);\n        grid-gap: 20px;\n        box-sizing: border-box;\n        padding-top: 20px !important;\n      }\n\n      #main .card {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        border-radius: var(--card-list-border-radius);\n        border: var(--font-selector-border);\n        background-color: var(--card-list-background-color);\n\n        position: relative;\n      }\n\n      .card .button-container {\n        position: absolute;\n        right: 0;\n        height: 100%;\n        display: flex;\n        direction: rtl;\n        flex-direction: column;\n        flex-wrap: wrap;\n      }\n\n      .card .button-container > mwc-icon,\n      .card .button-container > span {\n        background-color: var(--font-selector-icon-background-color);\n        text-align: center;\n        width: var(--font-selector-icon-size);\n        height: var(--font-selector-icon-size);\n        font: var(--font-selector-icon-font);\n        color: var(--font-selector-icon-color);\n      }\n\n      .card .button-container > mwc-icon:last-child,\n      .card .button-container > span:last-child {\n        border-bottom-left-radius: 12px;\n      }\n\n      .card .button-container > mwc-icon:hover,\n      .card .button-container > mwc-icon:active,\n      .card .button-container > span:hover,\n      .card .button-container > span:active {\n        background-color: var(--primary-color);\n        color: #fff;\n      }\n\n      #main .card.create {\n        overflow: visible;\n        background-color: initial;\n      }\n\n      #main .card:hover {\n        cursor: pointer;\n      }\n\n      [face] {\n        flex: 1;\n      }\n\n      [name] {\n        background-color: var(--primary-color);\n        opacity: 0.8;\n        margin-top: -35px;\n        width: 100%;\n        color: #fff;\n        font-weight: bolder;\n        font-size: 13px;\n        text-indent: 7px;\n      }\n\n      [provider] {\n        background-color: rgba(0, 0, 0, 0.7);\n        width: 100%;\n        min-height: 15px;\n        font-size: 0.6rem;\n        color: #fff;\n        text-indent: 7px;\n      }\n\n      #filter {\n        padding: 12px 12px 12px 20px;\n        background-color: var(--group-bar-background-color);\n        height: 28px;\n        z-index: 1;\n      }\n\n      select {\n        text-transform: capitalize;\n        float: right;\n      }\n\n      ul {\n        display: flex;\n        list-style: none;\n        margin: 0;\n        padding: 0;\n        white-space: nowrap;\n        clear: both;\n      }\n\n      li {\n        padding: 0px 3px;\n      }\n\n      li:hover {\n        background-color: rgba(255, 180, 180, 1);\n      }\n\n      li a {\n        width: calc(100% - 24px);\n        padding: 5px 4px 1px 4px;\n        text-decoration: none;\n        font-size: 12px;\n        font-weight: bold;\n        color: rgb(233, 103, 128);\n        display: inline-block;\n      }\n\n      li span {\n        height: 16px;\n        margin-top: 4px;\n        border-radius: 2px;\n        float: right;\n        display: none;\n      }\n\n      li:hover span {\n        display: inline-block;\n      }\n\n      li span:hover {\n        background-color: #f8c2cc;\n      }\n\n      mwc-icon {\n        vertical-align: middle;\n      }\n\n      .group-select-box {\n        position: absolute;\n        width: 200px;\n        min-height: 22px;\n        font-size: 12px;\n        font-weight: bold;\n        color: #e96780;\n        border: 1px solid #ccc;\n        padding: 5px;\n        background-color: #fff;\n        float: left;\n        cursor: pointer;\n        display: inline-block;\n      }\n\n      .group-select-box > span:nth-child(1) {\n        padding: 4px 0 0 6px;\n        float: left;\n      }\n\n      .group-select-box > span:nth-child(2) {\n        float: right;\n        margin-top: 1px;\n      }\n\n      .select-box {\n        display: none;\n      }\n\n      .select-box.on {\n        display: block;\n        padding-top: 2px;\n      }\n\n      .select-box.active {\n        background-color: #1344;\n      }\n\n      .add-group {\n        cursor: pointer;\n      }\n\n      .btn-open-dropbox {\n        width: 8px;\n        height: 5px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnOpenDropboxColor)}) no-repeat;\n      }\n\n      .btn-close-dropbox {\n        width: 8px;\n        height: 5px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnCloseDropbox)}) no-repeat;\n      }\n\n      .btn-add-list-wrap {\n        margin: 5px 0 0 172px;\n        cursor: pointer;\n        display: inline-block;\n      }\n\n      .btn-add-list {\n        width: 9px;\n        height: 9px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnAddList)}) no-repeat;\n      }\n\n      select {\n        position: absolute;\n        width: 150px;\n        min-height: 22px;\n        font-size: 12px;\n        font-weight: bold;\n        color: #e96780;\n        border: 1px solid #ccc;\n        padding: 5px;\n        background-color: #fff;\n        z-index: 1;\n        float: left;\n        cursor: pointer;\n        display: inline-block;\n      }\n\n      .btn-checkbox {\n        width: 20px;\n        height: 20px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnCheckbox)}) no-repeat;\n      }\n      .card .button-container > span:hover > .btn-checkbox,\n      .card .button-container > span:active > .btn-checkbox {\n        background: url(${unsafeCSS(btnCheckboxHover)}) no-repeat;\n      }\n\n      .btn-checkbox-blank {\n        width: 20px;\n        height: 20px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnCheckboxBlank)}) no-repeat;\n      }\n      .card .button-container > span:hover > .btn-checkbox-blank,\n      .card .button-container > span:active > .btn-checkbox-blank {\n        background: url(${unsafeCSS(btnCheckboxBlankHover)}) no-repeat;\n      }\n\n      .btn-delete {\n        width: 20px;\n        height: 20px;\n        display: inline-block;\n        background: url(${unsafeCSS(btnDelete)}) no-repeat;\n      }\n      .card .button-container > span:hover > .btn-delete,\n      .card .button-container > span:active > .btn-delete {\n        background: url(${unsafeCSS(btnDeleteHover)}) no-repeat;\n      }\n    `\n  ]\n\n  @property({ type: Array }) fonts: any[] = []\n  @property({ type: Number }) _page?: number\n  @property({ type: Number }) _total?: number\n  @property({ type: Boolean }) creatable?: boolean\n  @property({ type: String }) selectBoxToggle?: string | null\n  @property({ type: String }) btnDropBoxIcon?: string\n  @property({ type: String }) provider?: string\n\n  @query('#main') main!: HTMLDivElement\n  @query('#filter') filter!: HTMLDivElement\n  @query('font-creation-card-new') creationCard!: FontCreationCard\n\n  showGotoTop: any\n\n  constructor() {\n    super()\n    this.btnDropBoxIcon = 'btn-open-dropbox'\n  }\n\n  render() {\n    var fonts = this.fonts || []\n\n    return html`\n      <div id=\"filter\">\n        <div class=\"group-select-box\" @click=${this.toggleSelectBox}>\n          ${this.provider\n            ? html` <span>${this.provider}</span> `\n            : html` <span>${i18next.t('text.please choose a provider')}</span> `}\n          <span><i class=${this.btnDropBoxIcon || ''}></i></span>\n          <ul class=${`select-box ${this.selectBoxToggle}`}>\n            ${['google', 'custom'].map(\n              provider => html` <li\n                value=${provider}\n                @click=${e => {\n                  this.provider = provider\n                  this.requestUpdate()\n                }}\n              >\n                <a>${provider}</a>\n              </li>`\n            )}\n          </ul>\n        </div>\n      </div>\n      <div id=\"main\">\n        ${this.creatable\n          ? html`\n              <font-creation-card-new\n                class=\"card create\"\n                @create-font=${e => this.onCreateFont(e)}\n                @file-drop=${e => this.onAttachmentDropped(e)}\n              ></font-creation-card-new>\n            `\n          : html``}\n        ${fonts.map(\n          font => html`\n            <div class=\"card\" @click=${e => this.onClickSelect(font)}>\n              <div face>\n                <font .face=${font.name}>ABCDEFGHIJKLMN</font>\n                <font .face=${font.name}>abcdefghijklmn</font>\n              </div>\n              <div name>${font.name}</div>\n              <div provider>${font.provider}</div>\n              <div class=\"button-container\">\n                <span\n                  @click=${e => {\n                    e.stopPropagation()\n                    this.toggleActive(font)\n                  }}\n                >\n                  <i class=\"${font.active ? 'btn-checkbox' : 'btn-checkbox-blank'}\"></i>\n                </span>\n                <span\n                  @click=${e => {\n                    e.stopPropagation()\n                    this.deleteFont(font)\n                  }}\n                >\n                  <i class=\"btn-delete\"></i>\n                </span>\n              </div>\n            </div>\n          `\n        )}\n      </div>\n    `\n  }\n\n  toggleSelectBox() {\n    if (this.selectBoxToggle === 'on') {\n      this.selectBoxToggle = null\n      this.btnDropBoxIcon = 'btn-close-dropbox'\n    } else {\n      this.selectBoxToggle = 'on'\n      this.btnDropBoxIcon = 'btn-open-dropbox'\n    }\n  }\n\n  updated(changes) {\n    if (changes.has('fonts')) {\n      var creationCard = this.creationCard\n      if (creationCard) {\n        creationCard.reset()\n      }\n    }\n  }\n\n  stateChanged(state) {\n    this.fonts = state.font\n  }\n\n  refresh() {\n    return store.dispatch(fetchFontList())\n  }\n\n  toggleActive(font) {\n    store.dispatch(updateFont({ id: font.id, active: !font.active }))\n  }\n\n  onCreateFont(e) {\n    var font = e.detail\n    this.createFont(font)\n  }\n\n  async createFont(font) {\n    if (font._files && font._files.length > 0) {\n      let attachment = await this.attachFile(font._files[0], ['fullpath', 'refBy'])\n      font.id = attachment ? attachment.refBy : null\n      font.uri = attachment ? attachment.fullpath : null\n      delete font._files\n    }\n\n    store.dispatch(createFont(font))\n  }\n\n  async onAttachmentDropped(e) {\n    var isNonFontIncluded = false\n    var files = e.detail.filter(file => {\n      var isFontFormat = !!['.woff', '.woff2', '.eot', '.svg', '.svgz', '.ttf', '.otf'].find(ext =>\n        file.name.endsWith(ext)\n      )\n      if (!isFontFormat) {\n        isNonFontIncluded = true\n        return false\n      }\n      var alreadyExist = !!this.fonts.find(font => font.name == file.name.replace(/\\.[^/.]+$/, '').replace('.', '_'))\n      if (alreadyExist) return false\n      return true\n    })\n    // TODO alert if non-font file is included. ex) Non-font file is excluded in upload list.\n\n    if (files.length > 0) {\n      var attached = await this.attachFiles(files, ['name', 'fullpath', 'refBy'])\n      attached.forEach(attachment => {\n        this.createFont({\n          id: attachment.refBy,\n          name: attachment.name.replace(/\\.[^/.]+$/, '').replace('.', '_'), // cannot apply font correctly if '.' exists in name\n          provider: 'custom',\n          active: true,\n          uri: attachment.fullpath\n        })\n      })\n    }\n  }\n\n  /**\n   * attach a file\n   *\n   * @param { File } file file\n   * @param { Array<String> } fields fields to select from return\n   */\n  async attachFile(file, fields: string[] = []) {\n    var attaching = await client.mutate({\n      mutation: gql`\n        mutation ($attachment: NewAttachment!) {\n          createAttachment(attachment: $attachment) {\n            id\n          }\n        }\n      `,\n      variables: {\n        attachment: { refBy: uuidv4(), category: 'font', file }\n      },\n      context: {\n        hasUpload: true\n      }\n    })\n    // TODO mutation 이후 query 호출 안 해도 되도록 수정\n    // fullpath 값은 getter라서 그런지 뮤테이션에서 못 받아오는 듯\n    var attached = await client.query({\n      query: gql`\n        query($id: String!) {\n          attachment(id: $id) {\n            id\n            ${fields.join('\\n')}\n          }\n        }\n      `,\n      variables: {\n        id: attaching.data.createAttachment ? attaching.data.createAttachment.id : null\n      }\n    })\n\n    return attached.data.attachment\n  }\n\n  /**\n   * attach multiple files\n   *\n   * @param { Array<File> } files files\n   * @param { Array<String> } fields fields to select from return\n   */\n  async attachFiles(files, fields: string[] = []) {\n    var attaching = await client.mutate({\n      mutation: gql`\n        mutation ($attachments: [NewAttachment]!) {\n          createAttachments(attachments: $attachments) {\n            id\n          }\n        }\n      `,\n      variables: {\n        attachments: files.map(file => ({ refBy: uuidv4(), category: '', file }))\n      },\n      context: {\n        hasUpload: true\n      }\n    })\n    // TODO mutation 이후 query 호출 안 해도 되도록 수정\n    // fullpath 값은 getter라서 그런지 뮤테이션에서 못 받아오는 듯\n    var attached = await client.query({\n      query: gql`\n        query($filters: [Filter]) {\n          attachments(filters: $filters) {\n            items {\n              id\n              ${fields.join('\\n')}\n            }\n            total\n          }\n        }\n      `,\n      variables: {\n        filters: {\n          name: 'id',\n          operator: 'in',\n          value: attaching.data.createAttachments.map(attachment => attachment.id)\n        }\n      }\n    })\n    return attached.data.attachments.items\n  }\n\n  async deleteFont(font) {\n    try {\n      // require.resolve('@things-factory/attachment-ui')\n      await deleteAttachmentByRef(font.id)\n    } catch (e) {}\n\n    store.dispatch(deleteFont(font))\n  }\n\n  onClickSelect(font) {\n    this.dispatchEvent(\n      new CustomEvent('font-selected', {\n        composed: true,\n        bubbles: true,\n        detail: {\n          font\n        }\n      })\n    )\n  }\n}\n"]}

package/dist-client/pages/restful-scenario.d.ts

@@ -34,7 +34,7 @@ export declare class RestfulScenario extends RestfulScenario_base {
         }[];
         board_topmenu: boolean;
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     pageInitialized(lifecycle: any): Promise<void>;
     pageUpdated(changes: any, lifecycle: any): Promise<void>;
     fetchHandler({ page, limit, sorters, filters }: {

package/dist-client/pages/restful-theme.d.ts

@@ -32,7 +32,7 @@ export declare class Theme extends Theme_base {
         }[];
         board_topmenu: boolean;
     };
-    render(): import("lit").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
     pageInitialized(): Promise<void>;
     pageUpdated(changes: any, lifecycle: any): Promise<void>;
     fetchHandler({ page, limit, sorters }: {