@dssp/project 0.0.2

package/dist-client/pages/project/project-update.js

@@ -0,0 +1,797 @@
+import { __decorate, __metadata } from "tslib";
+import { PageView } from '@operato/shell';
+import { css, html } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+import { ScopedElementsMixin } from '@open-wc/scoped-elements';
+import { client } from '@operato/graphql';
+import { notify } from '@operato/layout';
+import gql from 'graphql-tag';
+import '@material/web/button/elevated-button.js';
+import '@material/web/textfield/outlined-text-field.js';
+let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
+    constructor() {
+        super(...arguments);
+        this.defaultProject = {
+            name: '',
+            buildingComplex: {
+                address: '',
+                area: 0,
+                constructionCompany: '',
+                clientCompany: '',
+                supervisoryCompany: '',
+                designCompany: '',
+                constructionType: '',
+                buildings: []
+            }
+        };
+        this.projectId = '';
+        this.project = Object.assign({}, this.defaultProject);
+    }
+    get context() {
+        return {
+            title: '프로젝트 정보 관리'
+        };
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22;
+        return html `
+      <div header>
+        <h2>프로젝트 정보 관리</h2>
+        <div button-container>
+          <md-elevated-button green @click=${this._saveProject}>
+            <md-icon slot="icon">save</md-icon>정보 저장
+          </md-elevated-button>
+          <md-elevated-button href=${`project-plan-management/${this.project.id}`}>
+            <md-icon slot="icon">description</md-icon>도면 관리
+          </md-elevated-button>
+          <md-elevated-button href=${`project-task-update/${this.project.id}`}>
+            <md-icon slot="icon">event_note</md-icon>공정표 관리
+          </md-elevated-button>
+        </div>
+      </div>
+      <div body>
+        <div project-info>
+          <h3>기본 정보</h3>
+          <div row>
+            <span>프로젝트명</span>
+            <span
+              ><md-outlined-text-field
+                type="text"
+                name="name"
+                project
+                .value=${this.project.name || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>프로젝트 주소</span>
+            <span>
+              <md-outlined-text-field
+                type="text"
+                name="address"
+                building-complex
+                .value=${((_b = (_a = this.project) === null || _a === void 0 ? void 0 : _a.buildingComplex) === null || _b === void 0 ? void 0 : _b.address) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>위도</span>
+            <span>
+              <md-outlined-text-field
+                type="text"
+                name="latitude"
+                numeric
+                building-complex
+                .value=${((_e = (_d = (_c = this.project) === null || _c === void 0 ? void 0 : _c.buildingComplex) === null || _d === void 0 ? void 0 : _d.latitude) === null || _e === void 0 ? void 0 : _e.toString()) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>경도</span>
+            <span>
+              <md-outlined-text-field
+                type="text"
+                name="longitude"
+                numeric
+                building-complex
+                .value=${((_h = (_g = (_f = this.project) === null || _f === void 0 ? void 0 : _f.buildingComplex) === null || _g === void 0 ? void 0 : _g.longitude) === null || _h === void 0 ? void 0 : _h.toString()) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>면적</span>
+            <span align-end
+              ><md-outlined-text-field
+                type="text"
+                name="area"
+                numeric
+                building-complex
+                .value=${((_l = (_k = (_j = this.project) === null || _j === void 0 ? void 0 : _j.buildingComplex) === null || _k === void 0 ? void 0 : _k.area) === null || _l === void 0 ? void 0 : _l.toString()) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+              ㎡</span
+            >
+          </div>
+          <div row>
+            <span>착공일정 ~ 준공일정</span>
+            <span
+              ><input
+                type="date"
+                name="startDate"
+                project
+                .value=${this.project.startDate || ''}
+                @input=${this._onInputChange}
+                max="9999-12-31"
+              />
+              ~
+              <input
+                type="date"
+                name="endDate"
+                project
+                .value=${this.project.endDate || ''}
+                @input=${this._onInputChange}
+                max="9999-12-31"
+              />
+            </span>
+          </div>
+          <div row>
+            <span>발주처</span>
+            <span
+              ><md-outlined-text-field
+                type="text"
+                name="clientCompany"
+                building-complex
+                .value=${((_o = (_m = this.project) === null || _m === void 0 ? void 0 : _m.buildingComplex) === null || _o === void 0 ? void 0 : _o.clientCompany) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>건설사</span>
+            <span
+              ><md-outlined-text-field
+                type="text"
+                name="constructionCompany"
+                building-complex
+                .value=${((_q = (_p = this.project) === null || _p === void 0 ? void 0 : _p.buildingComplex) === null || _q === void 0 ? void 0 : _q.constructionCompany) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>설계사</span>
+            <span
+              ><md-outlined-text-field
+                type="text"
+                name="designCompany"
+                building-complex
+                .value=${((_s = (_r = this.project) === null || _r === void 0 ? void 0 : _r.buildingComplex) === null || _s === void 0 ? void 0 : _s.designCompany) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>감리사</span>
+            <span
+              ><md-outlined-text-field
+                type="text"
+                name="supervisoryCompany"
+                building-complex
+                .value=${((_u = (_t = this.project) === null || _t === void 0 ? void 0 : _t.buildingComplex) === null || _u === void 0 ? void 0 : _u.supervisoryCompany) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>건설구분</span>
+            <span
+              ><md-outlined-text-field
+                type="text"
+                name="constructionType"
+                building-complex
+                .value=${((_w = (_v = this.project) === null || _v === void 0 ? void 0 : _v.buildingComplex) === null || _w === void 0 ? void 0 : _w.constructionType) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>대표사진 업로드</span>
+            <span>
+              <ox-input-image
+                name="mainPhoto"
+                value=${((_y = (_x = this.project) === null || _x === void 0 ? void 0 : _x.mainPhoto) === null || _y === void 0 ? void 0 : _y.fullpath) || ''}
+                @change=${this.onCreateAttachment.bind(this)}
+              ></ox-input-image>
+            </span>
+          </div>
+          <div row>
+            <span>단지 BIM</span>
+            <span>
+              <ox-input-file
+                name="drawing"
+                label=" "
+                description="IFC 업로드"
+                .value=${((_0 = (_z = this.project) === null || _z === void 0 ? void 0 : _z.buildingComplex) === null || _0 === void 0 ? void 0 : _0.drawing) || ''}
+                @change=${this.onCreateAttachment.bind(this)}
+              ></ox-input-file>
+            </span>
+          </div>
+          <div row>
+            <span>공사금액</span>
+            <span
+              ><md-outlined-text-field
+                type="text"
+                name="constructionCost"
+                numeric
+                building-complex
+                .value=${((_3 = (_2 = (_1 = this.project) === null || _1 === void 0 ? void 0 : _1.buildingComplex) === null || _2 === void 0 ? void 0 : _2.constructionCost) === null || _3 === void 0 ? void 0 : _3.toString()) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>기타사항</span>
+            <span>
+              <md-outlined-text-field
+                type="textarea"
+                name="etc"
+                building-complex
+                .value=${((_5 = (_4 = this.project) === null || _4 === void 0 ? void 0 : _4.buildingComplex) === null || _5 === void 0 ? void 0 : _5.etc) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+        </div>
+        <div detail-info>
+          <div>
+            <h3>건설구분 상세 정보</h3>
+            <div row>
+              <span>세대수</span>
+              <span
+                ><md-outlined-text-field
+                  type="text"
+                  numeric
+                  building-complex
+                  name="householdCount"
+                  .value=${((_8 = (_7 = (_6 = this.project) === null || _6 === void 0 ? void 0 : _6.buildingComplex) === null || _7 === void 0 ? void 0 : _7.householdCount) === null || _8 === void 0 ? void 0 : _8.toString()) || ''}
+                  @input=${this._onInputChange}
+                ></md-outlined-text-field>
+              </span>
+            </div>
+            <div row>
+              <span>동수</span>
+              <span
+                ><md-outlined-text-field
+                  type="text"
+                  numeric
+                  building-complex
+                  name="buildingCount"
+                  value=${((_11 = (_10 = (_9 = this.project) === null || _9 === void 0 ? void 0 : _9.buildingComplex) === null || _10 === void 0 ? void 0 : _10.buildingCount) === null || _11 === void 0 ? void 0 : _11.toString()) || ''}
+                  @input=${this._onInputChange}
+                ></md-outlined-text-field>
+                <md-elevated-button @click=${this._setBuilding}>적용</md-elevated-button>
+              </span>
+            </div>
+            <hr />
+            <div warn>* 동/층의 정보를 수정하면 기존의 동/층 정보는 모두 제거됩니다.</div>
+            <div separate-container>
+              ${(_14 = (_13 = (_12 = this.project) === null || _12 === void 0 ? void 0 : _12.buildingComplex) === null || _13 === void 0 ? void 0 : _13.buildings) === null || _14 === void 0 ? void 0 : _14.map((building, idx) => {
+            var _a;
+            return html `
+                  <div>
+                    <span>
+                      <md-outlined-text-field
+                        type="text"
+                        building
+                        name="name"
+                        .value=${(building === null || building === void 0 ? void 0 : building.name) || ''}
+                        @input=${e => this._onInputChange(e, idx)}
+                        placeholder="ooo동"
+                      ></md-outlined-text-field>
+                    </span>
+                    <span>
+                      <span floor-title>층수</span>
+                      <md-outlined-text-field
+                        type="text"
+                        numeric
+                        building
+                        name="floorCount"
+                        .value=${((_a = building === null || building === void 0 ? void 0 : building.floorCount) === null || _a === void 0 ? void 0 : _a.toString()) || ''}
+                        @input=${e => this._onInputChange(e, idx)}
+                        placeholder="oo"
+                      ></md-outlined-text-field>
+                    </span>
+                  </div>
+                `;
+        })}
+            </div>
+          </div>
+
+          <div project>
+            <h3>프로젝트 현황</h3>
+            <div row separate-container>
+              <div>
+                <span>전체 진행현황</span>
+                <span
+                  ><md-outlined-text-field
+                    type="text"
+                    numeric
+                    project
+                    name="totalProgress"
+                    .value=${((_15 = this.project.totalProgress) === null || _15 === void 0 ? void 0 : _15.toString()) || ''}
+                    @input=${this._onInputChange}
+                    suffix-text="%"
+                  ></md-outlined-text-field>
+                </span>
+              </div>
+              <div>
+                <span>검측/통과비율</span>
+                <span
+                  ><md-outlined-text-field
+                    type="text"
+                    numeric
+                    project
+                    name="inspPassRate"
+                    .value=${((_16 = this.project.inspPassRate) === null || _16 === void 0 ? void 0 : _16.toString()) || ''}
+                    @input=${this._onInputChange}
+                    suffix-text="%"
+                  ></md-outlined-text-field>
+                </span>
+              </div>
+            </div>
+            <div row separate-container>
+              <div>
+                <span>주간 진행현황</span>
+                <span
+                  ><md-outlined-text-field
+                    type="text"
+                    numeric
+                    project
+                    name="weeklyProgress"
+                    .value=${((_17 = this.project.weeklyProgress) === null || _17 === void 0 ? void 0 : _17.toString()) || ''}
+                    @input=${this._onInputChange}
+                    suffix-text="%"
+                  ></md-outlined-text-field>
+                </span>
+              </div>
+              <div>
+                <span>로봇작업진행율</span>
+                <span
+                  ><md-outlined-text-field
+                    type="text"
+                    numeric
+                    project
+                    name="robotProgressRate"
+                    .value=${((_18 = this.project.robotProgressRate) === null || _18 === void 0 ? void 0 : _18.toString()) || ''}
+                    @input=${this._onInputChange}
+                    suffix-text="%"
+                  ></md-outlined-text-field>
+                </span>
+              </div>
+            </div>
+            <div row separate-container>
+              <div>
+                <span>KPI</span>
+                <span
+                  ><md-outlined-text-field
+                    type="text"
+                    numeric
+                    project
+                    name="kpi"
+                    .value=${((_19 = this.project.kpi) === null || _19 === void 0 ? void 0 : _19.toString()) || ''}
+                    @input=${this._onInputChange}
+                    suffix-text="%"
+                  ></md-outlined-text-field>
+                </span>
+              </div>
+              <div>
+                <span>구조안전도</span>
+                <span
+                  ><md-outlined-text-field
+                    type="text"
+                    numeric
+                    project
+                    name="structuralSafetyRate"
+                    .value=${((_20 = this.project.structuralSafetyRate) === null || _20 === void 0 ? void 0 : _20.toString()) || ''}
+                    @input=${this._onInputChange}
+                    suffix-text="%"
+                  ></md-outlined-text-field>
+                </span>
+              </div>
+            </div>
+          </div>
+
+          <div>
+            <h3>공지사항</h3>
+            <div>
+              <span></span>
+              <span>
+                <md-outlined-text-field
+                  type="textarea"
+                  name="notice"
+                  building-complex
+                  .value=${((_22 = (_21 = this.project) === null || _21 === void 0 ? void 0 : _21.buildingComplex) === null || _22 === void 0 ? void 0 : _22.notice) || ''}
+                  @input=${this._onInputChange}
+                ></md-outlined-text-field>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+    async pageInitialized(lifecycle) { }
+    async pageUpdated(changes, lifecycle) {
+        if (this.active) {
+            this.projectId = lifecycle.resourceId || '';
+            await this.initProject(this.projectId);
+        }
+    }
+    async initProject(projectId = '') {
+        var _a;
+        const response = await client.query({
+            query: gql `
+        query Project($id: String!) {
+          project(id: $id) {
+            id
+            name
+            startDate
+            endDate
+            mainPhoto {
+              fullpath
+            }
+            totalProgress
+            weeklyProgress
+            kpi
+            inspPassRate
+            robotProgressRate
+            structuralSafetyRate
+            buildingComplex {
+              id
+              address
+              latitude
+              longitude
+              area
+              clientCompany
+              constructionCompany
+              supervisoryCompany
+              designCompany
+              drawing {
+                id
+                name
+              }
+              constructionType
+              constructionCost
+              etc
+              notice
+              householdCount
+              buildingCount
+              buildings {
+                id
+                name
+                floorCount
+              }
+            }
+          }
+        }
+      `,
+            variables: {
+                id: projectId
+            }
+        });
+        this.project = (_a = response.data) === null || _a === void 0 ? void 0 : _a.project;
+        console.log('init project : ', this.project);
+    }
+    async _saveProject() {
+        // 첨부 파일 필드 제거 (첨부 파일은 {filename}Upload 로 전송)
+        delete this.project.mainPhoto;
+        delete this.project.buildingComplex.drawing;
+        console.log('this.project :', this.project);
+        const response = await client.mutate({
+            mutation: gql `
+        mutation UpdateProject($project: ProjectPatch!) {
+          updateProject(project: $project) {
+            id
+          }
+        }
+      `,
+            variables: {
+                project: this.project
+            },
+            context: {
+                hasUpload: true
+            }
+        });
+        if (!response.errors) {
+            notify({ message: '저장에 성공하였습니다.' });
+        }
+    }
+    // 동 적용 버튼을 누르면 입력한 수 만큼 해당 단지에 동 데이터 생성
+    _setBuilding() {
+        var _a, _b, _c, _d, _e;
+        const buildingCount = ((_b = (_a = this.project) === null || _a === void 0 ? void 0 : _a.buildingComplex) === null || _b === void 0 ? void 0 : _b.buildingCount) || 0;
+        const buildingInitData = { name: undefined, floorCount: undefined };
+        // 빌딩 데이터가 없으면 빈 배열 넣어줌
+        if (!((_e = (_d = (_c = this.project) === null || _c === void 0 ? void 0 : _c.buildingComplex) === null || _d === void 0 ? void 0 : _d.buildings) === null || _e === void 0 ? void 0 : _e.length)) {
+            this.project.buildingComplex.buildings = [];
+        }
+        if (this.project.buildingComplex.buildings.length >= buildingCount) {
+            // 동 수가 더 작게 들어오면 기존 배열을 필요한 크기만큼 잘라내기
+            this.project.buildingComplex.buildings = [...this.project.buildingComplex.buildings.slice(0, buildingCount)];
+        }
+        else {
+            // 동수가 더 크게 들어오면 기존 배열 + 빈 값을 채움
+            const additionalCount = buildingCount - this.project.buildingComplex.buildings.length;
+            const additionalBuildings = Array.from({ length: additionalCount }, () => (Object.assign({}, buildingInitData)));
+            this.project.buildingComplex.buildings = [...this.project.buildingComplex.buildings, ...additionalBuildings];
+        }
+        // 리렌더링
+        this.project = Object.assign({}, this.project);
+    }
+    // Input 요소의 값이 변경될 때 호출되는 콜백 함수
+    _onInputChange(event, idx) {
+        const target = event.target;
+        let inputVal = target.value;
+        // 숫자 타입은 다른 문자 입력 제거
+        if (target.hasAttribute('numeric')) {
+            inputVal = Number(inputVal.replace(/[^\d.]/g, ''));
+        }
+        if (target.hasAttribute('project')) {
+            this.project[target.name] = inputVal;
+        }
+        else if (target.hasAttribute('building-complex')) {
+            this.project.buildingComplex[target.name] = inputVal;
+        }
+        else if (target.hasAttribute('building')) {
+            this.project.buildingComplex.buildings[idx][target.name] = inputVal;
+        }
+    }
+    // 이미지 업로드
+    async onCreateAttachment(e) {
+        const target = e.target;
+        const file = (target.name === 'mainPhoto' ? e.detail : e.detail[0]) || null;
+        if (target.name === 'mainPhoto') {
+            this.project.mainPhotoUpload = file;
+        }
+        else {
+            this.project.buildingComplex.drawingUpload = file;
+        }
+    }
+};
+ProjectUpdate.styles = [
+    css `
+      :host {
+        display: grid;
+        grid-template-rows: 75px auto;
+        color: #4e5055;
+
+        width: 100%;
+        background-color: #f7f7f7;
+        overflow-y: auto;
+
+        --grid-record-emphasized-background-color: red;
+        --grid-record-emphasized-color: yellow;
+      }
+
+      md-outlined-text-field {
+        width: 100%;
+
+        --md-outlined-text-field-container-shape: 5px;
+        --md-sys-color-primary: #586878;
+        --md-outlined-text-field-input-text-size: 14px;
+        --md-outlined-field-bottom-space: 4px;
+        --md-outlined-field-top-space: 4px;
+      }
+      md-outlined-text-field[type='textarea'] {
+        width: 100%;
+        height: 130px;
+      }
+
+      ox-input-image {
+        width: 100px;
+        height: 100px;
+      }
+      ox-input-file {
+        width: 100px;
+        height: 100px;
+        padding: 0;
+      }
+
+      div[header] {
+        display: flex;
+        margin: 0px 20px;
+
+        h2 {
+          flex: 0.5;
+          color: #3f71a0;
+        }
+
+        div[button-container] {
+          display: flex;
+          align-items: center;
+          justify-content: end;
+          flex: 0.5;
+
+          md-elevated-button {
+            margin: 0px 3px;
+
+            --md-elevated-button-container-height: 35px;
+            --md-elevated-button-label-text-size: 16px;
+            --md-elevated-button-container-color: #0595e5;
+
+            --md-elevated-button-label-text-color: #fff;
+            --md-elevated-button-hover-label-text-color: #fff;
+            --md-elevated-button-pressed-label-text-color: #fff;
+            --md-elevated-button-focus-label-text-color: #fff;
+            --md-elevated-button-icon-color: #fff;
+            --md-elevated-button-hover-icon-color: #fff;
+            --md-elevated-button-pressed-icon-color: #fff;
+            --md-elevated-button-focus-icon-color: #fff;
+
+            &[green] {
+              --md-elevated-button-container-color: #42b382;
+            }
+          }
+        }
+      }
+
+      div[body] {
+        display: flex;
+        margin: 0px 25px 25px 25px;
+        gap: 10px;
+
+        & > div {
+          display: flex;
+          height: fit-content;
+          flex-direction: column;
+          padding: 15px;
+          background-color: #ffffff;
+          border: 1px solid #cccccc80;
+          border-radius: 5px;
+          gap: 10px;
+
+          h3 {
+            color: #2e79be;
+            font-size: 18px;
+            margin: 0px;
+          }
+
+          div[row] {
+            display: flex;
+            align-items: center;
+
+            span:first-child {
+              flex: 0.3;
+              text-align: right;
+            }
+
+            span:last-child {
+              flex: 0.7;
+              display: flex;
+              gap: 10px;
+              margin-left: 12px;
+              align-items: center;
+
+              &[align-end] {
+                align-items: end;
+              }
+            }
+          }
+        }
+
+        div[project-info] {
+          flex: 0.55;
+        }
+
+        div[detail-info] {
+          flex: 0.45;
+          padding: 0px;
+          gap: 10px;
+          background-color: transparent;
+          border: none;
+
+          & > div {
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+            border: 1px solid #cccccc80;
+            border-radius: 5px;
+            padding: 15px;
+            background-color: #fff;
+
+            md-outlined-text-field[type='text'] {
+              width: 60%;
+            }
+
+            md-elevated-button {
+              --md-elevated-button-container-height: 30px;
+              --md-elevated-button-container-color: #fff;
+              --md-elevated-button-label-text-size: 16px;
+            }
+            hr {
+              border: 1px #cccccc dashed;
+              width: 100%;
+              margin-bottom: 2px;
+            }
+            div[warn] {
+              font-size: 12px;
+              color: red;
+              margin-left: 5px;
+              margin-bottom: 5px;
+            }
+
+            div[row] {
+              span:first-child {
+                flex: 0.2;
+              }
+              span:last-child {
+                flex: 0.8;
+              }
+            }
+
+            div[separate-container] {
+              display: grid;
+              grid-template-columns: repeat(2, 1fr);
+              gap: 10px;
+
+              md-outlined-text-field {
+                width: 70px;
+              }
+
+              & > div {
+                display: flex;
+
+                span[floor-title] {
+                  min-width: 33px;
+                  margin-right: 5px;
+                }
+                span:first-child {
+                  flex: 0.4;
+                  justify-content: end;
+                  display: flex;
+                }
+                span:last-child {
+                  flex: 0.6;
+                  display: flex;
+                  align-items: center;
+                  padding-left: 17px;
+                }
+              }
+            }
+
+            &[project] {
+              div[separate-container] {
+                & > div {
+                  span:first-child {
+                    flex: 0.6;
+                    min-width: 100px;
+                  }
+                  span:last-child {
+                    flex: 0.4;
+                    margin-left: 0;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    `
+];
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], ProjectUpdate.prototype, "projectId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], ProjectUpdate.prototype, "project", void 0);
+ProjectUpdate = __decorate([
+    customElement('project-update')
+], ProjectUpdate);
+export { ProjectUpdate };
+//# sourceMappingURL=project-update.js.map