@things-factory/organization 9.0.0-beta.8 → 9.0.2

package/dist-client/component/approval-line-templates-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"approval-line-templates-manager.js","sourceRoot":"","sources":["../../client/component/approval-line-templates-manager.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { FetchOption, getEditor, getRenderer } from '@operato/data-grist'\nimport { isMobileDevice } from '@operato/utils'\nimport { CommonHeaderStyles } from '@operato/styles'\n\nimport { ApprovalLine } from '../types/approval-line'\n\n/**\n * 결재선 관리를 위해서\n * 1. 결재선 리스트를 조회한다.\n * 2. 결재선을 생성, 삭제, 수정한다.\n */\n@customElement('approval-line-templates-manager')\nexport class ApprovalLineTemplatesManager extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Object }) gristConfig?: any\n  @property({ type: Object }) approvalLine?: ApprovalLine\n\n  @query('ox-grist') grist?: HTMLElement & { fetch: any; commit: any; deleteSelectedRecords: any; data: any }\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${isMobileDevice() ? 'CARD' : 'GRID'}\n        .config=${this.gristConfig}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n      ></ox-grist>\n\n      <div class=\"footer\">\n        <button danger @click=${this._deleteDataItems.bind(this)}>\n          <md-icon>delete</md-icon>${i18next.t('button.delete')}\n        </button>\n        <button @click=${this._updateDataItems.bind(this)} done>\n          <md-icon>save</md-icon>${i18next.t('button.save')}\n        </button>\n      </div>\n    `\n  }\n\n  async firstUpdated() {\n    this.gristConfig = {\n      list: {\n        fields: ['name', 'description', 'active']\n      },\n      columns: [\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        { type: 'gutter', gutterName: 'sequence' },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'arrow_upward',\n          handlers: {\n            click: 'move-up'\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'arrow_downward',\n          handlers: {\n            click: 'move-down'\n          }\n        },\n        {\n          type: 'select',\n          name: 'type',\n          header: i18next.t('field.type'),\n          record: {\n            editable: true,\n            options: ['', 'Employee', 'Department', 'Role']\n          },\n          width: 140\n        },\n        {\n          type: 'resource-object',\n          name: 'approver',\n          header: i18next.t('field.approver'),\n          record: {\n            editable: true,\n            editor: function (value, column, record, rowIndex, field) {\n              var options = {}\n              switch (record.type) {\n                case 'Employee':\n                  options = {\n                    title: i18next.t('title.employee list'),\n                    queryName: 'employees',\n                    columns: [\n                      { name: 'id', hidden: true },\n                      {\n                        name: 'controlNo',\n                        header: { renderer: () => i18next.t('field.control-no') },\n                        filter: 'search'\n                      },\n                      { name: 'name', header: { renderer: () => i18next.t('field.name') }, filter: 'search' }\n                    ],\n                    list: { fields: ['name', 'control-no'] },\n                    valueField: 'id',\n                    nameField: 'name',\n                    descriptionField: 'controlNo'\n                  }\n                  break\n                case 'Department':\n                  options = {\n                    title: i18next.t('title.department list'),\n                    queryName: 'departments'\n                  }\n                  break\n                case 'Role':\n                  options = {\n                    title: i18next.t('title.lookup role'),\n                    queryName: 'roles'\n                  }\n                  break\n                default:\n                  options = {}\n              }\n\n              var dynamicRecord = { ...column.record, options }\n\n              return getEditor(column.type)(value, { ...column, record: dynamicRecord }, record, rowIndex, field)\n            },\n            renderer: function (value, column, record, rowIndex, field) {\n              var options = {}\n              switch (record.type) {\n                case 'Employee':\n                  options = {\n                    valueField: 'id',\n                    nameField: 'name',\n                    descriptionField: 'controlNo'\n                  }\n                  break\n                case 'Department':\n                case 'Role':\n                default:\n                  break\n              }\n\n              var dynamicRecord = { ...column.record, options }\n\n              return getRenderer(column.type)(value, { ...column, record: dynamicRecord }, record, rowIndex, field)\n            }\n          },\n          width: 180\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        }\n      },\n      pagination: {\n        infinite: true\n      },\n      sorters: []\n    }\n  }\n\n  async fetchHandler({ filters, page, limit, sortings = [] }: FetchOption) {\n    const model = this.approvalLine?.model || []\n\n    return {\n      total: model.length,\n      records: model\n    }\n  }\n\n  async _updateDataItems() {\n    this.grist?.commit()\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ($id: String!, $patch: ApprovalLinePatch!) {\n          updateApprovalLine(id: $id, patch: $patch) {\n            name\n          }\n        }\n      `,\n      variables: {\n        id: this.approvalLine!.id,\n        patch: {\n          model: this.grist?.data.records,\n          cuFlag: 'M'\n        }\n      }\n    })\n\n    if (!response.errors) {\n      await document.dispatchEvent(\n        new CustomEvent('notify', {\n          detail: {\n            message: i18next.t('text.info_x_successfully', {\n              x: i18next.t('button.save')\n            })\n          }\n        })\n      )\n    }\n  }\n\n  async _deleteDataItems() {\n    if (!confirm(i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }))) {\n      return\n    }\n\n    this.grist?.deleteSelectedRecords(false)\n  }\n}\n"]}
+{"version":3,"file":"approval-line-templates-manager.js","sourceRoot":"","sources":["../../client/component/approval-line-templates-manager.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { FetchOption, getEditor, getRenderer } from '@operato/data-grist'\nimport { isMobileDevice } from '@operato/utils'\nimport { CommonHeaderStyles } from '@operato/styles'\n\nimport { ApprovalLine } from '../types/approval-line'\n\n/**\n * 결재선 관리를 위해서\n * 1. 결재선 리스트를 조회한다.\n * 2. 결재선을 생성, 삭제, 수정한다.\n */\n@customElement('approval-line-templates-manager')\nexport class ApprovalLineTemplatesManager extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Object }) gristConfig?: any\n  @property({ type: Object }) approvalLine?: ApprovalLine\n\n  @query('ox-grist') grist?: HTMLElement & { fetch: any; commit: any; deleteSelectedRecords: any; data: any }\n\n  render() {\n    return html`\n      <ox-grist\n        .mode=${isMobileDevice() ? 'CARD' : 'GRID'}\n        .config=${this.gristConfig}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n      ></ox-grist>\n\n      <div class=\"footer\">\n        <button danger @click=${this._deleteDataItems.bind(this)}>\n          <md-icon>delete</md-icon>${i18next.t('button.delete')}\n        </button>\n        <button @click=${this._updateDataItems.bind(this)} done>\n          <md-icon>save</md-icon>${i18next.t('button.save')}\n        </button>\n      </div>\n    `\n  }\n\n  async firstUpdated() {\n    this.gristConfig = {\n      list: {\n        fields: ['name', 'description', 'active']\n      },\n      columns: [\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        { type: 'gutter', gutterName: 'sequence' },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'arrow_upward',\n          handlers: {\n            click: 'move-up'\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'arrow_downward',\n          handlers: {\n            click: 'move-down'\n          }\n        },\n        {\n          type: 'select',\n          name: 'type',\n          header: i18next.t('field.type'),\n          record: {\n            editable: true,\n            options: ['', 'Employee', 'Department', 'Role']\n          },\n          width: 140\n        },\n        {\n          type: 'resource-object',\n          name: 'approver',\n          header: i18next.t('field.approver'),\n          record: {\n            editable: true,\n            editor: function (value, column, record, rowIndex, field) {\n              var options = {}\n              switch (record.type) {\n                case 'Employee':\n                  options = {\n                    title: i18next.t('title.employee list'),\n                    queryName: 'employees',\n                    columns: [\n                      { name: 'id', hidden: true },\n                      {\n                        name: 'controlNo',\n                        header: { renderer: () => i18next.t('field.control-no') },\n                        filter: 'search'\n                      },\n                      { name: 'name', header: { renderer: () => i18next.t('field.name') }, filter: 'search' }\n                    ],\n                    list: { fields: ['name', 'control-no'] },\n                    valueField: 'id',\n                    nameField: 'name',\n                    descriptionField: 'controlNo'\n                  }\n                  break\n                case 'Department':\n                  options = {\n                    title: i18next.t('title.department list'),\n                    queryName: 'departments'\n                  }\n                  break\n                case 'Role':\n                  options = {\n                    title: i18next.t('title.lookup role'),\n                    queryName: 'roles'\n                  }\n                  break\n                default:\n                  options = {}\n              }\n\n              var dynamicRecord = { ...column.record, options }\n\n              return getEditor(column.type)(value, { ...column, record: dynamicRecord }, record, rowIndex, field)\n            },\n            renderer: function (value, column, record, rowIndex, field) {\n              var options = {}\n              switch (record.type) {\n                case 'Employee':\n                  options = {\n                    valueField: 'id',\n                    nameField: 'name',\n                    descriptionField: 'controlNo'\n                  }\n                  break\n                case 'Department':\n                case 'Role':\n                default:\n                  break\n              }\n\n              var dynamicRecord = { ...column.record, options }\n\n              return getRenderer(column.type)(value, { ...column, record: dynamicRecord }, record, rowIndex, field)\n            }\n          },\n          width: 180\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        }\n      },\n      pagination: {\n        infinite: true\n      },\n      sorters: []\n    }\n  }\n\n  async fetchHandler({ filters, page, limit, sortings = [] }: FetchOption) {\n    const model = this.approvalLine?.model || []\n\n    return {\n      total: model.length,\n      records: model\n    }\n  }\n\n  async _updateDataItems() {\n    this.grist?.commit()\n\n    const response = await client.mutate({\n      mutation: gql`\n        mutation ($id: String!, $patch: ApprovalLinePatch!) {\n          updateApprovalLine(id: $id, patch: $patch) {\n            name\n          }\n        }\n      `,\n      variables: {\n        id: this.approvalLine!.id,\n        patch: {\n          model: this.grist?.data.records,\n          cuFlag: 'M'\n        }\n      }\n    })\n\n    if (!response.errors) {\n      await document.dispatchEvent(\n        new CustomEvent('notify', {\n          detail: {\n            message: i18next.t('text.info_x_successfully', {\n              x: i18next.t('button.save')\n            })\n          }\n        })\n      )\n    }\n  }\n\n  async _deleteDataItems() {\n    if (!confirm(i18next.t('text.sure_to_x', { x: i18next.t('text.delete') }))) {\n      return\n    }\n\n    this.grist?.deleteSelectedRecords(false)\n  }\n}\n"]}

