@things-factory/board-ui 6.2.96 → 6.2.102

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

@@ -1,247 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/mwc-icon';
-import '@operato/input/ox-input-file.js';
-import { css, html, LitElement } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { i18next } from '@things-factory/i18n-base';
-import { fetchGroup } from '@things-factory/board-ui';
-let GroupInfo = class GroupInfo extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.group = { name: '', description: '' };
-    }
-    render() {
-        var group = this.group || { name: '', description: '' };
-        return html `
-      <form>
-        <fieldset>
-          <legend>group information</legend>
-          <label>${i18next.t('label.name')}</label>
-          <input type="text" .value=${group.name} @change=${e => (this.group.name = e.target.value)} />
-
-          <label>${i18next.t('label.description')}</label>
-          <input type="text" .value=${group.description} @change=${e => (this.group.description = e.target.value)} />
-
-          <label>${i18next.t('label.creator')}</label>
-          <span>
-            <mwc-icon>person</mwc-icon> ${group.creator && group.creator.name} <mwc-icon>schedule</mwc-icon> ${new Date(group.createdAt).toLocaleString()}
-          </span>
-
-          <label>${i18next.t('label.updater')}</label>
-          <span>
-            <mwc-icon>person</mwc-icon> ${group.updater && group.updater.name} <mwc-icon>schedule</mwc-icon> ${new Date(group.updatedAt).toLocaleString()}
-          </span>
-
-          <div buttons>
-            ${this.groupId
-            ? html `
-                  <mwc-button
-                    dense
-                    raised
-                    danger
-                    label=${i18next.t('button.delete')}
-                    @click=${this.deleteGroup.bind(this)}
-                    icon="delete_outline"
-                  ></mwc-button>
-                  <mwc-button
-                    dense
-                    raised
-                    label=${i18next.t('button.save')}
-                    @click=${this.updateGroup.bind(this)}
-                    icon="done"
-                  ></mwc-button>
-                `
-            : html `
-                  <mwc-button
-                    dense
-                    raised
-                    label=${i18next.t('button.create')}
-                    @click=${this.createGroup.bind(this)}
-                    icon="create_new_folder"
-                  ></mwc-button>
-                `}
-          </div>
-        </fieldset>
-      </form>
-    `;
-    }
-    updated(changes) {
-        if (changes.has('groupId')) {
-            this.refresh();
-        }
-    }
-    firstUpdated() {
-        setTimeout(() => {
-            ;
-            this.renderRoot.querySelector('input[type=text]').focus();
-        }, 100);
-    }
-    async refresh() {
-        if (!this.groupId) {
-            /* model이 없으므로, 기본 모델을 제공함. */
-            this.group = { name: '', description: '' };
-        }
-        else {
-            var response = await fetchGroup(this.groupId);
-            this.group = response.group;
-        }
-    }
-    async createGroup() {
-        this.dispatchEvent(new CustomEvent('create-group', {
-            detail: this.group,
-            bubbles: true,
-            composed: true
-        }));
-        this.close();
-    }
-    async updateGroup() {
-        this.dispatchEvent(new CustomEvent('update-group', {
-            detail: this.group,
-            bubbles: true,
-            composed: true
-        }));
-        this.close();
-    }
-    async deleteGroup() {
-        this.dispatchEvent(new CustomEvent('delete-group', {
-            detail: this.group,
-            bubbles: true,
-            composed: true
-        }));
-        this.close();
-    }
-    close() {
-        history.back();
-    }
-};
-GroupInfo.styles = [
-    css `
-      :host {
-        display: block;
-        background-color: var(--main-section-background-color);
-        height: 100%;
-        min-width: 360px;
-        overflow: auto;
-        position: relative;
-
-        --form-grid-gap: 2px 0;
-        --input-field-padding: var(--padding-default);
-        --legend-padding: var(--padding-default) 0 var(--padding-narrow) 0;
-        --mdc-button-horizontal-padding: var(--padding-default);
-      }
-
-      form {
-        display: grid;
-        grid-template-columns: repeat(12, 1fr);
-        grid-gap: var(--form-grid-gap);
-        grid-auto-rows: minmax(24px, auto);
-        padding: var(--padding-wide);
-        align-items: center;
-      }
-
-      [buttons] {
-        grid-column: span 12;
-        padding: var(--padding-default) 0;
-        text-align: right;
-
-        display: flex;
-        gap: var(--margin-narrow);
-        align-items: center;
-      }
-
-      [buttons] mwc-button {
-        margin-left: auto;
-      }
-
-      [buttons] mwc-button[danger] {
-        margin-left: 0;
-        --mdc-theme-primary: var(--status-danger-color);
-      }
-
-      fieldset {
-        display: contents;
-      }
-
-      legend {
-        grid-column: span 12;
-        padding: var(--legend-padding);
-        font: var(--legend-font);
-        color: var(--legend-text-color);
-        text-transform: capitalize;
-      }
-
-      label {
-        grid-column: span 12;
-        text-transform: capitalize;
-        color: var(--label-color);
-        font: var(--label-font);
-      }
-
-      span {
-        grid-column: span 12;
-        border-bottom: var(--border-dark-color);
-        margin-bottom: var(--margin-default);
-        padding-bottom: var(--padding-narrow);
-        font: var(--input-field-font);
-      }
-      span mwc-icon {
-        vertical-align: middle;
-        font-size: var(--fontsize-large);
-        color: var(--primary-color);
-      }
-
-      input,
-      table,
-      select,
-      textarea,
-      [custom-input] {
-        grid-column: span 12;
-
-        border: var(--input-field-border);
-        border-radius: var(--input-field-border-radius);
-        margin-bottom: var(--margin-default);
-        padding: var(--input-field-padding);
-        font: var(--input-field-font);
-      }
-
-      input[type='checkbox'],
-      input[type='radio'] {
-        place-self: center;
-        margin: 0;
-        grid-column: 1;
-      }
-
-      input[type='checkbox'] + label,
-      input[type='radio'] + label {
-        text-align: left;
-        grid-column: span 11 / auto;
-
-        font: var(--form-sublabel-font);
-        color: var(--form-sublabel-color);
-      }
-
-      input:focus {
-        outline: none;
-        border: 1px solid var(--focus-background-color);
-      }
-
-      @media screen and (max-width: 460px) {
-        :host {
-          width: 100vw;
-        }
-      }
-    `
-];
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], GroupInfo.prototype, "groupId", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], GroupInfo.prototype, "group", void 0);
-GroupInfo = __decorate([
-    customElement('group-info-basic')
-], GroupInfo);
-export { GroupInfo };
-//# sourceMappingURL=group-info-basic.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"group-info-basic.js","sourceRoot":"","sources":["../../client/viewparts/group-info-basic.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\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 '@things-factory/i18n-base'\n\nimport { fetchGroup } from '@things-factory/board-ui'\n\n@customElement('group-info-basic')\nexport class GroupInfo extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: block;\n        background-color: var(--main-section-background-color);\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(--padding-default);\n        --legend-padding: var(--padding-default) 0 var(--padding-narrow) 0;\n        --mdc-button-horizontal-padding: var(--padding-default);\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(--padding-wide);\n        align-items: center;\n      }\n\n      [buttons] {\n        grid-column: span 12;\n        padding: var(--padding-default) 0;\n        text-align: right;\n\n        display: flex;\n        gap: var(--margin-narrow);\n        align-items: center;\n      }\n\n      [buttons] mwc-button {\n        margin-left: auto;\n      }\n\n      [buttons] mwc-button[danger] {\n        margin-left: 0;\n        --mdc-theme-primary: var(--status-danger-color);\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(--legend-text-color);\n        text-transform: capitalize;\n      }\n\n      label {\n        grid-column: span 12;\n        text-transform: capitalize;\n        color: var(--label-color);\n        font: var(--label-font);\n      }\n\n      span {\n        grid-column: span 12;\n        border-bottom: var(--border-dark-color);\n        margin-bottom: var(--margin-default);\n        padding-bottom: var(--padding-narrow);\n        font: var(--input-field-font);\n      }\n      span mwc-icon {\n        vertical-align: middle;\n        font-size: var(--fontsize-large);\n        color: var(--primary-color);\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(--margin-default);\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(--form-sublabel-color);\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 }) groupId?: string\n\n  @state() group: any = { name: '', description: '' }\n\n  render() {\n    var group = this.group || { name: '', description: '' }\n\n    return html`\n      <form>\n        <fieldset>\n          <legend>group information</legend>\n          <label>${i18next.t('label.name')}</label>\n          <input type=\"text\" .value=${group.name} @change=${e => (this.group.name = e.target.value)} />\n\n          <label>${i18next.t('label.description')}</label>\n          <input type=\"text\" .value=${group.description} @change=${e => (this.group.description = e.target.value)} />\n\n          <label>${i18next.t('label.creator')}</label>\n          <span>\n            <mwc-icon>person</mwc-icon> ${group.creator && group.creator.name} <mwc-icon>schedule</mwc-icon> ${new Date(\n              group.createdAt\n            ).toLocaleString()}\n          </span>\n\n          <label>${i18next.t('label.updater')}</label>\n          <span>\n            <mwc-icon>person</mwc-icon> ${group.updater && group.updater.name} <mwc-icon>schedule</mwc-icon> ${new Date(\n              group.updatedAt\n            ).toLocaleString()}\n          </span>\n\n          <div buttons>\n            ${this.groupId\n              ? html`\n                  <mwc-button\n                    dense\n                    raised\n                    danger\n                    label=${i18next.t('button.delete')}\n                    @click=${this.deleteGroup.bind(this)}\n                    icon=\"delete_outline\"\n                  ></mwc-button>\n                  <mwc-button\n                    dense\n                    raised\n                    label=${i18next.t('button.save')}\n                    @click=${this.updateGroup.bind(this)}\n                    icon=\"done\"\n                  ></mwc-button>\n                `\n              : html`\n                  <mwc-button\n                    dense\n                    raised\n                    label=${i18next.t('button.create')}\n                    @click=${this.createGroup.bind(this)}\n                    icon=\"create_new_folder\"\n                  ></mwc-button>\n                `}\n          </div>\n        </fieldset>\n      </form>\n    `\n  }\n\n  updated(changes) {\n    if (changes.has('groupId')) {\n      this.refresh()\n    }\n  }\n\n  firstUpdated() {\n    setTimeout(() => {\n      ;(this.renderRoot.querySelector('input[type=text]') as any).focus()\n    }, 100)\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 createGroup() {\n    this.dispatchEvent(\n      new CustomEvent('create-group', {\n        detail: this.group,\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    this.close()\n  }\n\n  async updateGroup() {\n    this.dispatchEvent(\n      new CustomEvent('update-group', {\n        detail: this.group,\n        bubbles: true,\n        composed: true\n      })\n    )\n\n    this.close()\n  }\n\n  async deleteGroup() {\n    this.dispatchEvent(\n      new CustomEvent('delete-group', {\n        detail: this.group,\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.d.ts

