@dssp/dkpi 1.0.0-alpha.80 → 1.0.0-alpha.82

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

@@ -0,0 +1,1121 @@
+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 { OxPrompt } from '@operato/popup';
+import gql from 'graphql-tag';
+import '@dssp/project/dist-client/pages/lib/select2-component';
+import './component/project-update-header';
+import { isProjectTypeDomain, tenantHeaders } from '@dssp/project/dist-client/shared/domain-context';
+let SvProjectUpdate = class SvProjectUpdate 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;
+        /**
+         * 완료(COMPLETED) 상태 프로젝트를 진행중(ONGOING) 으로 되돌림.
+         * ProjectPatch 의 state 필드만 갱신 — 다른 폼 필드는 건드리지 않음.
+         */
+        this._onUnfinalize = async () => {
+            var _a, _b;
+            if (!((_a = this.project) === null || _a === void 0 ? void 0 : _a.id))
+                return;
+            const ok = await OxPrompt.open({
+                title: '완료 상태 해제',
+                confirmButton: { text: '확인' },
+                cancelButton: { text: '취소' }
+            });
+            if (!ok)
+                return;
+            const response = await client.mutate({
+                mutation: gql `
+        mutation UpdateProject($project: ProjectPatch!) {
+          updateProject(project: $project) {
+            id
+            state
+          }
+        }
+      `,
+                variables: { project: { id: this.project.id, state: 'ONGOING' } },
+                context: { headers: tenantHeaders((_b = this.project) === null || _b === void 0 ? void 0 : _b.code) }
+            });
+            if (!response.errors) {
+                notify({ message: '진행중 상태로 변경되었습니다.' });
+                await this.initProject(this.project.id);
+            }
+        };
+    }
+    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;
+        return html `
+      <dkpi-project-update-header
+        .projectId=${this.project.id || ''}
+        .projectState=${this.project.state || ''}
+        title="프로젝트 정보 관리"
+        @custom-click=${this._saveProject}
+        @unfinalize=${this._onUnfinalize}
+      ></dkpi-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>
+              <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 align-end
+              ><md-outlined-text-field
+                type="text"
+                name="area"
+                numeric
+                building-complex
+                .value=${((_e = (_d = (_c = this.project) === null || _c === void 0 ? void 0 : _c.buildingComplex) === null || _d === void 0 ? void 0 : _d.area) === null || _e === void 0 ? void 0 : _e.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=${((_h = (_g = (_f = this.project) === null || _f === void 0 ? void 0 : _f.buildingComplex) === null || _g === void 0 ? void 0 : _g.floorAreaRatio) === null || _h === void 0 ? void 0 : _h.toString()) || ''}
+                @input=${this._onInputChange}
+                suffix-text="%"
+              ></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-filled-select name="sectorType" project @change=${this._onInputChange}>
+                <md-select-option ?selected=${!this.project.sectorType} value="">
+                  <div slot="headline">선택</div>
+                </md-select-option>
+                <md-select-option ?selected=${this.project.sectorType === 'PUBLIC'} value="PUBLIC">
+                  <div slot="headline">공공</div>
+                </md-select-option>
+                <md-select-option ?selected=${this.project.sectorType === 'PRIVATE'} value="PRIVATE">
+                  <div slot="headline">민간</div>
+                </md-select-option>
+              </md-filled-select>
+            </span>
+          </div>
+          <div row>
+            <span>용도</span>
+            <span
+              ><md-filled-select name="buildingUsage" project @change=${this._onInputChange}>
+                <md-select-option ?selected=${!this.project.buildingUsage} value="">
+                  <div slot="headline">선택</div>
+                </md-select-option>
+                <md-select-option
+                  ?selected=${this.project.buildingUsage === 'RESIDENTIAL'}
+                  value="RESIDENTIAL"
+                >
+                  <div slot="headline">주거</div>
+                </md-select-option>
+                <md-select-option
+                  ?selected=${this.project.buildingUsage === 'NON_RESIDENTIAL'}
+                  value="NON_RESIDENTIAL"
+                >
+                  <div slot="headline">비주거</div>
+                </md-select-option>
+              </md-filled-select>
+            </span>
+          </div>
+
+          <div row>
+            <span>발주처</span>
+            <span
+              ><md-outlined-text-field
+                type="text"
+                name="clientCompany"
+                building-complex
+                .value=${((_k = (_j = this.project) === null || _j === void 0 ? void 0 : _j.buildingComplex) === null || _k === void 0 ? void 0 : _k.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=${((_m = (_l = this.project) === null || _l === void 0 ? void 0 : _l.buildingComplex) === null || _m === void 0 ? void 0 : _m.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=${((_p = (_o = this.project) === null || _o === void 0 ? void 0 : _o.buildingComplex) === null || _p === void 0 ? void 0 : _p.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=${((_r = (_q = this.project) === null || _q === void 0 ? void 0 : _q.buildingComplex) === null || _r === void 0 ? void 0 : _r.supervisoryCompany) || ''}
+                @input=${this._onInputChange}
+              ></md-outlined-text-field>
+            </span>
+          </div>
+
+          <div row>
+            <span>대표사진 업로드</span>
+            <span>
+              <ox-input-image
+                name="mainPhoto"
+                value=${((_t = (_s = this.project) === null || _s === void 0 ? void 0 : _s.mainPhoto) === null || _t === void 0 ? void 0 : _t.fullpath) || ''}
+                @change=${this.onCreateAttachment.bind(this)}
+              ></ox-input-image>
+            </span>
+          </div>
+          <div row>
+            <span>공사금액</span>
+            <span
+              ><md-outlined-text-field
+                type="text"
+                name="constructionCost"
+                numeric
+                building-complex
+                .value=${((_w = (_v = (_u = this.project) === null || _u === void 0 ? void 0 : _u.buildingComplex) === null || _v === void 0 ? void 0 : _v.constructionCost) === null || _w === void 0 ? void 0 : _w.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=${((_z = (_y = (_x = this.project) === null || _x === void 0 ? void 0 : _x.buildingComplex) === null || _y === void 0 ? void 0 : _y.workerCount) === null || _z === void 0 ? void 0 : _z.toString()) || ''}
+                @input=${this._onInputChange}
+                suffix-text="명"
+              ></md-outlined-text-field>
+            </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>
+      </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, _d;
+        const response = await client.query({
+            query: gql `
+        query Project($id: String!, $filters: [Filter!]) {
+          project(id: $id) {
+            id
+            code
+            state
+            tenantDomain {
+              id
+              subdomain
+              name
+            }
+            name
+            documentNaming
+            sectorType
+            buildingUsage
+            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: ''
+                    }
+                ]
+            },
+            context: { headers: tenantHeaders((_a = this.project) === null || _a === void 0 ? void 0 : _a.code) }
+        });
+        this.project = ((_b = response.data) === null || _b === void 0 ? void 0 : _b.project) || Object.assign({}, this.defaultProject);
+        const items = ((_d = (_c = response.data) === null || _c === void 0 ? void 0 : _c.employees) === null || _d === void 0 ? void 0 : _d.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 표시용)
+        const projectCode = this.project.code; // 도메인 헤더 용으로 미리 보존
+        delete this.project.code;
+        delete this.project.tenantDomain;
+        // state 는 raw 값('10'/'20')으로 로드되지만 ProjectPatch 는 enum 키 기대 — 일반
+        // save 에서는 state 변경 의도 없으므로 patch 에서 제외. (state 변경은 _onUnfinalize 별도)
+        delete this.project.state;
+        const response = await client.mutate({
+            mutation: gql `
+        mutation UpdateProject($project: ProjectPatch!) {
+          updateProject(project: $project) {
+            id
+          }
+        }
+      `,
+            variables: {
+                project: this._stripTypename(this.project)
+            },
+            context: {
+                hasUpload: true,
+                headers: tenantHeaders(projectCode)
+            }
+        });
+        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, _d;
+        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 },
+                context: { headers: tenantHeaders((_c = this.project) === null || _c === void 0 ? void 0 : _c.code) }
+            });
+            if (response.errors) {
+                throw new Error(response.errors.map((e) => e.message).join('\n'));
+            }
+            const result = (_d = response.data) === null || _d === void 0 ? void 0 : _d.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();
+    }
+};
+SvProjectUpdate.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)
+], SvProjectUpdate.prototype, "projectId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], SvProjectUpdate.prototype, "project", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], SvProjectUpdate.prototype, "selectedValues", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], SvProjectUpdate.prototype, "overallConstructorList", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], SvProjectUpdate.prototype, "taskConstructorList", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], SvProjectUpdate.prototype, "taskSupervisoryList", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], SvProjectUpdate.prototype, "overallSupervisoryList", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Boolean)
+], SvProjectUpdate.prototype, "collectingBasicInfo", void 0);
+SvProjectUpdate = __decorate([
+    customElement('sv-project-update')
+], SvProjectUpdate);
+export { SvProjectUpdate };
+//# sourceMappingURL=sv-project-update.js.map