package/dist-client/component/approval-line-view.js

@@ -8,32 +8,8 @@ let ApprovalLineView = class ApprovalLineView extends localize(i18next)(LitEleme
         super(...arguments);
         this.current = -1;
     }
-    render() {
-        const items = this.model || [];
-        return html `
-      <ol>
-        ${this.model ? html ` <li approver><span>ME</span>${i18next.t('label.myself')}</li> ` : html ``}
-        ${items.map((item, order) => this.renderItem(item, order + 1))}
-      </ol>
-    `;
-    }
-    renderItem(item, order) {
-        const { type, approver } = item;
-        const { name } = approver || {
-            name: [OrgMemberTargetType.Myself, OrgMemberTargetType.MySupervisor, OrgMemberTargetType.MyDepartment].includes(type)
-                ? i18next.t(`label.${type}`)
-                : ''
-        };
-        return html `
-      <li approver ?current=${this.current == order}>
-        <span>${i18next.t('label.' + type)}</span>
-        ${name}
-      </li>
-    `;
-    }
-};
-ApprovalLineView.styles = [
-    css `
+    static { this.styles = [
+        css `
       :host {
         display: flex;
         flex-direction: row;
@@ -111,7 +87,31 @@ ApprovalLineView.styles = [
         opacity: 1;
       }
     `
-];
+    ]; }
+    render() {
+        const items = this.model || [];
+        return html `
+      <ol>
+        ${this.model ? html ` <li approver><span>ME</span>${i18next.t('label.myself')}</li> ` : html ``}
+        ${items.map((item, order) => this.renderItem(item, order + 1))}
+      </ol>
+    `;
+    }
+    renderItem(item, order) {
+        const { type, approver } = item;
+        const { name } = approver || {
+            name: [OrgMemberTargetType.Myself, OrgMemberTargetType.MySupervisor, OrgMemberTargetType.MyDepartment].includes(type)
+                ? i18next.t(`label.${type}`)
+                : ''
+        };
+        return html `
+      <li approver ?current=${this.current == order}>
+        <span>${i18next.t('label.' + type)}</span>
+        ${name}
+      </li>
+    `;
+    }
+};
 __decorate([
     property({ type: Array }),
     __metadata("design:type", Array)

package/dist-client/component/approval-line-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"approval-line-view.js","sourceRoot":"","sources":["../../client/component/approval-line-view.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAGlD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA5D;;QAmFuB,YAAO,GAAY,CAAC,CAAC,CAAA;IA8BnD,CAAC;IA5BC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE9B,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,gCAAgC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;UAC3F,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;;KAEjE,CAAA;IACH,CAAC;IAED,UAAU,CAAC,IAAsB,EAAE,KAAa;QAC9C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;QAC/B,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,IAAI;YAC3B,IAAI,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,mBAAmB,CAAC,YAAY,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC,QAAQ,CAC7G,IAAK,CACN;gBACC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC;gBAC5B,CAAC,CAAC,EAAE;SACP,CAAA;QAED,OAAO,IAAI,CAAA;8BACe,IAAI,CAAC,OAAO,IAAI,KAAK;gBACnC,OAAO,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;UAChC,IAAI;;KAET,CAAA;IACH,CAAC;;AA/GM,uBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6EF;CACF,AA/EY,CA+EZ;AAE0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;+CAA2B;AACzB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;iDAAsB;AAnFtC,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAiH5B","sourcesContent":["import { css, html, LitElement, TemplateResult } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { ApprovalLineItem } from '../types/approval-line'\nimport { OrgMemberTargetType } from '../types/org-member'\n\n@customElement('approval-line-view')\nexport class ApprovalLineView extends localize(i18next)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        padding: 10px;\n        justify-content: center;\n        align-items: center;\n\n        --md-icon-size: 3em;\n        color: var(--md-sys-color-on-surface);\n        background-color: var(--md-sys-color-surface-variant);\n      }\n\n      ol {\n        position: relative;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        gap: 25px;\n        list-style-type: none;\n      }\n\n      li {\n        text-align: center;\n        font-size: var(--fontsize-default);\n      }\n\n      li:before {\n        content: '';\n        height: 2px;\n        width: 25px;\n        display: block;\n        position: absolute;\n        margin-left: -25px;\n        margin-top: 10px;\n        background-color: var(--md-sys-color-primary);\n        opacity: 0.4;\n      }\n\n      li:first-child:before {\n        display: none;\n      }\n\n      span {\n        display: block;\n        margin: auto;\n        margin-bottom: var(--spacing-small);\n        color: var(--md-sys-color-primary);\n        background-color: var(--md-sys-color-surface-variant);\n        border-radius: 5px;\n        border: 2px solid var(--md-sys-color-primary);\n        font-size: var(--fontsize-small);\n        line-height: 1;\n        padding: var(--spacing-small) var(--spacing-medium);\n      }\n\n      [approver][current] span {\n        background-color: var(--md-sys-color-primary);\n        border-color: var(--md-sys-color-primary);\n        color: var(--md-sys-color-on-primary);\n      }\n\n      [approver][current] {\n        font-weight: bold;\n      }\n\n      [approver][current] ~ li span {\n        background-color: rgba(0, 0, 0, 0.5);\n        border-color: transparent;\n        color: var(--md-sys-color-on-primary);\n      }\n\n      [approver][current] ~ li:before {\n        background-color: rgba(0, 0, 0, 0.4);\n        opacity: 1;\n      }\n    `\n  ]\n\n  @property({ type: Array }) model?: ApprovalLineItem[]\n  @property({ type: Number }) current?: number = -1\n\n  render() {\n    const items = this.model || []\n\n    return html`\n      <ol>\n        ${this.model ? html` <li approver><span>ME</span>${i18next.t('label.myself')}</li> ` : html``}\n        ${items.map((item, order) => this.renderItem(item, order + 1))}\n      </ol>\n    `\n  }\n\n  renderItem(item: ApprovalLineItem, order: number): TemplateResult {\n    const { type, approver } = item\n    const { name } = approver || {\n      name: [OrgMemberTargetType.Myself, OrgMemberTargetType.MySupervisor, OrgMemberTargetType.MyDepartment].includes(\n        type!\n      )\n        ? i18next.t(`label.${type}`)\n        : ''\n    }\n\n    return html`\n      <li approver ?current=${this.current == order}>\n        <span>${i18next.t('label.' + type)}</span>\n        ${name}\n      </li>\n    `\n  }\n}\n"]}
+{"version":3,"file":"approval-line-view.js","sourceRoot":"","sources":["../../client/component/approval-line-view.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AAGlD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAA5D;;QAmFuB,YAAO,GAAY,CAAC,CAAC,CAAA;IA8BnD,CAAC;aAhHQ,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6EF;KACF,AA/EY,CA+EZ;IAKD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE9B,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,gCAAgC,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;UAC3F,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;;KAEjE,CAAA;IACH,CAAC;IAED,UAAU,CAAC,IAAsB,EAAE,KAAa;QAC9C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;QAC/B,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,IAAI;YAC3B,IAAI,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,mBAAmB,CAAC,YAAY,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC,QAAQ,CAC7G,IAAK,CACN;gBACC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC;gBAC5B,CAAC,CAAC,EAAE;SACP,CAAA;QAED,OAAO,IAAI,CAAA;8BACe,IAAI,CAAC,OAAO,IAAI,KAAK;gBACnC,OAAO,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;UAChC,IAAI;;KAET,CAAA;IACH,CAAC;;AA9B0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;+CAA2B;AACzB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;iDAAsB;AAnFtC,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAiH5B","sourcesContent":["import { css, html, LitElement, TemplateResult } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { ApprovalLineItem } from '../types/approval-line'\nimport { OrgMemberTargetType } from '../types/org-member'\n\n@customElement('approval-line-view')\nexport class ApprovalLineView extends localize(i18next)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        padding: 10px;\n        justify-content: center;\n        align-items: center;\n\n        --md-icon-size: 3em;\n        color: var(--md-sys-color-on-surface);\n        background-color: var(--md-sys-color-surface-variant);\n      }\n\n      ol {\n        position: relative;\n        margin: 0;\n        padding: 0;\n        display: flex;\n        gap: 25px;\n        list-style-type: none;\n      }\n\n      li {\n        text-align: center;\n        font-size: var(--fontsize-default);\n      }\n\n      li:before {\n        content: '';\n        height: 2px;\n        width: 25px;\n        display: block;\n        position: absolute;\n        margin-left: -25px;\n        margin-top: 10px;\n        background-color: var(--md-sys-color-primary);\n        opacity: 0.4;\n      }\n\n      li:first-child:before {\n        display: none;\n      }\n\n      span {\n        display: block;\n        margin: auto;\n        margin-bottom: var(--spacing-small);\n        color: var(--md-sys-color-primary);\n        background-color: var(--md-sys-color-surface-variant);\n        border-radius: 5px;\n        border: 2px solid var(--md-sys-color-primary);\n        font-size: var(--fontsize-small);\n        line-height: 1;\n        padding: var(--spacing-small) var(--spacing-medium);\n      }\n\n      [approver][current] span {\n        background-color: var(--md-sys-color-primary);\n        border-color: var(--md-sys-color-primary);\n        color: var(--md-sys-color-on-primary);\n      }\n\n      [approver][current] {\n        font-weight: bold;\n      }\n\n      [approver][current] ~ li span {\n        background-color: rgba(0, 0, 0, 0.5);\n        border-color: transparent;\n        color: var(--md-sys-color-on-primary);\n      }\n\n      [approver][current] ~ li:before {\n        background-color: rgba(0, 0, 0, 0.4);\n        opacity: 1;\n      }\n    `\n  ]\n\n  @property({ type: Array }) model?: ApprovalLineItem[]\n  @property({ type: Number }) current?: number = -1\n\n  render() {\n    const items = this.model || []\n\n    return html`\n      <ol>\n        ${this.model ? html` <li approver><span>ME</span>${i18next.t('label.myself')}</li> ` : html``}\n        ${items.map((item, order) => this.renderItem(item, order + 1))}\n      </ol>\n    `\n  }\n\n  renderItem(item: ApprovalLineItem, order: number): TemplateResult {\n    const { type, approver } = item\n    const { name } = approver || {\n      name: [OrgMemberTargetType.Myself, OrgMemberTargetType.MySupervisor, OrgMemberTargetType.MyDepartment].includes(\n        type!\n      )\n        ? i18next.t(`label.${type}`)\n        : ''\n    }\n\n    return html`\n      <li approver ?current=${this.current == order}>\n        <span>${i18next.t('label.' + type)}</span>\n        ${name}\n      </li>\n    `\n  }\n}\n"]}

package/dist-client/component/assignees-editor-popup.js

@@ -15,6 +15,21 @@ let AssigneesEditorPopup = class AssigneesEditorPopup extends localize(i18next)(
         /* this.value는 (원인불명으로) 값이 Reset되므로, 변화값을 유지하도록 별도로 changedValue를 사용함 */
         this.changedValue = this.value;
     }
+    static { this.styles = [
+        CommonHeaderStyles,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        background-color: var(--md-sys-color-surface);
+      }
+
+      assignees-editor {
+        flex: 1;
+      }
+    `
+    ]; }
     render() {
         return html `
       <assignees-editor
@@ -49,21 +64,6 @@ let AssigneesEditorPopup = class AssigneesEditorPopup extends localize(i18next)(
         closePopup(this);
     }
 };
-AssigneesEditorPopup.styles = [
-    CommonHeaderStyles,
-    css `
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: var(--md-sys-color-surface);
-      }
-
-      assignees-editor {
-        flex: 1;
-      }
-    `
-];
 __decorate([
     property({ type: Array }),
     __metadata("design:type", Array)

package/dist-client/component/assignees-editor-popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"assignees-editor-popup.js","sourceRoot":"","sources":["../../client/component/assignees-editor-popup.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAS,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD;;GAEG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAAhE;;QAsBL,wEAAwE;QAChE,iBAAY,GAAoB,IAAI,CAAC,KAAK,CAAA;IAwCpD,CAAC;IAtCC,MAAM;QACJ,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,KAAK;kBACT,CAAC,CAAc,EAAE,EAAE;YAC3B,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAA;QACnC,CAAC;;;;yBAIgB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;sDACM,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;;;yBAGtD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,6BAA6B,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;yBAC/E,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,gCAAgC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;;KAExG,CAAA;IACH,CAAC;IAED,YAAY;QACV,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAA;IAChC,CAAC;IAED,OAAO;QACL,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QAClD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IAED,QAAQ;QACN,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IAED,SAAS;QACP,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QAE/D,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;AA7DM,2BAAM,GAAG;IACd,kBAAkB;IAClB,GAAG,CAAA;;;;;;;;;;;KAWF;CACF,AAdY,CAcZ;AAE0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;mDAAuB;AAErB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;6DAA0D;AAC1D;IAA1B,KAAK,CAAC,kBAAkB,CAAC;8BAAU,eAAe;IAEnD,wEAAwE;;oDAFrB;AApBxC,oBAAoB;IADhC,aAAa,CAAC,wBAAwB,CAAC;GAC3B,oBAAoB,CA+DhC","sourcesContent":["import '@material/web/icon/icon.js'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { CommonHeaderStyles } from '@operato/styles'\nimport { closePopup } from '@operato/popup'\n\nimport { AssigneesEditor } from './assignees-editor'\nimport { AssigneeItem } from '../types/org-member'\n\n/**\n * 결재선의 각 결재자 리스트를 편집한다.\n */\n@customElement('assignees-editor-popup')\nexport class AssigneesEditorPopup extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      assignees-editor {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Array }) value?: AssigneeItem[]\n\n  @property({ type: Object }) confirmCallback?: (value?: AssigneeItem[] | null) => void\n  @query('assignees-editor') editor!: AssigneesEditor\n\n  /* this.value는 (원인불명으로) 값이 Reset되므로, 변화값을 유지하도록 별도로 changedValue를 사용함 */\n  private changedValue?: AssigneeItem[] = this.value\n\n  render() {\n    return html`\n      <assignees-editor\n        .value=${this.value}\n        @change=${(e: CustomEvent) => {\n          this.changedValue = [...e.detail]\n        }}\n      ></assignees-editor>\n\n      <div class=\"footer\">\n        <button @click=${this.onEmpty.bind(this)}>\n          <md-icon>check_box_outline_blank</md-icon>${i18next.t('button.empty')}\n        </button>\n        <div filler></div>\n        <button @click=${this.onCancel.bind(this)}><md-icon>cancel</md-icon>${i18next.t('button.cancel')}</button>\n        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>\n      </div>\n    `\n  }\n\n  firstUpdated() {\n    this.changedValue = this.value\n  }\n\n  onEmpty() {\n    this.confirmCallback && this.confirmCallback(null)\n    closePopup(this)\n  }\n\n  onCancel() {\n    closePopup(this)\n  }\n\n  onConfirm() {\n    this.confirmCallback && this.confirmCallback(this.changedValue)\n\n    closePopup(this)\n  }\n}\n"]}
+{"version":3,"file":"assignees-editor-popup.js","sourceRoot":"","sources":["../../client/component/assignees-editor-popup.ts"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAS,MAAM,mBAAmB,CAAA;AAEzE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD;;GAEG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAAhE;;QAsBL,wEAAwE;QAChE,iBAAY,GAAoB,IAAI,CAAC,KAAK,CAAA;IAwCpD,CAAC;aA9DQ,WAAM,GAAG;QACd,kBAAkB;QAClB,GAAG,CAAA;;;;;;;;;;;KAWF;KACF,AAdY,CAcZ;IAUD,MAAM;QACJ,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,KAAK;kBACT,CAAC,CAAc,EAAE,EAAE;YAC3B,IAAI,CAAC,YAAY,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAA;QACnC,CAAC;;;;yBAIgB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;sDACM,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC;;;yBAGtD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,6BAA6B,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC;yBAC/E,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,gCAAgC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC;;KAExG,CAAA;IACH,CAAC;IAED,YAAY;QACV,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAA;IAChC,CAAC;IAED,OAAO;QACL,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QAClD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IAED,QAAQ;QACN,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IAED,SAAS;QACP,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;QAE/D,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;AA7C0B;IAA1B,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;;mDAAuB;AAErB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;6DAA0D;AAC1D;IAA1B,KAAK,CAAC,kBAAkB,CAAC;8BAAU,eAAe;IAEnD,wEAAwE;;oDAFrB;AApBxC,oBAAoB;IADhC,aAAa,CAAC,wBAAwB,CAAC;GAC3B,oBAAoB,CA+DhC","sourcesContent":["import '@material/web/icon/icon.js'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { CommonHeaderStyles } from '@operato/styles'\nimport { closePopup } from '@operato/popup'\n\nimport { AssigneesEditor } from './assignees-editor'\nimport { AssigneeItem } from '../types/org-member'\n\n/**\n * 결재선의 각 결재자 리스트를 편집한다.\n */\n@customElement('assignees-editor-popup')\nexport class AssigneesEditorPopup extends localize(i18next)(LitElement) {\n  static styles = [\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      assignees-editor {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Array }) value?: AssigneeItem[]\n\n  @property({ type: Object }) confirmCallback?: (value?: AssigneeItem[] | null) => void\n  @query('assignees-editor') editor!: AssigneesEditor\n\n  /* this.value는 (원인불명으로) 값이 Reset되므로, 변화값을 유지하도록 별도로 changedValue를 사용함 */\n  private changedValue?: AssigneeItem[] = this.value\n\n  render() {\n    return html`\n      <assignees-editor\n        .value=${this.value}\n        @change=${(e: CustomEvent) => {\n          this.changedValue = [...e.detail]\n        }}\n      ></assignees-editor>\n\n      <div class=\"footer\">\n        <button @click=${this.onEmpty.bind(this)}>\n          <md-icon>check_box_outline_blank</md-icon>${i18next.t('button.empty')}\n        </button>\n        <div filler></div>\n        <button @click=${this.onCancel.bind(this)}><md-icon>cancel</md-icon>${i18next.t('button.cancel')}</button>\n        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>\n      </div>\n    `\n  }\n\n  firstUpdated() {\n    this.changedValue = this.value\n  }\n\n  onEmpty() {\n    this.confirmCallback && this.confirmCallback(null)\n    closePopup(this)\n  }\n\n  onCancel() {\n    closePopup(this)\n  }\n\n  onConfirm() {\n    this.confirmCallback && this.confirmCallback(this.changedValue)\n\n    closePopup(this)\n  }\n}\n"]}

package/dist-client/component/assignees-editor.js

@@ -11,6 +11,31 @@ import { ButtonContainerStyles } from '@operato/styles';
  * Assignee 리스트를 편집한다.
  */
 let AssigneesEditor = class AssigneesEditor extends localize(i18next)(LitElement) {
+    static { this.styles = [
+        ButtonContainerStyles,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        background-color: var(--md-sys-color-surface);
+      }
+
+      assignees-view {
+        min-height: 100px;
+      }
+
+      ox-grist {
+        flex: 1;
+      }
+
+      #select {
+        display: flex;
+        justify-content: end;
+        padding: 10px;
+      }
+    `
+    ]; }
     render() {
         return html `
       <assignees-view .value=${this.value}></assignees-view>
@@ -20,8 +45,7 @@ let AssigneesEditor = class AssigneesEditor extends localize(i18next)(LitElement
         .config=${this.gristConfig}
         .fetchHandler=${this.fetchHandler.bind(this)}
         @record-change=${e => {
-            var _a;
-            this.value = (((_a = this.grist) === null || _a === void 0 ? void 0 : _a._data.records) || [])
+            this.value = (this.grist?._data.records || [])
                 .map(v => {
                 return { type: v.type, assignee: v.assignee };
             })
@@ -120,8 +144,8 @@ let AssigneesEditor = class AssigneesEditor extends localize(i18next)(LitElement
                                 default:
                                     options = {};
                             }
-                            var dynamicRecord = Object.assign(Object.assign({}, column.record), { options });
-                            return getEditor(column.type)(value, Object.assign(Object.assign({}, column), { record: dynamicRecord }), record, rowIndex, field);
+                            var dynamicRecord = { ...column.record, options };
+                            return getEditor(column.type)(value, { ...column, record: dynamicRecord }, record, rowIndex, field);
                         },
                         renderer: function (value, column, record, rowIndex, field) {
                             var options = {};
@@ -138,8 +162,8 @@ let AssigneesEditor = class AssigneesEditor extends localize(i18next)(LitElement
                                 default:
                                     break;
                             }
-                            var dynamicRecord = Object.assign(Object.assign({}, column.record), { options });
-                            return getRenderer(column.type)(value, Object.assign(Object.assign({}, column), { record: dynamicRecord }), record, rowIndex, field);
+                            var dynamicRecord = { ...column.record, options };
+                            return getRenderer(column.type)(value, { ...column, record: dynamicRecord }, record, rowIndex, field);
                         }
                     },
                     width: 180
@@ -165,35 +189,9 @@ let AssigneesEditor = class AssigneesEditor extends localize(i18next)(LitElement
         };
     }
     async deleteDataItems() {
-        var _a;
-        (_a = this.grist) === null || _a === void 0 ? void 0 : _a.deleteSelectedRecords(false);
+        this.grist?.deleteSelectedRecords(false);
     }
 };
-AssigneesEditor.styles = [
-    ButtonContainerStyles,
-    css `
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: var(--md-sys-color-surface);
-      }
-
-      assignees-view {
-        min-height: 100px;
-      }
-
-      ox-grist {
-        flex: 1;
-      }
-
-      #select {
-        display: flex;
-        justify-content: end;
-        padding: 10px;
-      }
-    `
-];
 __decorate([
     property({ type: Array }),
     __metadata("design:type", Array)

package/dist-client/component/assignees-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"assignees-editor.js","sourceRoot":"","sources":["../../client/component/assignees-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport './assignees-view'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { DataGrist, FetchOption, getEditor, getRenderer } from '@operato/data-grist'\nimport { isMobileDevice } from '@operato/utils'\nimport { ButtonContainerStyles } from '@operato/styles'\n\nimport { AssigneeItem } from '../types/org-member'\n\n/**\n * Assignee 리스트를 편집한다.\n */\n@customElement('assignees-editor')\nexport class AssigneesEditor extends localize(i18next)(LitElement) {\n  static styles = [\n    ButtonContainerStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      assignees-view {\n        min-height: 100px;\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      #select {\n        display: flex;\n        justify-content: end;\n        padding: 10px;\n      }\n    `\n  ]\n\n  @property({ type: Array }) value?: AssigneeItem[]\n\n  @state() gristConfig?: any\n\n  @query('ox-grist') grist?: DataGrist\n\n  render() {\n    return html`\n      <assignees-view .value=${this.value}></assignees-view>\n\n      <ox-grist\n        .mode=${isMobileDevice() ? 'CARD' : 'GRID'}\n        .config=${this.gristConfig}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n        @record-change=${e => {\n          this.value = ((this.grist as any)?._data.records || [])\n            .map(v => {\n              return { type: v.type, assignee: v.assignee }\n            })\n            .filter(v => v.type)\n\n          this.dispatchEvent(\n            new CustomEvent('change', {\n              bubbles: true,\n              composed: true,\n              detail: this.value\n            })\n          )\n        }}\n      >\n        <div slot=\"headroom\">\n          <div id=\"select\">\n            <button danger @click=${() => this.deleteDataItems()}>\n              <md-icon>delete</md-icon>${i18next.t('button.delete')}\n            </button>\n          </div>\n        </div>\n      </ox-grist>\n    `\n  }\n\n  async firstUpdated() {\n    this.gristConfig = {\n      list: {\n        fields: ['type', 'assignee']\n      },\n      columns: [\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        { type: 'gutter', gutterName: 'sequence' },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'arrow_upward',\n          handlers: {\n            click: 'move-up'\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'arrow_downward',\n          handlers: {\n            click: 'move-down'\n          }\n        },\n        {\n          type: 'select',\n          name: 'type',\n          header: i18next.t('field.type'),\n          record: {\n            editable: true,\n            options: ['', 'Employee', 'Department', 'Role', 'MyDepartment', 'MySupervisor', 'Myself']\n          },\n          width: 140\n        },\n        {\n          type: 'resource-object',\n          name: 'assignee',\n          header: i18next.t('field.assignee'),\n          record: {\n            editable: true,\n            editor: function (value, column, record, rowIndex, field) {\n              var options = {}\n              switch (record.type) {\n                case 'Employee':\n                  options = {\n                    title: i18next.t('title.employee list'),\n                    queryName: 'employees',\n                    columns: [\n                      { name: 'id', hidden: true },\n                      {\n                        name: 'controlNo',\n                        header: { renderer: () => i18next.t('field.control-no') },\n                        filter: 'search'\n                      },\n                      { name: 'name', header: { renderer: () => i18next.t('field.name') }, filter: 'search' }\n                    ],\n                    list: { fields: ['name', 'control-no'] },\n                    valueField: 'id',\n                    nameField: 'name',\n                    descriptionField: 'controlNo'\n                  }\n                  break\n                case 'Department':\n                  options = {\n                    title: i18next.t('title.department list'),\n                    queryName: 'departments'\n                  }\n                  break\n                case 'Role':\n                  options = {\n                    title: i18next.t('title.lookup role'),\n                    queryName: 'roles'\n                  }\n                  break\n                default:\n                  options = {}\n              }\n\n              var dynamicRecord = { ...column.record, options }\n\n              return getEditor(column.type)(value, { ...column, record: dynamicRecord }, record, rowIndex, field)\n            },\n            renderer: function (value, column, record, rowIndex, field) {\n              var options = {}\n              switch (record.type) {\n                case 'Employee':\n                  options = {\n                    valueField: 'id',\n                    nameField: 'name',\n                    descriptionField: 'controlNo'\n                  }\n                  break\n                case 'Department':\n                case 'Role':\n                default:\n                  break\n              }\n\n              var dynamicRecord = { ...column.record, options }\n\n              return getRenderer(column.type)(value, { ...column, record: dynamicRecord }, record, rowIndex, field)\n            }\n          },\n          width: 180\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        }\n      },\n      pagination: {\n        infinite: true\n      },\n      sorters: []\n    }\n  }\n\n  async fetchHandler({ filters, page, limit, sortings = [] }: FetchOption) {\n    const value = [...(this.value || [])]\n    this.value = value\n\n    return {\n      total: value.length,\n      records: value\n    }\n  }\n\n  async deleteDataItems() {\n    this.grist?.deleteSelectedRecords(false)\n  }\n}\n"]}
+{"version":3,"file":"assignees-editor.js","sourceRoot":"","sources":["../../client/component/assignees-editor.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport './assignees-view'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { DataGrist, FetchOption, getEditor, getRenderer } from '@operato/data-grist'\nimport { isMobileDevice } from '@operato/utils'\nimport { ButtonContainerStyles } from '@operato/styles'\n\nimport { AssigneeItem } from '../types/org-member'\n\n/**\n * Assignee 리스트를 편집한다.\n */\n@customElement('assignees-editor')\nexport class AssigneesEditor extends localize(i18next)(LitElement) {\n  static styles = [\n    ButtonContainerStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n      }\n\n      assignees-view {\n        min-height: 100px;\n      }\n\n      ox-grist {\n        flex: 1;\n      }\n\n      #select {\n        display: flex;\n        justify-content: end;\n        padding: 10px;\n      }\n    `\n  ]\n\n  @property({ type: Array }) value?: AssigneeItem[]\n\n  @state() gristConfig?: any\n\n  @query('ox-grist') grist?: DataGrist\n\n  render() {\n    return html`\n      <assignees-view .value=${this.value}></assignees-view>\n\n      <ox-grist\n        .mode=${isMobileDevice() ? 'CARD' : 'GRID'}\n        .config=${this.gristConfig}\n        .fetchHandler=${this.fetchHandler.bind(this)}\n        @record-change=${e => {\n          this.value = ((this.grist as any)?._data.records || [])\n            .map(v => {\n              return { type: v.type, assignee: v.assignee }\n            })\n            .filter(v => v.type)\n\n          this.dispatchEvent(\n            new CustomEvent('change', {\n              bubbles: true,\n              composed: true,\n              detail: this.value\n            })\n          )\n        }}\n      >\n        <div slot=\"headroom\">\n          <div id=\"select\">\n            <button danger @click=${() => this.deleteDataItems()}>\n              <md-icon>delete</md-icon>${i18next.t('button.delete')}\n            </button>\n          </div>\n        </div>\n      </ox-grist>\n    `\n  }\n\n  async firstUpdated() {\n    this.gristConfig = {\n      list: {\n        fields: ['type', 'assignee']\n      },\n      columns: [\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        { type: 'gutter', gutterName: 'sequence' },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'arrow_upward',\n          handlers: {\n            click: 'move-up'\n          }\n        },\n        {\n          type: 'gutter',\n          gutterName: 'button',\n          icon: 'arrow_downward',\n          handlers: {\n            click: 'move-down'\n          }\n        },\n        {\n          type: 'select',\n          name: 'type',\n          header: i18next.t('field.type'),\n          record: {\n            editable: true,\n            options: ['', 'Employee', 'Department', 'Role', 'MyDepartment', 'MySupervisor', 'Myself']\n          },\n          width: 140\n        },\n        {\n          type: 'resource-object',\n          name: 'assignee',\n          header: i18next.t('field.assignee'),\n          record: {\n            editable: true,\n            editor: function (value, column, record, rowIndex, field) {\n              var options = {}\n              switch (record.type) {\n                case 'Employee':\n                  options = {\n                    title: i18next.t('title.employee list'),\n                    queryName: 'employees',\n                    columns: [\n                      { name: 'id', hidden: true },\n                      {\n                        name: 'controlNo',\n                        header: { renderer: () => i18next.t('field.control-no') },\n                        filter: 'search'\n                      },\n                      { name: 'name', header: { renderer: () => i18next.t('field.name') }, filter: 'search' }\n                    ],\n                    list: { fields: ['name', 'control-no'] },\n                    valueField: 'id',\n                    nameField: 'name',\n                    descriptionField: 'controlNo'\n                  }\n                  break\n                case 'Department':\n                  options = {\n                    title: i18next.t('title.department list'),\n                    queryName: 'departments'\n                  }\n                  break\n                case 'Role':\n                  options = {\n                    title: i18next.t('title.lookup role'),\n                    queryName: 'roles'\n                  }\n                  break\n                default:\n                  options = {}\n              }\n\n              var dynamicRecord = { ...column.record, options }\n\n              return getEditor(column.type)(value, { ...column, record: dynamicRecord }, record, rowIndex, field)\n            },\n            renderer: function (value, column, record, rowIndex, field) {\n              var options = {}\n              switch (record.type) {\n                case 'Employee':\n                  options = {\n                    valueField: 'id',\n                    nameField: 'name',\n                    descriptionField: 'controlNo'\n                  }\n                  break\n                case 'Department':\n                case 'Role':\n                default:\n                  break\n              }\n\n              var dynamicRecord = { ...column.record, options }\n\n              return getRenderer(column.type)(value, { ...column, record: dynamicRecord }, record, rowIndex, field)\n            }\n          },\n          width: 180\n        }\n      ],\n      rows: {\n        selectable: {\n          multiple: true\n        }\n      },\n      pagination: {\n        infinite: true\n      },\n      sorters: []\n    }\n  }\n\n  async fetchHandler({ filters, page, limit, sortings = [] }: FetchOption) {\n    const value = [...(this.value || [])]\n    this.value = value\n\n    return {\n      total: value.length,\n      records: value\n    }\n  }\n\n  async deleteDataItems() {\n    this.grist?.deleteSelectedRecords(false)\n  }\n}\n"]}

package/dist-client/component/assignees-view.js

@@ -3,24 +3,8 @@ import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { i18next, localize } from '@operato/i18n';
 let AssigneesView = class AssigneesView extends localize(i18next)(LitElement) {
-    render() {
-        const items = this.value || [];
-        return html ` ${items.map((item, order) => this.renderItem(item, order + 1))} `;
-    }
-    renderItem(item, order) {
-        const { type, assignee } = item;
-        const { name, description, controlNo } = assignee || {};
-        const subname = (description || controlNo) && `(${description || controlNo})`;
-        return html `
-      <div assignee>
-        <div>${type}</div>
-        <div><span name>${name}</span>${subname}</div>
-      </div>
-    `;
-    }
-};
-AssigneesView.styles = [
-    css `
+    static { this.styles = [
+        css `
       :host {
         display: flex;
         flex-direction: row;
@@ -43,7 +27,23 @@ AssigneesView.styles = [
         border: 2px solid var(--primary-color, black);
       }
     `
-];
+    ]; }
+    render() {
+        const items = this.value || [];
+        return html ` ${items.map((item, order) => this.renderItem(item, order + 1))} `;
+    }
+    renderItem(item, order) {
+        const { type, assignee } = item;
+        const { name, description, controlNo } = assignee || {};
+        const subname = (description || controlNo) && `(${description || controlNo})`;
+        return html `
+      <div assignee>
+        <div>${type}</div>
+        <div><span name>${name}</span>${subname}</div>
+      </div>
+    `;
+    }
+};
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Array)

package/dist-client/component/assignees-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"assignees-view.js","sourceRoot":"","sources":["../../client/component/assignees-view.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI1C,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IA6B9D,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE9B,OAAO,IAAI,CAAA,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAA;IAChF,CAAC;IAED,UAAU,CAAC,IAAkB,EAAE,KAAa;QAC1C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;QAC/B,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,QAAQ,IAAI,EAAE,CAAA;QACvD,MAAM,OAAO,GAAG,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,IAAI,SAAS,GAAG,CAAA;QAE7E,OAAO,IAAI,CAAA;;eAEA,IAAI;0BACO,IAAI,UAAU,OAAO;;KAE1C,CAAA;IACH,CAAC;;AA7CM,oBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;KAsBF;CACF,AAxBY,CAwBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4CAAuB;AA3BvC,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CA+CzB","sourcesContent":["import { css, html, LitElement, TemplateResult } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { AssigneeItem } from '../types/org-member'\n\n@customElement('assignees-view')\nexport class AssigneesView extends localize(i18next)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n\n        gap: 10px;\n        padding: 10px;\n\n        align-items: center;\n\n        background-color: var(--md-sys-color-surface);\n\n        --md-icon-size: 3em;\n        color: var(--secondary-color, black);\n      }\n\n      div[assignee] {\n        padding: 5px;\n        border-radius: 5px;\n        border: 2px solid var(--primary-color, black);\n      }\n    `\n  ]\n\n  @property({ type: Object }) value?: AssigneeItem[]\n\n  render() {\n    const items = this.value || []\n\n    return html` ${items.map((item, order) => this.renderItem(item, order + 1))} `\n  }\n\n  renderItem(item: AssigneeItem, order: number): TemplateResult {\n    const { type, assignee } = item\n    const { name, description, controlNo } = assignee || {}\n    const subname = (description || controlNo) && `(${description || controlNo})`\n\n    return html`\n      <div assignee>\n        <div>${type}</div>\n        <div><span name>${name}</span>${subname}</div>\n      </div>\n    `\n  }\n}\n"]}
+{"version":3,"file":"assignees-view.js","sourceRoot":"","sources":["../../client/component/assignees-view.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAI1C,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;aACvD,WAAM,GAAG;QACd,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;KAsBF;KACF,AAxBY,CAwBZ;IAID,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAE9B,OAAO,IAAI,CAAA,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAA;IAChF,CAAC;IAED,UAAU,CAAC,IAAkB,EAAE,KAAa;QAC1C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;QAC/B,MAAM,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,QAAQ,IAAI,EAAE,CAAA;QACvD,MAAM,OAAO,GAAG,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,IAAI,SAAS,GAAG,CAAA;QAE7E,OAAO,IAAI,CAAA;;eAEA,IAAI;0BACO,IAAI,UAAU,OAAO;;KAE1C,CAAA;IACH,CAAC;;AAnB2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;4CAAuB;AA3BvC,aAAa;IADzB,aAAa,CAAC,gBAAgB,CAAC;GACnB,aAAa,CA+CzB","sourcesContent":["import { css, html, LitElement, TemplateResult } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { AssigneeItem } from '../types/org-member'\n\n@customElement('assignees-view')\nexport class AssigneesView extends localize(i18next)(LitElement) {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n\n        gap: 10px;\n        padding: 10px;\n\n        align-items: center;\n\n        background-color: var(--md-sys-color-surface);\n\n        --md-icon-size: 3em;\n        color: var(--secondary-color, black);\n      }\n\n      div[assignee] {\n        padding: 5px;\n        border-radius: 5px;\n        border: 2px solid var(--primary-color, black);\n      }\n    `\n  ]\n\n  @property({ type: Object }) value?: AssigneeItem[]\n\n  render() {\n    const items = this.value || []\n\n    return html` ${items.map((item, order) => this.renderItem(item, order + 1))} `\n  }\n\n  renderItem(item: AssigneeItem, order: number): TemplateResult {\n    const { type, assignee } = item\n    const { name, description, controlNo } = assignee || {}\n    const subname = (description || controlNo) && `(${description || controlNo})`\n\n    return html`\n      <div assignee>\n        <div>${type}</div>\n        <div><span name>${name}</span>${subname}</div>\n      </div>\n    `\n  }\n}\n"]}

package/dist-client/component/department-selector.js

@@ -34,6 +34,26 @@ const departmentFragment = gql `
   }
 `;
 let DepartmentSelector = class DepartmentSelector extends LitElement {
+    static { this.styles = [
+        CommonHeaderStyles,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        background-color: var(--md-sys-color-surface);
+
+        width: var(--overlay-center-normal-width, 50%);
+        height: var(--overlay-center-normal-height, 50%);
+
+        overflow: auto;
+      }
+
+      ox-tree-vertical {
+        flex: 1;
+      }
+    `
+    ]; }
     render() {
         return html `
       <ox-tree-vertical
@@ -110,26 +130,6 @@ let DepartmentSelector = class DepartmentSelector extends LitElement {
         this.root = records[0];
     }
 };
-DepartmentSelector.styles = [
-    CommonHeaderStyles,
-    css `
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        background-color: var(--md-sys-color-surface);
-
-        width: var(--overlay-center-normal-width, 50%);
-        height: var(--overlay-center-normal-height, 50%);
-
-        overflow: auto;
-      }
-
-      ox-tree-vertical {
-        flex: 1;
-      }
-    `
-];
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Function)

package/dist-client/component/department-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"department-selector.js","sourceRoot":"","sources":["../../client/component/department-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-tree'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { closePopup } from '@operato/popup'\nimport { CommonHeaderStyles } from '@operato/styles'\n\nimport { Department } from '../types/department'\n\nconst departmentFragment = gql`\n  fragment SubDepartment on Department {\n    id\n    controlNo\n    name\n    description\n\n    manager {\n      id\n      name\n      controlNo\n      photo\n      email\n    }\n    active\n    picture\n\n    updater {\n      id\n      name\n    }\n    updatedAt\n  }\n`\n\n@customElement('department-selector')\nexport class DepartmentSelector extends LitElement {\n  static styles = [\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n\n        width: var(--overlay-center-normal-width, 50%);\n        height: var(--overlay-center-normal-height, 50%);\n\n        overflow: auto;\n      }\n\n      ox-tree-vertical {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Object }) confirmCallback?: (selected?: any) => void\n  @property({ type: Object }) value?: Department\n\n  @state() root?: Department\n\n  render() {\n    return html`\n      <ox-tree-vertical\n        .data=${this.root}\n        .selected=${this.value}\n        @select=${e => this.onSelect(e, false)}\n        @select-confirm=${e => this.onSelect(e, true)}\n        id-property=\"controlNo\"\n        label-property=\"name\"\n        description-property=\"description\"\n      ></ox-tree-vertical>\n\n      <div class=\"footer\" style=\"margin-left:unset;\">\n        <button @click=${this.onEmpty.bind(this)}>\n          <md-icon>check_box_outline_blank</md-icon>${i18next.t('button.empty')}\n        </button>\n        <div filler></div>\n        <button @click=${this.onCancel.bind(this)}><md-icon>cancel</md-icon>${i18next.t('button.cancel')}</button>\n        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>\n      </div>\n    `\n  }\n\n  onSelect(e: CustomEvent, confirm?: boolean) {\n    this.value = e.detail as Department\n\n    if (confirm) {\n      this.onConfirm()\n    }\n  }\n\n  onEmpty() {\n    this.confirmCallback && this.confirmCallback(null)\n    closePopup(this)\n  }\n\n  onCancel() {\n    closePopup(this)\n  }\n\n  onConfirm() {\n    this.confirmCallback && this.confirmCallback(this.value)\n    closePopup(this)\n  }\n\n  async firstUpdated() {\n    const response = await client.query({\n      query: gql`\n        query {\n          responses: departmentRoots {\n            total\n            items {\n              ...SubDepartment\n              children {\n                ...SubDepartment\n                children {\n                  ...SubDepartment\n                  children {\n                    ...SubDepartment\n                    children {\n                      ...SubDepartment\n                      children {\n                        ...SubDepartment\n                        children {\n                          ...SubDepartment\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        ${departmentFragment}\n      `\n    })\n\n    const { items: records, total } = response.data.responses\n\n    this.root = records[0]\n  }\n}\n"]}
+{"version":3,"file":"department-selector.js","sourceRoot":"","sources":["../../client/component/department-selector.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/data-tree'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { client } from '@operato/graphql'\nimport { i18next } from '@operato/i18n'\nimport { closePopup } from '@operato/popup'\nimport { CommonHeaderStyles } from '@operato/styles'\n\nimport { Department } from '../types/department'\n\nconst departmentFragment = gql`\n  fragment SubDepartment on Department {\n    id\n    controlNo\n    name\n    description\n\n    manager {\n      id\n      name\n      controlNo\n      photo\n      email\n    }\n    active\n    picture\n\n    updater {\n      id\n      name\n    }\n    updatedAt\n  }\n`\n\n@customElement('department-selector')\nexport class DepartmentSelector extends LitElement {\n  static styles = [\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        background-color: var(--md-sys-color-surface);\n\n        width: var(--overlay-center-normal-width, 50%);\n        height: var(--overlay-center-normal-height, 50%);\n\n        overflow: auto;\n      }\n\n      ox-tree-vertical {\n        flex: 1;\n      }\n    `\n  ]\n\n  @property({ type: Object }) confirmCallback?: (selected?: any) => void\n  @property({ type: Object }) value?: Department\n\n  @state() root?: Department\n\n  render() {\n    return html`\n      <ox-tree-vertical\n        .data=${this.root}\n        .selected=${this.value}\n        @select=${e => this.onSelect(e, false)}\n        @select-confirm=${e => this.onSelect(e, true)}\n        id-property=\"controlNo\"\n        label-property=\"name\"\n        description-property=\"description\"\n      ></ox-tree-vertical>\n\n      <div class=\"footer\" style=\"margin-left:unset;\">\n        <button @click=${this.onEmpty.bind(this)}>\n          <md-icon>check_box_outline_blank</md-icon>${i18next.t('button.empty')}\n        </button>\n        <div filler></div>\n        <button @click=${this.onCancel.bind(this)}><md-icon>cancel</md-icon>${i18next.t('button.cancel')}</button>\n        <button @click=${this.onConfirm.bind(this)} done><md-icon>done</md-icon>${i18next.t('button.confirm')}</button>\n      </div>\n    `\n  }\n\n  onSelect(e: CustomEvent, confirm?: boolean) {\n    this.value = e.detail as Department\n\n    if (confirm) {\n      this.onConfirm()\n    }\n  }\n\n  onEmpty() {\n    this.confirmCallback && this.confirmCallback(null)\n    closePopup(this)\n  }\n\n  onCancel() {\n    closePopup(this)\n  }\n\n  onConfirm() {\n    this.confirmCallback && this.confirmCallback(this.value)\n    closePopup(this)\n  }\n\n  async firstUpdated() {\n    const response = await client.query({\n      query: gql`\n        query {\n          responses: departmentRoots {\n            total\n            items {\n              ...SubDepartment\n              children {\n                ...SubDepartment\n                children {\n                  ...SubDepartment\n                  children {\n                    ...SubDepartment\n                    children {\n                      ...SubDepartment\n                      children {\n                        ...SubDepartment\n                        children {\n                          ...SubDepartment\n                        }\n                      }\n                    }\n                  }\n                }\n              }\n            }\n          }\n        }\n\n        ${departmentFragment}\n      `\n    })\n\n    const { items: records, total } = response.data.responses\n\n    this.root = records[0]\n  }\n}\n"]}

package/dist-client/component/department-view.js

@@ -7,6 +7,24 @@ import { ScopedElementsMixin } from '@open-wc/scoped-elements';
 import { i18next, localize } from '@operato/i18n';
 import { ScrollbarStyles } from '@operato/styles';
 let DepartmentView = class DepartmentView extends localize(i18next)(ScopedElementsMixin(LitElement)) {
+    static { this.styles = [
+        ScrollbarStyles,
+        css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        overflow: auto;
+      }
+
+      ox-properties-dynamic-view {
+        flex: 1;
+
+        display: flex;
+        flex-direction: column;
+      }
+    `
+    ]; }
     firstUpdated(_changedProperties) {
         this.properties = [
             {
@@ -76,24 +94,6 @@ let DepartmentView = class DepartmentView extends localize(i18next)(ScopedElemen
         this.department = e.detail;
     }
 };
-DepartmentView.styles = [
-    ScrollbarStyles,
-    css `
-      :host {
-        display: flex;
-        flex-direction: column;
-
-        overflow: auto;
-      }
-
-      ox-properties-dynamic-view {
-        flex: 1;
-
-        display: flex;
-        flex-direction: column;
-      }
-    `
-];
 __decorate([
     property({ type: Object }),
     __metadata("design:type", Object)

package/dist-client/component/department-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"department-view.js","sourceRoot":"","sources":["../../client/component/department-view.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AACjC,OAAO,wDAAwD,CAAA;AAE/D,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,IAAI,EAAoB,MAAM,KAAK,CAAA;AAC7D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAG1C,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC;IA0B1E,YAAY,CAAC,kBAAqE;QAC1F,IAAI,CAAC,UAAU,GAAG;YAChB;gBACE,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,WAAW;gBACjB,KAAK,EAAE,YAAY;aACpB;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,MAAM;aACd;YACD;gBACE,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,aAAa;gBACnB,KAAK,EAAE,aAAa;aACrB;YACD;gBACE,IAAI,EAAE,iBAAiB;gBACvB,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,SAAS;gBAChB,QAAQ,EAAE;oBACR,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAC;oBACvC,SAAS,EAAE,WAAW;oBACtB,OAAO,EAAE;wBACP,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;wBAC5B,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;wBAClG,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;wBACvF,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,EAAE,EAAE;qBACxE;oBACD,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE;oBAChD,UAAU,EAAE,IAAI;oBAChB,SAAS,EAAE,MAAM;oBACjB,gBAAgB,EAAE,WAAW;iBAC9B;aACF;YACD;gBACE,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,QAAQ;gBACd,KAAK,EAAE,QAAQ;aAChB;YACD;;;;;;;gBAOI;YACJ;gBACE,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,SAAS;gBACf,KAAK,EAAE,SAAS;aACjB;SACF,CAAA;IACH,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,UAAU;iBACf,IAAI,CAAC,UAAU;2BACL,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;;KAEtD,CAAA;IACH,CAAC;IAED,gBAAgB,CAAC,CAAc;QAC7B,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,MAAM,CAAA;IAC5B,CAAC;;AA9FM,qBAAM,GAAG;IACd,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;KAcF;CACF,AAjBY,CAiBZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;kDAAgB;AAEN;IAApC,KAAK,CAAC,4BAA4B,CAAC;;mDAAkB;AAErC;IAAhB,KAAK,EAAE;;kDAAwB;AAxBrB,cAAc;IAD1B,aAAa,CAAC,iBAAiB,CAAC;GACpB,cAAc,CAgG1B","sourcesContent":["import '@operato/property-editor'\nimport '@operato/property-editor/ox-properties-dynamic-view.js'\n\nimport { LitElement, css, html, PropertyValueMap } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('department-view')\nexport class DepartmentView extends localize(i18next)(ScopedElementsMixin(LitElement)) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        overflow: auto;\n      }\n\n      ox-properties-dynamic-view {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n      }\n    `\n  ]\n\n  @property({ type: Object }) department: any\n\n  @query('ox-properties-dynamic-view') dynamicView!: any\n\n  @state() private properties: any\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    this.properties = [\n      {\n        type: 'string',\n        name: 'controlNo',\n        label: 'control-no'\n      },\n      {\n        type: 'string',\n        name: 'name',\n        label: 'name'\n      },\n      {\n        type: 'string',\n        name: 'description',\n        label: 'description'\n      },\n      {\n        type: 'resource-object',\n        name: 'manager',\n        label: 'manager',\n        property: {\n          title: i18next.t('title.employee list'),\n          queryName: 'employees',\n          columns: [\n            { name: 'id', hidden: true },\n            { name: 'controlNo', header: { renderer: () => i18next.t('field.control-no') }, filter: 'search' },\n            { name: 'name', header: { renderer: () => i18next.t('field.name') }, filter: 'search' },\n            { name: 'email', header: { renderer: () => i18next.t('field.email') } }\n          ],\n          list: { fields: ['controlNo', 'name', 'email'] },\n          valueField: 'id',\n          nameField: 'name',\n          descriptionField: 'controlNo'\n        }\n      },\n      {\n        type: 'boolean',\n        name: 'active',\n        label: 'active'\n      },\n      /*{\n        type: 'select',\n        name: 'state',\n        label: 'state',\n        property: {\n          options: ['', 'STATUS_A', 'STATUS_B']   \n        }\n      },*/\n      {\n        type: 'image',\n        name: 'picture',\n        label: 'picture'\n      }\n    ]\n  }\n\n  render() {\n    return html`\n      <ox-properties-dynamic-view\n        .props=${this.properties}\n        .value=${this.department}\n        @property-change=${this.onPropertyChange.bind(this)}\n      ></ox-properties-dynamic-view>\n    `\n  }\n\n  onPropertyChange(e: CustomEvent) {\n    this.department = e.detail\n  }\n}\n"]}
+{"version":3,"file":"department-view.js","sourceRoot":"","sources":["../../client/component/department-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/property-editor'\nimport '@operato/property-editor/ox-properties-dynamic-view.js'\n\nimport { LitElement, css, html, PropertyValueMap } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\n@customElement('department-view')\nexport class DepartmentView extends localize(i18next)(ScopedElementsMixin(LitElement)) {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        overflow: auto;\n      }\n\n      ox-properties-dynamic-view {\n        flex: 1;\n\n        display: flex;\n        flex-direction: column;\n      }\n    `\n  ]\n\n  @property({ type: Object }) department: any\n\n  @query('ox-properties-dynamic-view') dynamicView!: any\n\n  @state() private properties: any\n\n  protected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n    this.properties = [\n      {\n        type: 'string',\n        name: 'controlNo',\n        label: 'control-no'\n      },\n      {\n        type: 'string',\n        name: 'name',\n        label: 'name'\n      },\n      {\n        type: 'string',\n        name: 'description',\n        label: 'description'\n      },\n      {\n        type: 'resource-object',\n        name: 'manager',\n        label: 'manager',\n        property: {\n          title: i18next.t('title.employee list'),\n          queryName: 'employees',\n          columns: [\n            { name: 'id', hidden: true },\n            { name: 'controlNo', header: { renderer: () => i18next.t('field.control-no') }, filter: 'search' },\n            { name: 'name', header: { renderer: () => i18next.t('field.name') }, filter: 'search' },\n            { name: 'email', header: { renderer: () => i18next.t('field.email') } }\n          ],\n          list: { fields: ['controlNo', 'name', 'email'] },\n          valueField: 'id',\n          nameField: 'name',\n          descriptionField: 'controlNo'\n        }\n      },\n      {\n        type: 'boolean',\n        name: 'active',\n        label: 'active'\n      },\n      /*{\n        type: 'select',\n        name: 'state',\n        label: 'state',\n        property: {\n          options: ['', 'STATUS_A', 'STATUS_B']   \n        }\n      },*/\n      {\n        type: 'image',\n        name: 'picture',\n        label: 'picture'\n      }\n    ]\n  }\n\n  render() {\n    return html`\n      <ox-properties-dynamic-view\n        .props=${this.properties}\n        .value=${this.department}\n        @property-change=${this.onPropertyChange.bind(this)}\n      ></ox-properties-dynamic-view>\n    `\n  }\n\n  onPropertyChange(e: CustomEvent) {\n    this.department = e.detail\n  }\n}\n"]}