@@ -1,15 +0,0 @@
-import '@material/mwc-icon';
-import '@operato/input/ox-input-file.js';
-import { LitElement } from 'lit';
-export declare class GroupInfoImport extends LitElement {
-    static styles: import("lit").CSSResult[];
-    groupId?: string;
-    group: any;
-    fileUploader: any;
-    overwrite: any;
-    render(): import("lit-html").TemplateResult<1>;
-    updated(changes: any): void;
-    refresh(): Promise<void>;
-    importBoard(): Promise<void>;
-    close(): void;
-}

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

@@ -1,137 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import '@material/mwc-icon';
-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 '@things-factory/i18n-base';
-import { fetchGroup } from '../graphql';
-let GroupInfoImport = class GroupInfoImport extends LitElement {
-    render() {
-        var group = this.group || { name: '', description: '' };
-        return html `
-      ${this.groupId
-            ? html `
-            <div import>
-              <ox-input-file accept="*/*" multiple="true"></ox-input-file>
-
-              <div buttons>
-                <label> <input type="checkbox" name="overwrite" checked />&nbsp;overwrite </label>
-                <mwc-button
-                  dense
-                  raised
-                  label=${i18next.t('button.import-board')}
-                  @click=${this.importBoard.bind(this)}
-                  icon="publish"
-                ></mwc-button>
-              </div>
-            </div>
-          `
-            : html ``}
-    `;
-    }
-    updated(changes) {
-        if (changes.has('groupId')) {
-            this.refresh();
-        }
-    }
-    async refresh() {
-        if (!this.groupId) {
-            /* model이 없으므로, 기본 모델을 제공함. */
-            this.group = { name: '', description: '' };
-        }
-        else {
-            var response = await fetchGroup(this.groupId);
-            this.group = response.group;
-        }
-    }
-    async importBoard() {
-        this.dispatchEvent(new CustomEvent('import-boards', {
-            bubbles: true,
-            composed: true,
-            detail: {
-                group: this.group,
-                files: this.fileUploader.files,
-                overwrite: this.overwrite.checked
-            }
-        }));
-        this.close();
-    }
-    close() {
-        history.back();
-    }
-};
-GroupInfoImport.styles = [
-    css `
-      :host {
-        display: block;
-        background-color: var(--main-section-background-color);
-        height: 100%;
-        min-width: 360px;
-        overflow: auto;
-        position: relative;
-
-        --form-grid-gap: 2px 0;
-        --input-field-padding: var(--padding-default);
-        --legend-padding: var(--padding-default) 0 var(--padding-narrow) 0;
-        --mdc-button-horizontal-padding: var(--padding-default);
-      }
-
-      [buttons] {
-        grid-column: span 12;
-        padding: var(--padding-default) 0;
-        text-align: right;
-
-        display: flex;
-        gap: var(--margin-narrow);
-        align-items: center;
-      }
-
-      [buttons] mwc-button {
-        margin-left: auto;
-      }
-
-      input[type='checkbox'] + label,
-      input[type='radio'] + label {
-        text-align: left;
-        grid-column: span 11 / auto;
-
-        font: var(--form-sublabel-font);
-        color: var(--form-sublabel-color);
-      }
-
-      div[import] {
-        display: flex;
-        flex-direction: column;
-        gap: 4px;
-        padding: var(--padding-wide);
-        align-items: stretch;
-      }
-
-      @media screen and (max-width: 460px) {
-        :host {
-          width: 100vw;
-        }
-      }
-    `
-];
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], GroupInfoImport.prototype, "groupId", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], GroupInfoImport.prototype, "group", void 0);
-__decorate([
-    query('ox-input-file'),
-    __metadata("design:type", Object)
-], GroupInfoImport.prototype, "fileUploader", void 0);
-__decorate([
-    query('input[type=checkbox]'),
-    __metadata("design:type", Object)
-], GroupInfoImport.prototype, "overwrite", void 0);
-GroupInfoImport = __decorate([
-    customElement('group-info-import')
-], GroupInfoImport);
-export { GroupInfoImport };
-//# sourceMappingURL=group-info-import.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"group-info-import.js","sourceRoot":"","sources":["../../client/viewparts/group-info-import.ts"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAA;AAC3B,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,2BAA2B,CAAA;AAEnD,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;;;;;;;;;0BASY,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;2BAC/B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;WAK3C;YACH,CAAC,CAAC,IAAI,CAAA,EAAE;KACX,CAAA;IACH,CAAC;IAED,OAAO,CAAC,OAAO;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;YAC1B,IAAI,CAAC,OAAO,EAAE,CAAA;SACf;IACH,CAAC;IAED,KAAK,CAAC,OAAO;QACX,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,8BAA8B;YAC9B,IAAI,CAAC,KAAK,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,CAAA;SAC3C;aAAM;YACL,IAAI,QAAQ,GAAG,MAAM,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;YAC7C,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAA;SAC5B;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;;AAzHM,sBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAmDF;CACF,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAiB;AAE5C;IAAC,KAAK,EAAE;;8CAAW;AAEnB;IAAC,KAAK,CAAC,eAAe,CAAC;;qDAAkB;AACzC;IAAC,KAAK,CAAC,sBAAsB,CAAC;;kDAAe;AA7DlC,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CA2H3B;SA3HY,eAAe","sourcesContent":["import '@material/mwc-icon'\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 '@things-factory/i18n-base'\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        background-color: var(--main-section-background-color);\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(--padding-default);\n        --legend-padding: var(--padding-default) 0 var(--padding-narrow) 0;\n        --mdc-button-horizontal-padding: var(--padding-default);\n      }\n\n      [buttons] {\n        grid-column: span 12;\n        padding: var(--padding-default) 0;\n        text-align: right;\n\n        display: flex;\n        gap: var(--margin-narrow);\n        align-items: center;\n      }\n\n      [buttons] mwc-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);\n      }\n\n      div[import] {\n        display: flex;\n        flex-direction: column;\n        gap: 4px;\n        padding: var(--padding-wide);\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                <mwc-button\n                  dense\n                  raised\n                  label=${i18next.t('button.import-board')}\n                  @click=${this.importBoard.bind(this)}\n                  icon=\"publish\"\n                ></mwc-button>\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,10 +0,0 @@
-import { LitElement } from 'lit';
-import './group-info-basic';
-import './group-info-import';
-export declare class GroupInfo extends LitElement {
-    static styles: import("lit").CSSResult[];
-    groupId?: string;
-    tab: string;
-    render(): import("lit-html").TemplateResult<1>;
-    close(): void;
-}

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

