@things-factory/board-ui 9.0.0-beta.3 → 9.0.0-beta.30

package/dist-client/viewparts/board-basic-info.js

@@ -9,7 +9,7 @@ import '@material/web/chips/filter-chip.js';
 import gql from 'graphql-tag';
 import { css, html, LitElement, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
-import { connect } from 'pwa-helpers/connect-mixin';
+import { connect } from 'pwa-helpers/connect-mixin.js';
 import { i18next } from '@operato/i18n';
 import { client } from '@operato/graphql';
 import { navigate, store } from '@operato/shell';

package/dist-client/viewparts/board-basic-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"board-basic-info.js","sourceRoot":"","sources":["../../client/viewparts/board-basic-info.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/textfield/filled-text-field.js'\nimport '@material/web/select/outlined-select'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/chips/chip-set.js'\nimport '@material/web/chips/assist-chip.js'\nimport '@material/web/chips/filter-chip.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin'\n\nimport { i18next } from '@operato/i18n'\nimport { client } from '@operato/graphql'\nimport { navigate, store } from '@operato/shell'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\n\nimport { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles'\n\n@customElement('board-basic-info')\nexport class BoardInfo extends connect(store)(LitElement) {\n  static styles = [\n    MDTypeScaleStyles,\n    css`\n      :host {\n        position: relative;\n        display: block;\n        background-color: var(--md-sys-color-surface);\n        color: var(--md-sys-color-on-surface);\n\n        --md-filled-field-top-space: 12px;\n        --md-filled-field-bottom-space: 12px;\n        --md-filled-field-leading-space: 12px;\n        --md-filled-field-trailing-space: 12px;\n\n        --md-outlined-field-top-space: 12px;\n        --md-outlined-field-bottom-space: 12px;\n        --md-outlined-field-leading-space: 12px;\n        --md-outlined-field-trailing-space: 12px;\n      }\n\n      img {\n        object-fit: contain;\n        max-width: 100%;\n        max-height: 100%;\n        border-bottom: 2px solid rgba(0, 0, 0, 0.1);\n      }\n\n      form {\n        display: grid;\n        grid-template-columns: repeat(12, 1fr);\n        grid-gap: 10px 0;\n        grid-auto-rows: minmax(24px, auto);\n        padding: var(--spacing-large);\n        align-items: center;\n      }\n\n      md-outlined-select,\n      md-filled-text-field {\n        flex: 1;\n        padding: 4px 0;\n        min-width: unset;\n      }\n\n      md-chip-set {\n        flex: 1;\n        display: flex;\n        gap: 4px;\n      }\n\n      fieldset {\n        display: contents;\n      }\n\n      legend {\n        grid-column: span 12;\n        padding: var(--legend-padding);\n        color: var(--md-sys-color-primary);\n        text-transform: capitalize;\n      }\n\n      label {\n        text-transform: capitalize;\n      }\n\n      md-icon[dim] {\n        font-variation-settings: 'FILL' 1;\n        --md-icon-size: 14px;\n        color: var(--md-sys-color-outline-variant);\n      }\n\n      [name] {\n        max-width: 70px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      [danger] {\n        --md-assist-chip-elevated-container-color: var(--md-sys-color-error);\n        --md-assist-chip-label-text-color: var(--md-sys-color-on-error);\n        --md-assist-chip-leading-icon-color: var(--md-sys-color-on-error);\n      }\n\n      [fullwidth] {\n        grid-column: span 12 / auto;\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n      }\n\n      [oneline] {\n        grid-column: span 12 / auto;\n        display: flex;\n        flex-direction: row;\n        gap: 4px;\n        align-items: center;\n      }\n\n      [oneline] md-filled-text-field,\n      [oneline] select {\n        flex: 1;\n      }\n\n      [right] {\n        margin-left: auto;\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) boardId?: string\n  @property({ type: String }) groupId?: string\n\n  @state() board: any\n  @state() boardGroupList: any[] = []\n  @state() playGroupList: any[] = []\n  @state() showTarget: boolean = false\n  @state() subdomain?: string\n  @state() enableModeller?: boolean = false\n\n  @state() targetDomains: { id: string; name: string; subdomain: string }[] = []\n  @state() targetGroups: { id: string; name: string }[] = []\n  @state() targetSubdomain?: string\n  @state() targetGroupId?: string\n\n  private original: any\n\n  render() {\n    var board = this.board || { name: '', description: '', playGroups: [] }\n    var boardGroupList = this.boardGroupList || []\n    var playGroupList = (this.playGroupList || []).map(group => {\n      return {\n        ...group,\n        checked: false\n      }\n    })\n    ;(board.playGroups || []).map(group => {\n      var playGroup = playGroupList.find(g => g.id == group.id)\n      if (playGroup) {\n        playGroup.checked = true\n      }\n    })\n\n    return html`\n      ${board.thumbnail ? html` <img src=${board.thumbnail} /> ` : html``}\n\n      <form class=\"md-typescale-body-medium\">\n        <fieldset>\n          <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.information')}</legend>\n          <div oneline>\n            <md-filled-text-field\n              label=${String(i18next.t('label.name'))}\n              type=\"text\"\n              .value=${board.name}\n              @change=${e => (this.board = { ...this.board, name: e.target.value })}\n              ?disabled=${!this.enableModeller}\n            ></md-filled-text-field>\n\n            ${this.enableModeller\n              ? html`\n                  <md-icon\n                    @click=${() => {\n                      this.showTarget = !this.showTarget\n                    }}\n                    tail\n                    >${this.showTarget ? 'arrow_drop_up' : 'arrow_drop_down'}</md-icon\n                  >\n                `\n              : nothing}\n          </div>\n          ${this.showTarget\n            ? html`\n                <div fullwidth target>\n                  <label class=\"md-typescale-label-meium-prominent\">${i18next.t('label.board-copy')}</label>\n                  <div oneline>\n                    <md-outlined-select\n                      label=${String(i18next.t('label.domain'))}\n                      @change=${e => {\n                        this.targetSubdomain = e.target.value\n                        this.getGroupsByDomain(this.targetSubdomain)\n                      }}\n                      .value=${this.targetSubdomain || ''}\n                      ?disabled=${!this.enableModeller}\n                    >\n                      <md-select-option aria-label=\"blank\"></md-select-option>\n                      ${this.targetDomains.map(\n                        domain => html`\n                          <md-select-option\n                            value=${domain.subdomain}\n                            ?selected=${domain.subdomain == this.targetSubdomain}\n                          >\n                            <div slot=\"headline\">${domain.name}</div>\n                          </md-select-option>\n                        `\n                      )}\n                    </md-outlined-select>\n\n                    <md-outlined-select\n                      label=${String(i18next.t('label.group'))}\n                      @change=${e => (this.targetGroupId = e.target.value)}\n                      .value=${this.targetGroupId || ''}\n                      ?disabled=${!this.enableModeller}\n                    >\n                      <md-select-option aria-label=\"blank\"></md-select-option>\n                      ${this.targetGroups.map(\n                        group => html`\n                          <md-select-option value=${group.id} ?selected=${group.id == this.targetGroupId}>\n                            <div slot=\"headline\">${group.name}</div>\n                          </md-select-option>\n                        `\n                      )}\n                    </md-outlined-select>\n                  </div>\n\n                  <md-chip-set oneline>\n                    <md-assist-chip\n                      elevated\n                      label=${String(i18next.t('button.copy'))}\n                      ?disabled=${!this.enableModeller ||\n                      !this.original?.name ||\n                      !this.board.name ||\n                      !this.targetSubdomain ||\n                      (this.original.name == this.board.name && this.subdomain == this.targetSubdomain)}\n                      @click=${this.cloneBoard.bind(this)}\n                      right\n                    >\n                      <md-icon slot=\"icon\">content_copy</md-icon>\n                    </md-assist-chip>\n\n                    <md-assist-chip\n                      elevated\n                      label=${String(i18next.t('button.export'))}\n                      @click=${this.exportBoard.bind(this)}\n                    >\n                      <md-icon slot=\"icon\">download</md-icon>\n                    </md-assist-chip>\n                  </md-chip-set>\n                </div>\n              `\n            : nothing}\n\n          <md-filled-text-field\n            oneline\n            label=${String(i18next.t('label.description'))}\n            .value=${board.description}\n            @change=${e => (this.board = { ...this.board, description: e.target.value })}\n            ?disabled=${!this.enableModeller}\n          ></md-filled-text-field>\n\n          <md-outlined-select\n            oneline\n            label=${String(i18next.t('label.group'))}\n            @change=${e => (this.board = { ...this.board, groupId: e.target.value })}\n            .value=${this.groupId || ''}\n            .displayText=${boardGroupList?.find(item => item.id == this.groupId)?.name}\n            ?disabled=${!this.enableModeller}\n          >\n            <md-select-option aria-label=\"blank\"></md-select-option>\n            ${boardGroupList.map(\n              item => html`\n                <md-select-option value=${item.id} ?selected=${item.id == this.groupId}>\n                  <div slot=\"headline\">${item.name}</div>\n                </md-select-option>\n              `\n            )}\n          </md-outlined-select>\n\n          <md-chip-set oneline>\n            <md-assist-chip\n              danger\n              elevated\n              ?disabled=${!this.enableModeller}\n              label=${String(i18next.t('button.delete'))}\n              @click=${this.deleteBoard.bind(this)}\n            >\n              <md-icon slot=\"icon\">delete_outline</md-icon>\n            </md-assist-chip>\n\n            <md-assist-chip\n              elevated\n              ?disabled=${!this.enableModeller}\n              label=${String(i18next.t('button.save'))}\n              @click=${this.updateBoard.bind(this)}\n              right\n            >\n              <md-icon slot=\"icon\">save</md-icon>\n            </md-assist-chip>\n            <md-assist-chip\n              elevated\n              ?disabled=${!this.enableModeller}\n              label=${String(i18next.t('button.edit'))}\n              @click=${() => navigate(`${'board-modeller/' + this.boardId}`)}\n            >\n              <md-icon slot=\"icon\">drive_file_rename_outline</md-icon>\n            </md-assist-chip>\n          </md-chip-set>\n        </fieldset>\n\n        <fieldset>\n          <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.status')}</legend>\n          <div oneline>\n            <label class=\"md-typescale-label-meium\">${i18next.t('label.creator')}</label>\n            <md-icon dim>person</md-icon>\n            <div name title=${(board.creator && board.creator.name) || 'anonymous'}>\n              ${(board.creator && board.creator.name) || 'anonymous'}\n            </div>\n            <md-icon dim>schedule</md-icon> ${new Date(board.createdAt).toLocaleString()}\n          </div>\n\n          <div oneline>\n            <label class=\"md-typescale-label-meium\">${i18next.t('label.updater')}</label>\n            <md-icon dim>person</md-icon>\n            <div name title=${(board.updater && board.updater.name) || 'anonymouse'}>\n              ${(board.updater && board.updater.name) || 'anonymouse'}\n            </div>\n            <md-icon dim>schedule</md-icon> ${new Date(board.updatedAt).toLocaleString()}\n          </div>\n\n          <div oneline>\n            <label class=\"md-typescale-label-meium\">${i18next.t('label.state')}</label>\n            <md-icon dim>signpost</md-icon> ${(board.state || '').toUpperCase()}\n            <md-icon dim>pin</md-icon> ${board.version}\n            <md-chip-set>\n              <md-assist-chip\n                elevated\n                label=${String(i18next.t('button.release'))}\n                ?disabled=${!this.enableModeller || !this.isReleasable}\n                @click=${this.releaseBoard.bind(this)}\n                right\n              >\n                <md-icon slot=\"icon\">new_releases</md-icon>\n              </md-assist-chip>\n            </md-chip-set>\n          </div>\n        </fieldset>\n\n        <fieldset>\n          <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.play-group')}</legend>\n          <md-chip-set oneline>\n            ${playGroupList.map(\n              item => html`\n                <md-filter-chip\n                  label=${item.name}\n                  ?selected=${item.checked}\n                  @click=${e => {\n                    e.target.selected ? this.joinPlayGroup(item) : this.leavePlayGroup(item)\n                  }}\n                ></md-filter-chip>\n              `\n            )}\n          </md-chip-set>\n        </fieldset>\n      </form>\n    `\n  }\n\n  stateChanged(state) {\n    this.subdomain = state.app?.domain?.subdomain\n    this.targetSubdomain = this.targetSubdomain ?? this.subdomain\n  }\n\n  async firstUpdated() {\n    this.enableModeller = await hasPrivilege({ privilege: 'mutation', category: 'board' })\n\n    this.refresh()\n  }\n\n  async refresh() {\n    var response = (\n      await client.query({\n        query: gql`\n          query FetchBoardById($id: String!) {\n            board(id: $id) {\n              id\n              name\n              description\n              model\n              group {\n                id\n                name\n              }\n              playGroups {\n                id\n                name\n              }\n              thumbnail\n              createdAt\n              creator {\n                id\n                name\n              }\n              state\n              version\n              updatedAt\n              updater {\n                id\n                name\n              }\n            }\n\n            groups {\n              items {\n                id\n                name\n                description\n              }\n            }\n\n            playGroups {\n              items {\n                id\n                name\n                description\n              }\n              total\n            }\n\n            domainsWithPrivilege(privilege: \"mutation\", category: \"board\") {\n              name\n              subdomain\n            }\n          }\n        `,\n        variables: { id: this.boardId }\n      })\n    ).data\n\n    this.board = response.board\n    this.boardGroupList = response.groups.items\n    this.playGroupList = response.playGroups.items\n\n    this.original = { ...this.board }\n\n    this.groupId = this.board.group?.id\n\n    this.targetDomains = response.domainsWithPrivilege\n    this.targetGroups = response.groups.items\n    this.targetGroupId = this.groupId\n  }\n\n  async getGroupsByDomain(subdomain?: string) {\n    this.targetGroups = []\n    this.targetGroupId = ''\n\n    if (!subdomain) {\n      return\n    }\n\n    var response = (\n      await client.query({\n        query: gql`\n          query {\n            groups {\n              items {\n                id\n                name\n                description\n              }\n            }\n          }\n        `,\n        variables: { id: this.boardId },\n        context: {\n          headers: {\n            'x-things-factory-domain': subdomain\n          }\n        }\n      })\n    ).data\n\n    this.targetGroups = response.groups.items\n  }\n\n  get isReleasable() {\n    if (!this.board || this.board.state == 'released') {\n      return false\n    }\n\n    const { name, description, groupId } = this.board\n\n    return (\n      this.original &&\n      this.original.name == name &&\n      this.original.description == description &&\n      this.original.groupId == groupId\n    )\n  }\n\n  async cloneBoard() {\n    if (!this.original.name || (this.board.name == this.original.name && this.subdomain == this.targetSubdomain)) {\n      document.dispatchEvent(\n        new CustomEvent('notify', {\n          detail: {\n            level: 'error',\n            message: i18next.t('error.name must be unique from the original board', { name: this.original.name })\n          }\n        })\n      )\n\n      return\n    }\n\n    const { id, name, description } = this.board\n\n    this.dispatchEvent(\n      new CustomEvent('clone-board', {\n        detail: {\n          id,\n          name,\n          description,\n          targetSubdomain: this.targetSubdomain,\n          targetGroupId: this.targetGroupId\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    this.close()\n  }\n\n  async exportBoard() {\n    const board = { ...this.board, model: JSON.parse(this.board.model) }\n\n    const json = JSON.stringify(board, null, 2)\n    const blob = new Blob([json], { type: 'application/json;charset=utf-8' })\n\n    const blobUrl = URL.createObjectURL(blob)\n\n    const link = document.createElement('a')\n    link.href = blobUrl\n    link.download = `${board.name}.json`\n\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n\n    URL.revokeObjectURL(blobUrl)\n  }\n\n  async releaseBoard() {\n    const { id } = this.board\n\n    this.dispatchEvent(\n      new CustomEvent('release-board', {\n        detail: {\n          id\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  async updateBoard() {\n    const { id, name, description, groupId } = this.board\n    /* model 정보를 제외하고 업데이트 */\n\n    this.dispatchEvent(\n      new CustomEvent('update-board', {\n        detail: { id, name, description, groupId },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  async deleteBoard() {\n    if (\n      await OxPrompt.open({\n        title: i18next.t('text.are_you_sure'),\n        text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),\n        confirmButton: { text: i18next.t('button.confirm') },\n        cancelButton: { text: i18next.t('button.cancel') }\n      })\n    ) {\n      this.dispatchEvent(\n        new CustomEvent('delete-board', {\n          detail: this.board,\n          bubbles: true,\n          composed: true\n        })\n      )\n\n      this.close()\n    }\n  }\n\n  async joinPlayGroup(group) {\n    this.dispatchEvent(\n      new CustomEvent('join-playgroup', {\n        detail: {\n          board: this.board,\n          playGroup: group\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  async leavePlayGroup(group) {\n    this.dispatchEvent(\n      new CustomEvent('leave-playgroup', {\n        detail: {\n          board: this.board,\n          playGroup: group\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}
+{"version":3,"file":"board-basic-info.js","sourceRoot":"","sources":["../../client/viewparts/board-basic-info.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/textfield/filled-text-field.js'\nimport '@material/web/select/outlined-select'\nimport '@material/web/button/elevated-button.js'\nimport '@material/web/chips/chip-set.js'\nimport '@material/web/chips/assist-chip.js'\nimport '@material/web/chips/filter-chip.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\n\nimport { i18next } from '@operato/i18n'\nimport { client } from '@operato/graphql'\nimport { navigate, store } from '@operato/shell'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\n\nimport { styles as MDTypeScaleStyles } from '@material/web/typography/md-typescale-styles'\n\n@customElement('board-basic-info')\nexport class BoardInfo extends connect(store)(LitElement) {\n  static styles = [\n    MDTypeScaleStyles,\n    css`\n      :host {\n        position: relative;\n        display: block;\n        background-color: var(--md-sys-color-surface);\n        color: var(--md-sys-color-on-surface);\n\n        --md-filled-field-top-space: 12px;\n        --md-filled-field-bottom-space: 12px;\n        --md-filled-field-leading-space: 12px;\n        --md-filled-field-trailing-space: 12px;\n\n        --md-outlined-field-top-space: 12px;\n        --md-outlined-field-bottom-space: 12px;\n        --md-outlined-field-leading-space: 12px;\n        --md-outlined-field-trailing-space: 12px;\n      }\n\n      img {\n        object-fit: contain;\n        max-width: 100%;\n        max-height: 100%;\n        border-bottom: 2px solid rgba(0, 0, 0, 0.1);\n      }\n\n      form {\n        display: grid;\n        grid-template-columns: repeat(12, 1fr);\n        grid-gap: 10px 0;\n        grid-auto-rows: minmax(24px, auto);\n        padding: var(--spacing-large);\n        align-items: center;\n      }\n\n      md-outlined-select,\n      md-filled-text-field {\n        flex: 1;\n        padding: 4px 0;\n        min-width: unset;\n      }\n\n      md-chip-set {\n        flex: 1;\n        display: flex;\n        gap: 4px;\n      }\n\n      fieldset {\n        display: contents;\n      }\n\n      legend {\n        grid-column: span 12;\n        padding: var(--legend-padding);\n        color: var(--md-sys-color-primary);\n        text-transform: capitalize;\n      }\n\n      label {\n        text-transform: capitalize;\n      }\n\n      md-icon[dim] {\n        font-variation-settings: 'FILL' 1;\n        --md-icon-size: 14px;\n        color: var(--md-sys-color-outline-variant);\n      }\n\n      [name] {\n        max-width: 70px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      [danger] {\n        --md-assist-chip-elevated-container-color: var(--md-sys-color-error);\n        --md-assist-chip-label-text-color: var(--md-sys-color-on-error);\n        --md-assist-chip-leading-icon-color: var(--md-sys-color-on-error);\n      }\n\n      [fullwidth] {\n        grid-column: span 12 / auto;\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n      }\n\n      [oneline] {\n        grid-column: span 12 / auto;\n        display: flex;\n        flex-direction: row;\n        gap: 4px;\n        align-items: center;\n      }\n\n      [oneline] md-filled-text-field,\n      [oneline] select {\n        flex: 1;\n      }\n\n      [right] {\n        margin-left: auto;\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) boardId?: string\n  @property({ type: String }) groupId?: string\n\n  @state() board: any\n  @state() boardGroupList: any[] = []\n  @state() playGroupList: any[] = []\n  @state() showTarget: boolean = false\n  @state() subdomain?: string\n  @state() enableModeller?: boolean = false\n\n  @state() targetDomains: { id: string; name: string; subdomain: string }[] = []\n  @state() targetGroups: { id: string; name: string }[] = []\n  @state() targetSubdomain?: string\n  @state() targetGroupId?: string\n\n  private original: any\n\n  render() {\n    var board = this.board || { name: '', description: '', playGroups: [] }\n    var boardGroupList = this.boardGroupList || []\n    var playGroupList = (this.playGroupList || []).map(group => {\n      return {\n        ...group,\n        checked: false\n      }\n    })\n    ;(board.playGroups || []).map(group => {\n      var playGroup = playGroupList.find(g => g.id == group.id)\n      if (playGroup) {\n        playGroup.checked = true\n      }\n    })\n\n    return html`\n      ${board.thumbnail ? html` <img src=${board.thumbnail} /> ` : html``}\n\n      <form class=\"md-typescale-body-medium\">\n        <fieldset>\n          <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.information')}</legend>\n          <div oneline>\n            <md-filled-text-field\n              label=${String(i18next.t('label.name'))}\n              type=\"text\"\n              .value=${board.name}\n              @change=${e => (this.board = { ...this.board, name: e.target.value })}\n              ?disabled=${!this.enableModeller}\n            ></md-filled-text-field>\n\n            ${this.enableModeller\n              ? html`\n                  <md-icon\n                    @click=${() => {\n                      this.showTarget = !this.showTarget\n                    }}\n                    tail\n                    >${this.showTarget ? 'arrow_drop_up' : 'arrow_drop_down'}</md-icon\n                  >\n                `\n              : nothing}\n          </div>\n          ${this.showTarget\n            ? html`\n                <div fullwidth target>\n                  <label class=\"md-typescale-label-meium-prominent\">${i18next.t('label.board-copy')}</label>\n                  <div oneline>\n                    <md-outlined-select\n                      label=${String(i18next.t('label.domain'))}\n                      @change=${e => {\n                        this.targetSubdomain = e.target.value\n                        this.getGroupsByDomain(this.targetSubdomain)\n                      }}\n                      .value=${this.targetSubdomain || ''}\n                      ?disabled=${!this.enableModeller}\n                    >\n                      <md-select-option aria-label=\"blank\"></md-select-option>\n                      ${this.targetDomains.map(\n                        domain => html`\n                          <md-select-option\n                            value=${domain.subdomain}\n                            ?selected=${domain.subdomain == this.targetSubdomain}\n                          >\n                            <div slot=\"headline\">${domain.name}</div>\n                          </md-select-option>\n                        `\n                      )}\n                    </md-outlined-select>\n\n                    <md-outlined-select\n                      label=${String(i18next.t('label.group'))}\n                      @change=${e => (this.targetGroupId = e.target.value)}\n                      .value=${this.targetGroupId || ''}\n                      ?disabled=${!this.enableModeller}\n                    >\n                      <md-select-option aria-label=\"blank\"></md-select-option>\n                      ${this.targetGroups.map(\n                        group => html`\n                          <md-select-option value=${group.id} ?selected=${group.id == this.targetGroupId}>\n                            <div slot=\"headline\">${group.name}</div>\n                          </md-select-option>\n                        `\n                      )}\n                    </md-outlined-select>\n                  </div>\n\n                  <md-chip-set oneline>\n                    <md-assist-chip\n                      elevated\n                      label=${String(i18next.t('button.copy'))}\n                      ?disabled=${!this.enableModeller ||\n                      !this.original?.name ||\n                      !this.board.name ||\n                      !this.targetSubdomain ||\n                      (this.original.name == this.board.name && this.subdomain == this.targetSubdomain)}\n                      @click=${this.cloneBoard.bind(this)}\n                      right\n                    >\n                      <md-icon slot=\"icon\">content_copy</md-icon>\n                    </md-assist-chip>\n\n                    <md-assist-chip\n                      elevated\n                      label=${String(i18next.t('button.export'))}\n                      @click=${this.exportBoard.bind(this)}\n                    >\n                      <md-icon slot=\"icon\">download</md-icon>\n                    </md-assist-chip>\n                  </md-chip-set>\n                </div>\n              `\n            : nothing}\n\n          <md-filled-text-field\n            oneline\n            label=${String(i18next.t('label.description'))}\n            .value=${board.description}\n            @change=${e => (this.board = { ...this.board, description: e.target.value })}\n            ?disabled=${!this.enableModeller}\n          ></md-filled-text-field>\n\n          <md-outlined-select\n            oneline\n            label=${String(i18next.t('label.group'))}\n            @change=${e => (this.board = { ...this.board, groupId: e.target.value })}\n            .value=${this.groupId || ''}\n            .displayText=${boardGroupList?.find(item => item.id == this.groupId)?.name}\n            ?disabled=${!this.enableModeller}\n          >\n            <md-select-option aria-label=\"blank\"></md-select-option>\n            ${boardGroupList.map(\n              item => html`\n                <md-select-option value=${item.id} ?selected=${item.id == this.groupId}>\n                  <div slot=\"headline\">${item.name}</div>\n                </md-select-option>\n              `\n            )}\n          </md-outlined-select>\n\n          <md-chip-set oneline>\n            <md-assist-chip\n              danger\n              elevated\n              ?disabled=${!this.enableModeller}\n              label=${String(i18next.t('button.delete'))}\n              @click=${this.deleteBoard.bind(this)}\n            >\n              <md-icon slot=\"icon\">delete_outline</md-icon>\n            </md-assist-chip>\n\n            <md-assist-chip\n              elevated\n              ?disabled=${!this.enableModeller}\n              label=${String(i18next.t('button.save'))}\n              @click=${this.updateBoard.bind(this)}\n              right\n            >\n              <md-icon slot=\"icon\">save</md-icon>\n            </md-assist-chip>\n            <md-assist-chip\n              elevated\n              ?disabled=${!this.enableModeller}\n              label=${String(i18next.t('button.edit'))}\n              @click=${() => navigate(`${'board-modeller/' + this.boardId}`)}\n            >\n              <md-icon slot=\"icon\">drive_file_rename_outline</md-icon>\n            </md-assist-chip>\n          </md-chip-set>\n        </fieldset>\n\n        <fieldset>\n          <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.status')}</legend>\n          <div oneline>\n            <label class=\"md-typescale-label-meium\">${i18next.t('label.creator')}</label>\n            <md-icon dim>person</md-icon>\n            <div name title=${(board.creator && board.creator.name) || 'anonymous'}>\n              ${(board.creator && board.creator.name) || 'anonymous'}\n            </div>\n            <md-icon dim>schedule</md-icon> ${new Date(board.createdAt).toLocaleString()}\n          </div>\n\n          <div oneline>\n            <label class=\"md-typescale-label-meium\">${i18next.t('label.updater')}</label>\n            <md-icon dim>person</md-icon>\n            <div name title=${(board.updater && board.updater.name) || 'anonymouse'}>\n              ${(board.updater && board.updater.name) || 'anonymouse'}\n            </div>\n            <md-icon dim>schedule</md-icon> ${new Date(board.updatedAt).toLocaleString()}\n          </div>\n\n          <div oneline>\n            <label class=\"md-typescale-label-meium\">${i18next.t('label.state')}</label>\n            <md-icon dim>signpost</md-icon> ${(board.state || '').toUpperCase()}\n            <md-icon dim>pin</md-icon> ${board.version}\n            <md-chip-set>\n              <md-assist-chip\n                elevated\n                label=${String(i18next.t('button.release'))}\n                ?disabled=${!this.enableModeller || !this.isReleasable}\n                @click=${this.releaseBoard.bind(this)}\n                right\n              >\n                <md-icon slot=\"icon\">new_releases</md-icon>\n              </md-assist-chip>\n            </md-chip-set>\n          </div>\n        </fieldset>\n\n        <fieldset>\n          <legend class=\"md-typescale-label-large-prominent\">${i18next.t('label.play-group')}</legend>\n          <md-chip-set oneline>\n            ${playGroupList.map(\n              item => html`\n                <md-filter-chip\n                  label=${item.name}\n                  ?selected=${item.checked}\n                  @click=${e => {\n                    e.target.selected ? this.joinPlayGroup(item) : this.leavePlayGroup(item)\n                  }}\n                ></md-filter-chip>\n              `\n            )}\n          </md-chip-set>\n        </fieldset>\n      </form>\n    `\n  }\n\n  stateChanged(state) {\n    this.subdomain = state.app?.domain?.subdomain\n    this.targetSubdomain = this.targetSubdomain ?? this.subdomain\n  }\n\n  async firstUpdated() {\n    this.enableModeller = await hasPrivilege({ privilege: 'mutation', category: 'board' })\n\n    this.refresh()\n  }\n\n  async refresh() {\n    var response = (\n      await client.query({\n        query: gql`\n          query FetchBoardById($id: String!) {\n            board(id: $id) {\n              id\n              name\n              description\n              model\n              group {\n                id\n                name\n              }\n              playGroups {\n                id\n                name\n              }\n              thumbnail\n              createdAt\n              creator {\n                id\n                name\n              }\n              state\n              version\n              updatedAt\n              updater {\n                id\n                name\n              }\n            }\n\n            groups {\n              items {\n                id\n                name\n                description\n              }\n            }\n\n            playGroups {\n              items {\n                id\n                name\n                description\n              }\n              total\n            }\n\n            domainsWithPrivilege(privilege: \"mutation\", category: \"board\") {\n              name\n              subdomain\n            }\n          }\n        `,\n        variables: { id: this.boardId }\n      })\n    ).data\n\n    this.board = response.board\n    this.boardGroupList = response.groups.items\n    this.playGroupList = response.playGroups.items\n\n    this.original = { ...this.board }\n\n    this.groupId = this.board.group?.id\n\n    this.targetDomains = response.domainsWithPrivilege\n    this.targetGroups = response.groups.items\n    this.targetGroupId = this.groupId\n  }\n\n  async getGroupsByDomain(subdomain?: string) {\n    this.targetGroups = []\n    this.targetGroupId = ''\n\n    if (!subdomain) {\n      return\n    }\n\n    var response = (\n      await client.query({\n        query: gql`\n          query {\n            groups {\n              items {\n                id\n                name\n                description\n              }\n            }\n          }\n        `,\n        variables: { id: this.boardId },\n        context: {\n          headers: {\n            'x-things-factory-domain': subdomain\n          }\n        }\n      })\n    ).data\n\n    this.targetGroups = response.groups.items\n  }\n\n  get isReleasable() {\n    if (!this.board || this.board.state == 'released') {\n      return false\n    }\n\n    const { name, description, groupId } = this.board\n\n    return (\n      this.original &&\n      this.original.name == name &&\n      this.original.description == description &&\n      this.original.groupId == groupId\n    )\n  }\n\n  async cloneBoard() {\n    if (!this.original.name || (this.board.name == this.original.name && this.subdomain == this.targetSubdomain)) {\n      document.dispatchEvent(\n        new CustomEvent('notify', {\n          detail: {\n            level: 'error',\n            message: i18next.t('error.name must be unique from the original board', { name: this.original.name })\n          }\n        })\n      )\n\n      return\n    }\n\n    const { id, name, description } = this.board\n\n    this.dispatchEvent(\n      new CustomEvent('clone-board', {\n        detail: {\n          id,\n          name,\n          description,\n          targetSubdomain: this.targetSubdomain,\n          targetGroupId: this.targetGroupId\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    this.close()\n  }\n\n  async exportBoard() {\n    const board = { ...this.board, model: JSON.parse(this.board.model) }\n\n    const json = JSON.stringify(board, null, 2)\n    const blob = new Blob([json], { type: 'application/json;charset=utf-8' })\n\n    const blobUrl = URL.createObjectURL(blob)\n\n    const link = document.createElement('a')\n    link.href = blobUrl\n    link.download = `${board.name}.json`\n\n    document.body.appendChild(link)\n    link.click()\n    document.body.removeChild(link)\n\n    URL.revokeObjectURL(blobUrl)\n  }\n\n  async releaseBoard() {\n    const { id } = this.board\n\n    this.dispatchEvent(\n      new CustomEvent('release-board', {\n        detail: {\n          id\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  async updateBoard() {\n    const { id, name, description, groupId } = this.board\n    /* model 정보를 제외하고 업데이트 */\n\n    this.dispatchEvent(\n      new CustomEvent('update-board', {\n        detail: { id, name, description, groupId },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  async deleteBoard() {\n    if (\n      await OxPrompt.open({\n        title: i18next.t('text.are_you_sure'),\n        text: i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }),\n        confirmButton: { text: i18next.t('button.confirm') },\n        cancelButton: { text: i18next.t('button.cancel') }\n      })\n    ) {\n      this.dispatchEvent(\n        new CustomEvent('delete-board', {\n          detail: this.board,\n          bubbles: true,\n          composed: true\n        })\n      )\n\n      this.close()\n    }\n  }\n\n  async joinPlayGroup(group) {\n    this.dispatchEvent(\n      new CustomEvent('join-playgroup', {\n        detail: {\n          board: this.board,\n          playGroup: group\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  async leavePlayGroup(group) {\n    this.dispatchEvent(\n      new CustomEvent('leave-playgroup', {\n        detail: {\n          board: this.board,\n          playGroup: group\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}

package/dist-client/viewparts/board-info.d.ts

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
-import './board-basic-info';
-import './board-versions';
-import './board-info-link';
+import './board-basic-info.js';
+import './board-versions.js';
+import './board-info-link.js';
 export declare class BoardInfo extends LitElement {
     static styles: import("lit").CSSResult[];
     board?: {

package/dist-client/viewparts/board-info.js

@@ -3,9 +3,9 @@ import { css, html, LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { ScrollbarStyles } from '@operato/styles';
-import './board-basic-info';
-import './board-versions';
-import './board-info-link';
+import './board-basic-info.js';
+import './board-versions.js';
+import './board-info-link.js';
 let BoardInfo = class BoardInfo extends LitElement {
     constructor() {
         super(...arguments);

package/dist-client/viewparts/board-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"board-info.js","sourceRoot":"","sources":["../../client/viewparts/board-info.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,oBAAoB,CAAA;AAC3B,OAAO,kBAAkB,CAAA;AACzB,OAAO,mBAAmB,CAAA;AAGnB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAmDI,QAAG,GAAW,OAAO,CAAA;IAsBhC,CAAC;IApBC,MAAM;;QACJ,OAAO,IAAI,CAAA;;uBAEQ,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,OAAO;uBACzD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,UAAU,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,UAAU;uBAC/D,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,MAAM;;;UAGpE,IAAI,CAAC,GAAG,IAAI,OAAO;YACnB,CAAC,CAAC,IAAI,CAAA,6BAA6B,SAAS,CAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,EAAE,CAAC,sBAAsB;YAClF,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,UAAU;gBACtB,CAAC,CAAC,IAAI,CAAA,2BAA2B,SAAS,CAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,EAAE,CAAC,oBAAoB;gBAC9E,CAAC,CAAC,IAAI,CAAA,2BAA2B,IAAI,CAAC,KAAK,qBAAqB;;KAEvE,CAAA;IACH,CAAC;IAED,KAAK;QACH,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;AAvEM,gBAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2CF;CACF,AA9CY,CA8CZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;wCAAqC;AAEvD;IAAR,KAAK,EAAE;;sCAAsB;AAnDnB,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAyErB","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport './board-basic-info'\nimport './board-versions'\nimport './board-info-link'\n\n@customElement('board-info')\nexport class BoardInfo extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        height: 100%;\n        min-width: 360px;\n\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        background-color: var(--md-sys-color-surface);\n      }\n\n      [tab] {\n        width: 100%;\n        display: flex;\n      }\n\n      [tab] > * {\n        flex: 1;\n      }\n\n      [content] {\n        flex: 1;\n        overflow-y: auto;\n      }\n\n      span {\n        padding: 5px 4px 1px;\n        font: var(--group-bar-textbutton);\n        background-color: var(--md-sys-color-secondary);\n        color: rgba(255, 255, 255, 0.8);\n        text-align: center;\n        text-transform: uppercase;\n      }\n\n      span[active] {\n        background-color: var(--md-sys-color-primary);\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) board?: { id: string; name: string }\n\n  @state() tab: string = 'basic'\n\n  render() {\n    return html`\n      <div tab>\n        <span @click=${() => (this.tab = 'basic')} ?active=${this.tab == 'basic'}>basic</span>\n        <span @click=${() => (this.tab = 'versions')} ?active=${this.tab == 'versions'}>versions</span>\n        <span @click=${() => (this.tab = 'link')} ?active=${this.tab == 'link'}>link</span>\n      </div>\n      <div content>\n        ${this.tab == 'basic'\n          ? html`<board-basic-info boardId=${ifDefined(this.board?.id)}></board-basic-info>`\n          : this.tab == 'versions'\n            ? html`<board-versions boardId=${ifDefined(this.board?.id)}></board-versions>`\n            : html`<board-info-link .board=${this.board}></board-info-link>`}\n      </div>\n    `\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}
+{"version":3,"file":"board-info.js","sourceRoot":"","sources":["../../client/viewparts/board-info.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,uBAAuB,CAAA;AAC9B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,sBAAsB,CAAA;AAGtB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAmDI,QAAG,GAAW,OAAO,CAAA;IAsBhC,CAAC;IApBC,MAAM;;QACJ,OAAO,IAAI,CAAA;;uBAEQ,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,OAAO;uBACzD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,UAAU,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,UAAU;uBAC/D,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,MAAM;;;UAGpE,IAAI,CAAC,GAAG,IAAI,OAAO;YACnB,CAAC,CAAC,IAAI,CAAA,6BAA6B,SAAS,CAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,EAAE,CAAC,sBAAsB;YAClF,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,UAAU;gBACtB,CAAC,CAAC,IAAI,CAAA,2BAA2B,SAAS,CAAC,MAAA,IAAI,CAAC,KAAK,0CAAE,EAAE,CAAC,oBAAoB;gBAC9E,CAAC,CAAC,IAAI,CAAA,2BAA2B,IAAI,CAAC,KAAK,qBAAqB;;KAEvE,CAAA;IACH,CAAC;IAED,KAAK;QACH,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;AAvEM,gBAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2CF;CACF,AA9CY,CA8CZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;wCAAqC;AAEvD;IAAR,KAAK,EAAE;;sCAAsB;AAnDnB,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAyErB","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport './board-basic-info.js'\nimport './board-versions.js'\nimport './board-info-link.js'\n\n@customElement('board-info')\nexport class BoardInfo extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        height: 100%;\n        min-width: 360px;\n\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        background-color: var(--md-sys-color-surface);\n      }\n\n      [tab] {\n        width: 100%;\n        display: flex;\n      }\n\n      [tab] > * {\n        flex: 1;\n      }\n\n      [content] {\n        flex: 1;\n        overflow-y: auto;\n      }\n\n      span {\n        padding: 5px 4px 1px;\n        font: var(--group-bar-textbutton);\n        background-color: var(--md-sys-color-secondary);\n        color: rgba(255, 255, 255, 0.8);\n        text-align: center;\n        text-transform: uppercase;\n      }\n\n      span[active] {\n        background-color: var(--md-sys-color-primary);\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) board?: { id: string; name: string }\n\n  @state() tab: string = 'basic'\n\n  render() {\n    return html`\n      <div tab>\n        <span @click=${() => (this.tab = 'basic')} ?active=${this.tab == 'basic'}>basic</span>\n        <span @click=${() => (this.tab = 'versions')} ?active=${this.tab == 'versions'}>versions</span>\n        <span @click=${() => (this.tab = 'link')} ?active=${this.tab == 'link'}>link</span>\n      </div>\n      <div content>\n        ${this.tab == 'basic'\n          ? html`<board-basic-info boardId=${ifDefined(this.board?.id)}></board-basic-info>`\n          : this.tab == 'versions'\n            ? html`<board-versions boardId=${ifDefined(this.board?.id)}></board-versions>`\n            : html`<board-info-link .board=${this.board}></board-info-link>`}\n      </div>\n    `\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}

package/dist-client/viewparts/board-versions.js

@@ -6,7 +6,7 @@ import { css, html, LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { i18next } from '@operato/i18n';
 import { client } from '@operato/graphql';
-import { privileged } from '@things-factory/auth-base/dist-client';
+import { privileged } from '@things-factory/auth-base/dist-client/index.js';
 let BoardVersions = class BoardVersions extends LitElement {
     constructor() {
         super(...arguments);

package/dist-client/viewparts/board-versions.js.map

@@ -1 +1 @@
-{"version":3,"file":"board-versions.js","sourceRoot":"","sources":["../../client/viewparts/board-versions.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,oCAAoC,CAAA;AAE3C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAA;AAG3D,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAuEI,aAAQ,GAAU,EAAE,CAAA;IAuF/B,CAAC;IArFC,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC;YACzB,CAAC,CAAC,IAAI,CAAA,IAAI,OAAO,CAAC,CAAC,CAAC,gDAAgD,CAAC,GAAG;YACxE,CAAC,CAAC,IAAI,CAAA;cACA,IAAI,CAAC,QAAQ,CAAC,GAAG,CACjB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAA;;6BAEA,OAAO,CAAC,SAAS;;6CAED,OAAO,CAAC,OAAO;;kDAEV,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,YAAY;oDACvD,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE;;;;oBAI5E,UAAU,CACV,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5C,IAAI,CAAA;;;gCAGQ,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC;iCAC/C,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,OAAO,CAAC;;;;qBAI1D,CACF;;eAEJ,CACF;WACF;KACN,CAAA;IACH,CAAC;IAED,YAAY;QACV,IAAI,CAAC,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,KAAK,CAAC,OAAO;QACX,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,IAAI,QAAQ,GAAG,CACb,MAAM,MAAM,CAAC,KAAK,CAAC;YACjB,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;SAYT;YACD,SAAS,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE;SAChC,CAAC,CACH,CAAC,IAAI,CAAA;QAEN,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAA;IACxC,CAAC;IAED,kBAAkB,CAAC,OAAe;QAChC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,sBAAsB,EAAE;YACtC,MAAM,EAAE;gBACN,EAAE,EAAE,IAAI,CAAC,OAAO;gBAChB,OAAO;aACR;YACD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAA;QAED,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;IAED,KAAK;QACH,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;AA5JM,oBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgEF;CACF,AAlEY,CAkEZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8CAAiB;AAEnC;IAAR,KAAK,EAAE;;+CAAqB;AAvElB,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CA8JzB","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/chips/assist-chip.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { client } from '@operato/graphql'\n\nimport { privileged } from '@things-factory/auth-base/dist-client'\n\n@customElement('board-versions')\nexport class BoardVersions extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        background-color: var(--md-sys-color-surface);\n        position: relative;\n        text-align: center;\n        color: var(--label-color, var(--md-sys-color-on-surface));\n        font: var(--label-font);\n      }\n\n      img {\n        display: block;\n\n        margin: auto;\n        max-width: 100%;\n        max-height: 100%;\n        border-bottom: 2px solid rgba(0, 0, 0, 0.1);\n      }\n\n      div[card] {\n        position: relative;\n        margin: var(--spacing-medium);\n        text-align: start;\n        border-bottom: var(--border-dim-color);\n      }\n\n      div[info] {\n        display: flex;\n        align-items: center;\n        gap: var(--spacing-medium);\n      }\n\n      span {\n        margin-left: auto;\n        font: var(--input-field-font);\n        display: flex;\n        align-items: center;\n        gap: 5px;\n      }\n\n      span md-icon {\n        font-variation-settings: 'FILL' 1;\n\n        vertical-align: middle;\n        font-size: var(--fontsize-large);\n        color: var(--md-sys-color-primary);\n      }\n\n      md-assist-chip {\n        position: absolute;\n        right: 3px;\n        top: 3px;\n        opacity: 0.8;\n\n        --md-assist-chip-elevated-container-color: var(--md-sys-color-primary);\n        --md-assist-chip-label-text-color: var(--md-sys-color-on-primary);\n        --md-assist-chip-leading-icon-color: var(--md-sys-color-on-primary);\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) boardId?: string\n\n  @state() versions: any[] = []\n\n  render() {\n    return html`\n      ${this.versions.length == 0\n        ? html` ${i18next.t('text.no released version information available')} `\n        : html`\n            ${this.versions.map(\n              version => html`\n                <div card>\n                  <img src=${version.thumbnail} />\n                  <div info>\n                    <md-icon>pin</md-icon> ${version.version}\n                    <span>\n                      <md-icon>person</md-icon> ${(version.updater && version.updater.name) || 'anonymouse'}\n                      <md-icon>schedule</md-icon> ${new Date(version.updatedAt).toLocaleString()}\n                    </span>\n                  </div>\n\n                  ${privileged(\n                    { privilege: 'mutation', category: 'board' },\n                    html`\n                      <md-assist-chip\n                        elevated\n                        label=${String(i18next.t('button.revert-board-version'))}\n                        @click=${() => this.revertBoardVersion(version.version)}\n                      >\n                        <md-icon slot=\"icon\">recycling</md-icon>\n                      </md-assist-chip>\n                    `\n                  )}\n                </div>\n              `\n            )}\n          `}\n    `\n  }\n\n  firstUpdated() {\n    this.refresh()\n  }\n\n  async refresh() {\n    if (!this.boardId) {\n      return\n    }\n\n    var response = (\n      await client.query({\n        query: gql`\n          query FetchBoardVersionsById($id: String!) {\n            boardVersions(id: $id) {\n              id\n              version\n              thumbnail\n              updater {\n                name\n              }\n              updatedAt\n            }\n          }\n        `,\n        variables: { id: this.boardId }\n      })\n    ).data\n\n    this.versions = response.boardVersions\n  }\n\n  revertBoardVersion(version: number) {\n    this.dispatchEvent(\n      new CustomEvent('revert-board-version', {\n        detail: {\n          id: this.boardId,\n          version\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    this.close()\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}
+{"version":3,"file":"board-versions.js","sourceRoot":"","sources":["../../client/viewparts/board-versions.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,oCAAoC,CAAA;AAE3C,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAEzC,OAAO,EAAE,UAAU,EAAE,MAAM,gDAAgD,CAAA;AAGpE,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAuEI,aAAQ,GAAU,EAAE,CAAA;IAuF/B,CAAC;IArFC,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC;YACzB,CAAC,CAAC,IAAI,CAAA,IAAI,OAAO,CAAC,CAAC,CAAC,gDAAgD,CAAC,GAAG;YACxE,CAAC,CAAC,IAAI,CAAA;cACA,IAAI,CAAC,QAAQ,CAAC,GAAG,CACjB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAA;;6BAEA,OAAO,CAAC,SAAS;;6CAED,OAAO,CAAC,OAAO;;kDAEV,CAAC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,YAAY;oDACvD,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,cAAc,EAAE;;;;oBAI5E,UAAU,CACV,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5C,IAAI,CAAA;;;gCAGQ,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC;iCAC/C,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,OAAO,CAAC;;;;qBAI1D,CACF;;eAEJ,CACF;WACF;KACN,CAAA;IACH,CAAC;IAED,YAAY;QACV,IAAI,CAAC,OAAO,EAAE,CAAA;IAChB,CAAC;IAED,KAAK,CAAC,OAAO;QACX,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAM;QACR,CAAC;QAED,IAAI,QAAQ,GAAG,CACb,MAAM,MAAM,CAAC,KAAK,CAAC;YACjB,KAAK,EAAE,GAAG,CAAA;;;;;;;;;;;;SAYT;YACD,SAAS,EAAE,EAAE,EAAE,EAAE,IAAI,CAAC,OAAO,EAAE;SAChC,CAAC,CACH,CAAC,IAAI,CAAA;QAEN,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAA;IACxC,CAAC;IAED,kBAAkB,CAAC,OAAe;QAChC,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,sBAAsB,EAAE;YACtC,MAAM,EAAE;gBACN,EAAE,EAAE,IAAI,CAAC,OAAO;gBAChB,OAAO;aACR;YACD,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAA;QAED,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;IAED,KAAK;QACH,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;AA5JM,oBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAgEF;CACF,AAlEY,CAkEZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8CAAiB;AAEnC;IAAR,KAAK,EAAE;;+CAAqB;AAvElB,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CA8JzB","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/chips/assist-chip.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\nimport { client } from '@operato/graphql'\n\nimport { privileged } from '@things-factory/auth-base/dist-client/index.js'\n\n@customElement('board-versions')\nexport class BoardVersions extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        background-color: var(--md-sys-color-surface);\n        position: relative;\n        text-align: center;\n        color: var(--label-color, var(--md-sys-color-on-surface));\n        font: var(--label-font);\n      }\n\n      img {\n        display: block;\n\n        margin: auto;\n        max-width: 100%;\n        max-height: 100%;\n        border-bottom: 2px solid rgba(0, 0, 0, 0.1);\n      }\n\n      div[card] {\n        position: relative;\n        margin: var(--spacing-medium);\n        text-align: start;\n        border-bottom: var(--border-dim-color);\n      }\n\n      div[info] {\n        display: flex;\n        align-items: center;\n        gap: var(--spacing-medium);\n      }\n\n      span {\n        margin-left: auto;\n        font: var(--input-field-font);\n        display: flex;\n        align-items: center;\n        gap: 5px;\n      }\n\n      span md-icon {\n        font-variation-settings: 'FILL' 1;\n\n        vertical-align: middle;\n        font-size: var(--fontsize-large);\n        color: var(--md-sys-color-primary);\n      }\n\n      md-assist-chip {\n        position: absolute;\n        right: 3px;\n        top: 3px;\n        opacity: 0.8;\n\n        --md-assist-chip-elevated-container-color: var(--md-sys-color-primary);\n        --md-assist-chip-label-text-color: var(--md-sys-color-on-primary);\n        --md-assist-chip-leading-icon-color: var(--md-sys-color-on-primary);\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) boardId?: string\n\n  @state() versions: any[] = []\n\n  render() {\n    return html`\n      ${this.versions.length == 0\n        ? html` ${i18next.t('text.no released version information available')} `\n        : html`\n            ${this.versions.map(\n              version => html`\n                <div card>\n                  <img src=${version.thumbnail} />\n                  <div info>\n                    <md-icon>pin</md-icon> ${version.version}\n                    <span>\n                      <md-icon>person</md-icon> ${(version.updater && version.updater.name) || 'anonymouse'}\n                      <md-icon>schedule</md-icon> ${new Date(version.updatedAt).toLocaleString()}\n                    </span>\n                  </div>\n\n                  ${privileged(\n                    { privilege: 'mutation', category: 'board' },\n                    html`\n                      <md-assist-chip\n                        elevated\n                        label=${String(i18next.t('button.revert-board-version'))}\n                        @click=${() => this.revertBoardVersion(version.version)}\n                      >\n                        <md-icon slot=\"icon\">recycling</md-icon>\n                      </md-assist-chip>\n                    `\n                  )}\n                </div>\n              `\n            )}\n          `}\n    `\n  }\n\n  firstUpdated() {\n    this.refresh()\n  }\n\n  async refresh() {\n    if (!this.boardId) {\n      return\n    }\n\n    var response = (\n      await client.query({\n        query: gql`\n          query FetchBoardVersionsById($id: String!) {\n            boardVersions(id: $id) {\n              id\n              version\n              thumbnail\n              updater {\n                name\n              }\n              updatedAt\n            }\n          }\n        `,\n        variables: { id: this.boardId }\n      })\n    ).data\n\n    this.versions = response.boardVersions\n  }\n\n  revertBoardVersion(version: number) {\n    this.dispatchEvent(\n      new CustomEvent('revert-board-version', {\n        detail: {\n          id: this.boardId,\n          version\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    this.close()\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}

package/dist-client/viewparts/group-info-import.js

@@ -5,7 +5,7 @@ import '@operato/input/ox-input-file.js';
 import { css, html, LitElement } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { i18next } from '@operato/i18n';
-import { fetchGroup } from '../graphql';
+import { fetchGroup } from '../graphql/index.js';
 let GroupInfoImport = class GroupInfoImport extends LitElement {
     render() {
         var group = this.group || { name: '', description: '' };

package/dist-client/viewparts/group-info-import.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-info-import.js","sourceRoot":"","sources":["../../client/viewparts/group-info-import.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,yCAAyC,CAAA;AAChD,OAAO,iCAAiC,CAAA;AAExC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAGhC,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IA+D7C,MAAM;QACJ,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,CAAA;QAEvD,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA;;;;;;6CAM+B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;2DACb,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;WAIhF;YACH,CAAC,CAAC,IAAI,CAAA,EAAE;KACX,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,OAAO,EAAE,CAAA;QAChB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,OAAO;QACX,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,8BAA8B;YAC9B,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,CAAA;QAC5C,CAAC;aAAM,CAAC;YACN,IAAI,QAAQ,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YAC7C,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAA;QAC7B,CAAC;IACH,CAAC;IAED,KAAK,CAAC,WAAW;QACf,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,eAAe,EAAE;YAC/B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK;gBAC9B,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO;aAClC;SACF,CAAC,CACH,CAAA;QAED,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;IAED,KAAK;QACH,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;AArHM,sBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmDF;CACF,AArDY,CAqDZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAiB;AAEnC;IAAR,KAAK,EAAE;;8CAAW;AAEK;IAAvB,KAAK,CAAC,eAAe,CAAC;;qDAAkB;AACV;IAA9B,KAAK,CAAC,sBAAsB,CAAC;;kDAAe;AA7DlC,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAuH3B","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@operato/input/ox-input-file.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { fetchGroup } from '../graphql'\n\n@customElement('group-info-import')\nexport class GroupInfoImport extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        color: var(--md-sys-color-on-surface);\n        background-color: var(--md-sys-color-surface);\n        height: 100%;\n        min-width: 360px;\n        overflow: auto;\n        position: relative;\n\n        --form-grid-gap: 2px 0;\n        --input-field-padding: var(--spacing-medium);\n        --legend-padding: var(--spacing-medium) 0 var(--spacing-small) 0;\n      }\n\n      [buttons] {\n        grid-column: span 12;\n        padding: var(--spacing-medium) 0;\n        text-align: right;\n\n        display: flex;\n        gap: var(--spacing-small);\n        align-items: center;\n      }\n\n      [buttons] md-elevated-button {\n        margin-left: auto;\n      }\n\n      input[type='checkbox'] + label,\n      input[type='radio'] + label {\n        text-align: left;\n        grid-column: span 11 / auto;\n\n        font: var(--form-sublabel-font);\n        color: var(--form-sublabel-color, var(--md-sys-color-secondary));\n      }\n\n      div[import] {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n        padding: var(--spacing-large);\n        align-items: stretch;\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) groupId?: string\n\n  @state() group: any\n\n  @query('ox-input-file') fileUploader: any\n  @query('input[type=checkbox]') overwrite: any\n\n  render() {\n    var group = this.group || { name: '', description: '' }\n\n    return html`\n      ${this.groupId\n        ? html`\n            <div import>\n              <ox-input-file accept=\"*/*\" multiple=\"true\"></ox-input-file>\n\n              <div buttons>\n                <label> <input type=\"checkbox\" name=\"overwrite\" checked />&nbsp;overwrite </label>\n                <md-elevated-button @click=${this.importBoard.bind(this)}\n                  ><md-icon slot=\"icon\">publish</md-icon>${i18next.t('button.import-board')}</md-elevated-button\n                >\n              </div>\n            </div>\n          `\n        : html``}\n    `\n  }\n\n  updated(changes) {\n    if (changes.has('groupId')) {\n      this.refresh()\n    }\n  }\n\n  async refresh() {\n    if (!this.groupId) {\n      /* model이 없으므로, 기본 모델을 제공함. */\n      this.group = { name: '', description: '' }\n    } else {\n      var response = await fetchGroup(this.groupId)\n      this.group = response.group\n    }\n  }\n\n  async importBoard() {\n    this.dispatchEvent(\n      new CustomEvent('import-boards', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          group: this.group,\n          files: this.fileUploader.files,\n          overwrite: this.overwrite.checked\n        }\n      })\n    )\n\n    this.close()\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}
+{"version":3,"file":"group-info-import.js","sourceRoot":"","sources":["../../client/viewparts/group-info-import.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,yCAAyC,CAAA;AAChD,OAAO,iCAAiC,CAAA;AAExC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAGzC,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IA+D7C,MAAM;QACJ,IAAI,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,CAAA;QAEvD,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,OAAO;YACZ,CAAC,CAAC,IAAI,CAAA;;;;;;6CAM+B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;2DACb,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;;;;WAIhF;YACH,CAAC,CAAC,IAAI,CAAA,EAAE;KACX,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,OAAO,EAAE,CAAA;QAChB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,OAAO;QACX,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,8BAA8B;YAC9B,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,CAAA;QAC5C,CAAC;aAAM,CAAC;YACN,IAAI,QAAQ,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YAC7C,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAA;QAC7B,CAAC;IACH,CAAC;IAED,KAAK,CAAC,WAAW;QACf,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,eAAe,EAAE;YAC/B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;YACd,MAAM,EAAE;gBACN,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK;gBAC9B,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO;aAClC;SACF,CAAC,CACH,CAAA;QAED,IAAI,CAAC,KAAK,EAAE,CAAA;IACd,CAAC;IAED,KAAK;QACH,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;AArHM,sBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmDF;CACF,AArDY,CAqDZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAiB;AAEnC;IAAR,KAAK,EAAE;;8CAAW;AAEK;IAAvB,KAAK,CAAC,eAAe,CAAC;;qDAAkB;AACV;IAA9B,KAAK,CAAC,sBAAsB,CAAC;;kDAAe;AA7DlC,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAuH3B","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/button/elevated-button.js'\nimport '@operato/input/ox-input-file.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { fetchGroup } from '../graphql/index.js'\n\n@customElement('group-info-import')\nexport class GroupInfoImport extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        color: var(--md-sys-color-on-surface);\n        background-color: var(--md-sys-color-surface);\n        height: 100%;\n        min-width: 360px;\n        overflow: auto;\n        position: relative;\n\n        --form-grid-gap: 2px 0;\n        --input-field-padding: var(--spacing-medium);\n        --legend-padding: var(--spacing-medium) 0 var(--spacing-small) 0;\n      }\n\n      [buttons] {\n        grid-column: span 12;\n        padding: var(--spacing-medium) 0;\n        text-align: right;\n\n        display: flex;\n        gap: var(--spacing-small);\n        align-items: center;\n      }\n\n      [buttons] md-elevated-button {\n        margin-left: auto;\n      }\n\n      input[type='checkbox'] + label,\n      input[type='radio'] + label {\n        text-align: left;\n        grid-column: span 11 / auto;\n\n        font: var(--form-sublabel-font);\n        color: var(--form-sublabel-color, var(--md-sys-color-secondary));\n      }\n\n      div[import] {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n        padding: var(--spacing-large);\n        align-items: stretch;\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) groupId?: string\n\n  @state() group: any\n\n  @query('ox-input-file') fileUploader: any\n  @query('input[type=checkbox]') overwrite: any\n\n  render() {\n    var group = this.group || { name: '', description: '' }\n\n    return html`\n      ${this.groupId\n        ? html`\n            <div import>\n              <ox-input-file accept=\"*/*\" multiple=\"true\"></ox-input-file>\n\n              <div buttons>\n                <label> <input type=\"checkbox\" name=\"overwrite\" checked />&nbsp;overwrite </label>\n                <md-elevated-button @click=${this.importBoard.bind(this)}\n                  ><md-icon slot=\"icon\">publish</md-icon>${i18next.t('button.import-board')}</md-elevated-button\n                >\n              </div>\n            </div>\n          `\n        : html``}\n    `\n  }\n\n  updated(changes) {\n    if (changes.has('groupId')) {\n      this.refresh()\n    }\n  }\n\n  async refresh() {\n    if (!this.groupId) {\n      /* model이 없으므로, 기본 모델을 제공함. */\n      this.group = { name: '', description: '' }\n    } else {\n      var response = await fetchGroup(this.groupId)\n      this.group = response.group\n    }\n  }\n\n  async importBoard() {\n    this.dispatchEvent(\n      new CustomEvent('import-boards', {\n        bubbles: true,\n        composed: true,\n        detail: {\n          group: this.group,\n          files: this.fileUploader.files,\n          overwrite: this.overwrite.checked\n        }\n      })\n    )\n\n    this.close()\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}

package/dist-client/viewparts/group-info.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
-import './group-info-basic';
-import './group-info-import';
+import './group-info-basic.js';
+import './group-info-import.js';
 export declare class GroupInfo extends LitElement {
     static styles: import("lit").CSSResult[];
     groupId?: string;

package/dist-client/viewparts/group-info.js

@@ -4,8 +4,8 @@ import { customElement, property, state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { ScrollbarStyles } from '@operato/styles';
 import { privileged } from '@things-factory/auth-base/dist-client';
-import './group-info-basic';
-import './group-info-import';
+import './group-info-basic.js';
+import './group-info-import.js';
 let GroupInfo = class GroupInfo extends LitElement {
     constructor() {
         super(...arguments);

package/dist-client/viewparts/group-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"group-info.js","sourceRoot":"","sources":["../../client/viewparts/group-info.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAA;AAElE,OAAO,oBAAoB,CAAA;AAC3B,OAAO,qBAAqB,CAAA;AAGrB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAmDI,QAAG,GAAW,OAAO,CAAA;IAwBhC,CAAC;IAtBC,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,UAAU,CACV,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5C,IAAI,CAAA;;2BAEe,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,OAAO;2BACzD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,QAAQ;;SAE7E,CACF;;UAEG,IAAI,CAAC,GAAG,IAAI,OAAO;YACnB,CAAC,CAAC,IAAI,CAAA,6BAA6B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,sBAAsB;YAChF,CAAC,CAAC,IAAI,CAAA,8BAA8B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,uBAAuB;;KAEvF,CAAA;IACH,CAAC;IAED,KAAK;QACH,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;AAzEM,gBAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2CF;CACF,AA9CY,CA8CZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0CAAiB;AAEnC;IAAR,KAAK,EAAE;;sCAAsB;AAnDnB,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA2ErB","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\nimport { privileged } from '@things-factory/auth-base/dist-client'\n\nimport './group-info-basic'\nimport './group-info-import'\n\n@customElement('group-info')\nexport class GroupInfo extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        height: 100%;\n        min-width: 360px;\n\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        background-color: var(--md-sys-color-surface);\n      }\n\n      [tab] {\n        width: 100%;\n        display: flex;\n      }\n\n      [tab] > * {\n        flex: 1;\n      }\n\n      [content] {\n        flex: 1;\n        overflow-y: auto;\n      }\n\n      span {\n        padding: 5px 4px 1px;\n        font: var(--group-bar-textbutton);\n        background-color: var(--md-sys-color-secondary);\n        color: rgba(255, 255, 255, 0.8);\n        text-align: center;\n        text-transform: uppercase;\n      }\n\n      span[active] {\n        background-color: var(--md-sys-color-primary);\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) groupId?: string\n\n  @state() tab: string = 'basic'\n\n  render() {\n    return html`\n      ${privileged(\n        { privilege: 'mutation', category: 'board' },\n        html`\n          <div tab>\n            <span @click=${() => (this.tab = 'basic')} ?active=${this.tab == 'basic'}>basic</span>\n            <span @click=${() => (this.tab = 'import')} ?active=${this.tab == 'import'}>import</span>\n          </div>\n        `\n      )}\n      <div content>\n        ${this.tab == 'basic'\n          ? html`<group-info-basic groupId=${ifDefined(this.groupId)}></group-info-basic>`\n          : html`<group-info-import groupId=${ifDefined(this.groupId)}></group-info-import>`}\n      </div>\n    `\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}
+{"version":3,"file":"group-info.js","sourceRoot":"","sources":["../../client/viewparts/group-info.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAA;AAElE,OAAO,uBAAuB,CAAA;AAC9B,OAAO,wBAAwB,CAAA;AAGxB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAmDI,QAAG,GAAW,OAAO,CAAA;IAwBhC,CAAC;IAtBC,MAAM;QACJ,OAAO,IAAI,CAAA;QACP,UAAU,CACV,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,OAAO,EAAE,EAC5C,IAAI,CAAA;;2BAEe,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,OAAO;2BACzD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,QAAQ,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,QAAQ;;SAE7E,CACF;;UAEG,IAAI,CAAC,GAAG,IAAI,OAAO;YACnB,CAAC,CAAC,IAAI,CAAA,6BAA6B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,sBAAsB;YAChF,CAAC,CAAC,IAAI,CAAA,8BAA8B,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,uBAAuB;;KAEvF,CAAA;IACH,CAAC;IAED,KAAK;QACH,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;AAzEM,gBAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2CF;CACF,AA9CY,CA8CZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0CAAiB;AAEnC;IAAR,KAAK,EAAE;;sCAAsB;AAnDnB,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA2ErB","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\nimport { privileged } from '@things-factory/auth-base/dist-client'\n\nimport './group-info-basic.js'\nimport './group-info-import.js'\n\n@customElement('group-info')\nexport class GroupInfo extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        height: 100%;\n        min-width: 360px;\n\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        background-color: var(--md-sys-color-surface);\n      }\n\n      [tab] {\n        width: 100%;\n        display: flex;\n      }\n\n      [tab] > * {\n        flex: 1;\n      }\n\n      [content] {\n        flex: 1;\n        overflow-y: auto;\n      }\n\n      span {\n        padding: 5px 4px 1px;\n        font: var(--group-bar-textbutton);\n        background-color: var(--md-sys-color-secondary);\n        color: rgba(255, 255, 255, 0.8);\n        text-align: center;\n        text-transform: uppercase;\n      }\n\n      span[active] {\n        background-color: var(--md-sys-color-primary);\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) groupId?: string\n\n  @state() tab: string = 'basic'\n\n  render() {\n    return html`\n      ${privileged(\n        { privilege: 'mutation', category: 'board' },\n        html`\n          <div tab>\n            <span @click=${() => (this.tab = 'basic')} ?active=${this.tab == 'basic'}>basic</span>\n            <span @click=${() => (this.tab = 'import')} ?active=${this.tab == 'import'}>import</span>\n          </div>\n        `\n      )}\n      <div content>\n        ${this.tab == 'basic'\n          ? html`<group-info-basic groupId=${ifDefined(this.groupId)}></group-info-basic>`\n          : html`<group-info-import groupId=${ifDefined(this.groupId)}></group-info-import>`}\n      </div>\n    `\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}

package/dist-client/viewparts/index.d.ts

@@ -1,3 +1,3 @@
-export * from './board-info';
-export * from './group-info';
-export * from './play-group-info';
+export * from './board-info.js';
+export * from './group-info.js';
+export * from './play-group-info.js';

package/dist-client/viewparts/index.js

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

package/dist-client/viewparts/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../client/viewparts/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA","sourcesContent":["export * from './board-info'\nexport * from './group-info'\nexport * from './play-group-info'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../client/viewparts/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA","sourcesContent":["export * from './board-info.js'\nexport * from './group-info.js'\nexport * from './play-group-info.js'\n"]}

package/dist-client/viewparts/link-builder.js

@@ -9,7 +9,7 @@ import { customElement, property, state } from 'lit/decorators.js';
 import { client } from '@operato/graphql';
 import { ScrollbarStyles } from '@operato/styles';
 import { i18next } from '@operato/i18n';
-import { hasPrivilege, privileged } from '@things-factory/auth-base/dist-client';
+import { hasPrivilege, privileged } from '@things-factory/auth-base/dist-client/index.js';
 let LinkBuilder = class LinkBuilder extends LitElement {
     constructor() {
         super(...arguments);

package/dist-client/viewparts/link-builder.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-builder.js","sourceRoot":"","sources":["../../client/viewparts/link-builder.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/i18n/ox-i18n.js'\nimport '@operato/input/ox-input-key-values.js'\n\nimport gql from 'graphql-tag'\nimport Clipboard from 'clipboard'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { i18next } from '@operato/i18n'\n\nimport { hasPrivilege, privileged } from '@things-factory/auth-base/dist-client'\n\n@customElement('link-builder')\nexport class LinkBuilder extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        padding: var(--spacing-large);\n        color: var(--md-sys-color-primary);\n\n        /* for narrow mode */\n        flex-direction: column;\n      }\n\n      div[link] {\n        display: grid;\n        position: relative;\n      }\n\n      label {\n        font: var(--label-font);\n        text-transform: capitalize;\n      }\n\n      input,\n      select,\n      textarea,\n      ox-input-key-values {\n        border: var(--border-dim-color);\n        border-radius: var(--border-radius);\n        margin: var(--input-margin);\n        padding: var(--input-padding);\n        font: var(--input-font);\n        flex: 1 1 0%;\n      }\n\n      textarea {\n        min-height: 132px;\n        resize: none;\n      }\n\n      select:focus,\n      input:focus,\n      textarea:focus,\n      button {\n        outline: none;\n      }\n\n      button:hover {\n        border: var(--button-activ-border);\n        box-shadow: var(--button-active-box-shadow);\n      }\n\n      [button-in-field] {\n        position: absolute;\n        top: 64px;\n        right: 6px;\n\n        background-color: var(--md-sys-color-surface);\n        opacity: 0.8;\n        color: var(--md-sys-color-primary);\n      }\n\n      [warn] {\n        color: var(--status-warning-color, red);\n      }\n    `\n  ]\n\n  @property({ type: String, attribute: true }) command?: string\n  @property({ type: String, attribute: 'target-id' }) targetId?: string\n  @property({ type: String, attribute: 'target-name' }) targetName?: string\n\n  @state() link?: string\n  @state() keyvalues: any\n  @state() appliances: any[] = []\n  @state() targetAppliance: any\n  @state() key?: string\n  @state() byname: boolean = false\n\n  private clipboard?: Clipboard\n\n  render() {\n    return html`\n      <div link>\n        <h3>\n          <ox-title-with-help topic=\"operato-board/headless-link\" msgid=\"label.headless-link\"\n            >headless-link</ox-title-with-help\n          >\n        </h3>\n        <textarea id=\"link\" .value=${this.link || ''} readonly></textarea>\n        <md-icon button-in-field clipboard-copy>content_copy</md-icon>\n        <label for=\"key\">${i18next.t('label.headless-link query-key')}</label>\n        <input id=\"key\" type=\"text\" .value=${this.key || ''} @change=${e => (this.key = e.target.value)} />\n        <label>${i18next.t('label.headless-link query-parameters')}</label>\n        <ox-input-key-values @change=${e => (this.keyvalues = e.detail)}></ox-input-key-values>\n        <label>${i18next.t('label.headless-link target-appliance')}</label>\n\n        ${privileged(\n          { privilege: 'query', category: 'security', superUserGranted: true, domainOwnerGranted: true },\n          html`\n            <select\n              @change=${e => (this.targetAppliance = this.appliances.find(appliance => appliance.id == e.target.value))}\n              placeholder=\"choose appliance ...\"\n              .value=${this.targetAppliance?.id}\n            >\n              <option value=\"\"></option>\n              ${this.appliances.map(\n                appliance => html`\n                  <option .value=${appliance.id} ?selected=${appliance.id == this.targetAppliance?.id}>\n                    ${appliance.name}\n                  </option>\n                `\n              )}\n            </select>\n          `,\n          html`\n            <span warn>To add an access token, you need to be a domain owner or have security query permissions.</span>\n          `\n        )}\n\n        <div>\n          <input\n            type=\"checkbox\"\n            id=\"by-name\"\n            @change=${(e: Event) => (this.byname = !!(e.target as HTMLInputElement)?.checked)}\n          />\n          <label for=\"by-name\">${i18next.t('label.headless-link by-name')}</label>\n        </div>\n      </div>\n    `\n  }\n\n  firstUpdated() {\n    const copybuttons = this.renderRoot.querySelectorAll('[clipboard-copy]')\n\n    this.clipboard = new Clipboard(copybuttons, {\n      target: (trigger => trigger.parentElement.querySelector('textarea')) as any\n    })\n\n    this.getAppliances()\n  }\n\n  updated(changes: PropertyValues<this>) {\n    const command = (this.command || '') + (this.byname ? '-by-name' : '')\n    const target = encodeURIComponent((this.byname ? this.targetName : this.targetId) || '')\n\n    const baseUrl = document.querySelector('base')?.href\n    const fullUrl = new URL(command + '/' + target, baseUrl).href\n\n    const query = {\n      ...(this.key ? { [this.key]: JSON.stringify(this.keyvalues) } : this.keyvalues),\n      ...(this.targetAppliance ? { access_token: this.targetAppliance?.accessToken } : {})\n    }\n\n    const queryString = this.objectToQueryString(query)\n\n    this.link = fullUrl + (queryString ? '?' + queryString : '')\n  }\n\n  objectToQueryString(obj) {\n    return Object.keys(obj)\n      .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`)\n      .join('&')\n  }\n\n  async getAppliances() {\n    this.appliances = []\n    this.targetAppliance = null\n\n    if (\n      await hasPrivilege({ privilege: 'query', category: 'security', superUserGranted: true, domainOwnerGranted: true })\n    ) {\n      var response = (\n        await client.query({\n          query: gql`\n            query {\n              appliances {\n                items {\n                  id\n                  name\n                  description\n                  accessToken\n                }\n              }\n            }\n          `\n        })\n      ).data\n\n      this.appliances = response.appliances.items\n    }\n  }\n}\n"]}
+{"version":3,"file":"link-builder.js","sourceRoot":"","sources":["../../client/viewparts/link-builder.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/i18n/ox-i18n.js'\nimport '@operato/input/ox-input-key-values.js'\n\nimport gql from 'graphql-tag'\nimport Clipboard from 'clipboard'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { i18next } from '@operato/i18n'\n\nimport { hasPrivilege, privileged } from '@things-factory/auth-base/dist-client/index.js'\n\n@customElement('link-builder')\nexport class LinkBuilder extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        padding: var(--spacing-large);\n        color: var(--md-sys-color-primary);\n\n        /* for narrow mode */\n        flex-direction: column;\n      }\n\n      div[link] {\n        display: grid;\n        position: relative;\n      }\n\n      label {\n        font: var(--label-font);\n        text-transform: capitalize;\n      }\n\n      input,\n      select,\n      textarea,\n      ox-input-key-values {\n        border: var(--border-dim-color);\n        border-radius: var(--border-radius);\n        margin: var(--input-margin);\n        padding: var(--input-padding);\n        font: var(--input-font);\n        flex: 1 1 0%;\n      }\n\n      textarea {\n        min-height: 132px;\n        resize: none;\n      }\n\n      select:focus,\n      input:focus,\n      textarea:focus,\n      button {\n        outline: none;\n      }\n\n      button:hover {\n        border: var(--button-activ-border);\n        box-shadow: var(--button-active-box-shadow);\n      }\n\n      [button-in-field] {\n        position: absolute;\n        top: 64px;\n        right: 6px;\n\n        background-color: var(--md-sys-color-surface);\n        opacity: 0.8;\n        color: var(--md-sys-color-primary);\n      }\n\n      [warn] {\n        color: var(--status-warning-color, red);\n      }\n    `\n  ]\n\n  @property({ type: String, attribute: true }) command?: string\n  @property({ type: String, attribute: 'target-id' }) targetId?: string\n  @property({ type: String, attribute: 'target-name' }) targetName?: string\n\n  @state() link?: string\n  @state() keyvalues: any\n  @state() appliances: any[] = []\n  @state() targetAppliance: any\n  @state() key?: string\n  @state() byname: boolean = false\n\n  private clipboard?: Clipboard\n\n  render() {\n    return html`\n      <div link>\n        <h3>\n          <ox-title-with-help topic=\"operato-board/headless-link\" msgid=\"label.headless-link\"\n            >headless-link</ox-title-with-help\n          >\n        </h3>\n        <textarea id=\"link\" .value=${this.link || ''} readonly></textarea>\n        <md-icon button-in-field clipboard-copy>content_copy</md-icon>\n        <label for=\"key\">${i18next.t('label.headless-link query-key')}</label>\n        <input id=\"key\" type=\"text\" .value=${this.key || ''} @change=${e => (this.key = e.target.value)} />\n        <label>${i18next.t('label.headless-link query-parameters')}</label>\n        <ox-input-key-values @change=${e => (this.keyvalues = e.detail)}></ox-input-key-values>\n        <label>${i18next.t('label.headless-link target-appliance')}</label>\n\n        ${privileged(\n          { privilege: 'query', category: 'security', superUserGranted: true, domainOwnerGranted: true },\n          html`\n            <select\n              @change=${e => (this.targetAppliance = this.appliances.find(appliance => appliance.id == e.target.value))}\n              placeholder=\"choose appliance ...\"\n              .value=${this.targetAppliance?.id}\n            >\n              <option value=\"\"></option>\n              ${this.appliances.map(\n                appliance => html`\n                  <option .value=${appliance.id} ?selected=${appliance.id == this.targetAppliance?.id}>\n                    ${appliance.name}\n                  </option>\n                `\n              )}\n            </select>\n          `,\n          html`\n            <span warn>To add an access token, you need to be a domain owner or have security query permissions.</span>\n          `\n        )}\n\n        <div>\n          <input\n            type=\"checkbox\"\n            id=\"by-name\"\n            @change=${(e: Event) => (this.byname = !!(e.target as HTMLInputElement)?.checked)}\n          />\n          <label for=\"by-name\">${i18next.t('label.headless-link by-name')}</label>\n        </div>\n      </div>\n    `\n  }\n\n  firstUpdated() {\n    const copybuttons = this.renderRoot.querySelectorAll('[clipboard-copy]')\n\n    this.clipboard = new Clipboard(copybuttons, {\n      target: (trigger => trigger.parentElement.querySelector('textarea')) as any\n    })\n\n    this.getAppliances()\n  }\n\n  updated(changes: PropertyValues<this>) {\n    const command = (this.command || '') + (this.byname ? '-by-name' : '')\n    const target = encodeURIComponent((this.byname ? this.targetName : this.targetId) || '')\n\n    const baseUrl = document.querySelector('base')?.href\n    const fullUrl = new URL(command + '/' + target, baseUrl).href\n\n    const query = {\n      ...(this.key ? { [this.key]: JSON.stringify(this.keyvalues) } : this.keyvalues),\n      ...(this.targetAppliance ? { access_token: this.targetAppliance?.accessToken } : {})\n    }\n\n    const queryString = this.objectToQueryString(query)\n\n    this.link = fullUrl + (queryString ? '?' + queryString : '')\n  }\n\n  objectToQueryString(obj) {\n    return Object.keys(obj)\n      .map(key => `${encodeURIComponent(key)}=${encodeURIComponent(obj[key])}`)\n      .join('&')\n  }\n\n  async getAppliances() {\n    this.appliances = []\n    this.targetAppliance = null\n\n    if (\n      await hasPrivilege({ privilege: 'query', category: 'security', superUserGranted: true, domainOwnerGranted: true })\n    ) {\n      var response = (\n        await client.query({\n          query: gql`\n            query {\n              appliances {\n                items {\n                  id\n                  name\n                  description\n                  accessToken\n                }\n              }\n            }\n          `\n        })\n      ).data\n\n      this.appliances = response.appliances.items\n    }\n  }\n}\n"]}

package/dist-client/viewparts/play-group-info-basic.js

@@ -5,7 +5,7 @@ import '@material/web/button/elevated-button.js';
 import { css, html, LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { i18next } from '@operato/i18n';
-import { fetchPlayGroup } from '../graphql';
+import { fetchPlayGroup } from '../graphql/index.js';
 let PlayGroupInfoBasic = class PlayGroupInfoBasic extends LitElement {
     constructor() {
         super(...arguments);

package/dist-client/viewparts/play-group-info-basic.js.map

@@ -1 +1 @@
-{"version":3,"file":"play-group-info-basic.js","sourceRoot":"","sources":["../../client/viewparts/play-group-info-basic.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/textfield/filled-text-field.js'\nimport '@material/web/button/elevated-button.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { fetchPlayGroup } from '../graphql'\n\n@customElement('play-group-info-basic')\nexport class PlayGroupInfoBasic extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        color: var(--md-sys-color-on-surface);\n        background-color: var(--md-sys-color-surface);\n        height: 100%;\n        min-width: 360px;\n        overflow: auto;\n        position: relative;\n\n        --form-grid-gap: 2px 0;\n        --input-field-padding: var(--spacing-medium);\n        --legend-padding: var(--spacing-medium) 0 var(--spacing-small) 0;\n      }\n\n      form {\n        display: grid;\n        grid-template-columns: repeat(12, 1fr);\n        grid-gap: var(--form-grid-gap);\n        grid-auto-rows: minmax(24px, auto);\n        padding: var(--spacing-large);\n        align-items: center;\n      }\n\n      md-filled-text-field {\n        grid-column: span 12;\n        padding: 10px 0;\n      }\n\n      [buttons] {\n        grid-column: span 12;\n        padding: var(--spacing-medium) 0;\n        text-align: right;\n\n        display: flex;\n        gap: var(--spacing-small);\n        align-items: center;\n      }\n\n      [buttons] * {\n        margin: 0 0 0 auto;\n      }\n\n      [danger] {\n        float: left;\n        margin: 0;\n        --md-elevated-button-icon-color: var(--md-sys-color-on-error);\n        --md-elevated-button-label-text-color: var(--md-sys-color-on-error);\n        --md-elevated-button-container-color: var(--md-sys-color-error);\n      }\n\n      fieldset {\n        display: contents;\n      }\n\n      legend {\n        grid-column: span 12;\n        padding: var(--legend-padding);\n        font: var(--legend-font);\n        color: var(--md-sys-color-primary);\n        text-transform: capitalize;\n      }\n\n      label {\n        grid-column: span 12;\n        text-transform: capitalize;\n        color: var(--md-sys-color-primary);\n        font: var(--label-font);\n      }\n\n      span {\n        grid-column: span 12;\n        border-bottom: var(--border-dim-color);\n        margin-bottom: var(--spacing-medium);\n        padding-bottom: var(--spacing-small);\n        font: var(--input-field-font);\n      }\n      span md-icon {\n        font-variation-settings: 'FILL' 1;\n\n        vertical-align: middle;\n        font-size: var(--fontsize-large);\n        color: var(--md-sys-color-primary);\n      }\n\n      input,\n      table,\n      select,\n      textarea,\n      [custom-input] {\n        grid-column: span 12;\n\n        border: var(--input-field-border);\n        border-radius: var(--input-field-border-radius);\n        margin-bottom: var(--spacing-medium);\n        padding: var(--input-field-padding);\n        font: var(--input-field-font);\n      }\n\n      input[type='checkbox'],\n      input[type='radio'] {\n        place-self: center;\n        margin: 0;\n        grid-column: 1;\n      }\n\n      input[type='checkbox'] + label,\n      input[type='radio'] + label {\n        text-align: left;\n        grid-column: span 11 / auto;\n\n        font: var(--form-sublabel-font);\n        color: var(--md-sys-color-secondary);\n      }\n\n      input:focus {\n        outline: none;\n        border: 1px solid var(--focus-background-color);\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) playGroupId?: string\n\n  @state() playGroup: any = { name: '', description: '' }\n\n  private link?: string\n\n  render() {\n    var playGroup = this.playGroup || { name: '', description: '' }\n\n    return html`\n      <form>\n        <fieldset>\n          <legend>playgroup information</legend>\n          <md-filled-text-field\n            type=\"text\"\n            label=${String(i18next.t('label.name'))}\n            .value=${playGroup.name || ''}\n            @change=${e => (this.playGroup.name = e.target.value)}\n          ></md-filled-text-field>\n\n          <md-filled-text-field\n            type=\"text\"\n            label=${String(i18next.t('label.description'))}\n            .value=${playGroup.description || ''}\n            @change=${e => (this.playGroup.description = e.target.value)}\n          ></md-filled-text-field>\n\n          <label>${i18next.t('label.creator')}</label>\n          <span>\n            <md-icon>person</md-icon> ${playGroup.creator && playGroup.creator.name}\n            <md-icon>schedule</md-icon> ${new Date(playGroup.createdAt).toLocaleString()}\n          </span>\n\n          <label>${i18next.t('label.updater')}</label>\n          <span>\n            <md-icon>person</md-icon> ${playGroup.updater && playGroup.updater.name}\n            <md-icon>schedule</md-icon> ${new Date(playGroup.updatedAt).toLocaleString()}\n          </span>\n\n          <div buttons>\n            ${this.playGroupId\n              ? html`\n                  <md-elevated-button danger @click=${this.deletePlayGroup.bind(this)}\n                    ><md-icon slot=\"icon\">delete_outline</md-icon>${String(\n                      i18next.t('button.delete')\n                    )}</md-elevated-button\n                  >\n                  <md-elevated-button @click=${this.updateGroup.bind(this)}\n                    ><md-icon slot=\"icon\">save</md-icon>${String(i18next.t('button.save'))}</md-elevated-button\n                  >\n                `\n              : html`\n                  <md-elevated-button @click=${this.createPlayGroup.bind(this)}\n                    ><md-icon slot=\"icon\">create_new_folder</md-icon>${String(\n                      i18next.t('button.create')\n                    )}</md-elevated-button\n                  >\n                `}\n          </div>\n        </fieldset>\n      </form>\n    `\n  }\n\n  updated(changes) {\n    if (changes.has('playGroupId')) {\n      this.refresh()\n    }\n  }\n\n  firstUpdated() {\n    setTimeout(() => {\n      ;(this.renderRoot.querySelector('[type=text]') as any).focus()\n    }, 100)\n  }\n\n  async refresh() {\n    if (!this.playGroupId) {\n      /* model이 없으므로, 기본 모델을 제공함. */\n      this.playGroup = { name: '', description: '' }\n    } else {\n      var response = await fetchPlayGroup(this.playGroupId)\n      this.playGroup = response.playGroup\n    }\n  }\n\n  async createPlayGroup() {\n    this.dispatchEvent(\n      new CustomEvent('create-play-group', {\n        detail: this.playGroup,\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    this.close()\n  }\n\n  async updateGroup() {\n    this.dispatchEvent(\n      new CustomEvent('update-play-group', {\n        detail: this.playGroup,\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    this.close()\n  }\n\n  async deletePlayGroup() {\n    this.dispatchEvent(\n      new CustomEvent('delete-play-group', {\n        detail: this.playGroup,\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    this.close()\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}
+{"version":3,"file":"play-group-info-basic.js","sourceRoot":"","sources":["../../client/viewparts/play-group-info-basic.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@material/web/textfield/filled-text-field.js'\nimport '@material/web/button/elevated-button.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next } from '@operato/i18n'\n\nimport { fetchPlayGroup } from '../graphql/index.js'\n\n@customElement('play-group-info-basic')\nexport class PlayGroupInfoBasic extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        color: var(--md-sys-color-on-surface);\n        background-color: var(--md-sys-color-surface);\n        height: 100%;\n        min-width: 360px;\n        overflow: auto;\n        position: relative;\n\n        --form-grid-gap: 2px 0;\n        --input-field-padding: var(--spacing-medium);\n        --legend-padding: var(--spacing-medium) 0 var(--spacing-small) 0;\n      }\n\n      form {\n        display: grid;\n        grid-template-columns: repeat(12, 1fr);\n        grid-gap: var(--form-grid-gap);\n        grid-auto-rows: minmax(24px, auto);\n        padding: var(--spacing-large);\n        align-items: center;\n      }\n\n      md-filled-text-field {\n        grid-column: span 12;\n        padding: 10px 0;\n      }\n\n      [buttons] {\n        grid-column: span 12;\n        padding: var(--spacing-medium) 0;\n        text-align: right;\n\n        display: flex;\n        gap: var(--spacing-small);\n        align-items: center;\n      }\n\n      [buttons] * {\n        margin: 0 0 0 auto;\n      }\n\n      [danger] {\n        float: left;\n        margin: 0;\n        --md-elevated-button-icon-color: var(--md-sys-color-on-error);\n        --md-elevated-button-label-text-color: var(--md-sys-color-on-error);\n        --md-elevated-button-container-color: var(--md-sys-color-error);\n      }\n\n      fieldset {\n        display: contents;\n      }\n\n      legend {\n        grid-column: span 12;\n        padding: var(--legend-padding);\n        font: var(--legend-font);\n        color: var(--md-sys-color-primary);\n        text-transform: capitalize;\n      }\n\n      label {\n        grid-column: span 12;\n        text-transform: capitalize;\n        color: var(--md-sys-color-primary);\n        font: var(--label-font);\n      }\n\n      span {\n        grid-column: span 12;\n        border-bottom: var(--border-dim-color);\n        margin-bottom: var(--spacing-medium);\n        padding-bottom: var(--spacing-small);\n        font: var(--input-field-font);\n      }\n      span md-icon {\n        font-variation-settings: 'FILL' 1;\n\n        vertical-align: middle;\n        font-size: var(--fontsize-large);\n        color: var(--md-sys-color-primary);\n      }\n\n      input,\n      table,\n      select,\n      textarea,\n      [custom-input] {\n        grid-column: span 12;\n\n        border: var(--input-field-border);\n        border-radius: var(--input-field-border-radius);\n        margin-bottom: var(--spacing-medium);\n        padding: var(--input-field-padding);\n        font: var(--input-field-font);\n      }\n\n      input[type='checkbox'],\n      input[type='radio'] {\n        place-self: center;\n        margin: 0;\n        grid-column: 1;\n      }\n\n      input[type='checkbox'] + label,\n      input[type='radio'] + label {\n        text-align: left;\n        grid-column: span 11 / auto;\n\n        font: var(--form-sublabel-font);\n        color: var(--md-sys-color-secondary);\n      }\n\n      input:focus {\n        outline: none;\n        border: 1px solid var(--focus-background-color);\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: String }) playGroupId?: string\n\n  @state() playGroup: any = { name: '', description: '' }\n\n  private link?: string\n\n  render() {\n    var playGroup = this.playGroup || { name: '', description: '' }\n\n    return html`\n      <form>\n        <fieldset>\n          <legend>playgroup information</legend>\n          <md-filled-text-field\n            type=\"text\"\n            label=${String(i18next.t('label.name'))}\n            .value=${playGroup.name || ''}\n            @change=${e => (this.playGroup.name = e.target.value)}\n          ></md-filled-text-field>\n\n          <md-filled-text-field\n            type=\"text\"\n            label=${String(i18next.t('label.description'))}\n            .value=${playGroup.description || ''}\n            @change=${e => (this.playGroup.description = e.target.value)}\n          ></md-filled-text-field>\n\n          <label>${i18next.t('label.creator')}</label>\n          <span>\n            <md-icon>person</md-icon> ${playGroup.creator && playGroup.creator.name}\n            <md-icon>schedule</md-icon> ${new Date(playGroup.createdAt).toLocaleString()}\n          </span>\n\n          <label>${i18next.t('label.updater')}</label>\n          <span>\n            <md-icon>person</md-icon> ${playGroup.updater && playGroup.updater.name}\n            <md-icon>schedule</md-icon> ${new Date(playGroup.updatedAt).toLocaleString()}\n          </span>\n\n          <div buttons>\n            ${this.playGroupId\n              ? html`\n                  <md-elevated-button danger @click=${this.deletePlayGroup.bind(this)}\n                    ><md-icon slot=\"icon\">delete_outline</md-icon>${String(\n                      i18next.t('button.delete')\n                    )}</md-elevated-button\n                  >\n                  <md-elevated-button @click=${this.updateGroup.bind(this)}\n                    ><md-icon slot=\"icon\">save</md-icon>${String(i18next.t('button.save'))}</md-elevated-button\n                  >\n                `\n              : html`\n                  <md-elevated-button @click=${this.createPlayGroup.bind(this)}\n                    ><md-icon slot=\"icon\">create_new_folder</md-icon>${String(\n                      i18next.t('button.create')\n                    )}</md-elevated-button\n                  >\n                `}\n          </div>\n        </fieldset>\n      </form>\n    `\n  }\n\n  updated(changes) {\n    if (changes.has('playGroupId')) {\n      this.refresh()\n    }\n  }\n\n  firstUpdated() {\n    setTimeout(() => {\n      ;(this.renderRoot.querySelector('[type=text]') as any).focus()\n    }, 100)\n  }\n\n  async refresh() {\n    if (!this.playGroupId) {\n      /* model이 없으므로, 기본 모델을 제공함. */\n      this.playGroup = { name: '', description: '' }\n    } else {\n      var response = await fetchPlayGroup(this.playGroupId)\n      this.playGroup = response.playGroup\n    }\n  }\n\n  async createPlayGroup() {\n    this.dispatchEvent(\n      new CustomEvent('create-play-group', {\n        detail: this.playGroup,\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    this.close()\n  }\n\n  async updateGroup() {\n    this.dispatchEvent(\n      new CustomEvent('update-play-group', {\n        detail: this.playGroup,\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    this.close()\n  }\n\n  async deletePlayGroup() {\n    this.dispatchEvent(\n      new CustomEvent('delete-play-group', {\n        detail: this.playGroup,\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    this.close()\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}

package/dist-client/viewparts/play-group-info.d.ts

@@ -1,6 +1,6 @@
 import { LitElement } from 'lit';
-import './play-group-info-basic';
-import './play-group-info-link';
+import './play-group-info-basic.js';
+import './play-group-info-link.js';
 export declare class PlayGroupInfo extends LitElement {
     static styles: import("lit").CSSResult[];
     playGroup?: {

package/dist-client/viewparts/play-group-info.js

@@ -3,8 +3,8 @@ import { css, html, LitElement } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { ScrollbarStyles } from '@operato/styles';
-import './play-group-info-basic';
-import './play-group-info-link';
+import './play-group-info-basic.js';
+import './play-group-info-link.js';
 let PlayGroupInfo = class PlayGroupInfo extends LitElement {
     constructor() {
         super(...arguments);

package/dist-client/viewparts/play-group-info.js.map

@@ -1 +1 @@
-{"version":3,"file":"play-group-info.js","sourceRoot":"","sources":["../../client/viewparts/play-group-info.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,yBAAyB,CAAA;AAChC,OAAO,wBAAwB,CAAA;AAGxB,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAmDI,QAAG,GAAW,OAAO,CAAA;IAmBhC,CAAC;IAjBC,MAAM;;QACJ,OAAO,IAAI,CAAA;;uBAEQ,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,OAAO;uBACzD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,MAAM;;;UAGpE,IAAI,CAAC,GAAG,IAAI,OAAO;YACnB,CAAC,CAAC,IAAI,CAAA,sCAAsC,SAAS,CAAC,MAAA,IAAI,CAAC,SAAS,0CAAE,EAAE,CAAC,2BAA2B;YACpG,CAAC,CAAC,IAAI,CAAA,oCAAoC,IAAI,CAAC,SAAS,0BAA0B;;KAEvF,CAAA;IACH,CAAC;IAED,KAAK;QACH,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;AApEM,oBAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2CF;CACF,AA9CY,CA8CZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAyC;AAE3D;IAAR,KAAK,EAAE;;0CAAsB;AAnDnB,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAsEzB","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport './play-group-info-basic'\nimport './play-group-info-link'\n\n@customElement('play-group-info')\nexport class PlayGroupInfo extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        height: 100%;\n        min-width: 360px;\n\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        background-color: var(--md-sys-color-surface);\n      }\n\n      [tab] {\n        width: 100%;\n        display: flex;\n      }\n\n      [tab] > * {\n        flex: 1;\n      }\n\n      [content] {\n        flex: 1;\n        overflow-y: auto;\n      }\n\n      span {\n        padding: 5px 4px 1px;\n        font: var(--group-bar-textbutton);\n        background-color: var(--md-sys-color-secondary);\n        color: rgba(255, 255, 255, 0.8);\n        text-align: center;\n        text-transform: uppercase;\n      }\n\n      span[active] {\n        background-color: var(--md-sys-color-primary);\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) playGroup?: { id: string; name: string }\n\n  @state() tab: string = 'basic'\n\n  render() {\n    return html`\n      <div tab>\n        <span @click=${() => (this.tab = 'basic')} ?active=${this.tab == 'basic'}>basic</span>\n        <span @click=${() => (this.tab = 'link')} ?active=${this.tab == 'link'}>link</span>\n      </div>\n      <div content>\n        ${this.tab == 'basic'\n          ? html`<play-group-info-basic playGroupId=${ifDefined(this.playGroup?.id)}></play-group-info-basic>`\n          : html`<play-group-info-link .playGroup=${this.playGroup}></play-group-info-link>`}\n      </div>\n    `\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}
+{"version":3,"file":"play-group-info.js","sourceRoot":"","sources":["../../client/viewparts/play-group-info.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,4BAA4B,CAAA;AACnC,OAAO,2BAA2B,CAAA;AAG3B,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAmDI,QAAG,GAAW,OAAO,CAAA;IAmBhC,CAAC;IAjBC,MAAM;;QACJ,OAAO,IAAI,CAAA;;uBAEQ,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,OAAO,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,OAAO;uBACzD,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,MAAM,CAAC,YAAY,IAAI,CAAC,GAAG,IAAI,MAAM;;;UAGpE,IAAI,CAAC,GAAG,IAAI,OAAO;YACnB,CAAC,CAAC,IAAI,CAAA,sCAAsC,SAAS,CAAC,MAAA,IAAI,CAAC,SAAS,0CAAE,EAAE,CAAC,2BAA2B;YACpG,CAAC,CAAC,IAAI,CAAA,oCAAoC,IAAI,CAAC,SAAS,0BAA0B;;KAEvF,CAAA;IACH,CAAC;IAED,KAAK;QACH,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;;AApEM,oBAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2CF;CACF,AA9CY,CA8CZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAyC;AAE3D;IAAR,KAAK,EAAE;;0CAAsB;AAnDnB,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CAsEzB","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport './play-group-info-basic.js'\nimport './play-group-info-link.js'\n\n@customElement('play-group-info')\nexport class PlayGroupInfo extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        height: 100%;\n        min-width: 360px;\n\n        display: flex;\n        flex-direction: column;\n        position: relative;\n        background-color: var(--md-sys-color-surface);\n      }\n\n      [tab] {\n        width: 100%;\n        display: flex;\n      }\n\n      [tab] > * {\n        flex: 1;\n      }\n\n      [content] {\n        flex: 1;\n        overflow-y: auto;\n      }\n\n      span {\n        padding: 5px 4px 1px;\n        font: var(--group-bar-textbutton);\n        background-color: var(--md-sys-color-secondary);\n        color: rgba(255, 255, 255, 0.8);\n        text-align: center;\n        text-transform: uppercase;\n      }\n\n      span[active] {\n        background-color: var(--md-sys-color-primary);\n      }\n\n      @media screen and (max-width: 460px) {\n        :host {\n          width: 100vw;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Object }) playGroup?: { id: string; name: string }\n\n  @state() tab: string = 'basic'\n\n  render() {\n    return html`\n      <div tab>\n        <span @click=${() => (this.tab = 'basic')} ?active=${this.tab == 'basic'}>basic</span>\n        <span @click=${() => (this.tab = 'link')} ?active=${this.tab == 'link'}>link</span>\n      </div>\n      <div content>\n        ${this.tab == 'basic'\n          ? html`<play-group-info-basic playGroupId=${ifDefined(this.playGroup?.id)}></play-group-info-basic>`\n          : html`<play-group-info-link .playGroup=${this.playGroup}></play-group-info-link>`}\n      </div>\n    `\n  }\n\n  close() {\n    history.back()\n  }\n}\n"]}