@dssp/project 1.0.0 → 1.0.2

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

@@ -0,0 +1,1477 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@material/web/button/elevated-button.js';
+import '@material/web/textfield/outlined-text-field.js';
+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 { SITE_TYPE_DISPLAY } from './project-list';
+import '../lib/select2-component';
+import './component/project-update-header';
+import { isProjectTypeDomain } from '../../shared/domain-context';
+let ProjectUpdate = class ProjectUpdate extends ScopedElementsMixin(PageView) {
+    constructor() {
+        super(...arguments);
+        this.defaultProject = {
+            name: '',
+            documentNaming: '',
+            buildingComplex: {
+                address: '',
+                area: 0,
+                constructionCompany: '',
+                clientCompany: '',
+                supervisoryCompany: '',
+                designCompany: '',
+                constructionType: '',
+                buildings: []
+            }
+        };
+        this.projectId = '';
+        this.project = Object.assign({}, this.defaultProject);
+        this.selectedValues = [];
+        this.overallConstructorList = [];
+        this.taskConstructorList = [];
+        this.taskSupervisoryList = [];
+        this.overallSupervisoryList = [];
+        this.collectingBasicInfo = false;
+    }
+    get context() {
+        var _a, _b;
+        return {
+            title: !isProjectTypeDomain() && ((_a = this.project) === null || _a === void 0 ? void 0 : _a.name)
+                ? `프로젝트 정보 관리 - ${(_b = this.project) === null || _b === void 0 ? void 0 : _b.name}`
+                : '프로젝트 정보 관리'
+        };
+    }
+    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, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50;
+        return html `
+      <project-update-header .projectId=${this.project.id || ''} title="프로젝트 정보 관리" @custom-click=${this._saveProject}>
+      </project-update-header>
+
+      <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="documentNaming"
+                project
+                .value=${this.project.documentNaming || ''}
+                @input=${this._onInputChange}
+                placeholder="프로젝트 문서 네이밍"
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span></span>
+            <span>
+              <div document-preview>📄 문서 생성 예시: <br />${this.project.documentNaming} 검측 제01-00001호</div>
+            </span>
+          </div>
+          <div row>
+            <span>프로젝트 주소</span>
+            <span class="address-row">
+              <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>
+              <md-elevated-button
+                class="info-link-btn"
+                ?disabled=${this.collectingBasicInfo}
+                @click=${() => this._collectBasicInfo()}
+                title="입력된 주소로 세움터 건축물대장 정보를 가져와 폼을 채웁니다"
+              >
+                ${this.collectingBasicInfo ? '연동 중…' : '🔗 정보 연동'}
+              </md-elevated-button>
+            </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}
+                suffix-text="㎡"
+              ></md-outlined-text-field>
+            </span>
+          </div>
+
+          <div row>
+            <span>건폐율</span>
+            <span align-end>
+              <md-outlined-text-field
+                type="text"
+                name="coverageRatio"
+                numeric
+                building-complex
+                .value=${((_p = (_o = (_m = this.project) === null || _m === void 0 ? void 0 : _m.buildingComplex) === null || _o === void 0 ? void 0 : _o.coverageRatio) === null || _p === void 0 ? void 0 : _p.toString()) || ''}
+                @input=${this._onInputChange}
+                suffix-text="%"
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>용적률</span>
+            <span align-end>
+              <md-outlined-text-field
+                type="text"
+                name="floorAreaRatio"
+                numeric
+                building-complex
+                .value=${((_s = (_r = (_q = this.project) === null || _q === void 0 ? void 0 : _q.buildingComplex) === null || _r === void 0 ? void 0 : _r.floorAreaRatio) === null || _s === void 0 ? void 0 : _s.toString()) || ''}
+                @input=${this._onInputChange}
+                suffix-text="%"
+              ></md-outlined-text-field>
+            </span>
+          </div>
+
+          <div row>
+            <span>현장유형</span>
+            <span
+              ><md-filled-select name="siteType" building-complex @change=${this._onInputChange}>
+                ${Object.entries(SITE_TYPE_DISPLAY).map(([key, display]) => {
+            var _a, _b;
+            return html `
+                    <md-select-option ?selected=${((_b = (_a = this.project) === null || _a === void 0 ? void 0 : _a.buildingComplex) === null || _b === void 0 ? void 0 : _b.siteType) === key} .value=${key}>
+                      <div slot="headline">${display}</div>
+                    </md-select-option>
+                  `;
+        })}
+              </md-filled-select>
+            </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=${((_u = (_t = this.project) === null || _t === void 0 ? void 0 : _t.buildingComplex) === null || _u === void 0 ? void 0 : _u.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=${((_w = (_v = this.project) === null || _v === void 0 ? void 0 : _v.buildingComplex) === null || _w === void 0 ? void 0 : _w.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=${((_y = (_x = this.project) === null || _x === void 0 ? void 0 : _x.buildingComplex) === null || _y === void 0 ? void 0 : _y.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=${((_0 = (_z = this.project) === null || _z === void 0 ? void 0 : _z.buildingComplex) === null || _0 === void 0 ? void 0 : _0.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=${((_2 = (_1 = this.project) === null || _1 === void 0 ? void 0 : _1.buildingComplex) === null || _2 === void 0 ? void 0 : _2.constructionType) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>구조 유형</span>
+            <span
+              ><md-outlined-text-field
+                type="text"
+                name="structureType"
+                building-complex
+                .value=${((_4 = (_3 = this.project) === null || _3 === void 0 ? void 0 : _3.buildingComplex) === null || _4 === void 0 ? void 0 : _4.structureType) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+
+          <div row>
+            <span>대표사진 업로드</span>
+            <span>
+              <ox-input-image
+                name="mainPhoto"
+                value=${((_6 = (_5 = this.project) === null || _5 === void 0 ? void 0 : _5.mainPhoto) === null || _6 === void 0 ? void 0 : _6.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=${((_8 = (_7 = this.project) === null || _7 === void 0 ? void 0 : _7.buildingComplex) === null || _8 === void 0 ? void 0 : _8.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=${((_11 = (_10 = (_9 = this.project) === null || _9 === void 0 ? void 0 : _9.buildingComplex) === null || _10 === void 0 ? void 0 : _10.constructionCost) === null || _11 === void 0 ? void 0 : _11.toString()) || ''}
+                @input=${this._onInputChange}
+                suffix-text="억원"
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>투입 인력</span>
+            <span
+              ><md-outlined-text-field
+                type="text"
+                name="workerCount"
+                numeric
+                building-complex
+                .value=${((_14 = (_13 = (_12 = this.project) === null || _12 === void 0 ? void 0 : _12.buildingComplex) === null || _13 === void 0 ? void 0 : _13.workerCount) === null || _14 === void 0 ? void 0 : _14.toString()) || ''}
+                @input=${this._onInputChange}
+                suffix-text="명"
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>기타사항</span>
+            <span>
+              <md-outlined-text-field
+                type="textarea"
+                name="etc"
+                building-complex
+                .value=${((_16 = (_15 = this.project) === null || _15 === void 0 ? void 0 : _15.buildingComplex) === null || _16 === void 0 ? void 0 : _16.etc) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+          <div row>
+            <span>총괄 시공 관리자 리스트</span>
+            <span>
+              <select2-component
+                placeholder="총괄 시공 관리자 리스트"
+                name="overallConstructorEmails"
+                .options=${this.overallConstructorList}
+                .selectedValues=${((_18 = (_17 = this.project) === null || _17 === void 0 ? void 0 : _17.buildingComplex) === null || _18 === void 0 ? void 0 : _18.overallConstructorEmails) || []}
+                @selection-changed=${this._handleSelectionChange}
+              ></select2-component>
+            </span>
+          </div>
+          <div row>
+            <span>공종별 시공 관리자 리스트</span>
+            <span>
+              <select2-component
+                placeholder="공종별 시공 관리자 리스트"
+                name="taskConstructorEmails"
+                .options=${this.taskConstructorList}
+                .selectedValues=${((_20 = (_19 = this.project) === null || _19 === void 0 ? void 0 : _19.buildingComplex) === null || _20 === void 0 ? void 0 : _20.taskConstructorEmails) || []}
+                @selection-changed=${this._handleSelectionChange}
+              ></select2-component>
+            </span>
+          </div>
+          <div row>
+            <span>총괄 감리 책임자 리스트</span>
+            <span>
+              <select2-component
+                placeholder="총괄 감리 책임자 리스트"
+                name="overallSupervisoryEmails"
+                .options=${this.overallSupervisoryList}
+                .selectedValues=${((_22 = (_21 = this.project) === null || _21 === void 0 ? void 0 : _21.buildingComplex) === null || _22 === void 0 ? void 0 : _22.overallSupervisoryEmails) || []}
+                @selection-changed=${this._handleSelectionChange}
+              ></select2-component>
+            </span>
+          </div>
+          <div row>
+            <span>공종별 감리 책임자 리스트</span>
+            <span>
+              <select2-component
+                placeholder="공종별 감리 책임자 리스트"
+                name="taskSupervisoryEmails"
+                .options=${this.taskSupervisoryList}
+                .selectedValues=${((_24 = (_23 = this.project) === null || _23 === void 0 ? void 0 : _23.buildingComplex) === null || _24 === void 0 ? void 0 : _24.taskSupervisoryEmails) || []}
+                @selection-changed=${this._handleSelectionChange}
+              ></select2-component
+            ></span>
+          </div>
+        </div>
+
+        <div detail-info>
+          <div>
+            <h3>테넌트 관리</h3>
+            <div row>
+              <span>관리번호</span>
+              <span>
+                ${this.project.tenantDomain
+            ? html `<a href=${`/project/${this.project.code}/`} target="_blank" title="테넌트로 이동"
+                      >${this.project.code} <md-icon style="font-size:14px;vertical-align:middle">open_in_new</md-icon></a
+                    >`
+            : this.project.code
+                ? html `${this.project.code}`
+                : html `<span style="color:#999">미발번 (승격 시 자동 부여)</span>`}
+              </span>
+            </div>
+            <div row>
+              <span>현재 상태</span>
+              <span>
+                ${this.project.tenantDomain
+            ? html `<b style="color:#42b382">활성 테넌트</b>`
+            : this.project.code
+                ? html `<b style="color:#aa6633">강등됨</b> (재승격 시 ${this.project.code} 재사용)`
+                : html `<b style="color:#999">미승격</b>`}
+              </span>
+            </div>
+            <div row>
+              <span></span>
+              <span tenant-actions>
+                ${this.project.tenantDomain
+            ? html `<md-elevated-button @click=${this._demoteTenant} ?disabled=${!this.project.id}>
+                      <md-icon slot="icon">link_off</md-icon>테넌트 강등
+                    </md-elevated-button>`
+            : html `<md-elevated-button green @click=${this._promoteTenant} ?disabled=${!this.project.id}>
+                      <md-icon slot="icon">verified</md-icon>테넌트 승격
+                    </md-elevated-button>`}
+              </span>
+            </div>
+          </div>
+
+          <div>
+            <h3>건설구분 상세 정보</h3>
+            <div row>
+              <span>세대수</span>
+              <span
+                ><md-outlined-text-field
+                  type="text"
+                  numeric
+                  building-complex
+                  name="householdCount"
+                  .value=${((_27 = (_26 = (_25 = this.project) === null || _25 === void 0 ? void 0 : _25.buildingComplex) === null || _26 === void 0 ? void 0 : _26.householdCount) === null || _27 === void 0 ? void 0 : _27.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=${((_30 = (_29 = (_28 = this.project) === null || _28 === void 0 ? void 0 : _28.buildingComplex) === null || _29 === void 0 ? void 0 : _29.buildingCount) === null || _30 === void 0 ? void 0 : _30.toString()) || ''}
+                  @input=${this._onInputChange}
+                ></md-outlined-text-field>
+                <md-outlined-button @click=${this._setBuilding}>적용</md-outlined-button>
+              </span>
+            </div>
+            <hr />
+            <div warn>* 동/층의 정보를 수정하면 기존의 동/층 정보는 모두 제거됩니다.</div>
+            <div separate-container>
+              ${(_33 = (_32 = (_31 = this.project) === null || _31 === void 0 ? void 0 : _31.buildingComplex) === null || _32 === void 0 ? void 0 : _32.buildings) === null || _33 === void 0 ? void 0 : _33.map((building, idx) => {
+            var _a, _b;
+            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 floor-row>
+                      <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 basement-container>
+                      <div
+                        basement-checkbox
+                        name="hasBasement"
+                        ?checked=${(building === null || building === void 0 ? void 0 : building.hasBasement) || false}
+                        @click=${() => this._toggleBasement(idx)}
+                      >
+                        <md-icon>format_bold</md-icon>
+                      </div>
+                      ${(building === null || building === void 0 ? void 0 : building.hasBasement)
+                ? html `
+                            <md-outlined-text-field
+                              basement-floor
+                              type="text"
+                              numeric
+                              building
+                              name="basementFloorCount"
+                              .value=${((_b = building === null || building === void 0 ? void 0 : building.basementFloorCount) === null || _b === void 0 ? void 0 : _b.toString()) || ''}
+                              @input=${e => this._onInputChange(e, idx)}
+                              placeholder="지하층수"
+                            ></md-outlined-text-field>
+                          `
+                : ''}
+                    </div>
+                  </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=${((_34 = this.project.totalProgress) === null || _34 === void 0 ? void 0 : _34.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=${((_35 = this.project.inspPassRate) === null || _35 === void 0 ? void 0 : _35.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=${((_36 = this.project.weeklyProgress) === null || _36 === void 0 ? void 0 : _36.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=${((_37 = this.project.robotProgressRate) === null || _37 === void 0 ? void 0 : _37.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=${((_38 = this.project.kpi) === null || _38 === void 0 ? void 0 : _38.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=${((_39 = this.project.structuralSafetyRate) === null || _39 === void 0 ? void 0 : _39.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="robotCount"
+                    .value=${((_40 = this.project.robotCount) === null || _40 === void 0 ? void 0 : _40.toString()) || ''}
+                    @input=${this._onInputChange}
+                  ></md-outlined-text-field>
+                </span>
+              </div>
+            </div>
+
+            <hr />
+
+            <div row separate-container>
+              <div>
+                <span>설계 변경 횟수</span>
+                <span
+                  ><md-outlined-text-field
+                    type="text"
+                    numeric
+                    building-complex
+                    name="designChangeCount"
+                    .value=${((_42 = (_41 = this.project.buildingComplex) === null || _41 === void 0 ? void 0 : _41.designChangeCount) === null || _42 === void 0 ? void 0 : _42.toString()) || ''}
+                    @input=${this._onInputChange}
+                  ></md-outlined-text-field>
+                </span>
+              </div>
+              <div>
+                <span>계획 공정률</span>
+                <span
+                  ><md-outlined-text-field
+                    type="text"
+                    numeric
+                    building-complex
+                    name="plannedProgress"
+                    .value=${((_44 = (_43 = this.project.buildingComplex) === null || _43 === void 0 ? void 0 : _43.plannedProgress) === null || _44 === void 0 ? void 0 : _44.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
+                    building-complex
+                    name="actualProgress"
+                    .value=${((_46 = (_45 = this.project.buildingComplex) === null || _45 === void 0 ? void 0 : _45.actualProgress) === null || _46 === void 0 ? void 0 : _46.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=${((_48 = (_47 = this.project) === null || _47 === void 0 ? void 0 : _47.buildingComplex) === null || _48 === void 0 ? void 0 : _48.notice) || ''}
+                  @input=${this._onInputChange}
+                ></md-outlined-text-field>
+              </span>
+            </div>
+          </div>
+
+          <div>
+            <h3>Virtual Tour Link</h3>
+            <div>
+              <span></span>
+              <span>
+                <md-outlined-text-field
+                  type="text"
+                  name="virtualTourLink"
+                  building-complex
+                  .value=${((_50 = (_49 = this.project) === null || _49 === void 0 ? void 0 : _49.buildingComplex) === null || _50 === void 0 ? void 0 : _50.virtualTourLink) || ''}
+                  @input=${this._onInputChange}
+                ></md-outlined-text-field>
+              </span>
+            </div>
+          </div>
+        </div>
+      </div>
+    `;
+    }
+    async pageInitialized(lifecycle) { }
+    async pageUpdated(changes, lifecycle) {
+        if (!this.active)
+            return;
+        this.projectId = await this._resolveProjectId(lifecycle.resourceId || '');
+        await this.initProject(this.projectId);
+    }
+    /**
+     * resourceId 를 정상 Project.id (UUID) 로 변환한다.
+     * - UUID 형식이면 그대로 사용
+     * - 그 외 (code 또는 비어있음) 에는 현재 테넌트 컨텍스트의 프로젝트 조회
+     */
+    async _resolveProjectId(resourceId) {
+        var _a, _b;
+        if (resourceId && resourceId.length === 36)
+            return resourceId;
+        const response = await client.query({
+            query: gql `
+        query CurrentProject {
+          currentProject {
+            id
+          }
+        }
+      `
+        });
+        return ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.currentProject) === null || _b === void 0 ? void 0 : _b.id) || '';
+    }
+    async initProject(projectId = '') {
+        var _a, _b, _c;
+        const response = await client.query({
+            query: gql `
+        query Project($id: String!, $filters: [Filter!]) {
+          project(id: $id) {
+            id
+            code
+            tenantDomain {
+              id
+              subdomain
+              name
+            }
+            name
+            documentNaming
+            startDate
+            endDate
+            mainPhoto {
+              fullpath
+            }
+            totalProgress
+            weeklyProgress
+            kpi
+            inspPassRate
+            robotProgressRate
+            structuralSafetyRate
+            robotCount
+            buildingComplex {
+              id
+              address
+              siteType
+              latitude
+              longitude
+              area
+              coverageRatio
+              floorAreaRatio
+              structureType
+              workerCount
+              designChangeCount
+              plannedProgress
+              actualProgress
+              clientCompany
+              constructionCompany
+              supervisoryCompany
+              designCompany
+              drawing {
+                id
+                name
+              }
+              constructionType
+              constructionCost
+              etc
+              notice
+              householdCount
+              buildingCount
+              overallConstructorEmails
+              taskConstructorEmails
+              overallSupervisoryEmails
+              taskSupervisoryEmails
+              virtualTourLink
+              buildings {
+                id
+                name
+                floorCount
+                hasBasement
+                basementFloorCount
+              }
+            }
+          }
+
+          employees(filters: $filters) {
+            items {
+              id
+              name
+              jobResponsibility
+              active
+              user {
+                id
+                name
+                email
+              }
+            }
+          }
+        }
+      `,
+            variables: {
+                id: projectId,
+                filters: [
+                    {
+                        name: 'active',
+                        operator: 'eq',
+                        value: true
+                    },
+                    {
+                        name: 'userId',
+                        operator: 'is_not_null',
+                        value: ''
+                    }
+                ]
+            }
+        });
+        this.project = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.project) || Object.assign({}, this.defaultProject);
+        const items = ((_c = (_b = response.data) === null || _b === void 0 ? void 0 : _b.employees) === null || _c === void 0 ? void 0 : _c.items) || [];
+        this.overallConstructorList = this._filterUserByPermission(items, 'OVERALL_CONSTRUCTOR');
+        this.taskConstructorList = this._filterUserByPermission(items, 'TASK_CONSTRUCTOR');
+        this.overallSupervisoryList = this._filterUserByPermission(items, 'OVERALL_SUPERVISORY');
+        this.taskSupervisoryList = this._filterUserByPermission(items, 'TASK_SUPERVISORY');
+        this.updateContext();
+    }
+    _filterUserByPermission(userList, permission) {
+        return userList
+            .filter(v => v.jobResponsibility == permission || v.jobResponsibility == 'ADMIN')
+            .map(v => ({ name: v.name, value: v.user.email }));
+    }
+    _stripTypename(obj) {
+        if (Array.isArray(obj)) {
+            return obj.map(item => this._stripTypename(item));
+        }
+        if (obj && typeof obj === 'object' && !(obj instanceof File)) {
+            const cleaned = {};
+            for (const [key, value] of Object.entries(obj)) {
+                if (key === '__typename')
+                    continue;
+                cleaned[key] = this._stripTypename(value);
+            }
+            return cleaned;
+        }
+        return obj;
+    }
+    async _saveProject() {
+        // 첨부 파일 필드 제거 (첨부 파일은 {filename}Upload 로 전송)
+        delete this.project.mainPhoto;
+        delete this.project.buildingComplex.drawing;
+        // ProjectPatch 입력 타입에 없는 표시 전용 필드 제거 (테넌트 승격 UI 표시용)
+        delete this.project.code;
+        delete this.project.tenantDomain;
+        const response = await client.mutate({
+            mutation: gql `
+        mutation UpdateProject($project: ProjectPatch!) {
+          updateProject(project: $project) {
+            id
+          }
+        }
+      `,
+            variables: {
+                project: this._stripTypename(this.project)
+            },
+            context: {
+                hasUpload: true
+            }
+        });
+        if (!response.errors) {
+            notify({ message: '저장에 성공하였습니다.' });
+        }
+    }
+    /**
+     * 주소 옆 "정보 연동" 버튼 handler.
+     * - 현재 폼의 주소를 backend 로 보냄 → backend 가 EnvVar 갱신 + 세움터 시나리오 호출
+     * - 결과 (한글 raw + 숫자) 를 받아 BuildingComplex 폼 필드들에 매핑
+     *   · siteType (한글) → SiteType enum 변환 (BC.siteType, enum 컬럼)
+     *   · siteType (한글) → BC.constructionType 그대로 (자유 텍스트 컬럼)
+     *   · area / floorAreaRatio / coverageRatio / householdCount / buildingCount /
+     *     structureType → BC 동명 컬럼에 직접 대입
+     *   · upperFloorCount / lowerFloorCount / bldNm / useAprDay / pmsDay → BC 컬럼
+     *     없음, 매핑 skip (참고용 콘솔 로그만)
+     */
+    async _collectBasicInfo() {
+        var _a, _b, _c;
+        const address = (((_b = (_a = this.project) === null || _a === void 0 ? void 0 : _a.buildingComplex) === null || _b === void 0 ? void 0 : _b.address) || '').trim();
+        if (!address) {
+            notify({ message: '먼저 프로젝트 주소를 입력해 주세요.' });
+            return;
+        }
+        this.collectingBasicInfo = true;
+        try {
+            const response = await client.mutate({
+                mutation: gql `
+          mutation CollectProjectBasicInfo($projectId: String!, $address: String) {
+            collectProjectBasicInfo(projectId: $projectId, address: $address) {
+              source
+              label
+              ok
+              message
+              data
+            }
+          }
+        `,
+                variables: { projectId: this.project.id, address }
+            });
+            if (response.errors) {
+                throw new Error(response.errors.map((e) => e.message).join('\n'));
+            }
+            const result = (_c = response.data) === null || _c === void 0 ? void 0 : _c.collectProjectBasicInfo;
+            if (!(result === null || result === void 0 ? void 0 : result.ok)) {
+                notify({ message: (result === null || result === void 0 ? void 0 : result.message) || '업데이트할 정보가 없습니다.' });
+                return;
+            }
+            const data = result.data || {};
+            this._applyBasicInfoToForm(data);
+            this.requestUpdate();
+            notify({ message: '외부 시스템에서 기본 정보를 가져왔습니다. 검토 후 [저장]을 눌러주세요.' });
+        }
+        catch (err) {
+            console.warn('[정보 연동] 실패', err);
+            notify({ message: '외부 시스템 연동이 일시적으로 안 됩니다.' });
+        }
+        finally {
+            this.collectingBasicInfo = false;
+        }
+    }
+    /**
+     * 한글 주용도명 → SiteType enum.
+     * - NFC normalize + 공백 제거로 보이지 않는 문자/표기 차이 대응
+     * - 매핑 미존재시 null
+     */
+    _siteTypeFromKorean(korean) {
+        if (!korean)
+            return null;
+        const KEYS = {
+            공동주택: 'APARTMENT_COMPLEX',
+            단독주택: 'DETACHED_HOUSE',
+            제1종근린생활시설: 'NEIGHBORHOOD_FACILITY',
+            제2종근린생활시설: 'NEIGHBORHOOD_FACILITY',
+            근린생활시설: 'NEIGHBORHOOD_FACILITY',
+            업무시설: 'OFFICE',
+            판매시설: 'COMMERCIAL',
+            교육연구시설: 'EDUCATION',
+            의료시설: 'MEDICAL',
+            문화및집회시설: 'CULTURAL',
+            종교시설: 'RELIGIOUS',
+            공장: 'INDUSTRIAL',
+            창고시설: 'INDUSTRIAL',
+            운수시설: 'TRANSPORT'
+        };
+        const key = korean.normalize('NFC').replace(/\s+/g, '').trim();
+        return KEYS[key] || null;
+    }
+    /**
+     * 시나리오 result data 를 폼에 매핑 — BuildingComplex 와 Project 양쪽.
+     * 빈 값(null/undefined/'')은 기존 값 유지 — 자동 수집이 사용자 입력을 무리하게 덮지 않도록.
+     */
+    _applyBasicInfoToForm(data) {
+        const bc = Object.assign({}, this.project.buildingComplex);
+        const setBC = (key, value) => {
+            if (value === null || value === undefined || value === '')
+                return;
+            bc[key] = value;
+        };
+        setBC('area', this._toNum(data.area));
+        setBC('floorAreaRatio', this._toNum(data.floorAreaRatio));
+        setBC('coverageRatio', this._toNum(data.coverageRatio));
+        setBC('householdCount', this._toNum(data.householdCount));
+        setBC('buildingCount', this._toNum(data.buildingCount));
+        setBC('structureType', data.structureType);
+        // siteType: 한글 → SiteType enum 매핑. 매핑 안 되면 BC.siteType 빈 채로.
+        if (data.siteType) {
+            const enumVal = this._siteTypeFromKorean(data.siteType);
+            if (enumVal)
+                bc.siteType = enumVal;
+        }
+        // Project 엔티티 컬럼 — 착공일/준공일.
+        // 세움터 useAprDay (사용승인일) = 준공으로 매핑. stcnsDay = 착공.
+        const project = Object.assign(Object.assign({}, this.project), { buildingComplex: bc });
+        if (data.startDate)
+            project.startDate = data.startDate;
+        if (data.endDate)
+            project.endDate = data.endDate;
+        this.project = project;
+        // 참고 메타 — BC/Project 직접 컬럼 없음, 콘솔로만 (permitDate=건축허가일, bldNm 등)
+        console.log('[정보 연동] meta:', JSON.stringify({
+            upperFloorCount: data.upperFloorCount,
+            lowerFloorCount: data.lowerFloorCount,
+            bldNm: data.bldNm,
+            permitDate: data.permitDate
+        }));
+    }
+    _toNum(v) {
+        if (v === null || v === undefined || v === '')
+            return null;
+        const n = Number(v);
+        return Number.isFinite(n) ? n : null;
+    }
+    async _promoteTenant() {
+        if (!this.project.id)
+            return;
+        if (!confirm('이 프로젝트를 테넌트로 승격하시겠습니까?\n승격 시 관리번호(YYYY-NNNNN)가 자동 발번되며 변경할 수 없습니다.')) {
+            return;
+        }
+        const response = await client.mutate({
+            mutation: gql `
+        mutation PromoteProjectToTenant($projectId: String!) {
+          promoteProjectToTenant(projectId: $projectId) {
+            id
+            code
+          }
+        }
+      `,
+            variables: { projectId: this.project.id }
+        });
+        if (!response.errors) {
+            notify({ message: `테넌트로 승격되었습니다. 관리번호: ${response.data.promoteProjectToTenant.code}` });
+            await this.initProject(this.projectId);
+        }
+    }
+    async _demoteTenant() {
+        if (!this.project.id)
+            return;
+        if (!confirm('이 프로젝트의 테넌트를 강등하시겠습니까?\n관리번호는 보존되며 재승격 시 같은 번호가 재사용됩니다.')) {
+            return;
+        }
+        const response = await client.mutate({
+            mutation: gql `
+        mutation DemoteProjectTenant($projectId: String!) {
+          demoteProjectTenant(projectId: $projectId)
+        }
+      `,
+            variables: { projectId: this.project.id }
+        });
+        if (!response.errors) {
+            notify({ message: '테넌트가 강등되었습니다.' });
+            await this.initProject(this.projectId);
+        }
+    }
+    // 동 적용 버튼을 누르면 입력한 수 만큼 해당 단지에 동 데이터 생성
+    _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;
+            // documentNaming 필드가 변경되면 실시간으로 미리보기 업데이트
+            if (target.name === 'documentNaming') {
+                this.requestUpdate();
+            }
+        }
+        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;
+        }
+    }
+    _handleSelectionChange(e) {
+        const name = e.target.getAttribute('name');
+        const selectedValues = e.detail.selectedValues;
+        this.project.buildingComplex[name] = selectedValues;
+    }
+    _toggleBasement(idx) {
+        const building = this.project.buildingComplex.buildings[idx];
+        building.hasBasement = !building.hasBasement;
+        // 층 수가 0이거나 체크 해제시 지하층수 초기화 (플레이스 홀더 나오게 하기 위함)
+        if (building.basementFloorCount == 0 || !building.hasBasement) {
+            building.basementFloorCount = undefined;
+        }
+        this.project.buildingComplex.buildings[idx]['hasBasement'] = building.hasBasement;
+        this.requestUpdate();
+    }
+};
+ProjectUpdate.styles = [
+    css `
+      :host {
+        display: grid;
+        grid-template-rows: 55px auto;
+        color: #4e5055;
+
+        width: 100%;
+        background-color: var(--md-sys-color-background, #f6f6f6);
+        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-outlined-text-field-outline-color: rgba(51, 51, 51, 0.2);
+        --md-outlined-text-field-focus-outline-color: #1f7fd9;
+        --md-outlined-text-field-focus-outline-width: 1px;
+        --md-sys-color-primary: #586878;
+        --md-outlined-text-field-input-text-size: 14px;
+        --md-outlined-field-bottom-space: 3px;
+        --md-outlined-field-top-space: 3px;
+        --md-outlined-field-leading-space: var(--spacing-medium, 8px);
+        --md-outlined-field-trailing-space: var(--spacing-medium, 8px);
+      }
+      select2-component {
+        width: 100%;
+      }
+      md-filled-select {
+        width: 100%;
+        --md-filled-select-text-field-container-color: transparent;
+        --md-filled-select-text-field-active-indicator-color: #999;
+        --md-filled-select-text-field-input-text-size: 14px;
+        --md-filled-select-text-field-input-text-line-height: 6px;
+      }
+      input[type='date'] {
+        border: 1px solid rgba(51, 51, 51, 0.2);
+        padding: var(--spacing-small, 4px) var(--spacing-medium, 8px);
+        border-radius: 5px;
+      }
+      md-outlined-text-field[type='textarea'] {
+        width: 100%;
+        height: 120px;
+        resize: none;
+      }
+
+      ox-input-image {
+        width: 120px;
+        height: 90px;
+      }
+      ox-input-file {
+        width: 120px;
+        height: 90px;
+        padding: 0;
+      }
+
+      div[body] {
+        display: flex;
+        margin: var(--spacing-large, 12px);
+        margin-top: 0;
+        gap: var(--spacing-medium, 8px);
+
+        & > div {
+          display: flex;
+          height: fit-content;
+          flex-direction: column;
+          padding: var(--spacing-large, 12px);
+          background-color: var(--md-sys-color-on-primary);
+          border: 1px solid #cccccc80;
+          border-radius: 5px;
+          gap: var(--spacing-medium, 8px);
+
+          h3 {
+            color: #2e79be;
+            font-size: 16px;
+            margin: 0px;
+          }
+
+          div[row] {
+            display: flex;
+            align-items: center;
+
+            span:first-child {
+              flex: 0.3;
+              text-align: right;
+              font-size: 14px;
+            }
+
+            span:last-child {
+              flex: 0.7;
+              display: flex;
+              gap: var(--spacing-medium, 8px);
+              margin-left: var(--spacing-medium, 8px);
+              align-items: center;
+
+              &.address-row {
+                md-outlined-text-field {
+                  flex: 1;
+                }
+                .info-link-btn {
+                  flex: 0 0 auto;
+                  --md-elevated-button-container-color: #2e79be;
+                  --md-elevated-button-label-text-color: #fff;
+                  --md-elevated-button-container-height: 36px;
+                }
+              }
+
+              &[align-end] {
+                align-items: end;
+              }
+            }
+          }
+        }
+
+        div[project-info] {
+          flex: 0.55;
+        }
+
+        div[document-preview] {
+          width: 100%;
+          font-size: 12px;
+          color: #2e79be;
+          font-weight: 500;
+          background-color: #f8f9fa;
+          padding: 8px 12px;
+          border-radius: 4px;
+          border-left: 3px solid #2e79be;
+          margin-top: 4px;
+        }
+
+        div[detail-info] {
+          flex: 0.45;
+          padding: 0px;
+          gap: 10px;
+          background-color: transparent;
+          border: none;
+
+          & > div {
+            display: flex;
+            flex-direction: column;
+            gap: var(--spacing-medium, 8px);
+            border: 1px solid #cccccc80;
+            border-radius: 5px;
+            padding: var(--spacing-large, 12px);
+            background-color: var(--md-sys-color-on-primary);
+
+            md-outlined-text-field[type='text'] {
+              width: 60%;
+            }
+
+            md-elevated-button {
+              --md-elevated-button-container-height: 30px;
+              --md-elevated-button-container-color: var(--md-sys-color-on-primary);
+              --md-elevated-button-label-text-size: 16px;
+            }
+            hr {
+              border: 1px rgba(51, 51, 51, 0.1) dashed;
+              width: 100%;
+              margin-bottom: var(--spacing-tiny, 2px);
+            }
+            div[warn] {
+              font-size: 12px;
+              color: red;
+              margin-left: var(--spacing-small, 4px);
+              margin-bottom: var(--spacing-small, 4px);
+            }
+
+            md-outlined-button {
+              min-height: 30px;
+              padding: 0 var(--spacing-large, 12px);
+              box-shadow: 1px 1px 1px #0000001a;
+              --md-outlined-button-label-text-color: #586878;
+              --md-outlined-button-label-text-weight: bold;
+              --md-sys-color-outline: rgba(51, 51, 51, 0.2);
+            }
+
+            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: 8px 30px;
+              margin-left: 15px;
+
+              md-outlined-text-field {
+                width: 80px;
+              }
+
+              & > div {
+                display: flex;
+                gap: 15px;
+
+                span[floor-row] {
+                  display: inline-flex;
+                  align-items: center;
+                  margin-left: 5px;
+                }
+
+                span[floor-title] {
+                  min-width: 33px;
+                  margin-right: var(--spacing-small, 4px);
+                }
+                span:first-child {
+                  flex: 0.4;
+                  justify-content: flex-start;
+                  display: flex;
+                }
+                span:last-child {
+                  flex: 0.6;
+                  display: flex;
+                  align-items: center;
+                  padding-left: var(--spacing-medium, 8px);
+                }
+              }
+
+              div[basement-container] {
+                display: flex;
+                align-items: center;
+                gap: 4px;
+
+                div[basement-checkbox] {
+                  display: flex;
+                  align-items: center;
+                  cursor: pointer;
+
+                  md-icon {
+                    --md-icon-size: 25px;
+                    color: #808080;
+                    transition: opacity 0.2s ease;
+                  }
+
+                  &[disabled] {
+                    cursor: not-allowed;
+                    opacity: 0.4;
+
+                    md-icon {
+                      color: #cccccc;
+                    }
+                  }
+
+                  &[checked] md-icon {
+                    background-color: #2e79be;
+                    color: white;
+                    border-radius: 3px;
+                  }
+                }
+
+                md-outlined-text-field[basement-floor] {
+                  width: 70px;
+                  margin-left: var(--spacing-small, 4px);
+                  opacity: 1;
+                  transition: opacity 0.2s ease;
+
+                  &[disabled] {
+                    opacity: 0.4;
+                    pointer-events: none;
+                  }
+                }
+              }
+            }
+
+            &[project] {
+              div[separate-container] {
+                margin-left: 15px;
+
+                & > div {
+                  align-items: center;
+
+                  span:first-child {
+                    flex: 0.4;
+                    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);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ProjectUpdate.prototype, "selectedValues", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ProjectUpdate.prototype, "overallConstructorList", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ProjectUpdate.prototype, "taskConstructorList", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ProjectUpdate.prototype, "taskSupervisoryList", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], ProjectUpdate.prototype, "overallSupervisoryList", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Boolean)
+], ProjectUpdate.prototype, "collectingBasicInfo", void 0);
+ProjectUpdate = __decorate([
+    customElement('project-update')
+], ProjectUpdate);
+export { ProjectUpdate };
+//# sourceMappingURL=project-update.js.map