@@ -1,92 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-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 { privileged } from '@things-factory/auth-base/dist-client';
-import './group-info-basic';
-import './group-info-import';
-let GroupInfo = class GroupInfo extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.tab = 'basic';
-    }
-    render() {
-        return html `
-      ${privileged({ privilege: 'mutation', category: 'board' }, html `
-          <div tab>
-            <span @click=${() => (this.tab = 'basic')} ?active=${this.tab == 'basic'}>basic</span>
-            <span @click=${() => (this.tab = 'import')} ?active=${this.tab == 'import'}>import</span>
-          </div>
-        `)}
-      <div content>
-        ${this.tab == 'basic'
-            ? html `<group-info-basic groupId=${ifDefined(this.groupId)}></group-info-basic>`
-            : html `<group-info-import groupId=${ifDefined(this.groupId)}></group-info-import>`}
-      </div>
-    `;
-    }
-    close() {
-        history.back();
-    }
-};
-GroupInfo.styles = [
-    ScrollbarStyles,
-    css `
-      :host {
-        height: 100%;
-        min-width: 360px;
-
-        display: flex;
-        flex-direction: column;
-        position: relative;
-        background-color: var(--main-section-background-color);
-      }
-
-      [tab] {
-        width: 100%;
-        display: flex;
-      }
-
-      [tab] > * {
-        flex: 1;
-      }
-
-      [content] {
-        flex: 1;
-        overflow-y: auto;
-      }
-
-      span {
-        padding: 5px 4px 1px;
-        font: var(--group-bar-textbutton);
-        background-color: var(--secondary-color);
-        color: rgba(255, 255, 255, 0.8);
-        text-align: center;
-        text-transform: uppercase;
-      }
-
-      span[active] {
-        background-color: var(--primary-color);
-      }
-
-      @media screen and (max-width: 460px) {
-        :host {
-          width: 100vw;
-        }
-      }
-    `
-];
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], GroupInfo.prototype, "groupId", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", String)
-], GroupInfo.prototype, "tab", void 0);
-GroupInfo = __decorate([
-    customElement('group-info')
-], GroupInfo);
-export { GroupInfo };
-//# sourceMappingURL=group-info.js.map

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

