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

package/dist-client/pages/project-complete-tabs/pc-tab1-plan.js

@@ -7,6 +7,7 @@ import { getKpiMetricValues, getKpiMetrics, updateProjectCompleteStep1, collectP
 import { INTEGRATION_SOURCES } from '../../shared/integration-fetch';
 import moment from 'moment-timezone';
 import { notify } from '@operato/layout';
+import { hasPrivilege } from '@things-factory/auth-base/dist-client';
 const KPI_METRIC_KEY_MAPPING = [
     { label: '공사기간', projectKey: 'constructionPeriod' },
     { label: '총 근로자수', projectKey: 'totalWorkerCount' },
@@ -24,12 +25,6 @@ const KPI_METRIC_KEY_MAPPING = [
 ];
 // 계획값이 없는 것들 (실제값으로 표시할 필드)
 const NO_PLAN_FIELDS = ['workerCount', 'area', 'floorAreaRatio', 'designChangeCount', 'upperFloorCount', 'lowerFloorCount'];
-const EXCLUDE_FIELDS = [
-    { id: 'b7a583c0-9de9-4c12-af49-dde65198dfce', name: '계획공사비' },
-    { id: '9767747a-d2ec-4e36-96c4-4a78bba35b98', name: '실제공사비' },
-    { id: '036d6e1c-193e-46bd-8d6e-93f248af8124', name: '계획공사기간' },
-    { id: '5df77618-db44-4da3-a22d-43c067cb5e86', name: '실제공사기간' }
-];
 let SvProjectCompleteTab1Plan = SvProjectCompleteTab1Plan_1 = class SvProjectCompleteTab1Plan extends LitElement {
     constructor() {
         super(...arguments);
@@ -50,8 +45,14 @@ let SvProjectCompleteTab1Plan = SvProjectCompleteTab1Plan_1 = class SvProjectCom
         /** 방금 채워진 셀 강조용 (metricId 또는 plan:projectKey) */
         this.justFilled = {};
         this.collecting = false;
+        /** kpi:input — Step1 계획값 입력/저장 권한 */
+        this.canSave = false;
+        /** kpi:auto-collect — 외부 시스템 자동 수집 권한 */
+        this.canAutoCollect = false;
     }
     render() {
+        // 전월 (last month) YYYY-MM. 월별 metric 의 "전월 데이터 입력" 검사 기준.
+        const lastMonth = moment().tz('Asia/Seoul').subtract(1, 'month').format('YYYY-MM');
         return html `
       <div class="title">
         <div>
@@ -73,12 +74,18 @@ let SvProjectCompleteTab1Plan = SvProjectCompleteTab1Plan_1 = class SvProjectCom
 
         ${this.kpiMetrics.map(metric => {
             var _a, _b, _c, _d, _e;
-            // 제외 필드는 표시하지 않음
-            if (EXCLUDE_FIELDS.some(item => item.id === metric.id))
-                return null;
             // 상수로 정의된 매핑 정보에서 metric.name으로 projectKey를 찾음
             const projectKey = ((_a = KPI_METRIC_KEY_MAPPING.find(item => item.label === metric.name)) === null || _a === void 0 ? void 0 : _a.projectKey) || '';
-            const kpiMetricValue = this.kpiMetricValues.find((item) => item.metricId === metric.id) || {};
+            const isMonthly = metric.periodType === 'MONTH';
+            // 현재값 lookup:
+            //   MONTH   → 전월 row (단일 진실원)
+            //   ALLTIME → 단일 ALLTIME row
+            //   그 외    → metricId+periodType 매칭
+            const kpiMetricValue = isMonthly
+                ? this.kpiMetricValues.find((item) => item.metricId === metric.id &&
+                    item.periodType === 'MONTH' &&
+                    (item.valueDate || '').startsWith(lastMonth)) || {}
+                : this.kpiMetricValues.find((item) => item.metricId === metric.id && item.periodType === metric.periodType) || {};
             const isDisplayInput = projectKey === 'constructionPeriod' || projectKey === 'constructionCost'; // 유효한 계획 필드
             // planValue는 project에서 찾고 없으면 buildingComplex의 값에서 찾음
             const basePlanValue = this.project[projectKey] || ((_c = (_b = this.project) === null || _b === void 0 ? void 0 : _b.buildingComplex) === null || _c === void 0 ? void 0 : _c[projectKey]) || 0;
@@ -106,29 +113,48 @@ let SvProjectCompleteTab1Plan = SvProjectCompleteTab1Plan_1 = class SvProjectCom
             const effDiff = calcDiff(shownPlan, actualValue);
             const effDiffClass = effDiff === 0 ? '' : effDiff > 0 ? 'plus' : 'minus';
             const effDiffSign = effDiff === 0 ? '' : effDiff > 0 ? '+' : '-';
+            // periodType 무관하게 값 없으면 pending. 메시지는 MONTH 만 "전월 데이터 입력 필요".
+            const isPending = kpiMetricValue.value === undefined || kpiMetricValue.value === null;
             return html `<div class="row">
-            <div class="label">• ${metric.name}</div>
+            <div class="label ${isPending ? 'pending' : ''}"
+                 title=${isPending
+                ? isMonthly
+                    ? '전월 데이터 입력 필요'
+                    : '아직 입력되지 않은 항목'
+                : ''}>• ${metric.name}</div>
             <div class="cell ${planFilled ? 'just-filled' : ''}">
               ${isDisplayInput
-                ? html `<input .value=${shownPlan} disabled /> ${unit}
+                ? html `<input
+                      numeric
+                      .value=${shownPlan !== null && shownPlan !== void 0 ? shownPlan : 0}
+                      @input=${(e) => this._onPlanInputChange(e, metric, projectKey)}
+                    />
+                    ${unit}
                     ${planSrc ? html `<span class="src-chip">🔗 ${planSrc}</span>` : ''}`
                 : html `-`}
             </div>
-            <div class="cell ${this.justFilled[metric.id] ? 'just-filled' : ''}">
+            <div class="cell ${this.justFilled[metric.id] ? 'just-filled' : ''} ${isPending ? 'pending' : ''}">
               <input numeric .value=${actualValue !== null && actualValue !== void 0 ? actualValue : 0} @input=${(e) => this._onInputChange(e, metric)} />
               ${unit}
               ${src ? html `<span class="src-chip">🔗 ${src}</span>` : ''}
             </div>
-            <div class="unit ${isDisplayInput ? effDiffClass : diffClass}">
-              ${isDisplayInput ? effDiffSign : diffSign}
-              ${Math.abs(isDisplayInput ? effDiff : diffValue).toLocaleString()} ${unit}
+            <div class="unit ${isDisplayInput ? effDiffClass : ''}">
+              ${isDisplayInput
+                ? html `${effDiffSign} ${Math.abs(effDiff).toLocaleString()} ${unit}`
+                : ''}
             </div>
           </div>`;
         })}
 
         <div class="button-line">
           <div class="ghost-btn" @click=${this._reset}>초기화</div>
-          <div class="ghost-btn secondary" @click=${() => this._save()}>저장</div>
+          <div
+            class="ghost-btn secondary ${this.canSave ? '' : 'disabled'}"
+            title=${this.canSave ? '' : 'kpi:input 권한 필요'}
+            @click=${() => this.canSave && this._save()}
+          >
+            저장
+          </div>
         </div>
       </div>
     `;
@@ -139,9 +165,10 @@ let SvProjectCompleteTab1Plan = SvProjectCompleteTab1Plan_1 = class SvProjectCom
         <div class="collect-head">
           <div class="ttl">시스템 연동 자동 수집 <small>외부 시스템에서 기본정보를 가져옵니다</small></div>
           <div
-            class="collect-btn"
+            class="collect-btn ${this.canAutoCollect ? '' : 'disabled'}"
             ?disabled=${this.collecting}
-            @click=${() => (this.collecting ? null : this._autoCollect())}
+            title=${this.canAutoCollect ? '' : 'kpi:auto-collect 권한 필요'}
+            @click=${() => this.canAutoCollect && !this.collecting ? this._autoCollect() : null}
           >
             ${this.collecting ? '수집 중…' : '⟳ 자동 수집'}
           </div>
@@ -226,9 +253,17 @@ let SvProjectCompleteTab1Plan = SvProjectCompleteTab1Plan_1 = class SvProjectCom
                 // KPI_METRIC_KEY_MAPPING 매칭 키 → form 채움. 미매칭 키 (siteType,
                 // structureType 등 프로젝트/BuildingComplex 기본 속성) → 카드 요약만.
                 const summary = [];
+                // KPI_METRIC_KEY_MAPPING 에 없는 키들의 한글 라벨. BuildingComplex/Project 직접 속성용.
                 const NON_KPI_LABEL = {
                     siteType: '건축현장유형',
-                    structureType: '구조형태'
+                    structureType: '구조형태',
+                    coverageRatio: '건폐율',
+                    householdCount: '세대수',
+                    buildingCount: '동수',
+                    startDate: '착공일',
+                    endDate: '준공일',
+                    permitDate: '건축허가일',
+                    bldNm: '건물명'
                 };
                 for (const [projectKey, rawValue] of Object.entries(r.data || {})) {
                     if (rawValue === null || rawValue === undefined || rawValue === '')
@@ -252,10 +287,14 @@ let SvProjectCompleteTab1Plan = SvProjectCompleteTab1Plan_1 = class SvProjectCom
                     if (!mapping)
                         continue;
                     if (isPlan) {
-                        // 계획값 (키스콘) — 계획 칼럼에 반영
+                        // 계획값 (키스콘 제공) — 계획 칼럼 표시 + KpiMetric value 에도 upsert
+                        // 하여 _save 시 patches 에 포함. 사용자가 계획 input 직접 편집해도 같은 흐름.
                         this.collectedPlan = Object.assign(Object.assign({}, this.collectedPlan), { [projectKey]: numericValue });
                         this.planSources = Object.assign(Object.assign({}, this.planSources), { [projectKey]: r.label });
                         this.justFilled = Object.assign(Object.assign({}, this.justFilled), { [`plan:${projectKey}`]: true });
+                        const planMetric = this.kpiMetrics.find((m) => { var _a; return ((_a = KPI_METRIC_KEY_MAPPING.find(x => x.label === m.name)) === null || _a === void 0 ? void 0 : _a.projectKey) === projectKey; });
+                        if (planMetric)
+                            this._setMetricValue(planMetric, numericValue);
                     }
                     else {
                         // 실제값 (세움터/올바로/기타) — 매칭되는 metric 의 실제 칼럼에 반영
@@ -305,26 +344,20 @@ let SvProjectCompleteTab1Plan = SvProjectCompleteTab1Plan_1 = class SvProjectCom
             this.collecting = false;
         }
     }
-    /** 메트릭의 실제값 셀을 set/add (사용자 입력과 동일 경로) */
+    /**
+     * 메트릭의 실제값 set/add — _onInputChange 와 동일하게 periodType 별 row upsert.
+     */
     _setMetricValue(metric, value) {
-        const idx = this.kpiMetricValues.findIndex((item) => item.metricId === metric.id);
-        if (idx !== -1) {
-            this.kpiMetricValues = this.kpiMetricValues.map((item) => item.metricId === metric.id ? Object.assign(Object.assign({}, item), { value }) : item);
-        }
-        else {
-            this.kpiMetricValues = [
-                ...this.kpiMetricValues,
-                {
-                    id: crypto.randomUUID(),
-                    value,
-                    metricId: metric.id,
-                    unit: metric.unit || '',
-                    org: this.project.id,
-                    periodType: metric.periodType,
-                    valueDate: moment().tz('Asia/Seoul').format('YYYY-MM-DD')
-                }
-            ];
-        }
+        this.kpiMetricValues = this._upsertValueForMetric(this.kpiMetricValues, metric, value);
+    }
+    async connectedCallback() {
+        super.connectedCallback();
+        const [canSave, canAutoCollect] = await Promise.all([
+            hasPrivilege({ category: 'kpi', privilege: 'input', domainOwnerGranted: true, superUserGranted: true }),
+            hasPrivilege({ category: 'kpi', privilege: 'auto-collect', domainOwnerGranted: true, superUserGranted: true })
+        ]);
+        this.canSave = canSave;
+        this.canAutoCollect = canAutoCollect;
     }
     willUpdate(changedProperties) {
         var _a;
@@ -335,9 +368,22 @@ let SvProjectCompleteTab1Plan = SvProjectCompleteTab1Plan_1 = class SvProjectCom
         }
     }
     async _getInitData() {
-        const kpiMetrics = await getKpiMetrics();
-        this.kpiMetrics = kpiMetrics.filter(item => !item.name.includes('평가')) || []; // 평가 텍스트가 들어간건 제외
-        this.kpiMetricValues = await getKpiMetricValues(this.project.id);
+        var _a, _b;
+        // getKpiMetrics 가 이미 active=true 만 반환. 여기선 평가 (Step2) 만 추가 제외.
+        // 비활성화는 KPI 관리 admin 에서 active=false 처리.
+        const kpiMetrics = await getKpiMetrics((_a = this.project) === null || _a === void 0 ? void 0 : _a.code);
+        this.kpiMetrics = kpiMetrics.filter(item => !item.name.includes('평가')) || [];
+        this.kpiMetricValues = await getKpiMetricValues(this.project.id, (_b = this.project) === null || _b === void 0 ? void 0 : _b.code);
+    }
+    /**
+     * 공사비/공사기간 의 "계획" 컬럼 input 편집 핸들러 — collectedPlan 표시값 동기화 +
+     * 해당 KpiMetric 의 value 도 upsert 하여 _save 시 patches 에 포함되도록.
+     */
+    _onPlanInputChange(event, metric, projectKey) {
+        const target = event.target;
+        const inputVal = Number(target.value.replace(/[^\d.]/g, ''));
+        this.collectedPlan = Object.assign(Object.assign({}, this.collectedPlan), { [projectKey]: inputVal });
+        this.kpiMetricValues = this._upsertValueForMetric(this.kpiMetricValues, metric, inputVal);
     }
     // Input 요소의 값이 변경될 때 호출되는 콜백 함수
     _onInputChange(event, metric) {
@@ -347,105 +393,68 @@ let SvProjectCompleteTab1Plan = SvProjectCompleteTab1Plan_1 = class SvProjectCom
         if (target.hasAttribute('numeric')) {
             inputVal = Number(inputVal.replace(/[^\d.]/g, ''));
         }
-        // 기존 배열에서 해당 id를 가진 항목을 찾음
-        const existingItemIndex = this.kpiMetricValues.findIndex((item) => item.metricId === metric.id);
-        if (existingItemIndex !== -1) {
-            // 기존 항목이 있으면 업데이트
-            this.kpiMetricValues = this.kpiMetricValues.map((item) => item.metricId === metric.id ? Object.assign(Object.assign({}, item), { value: inputVal }) : item);
-        }
-        else {
-            // 기존 항목이 없으면 새로 추가
-            this.kpiMetricValues = [
-                ...this.kpiMetricValues,
-                {
+        this.kpiMetricValues = this._upsertValueForMetric(this.kpiMetricValues, metric, inputVal);
+    }
+    /**
+     * metric.periodType 에 따라 적절한 row 를 upsert.
+     *   - MONTH   : 전월 row (YYYY-MM-01). "오늘 입력 = 지난달 데이터" 운영 원칙.
+     *   - ALLTIME : 단일 row (valueDate sentinel 무관).
+     *   - 그 외 (DAY/WEEK/QUARTER/YEAR/RANGE) : metric.periodType 그대로, valueDate=today.
+     * 매칭은 (metricId, periodType) 기준 — MONTH 만 추가로 valueDate prefix.
+     */
+    _upsertValueForMetric(values, metric, value) {
+        const today = moment().tz('Asia/Seoul');
+        const todayYmd = today.format('YYYY-MM-DD');
+        const periodType = metric.periodType;
+        let updated = [...values];
+        if (periodType === 'MONTH') {
+            const lastMonth = today.clone().subtract(1, 'month');
+            const lastMonth1 = lastMonth.format('YYYY-MM-01');
+            const lastMonthYm = lastMonth.format('YYYY-MM');
+            const idx = updated.findIndex((i) => i.metricId === metric.id &&
+                i.periodType === 'MONTH' &&
+                (i.valueDate || '').startsWith(lastMonthYm));
+            if (idx !== -1) {
+                updated[idx] = Object.assign(Object.assign({}, updated[idx]), { value });
+            }
+            else {
+                updated.push({
                     id: crypto.randomUUID(),
-                    value: inputVal,
+                    value,
                     metricId: metric.id,
                     unit: metric.unit || '',
-                    org: this.project.id, // 프로젝트 ID 추가
-                    periodType: metric.periodType,
-                    valueDate: moment().tz('Asia/Seoul').format('YYYY-MM-DD')
-                }
-            ];
-        }
-    }
-    _generateExcludeFieldsData() {
-        var _a, _b;
-        const excludeData = [];
-        const constructionCostMetric = this.kpiMetrics.find(metric => { var _a; return ((_a = KPI_METRIC_KEY_MAPPING.find(item => item.label === metric.name)) === null || _a === void 0 ? void 0 : _a.projectKey) === 'constructionCost'; });
-        // 공사기간 관련 메트릭을 찾음
-        const constructionPeriodMetric = this.kpiMetrics.find(metric => { var _a; return ((_a = KPI_METRIC_KEY_MAPPING.find(item => item.label === metric.name)) === null || _a === void 0 ? void 0 : _a.projectKey) === 'constructionPeriod'; });
-        // 실적공사비 값 (사용자가 입력한 constructionCost 값)
-        const actualConstructionCostValue = constructionCostMetric
-            ? ((_a = this.kpiMetricValues.find((item) => item.metricId === constructionCostMetric.id)) === null || _a === void 0 ? void 0 : _a.value) || 0
-            : 0;
-        // 실제공사기간 값 (사용자가 입력한 constructionPeriod 값)
-        const actualConstructionPeriodValue = constructionPeriodMetric
-            ? ((_b = this.kpiMetricValues.find((item) => item.metricId === constructionPeriodMetric.id)) === null || _b === void 0 ? void 0 : _b.value) || 0
-            : 0;
-        EXCLUDE_FIELDS.forEach(excludeField => {
-            var _a, _b, _c, _d, _e;
-            // 해당 excludeField.id에 매칭되는 메트릭 찾기
-            const metric = this.kpiMetrics.find(m => m.id === excludeField.id);
-            // 기존에 저장된 데이터가 있는지 확인
-            const existingValue = this.kpiMetricValues.find((item) => item.metricId === excludeField.id);
-            let value = 0;
-            if (excludeField.name == '계획공사비') {
-                // 키스콘 수집 계획값 우선, 없으면 buildingComplex
-                value = (_d = (_a = this.collectedPlan['constructionCost']) !== null && _a !== void 0 ? _a : (_c = (_b = this.project) === null || _b === void 0 ? void 0 : _b.buildingComplex) === null || _c === void 0 ? void 0 : _c.constructionCost) !== null && _d !== void 0 ? _d : 0;
-            }
-            else if (excludeField.name == '실제공사비') {
-                value = actualConstructionCostValue;
+                    org: this.project.id,
+                    periodType: 'MONTH',
+                    valueDate: lastMonth1
+                });
             }
-            else if (excludeField.name == '계획공사기간') {
-                // 키스콘 수집 계획값 우선, 없으면 착공~준공 일자 계산
-                value =
-                    (_e = this.collectedPlan['constructionPeriod']) !== null && _e !== void 0 ? _e : Math.ceil(calcDateDiff(this.project.startDate, this.project.endDate) / 30);
+        }
+        else {
+            // ALLTIME / DAY / WEEK / QUARTER / YEAR / RANGE — metric.periodType 그대로 단일 row upsert.
+            const idx = updated.findIndex((i) => i.metricId === metric.id && i.periodType === periodType);
+            if (idx !== -1) {
+                updated[idx] = Object.assign(Object.assign({}, updated[idx]), { value });
             }
-            else if (excludeField.name == '실제공사기간') {
-                value = actualConstructionPeriodValue;
+            else {
+                updated.push({
+                    id: crypto.randomUUID(),
+                    value,
+                    metricId: metric.id,
+                    unit: metric.unit || '',
+                    org: this.project.id,
+                    periodType,
+                    valueDate: todayYmd
+                });
             }
-            excludeData.push({
-                id: (existingValue === null || existingValue === void 0 ? void 0 : existingValue.id) || crypto.randomUUID(), // 기존 데이터가 있으면 해당 id 사용
-                value,
-                metricId: excludeField.id,
-                unit: (metric === null || metric === void 0 ? void 0 : metric.unit) || '',
-                org: this.project.id,
-                periodType: metric === null || metric === void 0 ? void 0 : metric.periodType,
-                valueDate: moment().tz('Asia/Seoul').format('YYYY-MM-DD')
-            });
-        });
-        return excludeData;
+        }
+        return updated;
     }
     async _save() {
-        // EXCLUDE_FIELDS에 대한 값들을 자동으로 생성
-        const excludeData = this._generateExcludeFieldsData();
-        // EXCLUDE_FIELDS에 해당하는 metricId를 추출
-        const excludeMetricIds = EXCLUDE_FIELDS.map(field => field.id);
-        // kpiMetricValues에서 EXCLUDE_FIELDS에 해당하는 중복 항목들을 제외
-        const filteredKpiMetricValues = this.kpiMetricValues.filter((item) => !excludeMetricIds.includes(item.metricId));
-        // 기본 실제값 엔트리 생성 (사용자 입력이 없는 메트릭에 대해 기본값 채움)
-        const existingMetricIds = new Set(filteredKpiMetricValues.map((item) => item.metricId));
-        const defaultActualData = this.kpiMetrics
-            .filter(metric => !EXCLUDE_FIELDS.some(field => field.id === metric.id) && !existingMetricIds.has(metric.id))
-            .map(metric => {
-            var _a, _b, _c;
-            const projectKey = ((_a = KPI_METRIC_KEY_MAPPING.find(item => item.label === metric.name)) === null || _a === void 0 ? void 0 : _a.projectKey) || '';
-            const basePlanValue = this.project[projectKey] || ((_c = (_b = this.project) === null || _b === void 0 ? void 0 : _b.buildingComplex) === null || _c === void 0 ? void 0 : _c[projectKey]) || 0;
-            const value = NO_PLAN_FIELDS.includes(projectKey) ? basePlanValue : 0;
-            return {
-                id: crypto.randomUUID(),
-                value,
-                metricId: metric.id,
-                unit: metric.unit || '',
-                org: this.project.id,
-                periodType: metric.periodType,
-                valueDate: moment().tz('Asia/Seoul').format('YYYY-MM-DD')
-            };
-        });
-        // 필터링된 데이터와 exclude 데이터, 기본 실제값 데이터를 합침
-        const allKpiMetricValues = [...excludeData, ...filteredKpiMetricValues, ...defaultActualData];
-        const response = await updateProjectCompleteStep1(allKpiMetricValues);
+        var _a;
+        // 사용자가 실제 편집한 row 만 저장. 자동 산정 metric (계획/실제 공사비·공기) 는
+        // 별도의 데이터 출처(project 정보, 키스콘 수집, 다른 metric 의 전월 row 등)에서
+        // 도출돼야 하므로 이 화면에서 하드코딩 derive 하지 않음.
+        const response = await updateProjectCompleteStep1(this.kpiMetricValues, (_a = this.project) === null || _a === void 0 ? void 0 : _a.code);
         if (!response.errors) {
             notify({ message: '저장되었습니다.' });
         }
@@ -550,6 +559,11 @@ SvProjectCompleteTab1Plan.styles = [
       .ghost-btn.secondary {
         background: #24be7b;
       }
+      .ghost-btn.disabled,
+      .collect-btn.disabled {
+        opacity: 0.45;
+        cursor: not-allowed;
+      }
 
       /* ── 자동 수집 패널 ── */
       .collect-panel {
@@ -693,6 +707,16 @@ SvProjectCompleteTab1Plan.styles = [
       .cell.just-filled input {
         animation: flash 1.1s ease;
       }
+      /* 미입력 — kpiMetricValue 가 비어있는 metric 행 */
+      .label.pending::before {
+        content: '⚠';
+        color: #e74c3c;
+        margin-right: 4px;
+      }
+      .cell.pending input {
+        border-color: #e74c3c;
+        background-color: #fff5f5;
+      }
       @keyframes flash {
         0% {
           background: #fff7cc;
@@ -749,6 +773,14 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], SvProjectCompleteTab1Plan.prototype, "collecting", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], SvProjectCompleteTab1Plan.prototype, "canSave", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], SvProjectCompleteTab1Plan.prototype, "canAutoCollect", void 0);
 SvProjectCompleteTab1Plan = SvProjectCompleteTab1Plan_1 = __decorate([
     customElement('sv-pc-tab1-plan')
 ], SvProjectCompleteTab1Plan);