@@ -1 +0,0 @@
-{"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,CAAA;AAED;IAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;0CAAiB;AAE5C;IAAC,KAAK,EAAE;;sCAAsB;AAnDnB,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CA2ErB;SA3EY,SAAS","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(--main-section-background-color);\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(--secondary-color);\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(--primary-color);\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 +0,0 @@
-export * from './board-info';
-export * from './group-info';
-export * from './play-group-info';

package/dist-client/viewparts/index.js

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

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

@@ -1 +0,0 @@
-{"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"]}

package/dist-client/viewparts/link-builder.d.ts

@@ -1,22 +0,0 @@
-import '@material/mwc-icon';
-import '@operato/i18n/ox-i18n.js';
-import '@operato/input/ox-input-key-values.js';
-import { LitElement, PropertyValues } from 'lit';
-export declare class LinkBuilder extends LitElement {
-    static styles: import("lit").CSSResult[];
-    command?: string;
-    targetId?: string;
-    targetName?: string;
-    link?: string;
-    keyvalues: any;
-    appliances: any[];
-    targetAppliance: any;
-    key?: string;
-    byname: boolean;
-    private clipboard?;
-    render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): void;
-    updated(changes: PropertyValues<this>): void;
-    objectToQueryString(obj: any): string;
-    getAppliances(): Promise<void>;
-}