@dssp/supervision 1.0.0-y.0 → 1.0.1

package/dist-client/pages/checklist/checklist-view.js

@@ -6,13 +6,13 @@ import { client } from '@operato/graphql';
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles';
-import { CHECKLIST_MAIN_TYPE_LIST, BuildingInspectionStatus, BUILDING_INSPECTION_STATUS_DISPLAY } from '../building-inspection/building-inspection-list';
+import { CHECKLIST_MAIN_TYPE_LIST, BuildingInspectionStatus, BUILDING_INSPECTION_STATUS_DISPLAY, BUILDING_INSPECTION_RE_STATUS_DISPLAY } from '../building-inspection/building-inspection-list';
 import '@operato/input/ox-input-signature.js';
-import { store } from '@operato/shell';
-import { connect } from 'pwa-helpers/connect-mixin.js';
+import { store, connect } from '@operato/shell';
 import { openPopup } from '@operato/layout';
 import './comment-list-popup';
 import './attachment-list-popup';
+import './kcs-criteria-popup';
 import '../../stt/speech-to-text';
 import { parseSpeechCommand } from '../../stt/stt-utils';
 import { notify } from '@operato/layout';
@@ -30,17 +30,35 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
             overallSupervisoryEmails: []
         };
         this.status = BuildingInspectionStatus.WAIT;
+        this.failCount = 0;
         this.projectType = "DSSP" /* ProjectType.DSSP */;
         this.isListening = false;
-        this._onToggleSTT = () => {
+        this._tooltip = null;
+        this._kcsDetail = null;
+        this._kcsDetailItem = '';
+        this._siteSpecDetail = null;
+        this._siteSpecDetailItem = '';
+        this._onStartSTT = (e) => {
+            e.preventDefault();
             const stt = this.renderRoot.querySelector('#stt');
             if (!this.isListening) {
                 stt === null || stt === void 0 ? void 0 : stt.startListening();
             }
-            else {
+        };
+        this._onStopSTT = (e) => {
+            e.preventDefault();
+            const stt = this.renderRoot.querySelector('#stt');
+            if (this.isListening) {
                 stt === null || stt === void 0 ? void 0 : stt.stopListening();
             }
-            // isListening은 stt-status 이벤트에서 갱신됨
+        };
+        this._hideSiteSpecDetail = () => {
+            this._siteSpecDetail = null;
+            this.requestUpdate();
+        };
+        this._hideKcsDetail = () => {
+            this._kcsDetail = null;
+            this.requestUpdate();
         };
     }
     firstUpdated() {
@@ -147,21 +165,27 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
             // 3순위: sequence 오름차순
             return a.sequence - b.sequence;
         });
-        const processedItems = this.drawChecklistItems(((_j = this.checklist) === null || _j === void 0 ? void 0 : _j.checklistItems) || []);
+        const checklistItems = ((_j = this.checklist) === null || _j === void 0 ? void 0 : _j.checklistItems) || [];
+        const processedItems = this.drawChecklistItems(checklistItems);
+        const hasAnyDetailType = checklistItems.some(item => item.detailType);
         return html `
       ${this.mode == "EDITOR" /* ChecklistMode.EDITOR */
             ? html `
-            <speech-to-text id="stt"></speech-to-text>
-            <md-fab
-              class="stt-fab"
-              ?active=${this.isListening}
-              @click=${this._onToggleSTT}
-              ?disabled=${false}
-              .label=${this.isListening ? '음성 인식 중지' : '음성 인식 시작'}
-            >
-              <md-icon slot="icon">mic</md-icon>
-            </md-fab>
-          `
+              <speech-to-text id="stt"></speech-to-text>
+              <md-fab
+                class="stt-fab"
+                ?active=${this.isListening}
+                @mousedown=${this._onStartSTT}
+                @mouseup=${this._onStopSTT}
+                @mouseleave=${this._onStopSTT}
+                @touchstart=${this._onStartSTT}
+                @touchend=${this._onStopSTT}
+                ?disabled=${false}
+                .label=${this.isListening ? '말씀하세요...' : '길게 눌러서 음성 인식'}
+              >
+                <md-icon slot="icon">mic</md-icon>
+              </md-fab>
+            `
             : ''}
 
       <div title-row>
@@ -183,25 +207,28 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
         <tr>
           ${this.projectType == "DSSP" /* ProjectType.DSSP */
             ? html `
-                <th>담당자</th>
-                <td>${((_k = this.manager) === null || _k === void 0 ? void 0 : _k.name) || ''}</td>
-              `
+                  <th>담당자</th>
+                  <td>${((_k = this.manager) === null || _k === void 0 ? void 0 : _k.name) || ''}</td>
+                `
             : html `
-                <th>검측 부위</th>
-                <td>${((_m = (_l = this.checklist) === null || _l === void 0 ? void 0 : _l.inspectionParts) === null || _m === void 0 ? void 0 : _m.join(', ')) || ''}</td>
-              `}
+                  <th>검측 부위</th>
+                  <td>${((_m = (_l = this.checklist) === null || _l === void 0 ? void 0 : _l.inspectionParts) === null || _m === void 0 ? void 0 : _m.join(', ')) || ''}</td>
+                `}
 
           <th>검측 상태</th>
-          <td>${BUILDING_INSPECTION_STATUS_DISPLAY[this.status]}</td>
+          <td>
+            ${(this.failCount > 0 ? BUILDING_INSPECTION_RE_STATUS_DISPLAY : BUILDING_INSPECTION_STATUS_DISPLAY)[this.status]}
+          </td>
         </tr>
       </table>
 
       <table body>
         <thead>
           <tr>
-            <th colspan="2" rowspan="3" type>구분</th>
+            <th colspan="${hasAnyDetailType ? 2 : 1}" rowspan="3" type>구분</th>
             <th rowspan="3" inspection-name>검사항목</th>
-            <th rowspan="3" criteria>검사기준</th>
+            <th rowspan="3" criteria>KCS 시방서 기준</th>
+            <th rowspan="3" criteria>현장 시방서 기준</th>
             <th colspan="4" result>검사결과</th>
             <th rowspan="3" small>첨부자료</th>
             <th rowspan="3" small>조치사항</th>
@@ -219,14 +246,50 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
         </thead>
         <tbody>
           ${processedItems.map(({ item, showMainTypeCell, mainTypeRowspan, showDetailTypeCell, detailTypeRowspan }, idx) => {
+            var _a;
+            const recs = ((_a = [
+                item.recommendation1,
+                item.recommendation2,
+                item.recommendation3,
+                item.recommendation4,
+                item.recommendation5
+            ]) === null || _a === void 0 ? void 0 : _a.filter(r => r)) || [];
+            const hasRecs = recs.length > 0;
+            const kcs = this._parseKcs(item.kcsCriteria);
+            const hasKcs = !!kcs;
+            const siteSpec = item.siteSpecCriteria || item.inspctionCriteria || '';
             return html ` <tr>
               ${showMainTypeCell
-                ? html `<td main-type bold rowspan="${mainTypeRowspan}">${CHECKLIST_MAIN_TYPE_LIST[item.mainType]}</td>`
+                ? html `<td main-type bold rowspan="${mainTypeRowspan}">
+                      ${CHECKLIST_MAIN_TYPE_LIST[item.mainType] || item.mainType}
+                    </td>`
+                : ''}
+              ${hasAnyDetailType
+                ? showDetailTypeCell
+                    ? html ` <td bold rowspan="${detailTypeRowspan}">${item.detailType}</td> `
+                    : ''
                 : ''}
-              ${showDetailTypeCell ? html ` <td bold rowspan="${detailTypeRowspan}">${item.detailType}</td> ` : ''}
 
-              <td>${idx + 1}. ${item.name}</td>
-              <td>${item.inspctionCriteria}</td>
+              <td
+                ?has-recommendation=${hasRecs}
+                @mouseenter=${hasRecs ? (e) => this._showRecTooltip(e, item.id || idx, recs) : null}
+                @mouseleave=${hasRecs ? () => this._hideRecTooltip() : null}
+              >
+                ${idx + 1}. ${item.name}
+                ${hasRecs ? html `<md-icon style="font-size:14px;vertical-align:middle;color:#2e79be;">info</md-icon>` : ''}
+              </td>
+              <td kcs-criteria ?has-kcs=${hasKcs} @click=${hasKcs ? () => this._showKcsDetail(kcs, item.name) : null}>
+                ${(kcs === null || kcs === void 0 ? void 0 : kcs.file_label) || ''}
+                ${hasKcs ? html `<md-icon style="font-size:14px;vertical-align:middle;color:#2e79be;">search</md-icon>` : ''}
+              </td>
+              <td
+                site-spec-criteria
+                ?has-site-spec=${!!siteSpec}
+                @click=${siteSpec ? () => this._showSiteSpecDetail(siteSpec, item.name) : null}
+              >
+                ${this._summarize(siteSpec)}
+                ${siteSpec ? html `<md-icon style="font-size:14px;vertical-align:middle;color:#2e79be;">search</md-icon>` : ''}
+              </td>
               <td radio>
                 <md-radio
                   item-id=${item.id}
@@ -361,8 +424,62 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
         </div>
         <div>- 검사항목 및 검사기준은 각 공종별로 감리원과 협의하여 작성할 것</div>
       </div>
+
+      ${this._tooltip
+            ? html `
+              <div recommendation-tooltip style="left:${this._tooltip.x}px;top:${this._tooltip.y}px;">
+                <div tooltip-title>추천 검사 항목</div>
+                ${this._tooltip.recs.map(r => html `<div tooltip-item>${r}</div>`)}
+              </div>
+            `
+            : ''}
+      ${this._kcsDetail
+            ? html `<kcs-criteria-popup
+              .kcs=${this._kcsDetail}
+              .itemName=${this._kcsDetailItem}
+              @close=${this._hideKcsDetail}
+            ></kcs-criteria-popup>`
+            : ''}
+      ${this._siteSpecDetail
+            ? html `<kcs-criteria-popup
+              .popupTitle=${'현장 시방서 기준'}
+              .kcs=${{ text: this._siteSpecDetail }}
+              .itemName=${this._siteSpecDetailItem}
+              @close=${this._hideSiteSpecDetail}
+            ></kcs-criteria-popup>`
+            : ''}
     `;
     }
+    // 본문 앞 20글자 요약 (그 뒤는 ... 처리)
+    _summarize(text, length = 20) {
+        if (!text)
+            return '';
+        return text.length > length ? `${text.slice(0, length)}...` : text;
+    }
+    // 현장 시방서 기준 상세(본문 전체)를 팝업으로 표시
+    _showSiteSpecDetail(text, itemName = '') {
+        this._siteSpecDetail = text;
+        this._siteSpecDetailItem = itemName;
+        this.requestUpdate();
+    }
+    // KCS 기준 JSON 문자열을 오브젝트로 파싱 (file_label/clause/text 포함)
+    _parseKcs(kcsCriteria) {
+        if (!kcsCriteria)
+            return null;
+        try {
+            const obj = JSON.parse(kcsCriteria);
+            return obj && (obj.file_label || obj.text) ? obj : null;
+        }
+        catch (_a) {
+            return null;
+        }
+    }
+    // KCS 기준 상세(text)를 팝업으로 표시
+    _showKcsDetail(kcs, itemName = '') {
+        this._kcsDetail = kcs;
+        this._kcsDetailItem = itemName;
+        this.requestUpdate();
+    }
     _onChangeConfirmStatus(e) {
         var _a, _b;
         const target = e.target;
@@ -481,6 +598,21 @@ let ChecklistView = class ChecklistView extends connect(store)(LitElement) {
         });
         this.requestUpdate();
     }
+    _showRecTooltip(e, id, recs) {
+        const td = e.currentTarget;
+        const rect = td.getBoundingClientRect();
+        const tooltipHeight = recs.length * 24 + 40;
+        // 위에 공간이 부족하면 아래로
+        const showBelow = rect.top < tooltipHeight;
+        const x = rect.left;
+        const y = showBelow ? rect.bottom + 4 : rect.top - tooltipHeight;
+        this._tooltip = { id: String(id), x, y, recs };
+        this.requestUpdate();
+    }
+    _hideRecTooltip() {
+        this._tooltip = null;
+        this.requestUpdate();
+    }
 };
 ChecklistView.styles = [
     ButtonContainerStyles,
@@ -696,10 +828,62 @@ ChecklistView.styles = [
         }
       }
 
+      /* 추천 검사 항목 툴팁 */
+      td[has-recommendation] {
+        cursor: pointer;
+        position: relative;
+      }
+      td[has-recommendation]:hover {
+        background-color: #f0f7ff !important;
+      }
+      div[recommendation-tooltip] {
+        position: fixed;
+        z-index: 1000;
+        background: #333;
+        color: #fff;
+        padding: 8px 12px;
+        border-radius: 6px;
+        font-size: 13px;
+        max-width: 350px;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+        line-height: 1.6;
+        pointer-events: none;
+      }
+      div[recommendation-tooltip] div[tooltip-title] {
+        font-weight: bold;
+        color: #8fc9ff;
+        margin-bottom: 4px;
+        font-size: 12px;
+      }
+      div[recommendation-tooltip] div[tooltip-item] {
+        padding-left: 8px;
+      }
+      div[recommendation-tooltip] div[tooltip-item]::before {
+        content: '• ';
+        color: #8fc9ff;
+      }
+
+      /* KCS 시방서 기준 셀 (클릭 시 상세 팝업) */
+      td[kcs-criteria][has-kcs] {
+        cursor: pointer;
+        color: #2e79be;
+      }
+      td[kcs-criteria][has-kcs]:hover {
+        background-color: #f0f7ff !important;
+      }
+      td[site-spec-criteria][has-site-spec] {
+        cursor: pointer;
+        color: #2e79be;
+      }
+      td[site-spec-criteria][has-site-spec]:hover {
+        background-color: #f0f7ff !important;
+      }
+
       .stt-fab {
         position: fixed;
         top: 100px;
         right: 20px;
+        z-index: 1;
       }
 
       .stt-fab[active] md-icon {
@@ -728,6 +912,10 @@ __decorate([
     property({ type: String }),
     __metadata("design:type", String)
 ], ChecklistView.prototype, "status", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], ChecklistView.prototype, "failCount", void 0);
 __decorate([
     property({ type: String }),
     __metadata("design:type", String)

package/dist-client/pages/checklist/checklist-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"checklist-view.js","sourceRoot":"","sources":["../../../client/pages/checklist/checklist-view.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/fab/fab.js'\nimport '@material/web/icon/icon.js'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport {\n  CHECKLIST_MAIN_TYPE_LIST,\n  BuildingInspectionStatus,\n  BUILDING_INSPECTION_STATUS_DISPLAY\n} from '../building-inspection/building-inspection-list'\nimport '@operato/input/ox-input-signature.js'\nimport { store } from '@operato/shell'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport { openPopup } from '@operato/layout'\nimport './comment-list-popup'\nimport './attachment-list-popup'\nimport '../../stt/speech-to-text'\nimport { parseSpeechCommand } from '../../stt/stt-utils'\nimport { notify } from '@operato/layout'\n\nexport const enum ProjectType {\n  DSSP = 'DSSP',\n  DCSP = 'DCSP',\n  DKPI = 'DKPI'\n}\n\nexport const enum ChecklistMode {\n  VIEWER = 'VIEWER',\n  EDITOR = 'EDITOR'\n}\n\n@customElement('checklist-view')\nclass ChecklistView extends connect(store)(LitElement) {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        padding: var(--spacing-large, 12px);\n        padding-top: 0;\n        font-size: 14px;\n        min-width: 800px;\n\n        position: relative;\n      }\n\n      [bold] {\n        font-weight: bold;\n      }\n\n      div[name] {\n        display: flex;\n        color: #586878;\n        font-size: 24px;\n        align-items: center;\n        justify-content: center;\n      }\n\n      table {\n        width: 100%;\n        font-size: 15px;\n        color: #586878;\n        text-align: left;\n        border-collapse: collapse;\n        td,\n        th {\n          border: 1px rgba(51, 51, 51, 0.2) solid;\n          padding-inline: var(--spacing-medium, 8px);\n          vertical-align: middle;\n        }\n        th {\n          background-color: #efefef;\n          font-weight: bold;\n        }\n        td {\n          height: 33px;\n          background-color: var(--md-sys-color-on-primary);\n          &[radio] {\n            text-align: center;\n            width: 50px;\n          }\n        }\n      }\n\n      table[header] {\n        margin-top: var(--spacing-small, 4px);\n\n        td {\n          min-width: 180px;\n          border-left: none;\n        }\n        th {\n          width: 110px;\n          border-right: none;\n        }\n      }\n\n      table[body] {\n        border: 2px solid var(--md-sys-color-on-primary-container);\n        border-bottom: none;\n        margin-top: var(--spacing-medium, 8px);\n\n        th {\n          text-align: center;\n\n          &[type] {\n            min-width: 150px;\n          }\n          &[inspection-name] {\n            min-width: 250px;\n          }\n          &[result] {\n            width: 270px;\n          }\n          &[criteria] {\n            width: 200px;\n          }\n          &[small] {\n            width: 60px;\n          }\n        }\n        td {\n          &[main-type] {\n            width: 50px;\n            text-align: center;\n            word-break: keep-all;\n          }\n\n          &[attachment] {\n            text-align: center;\n            cursor: pointer;\n\n            * {\n              vertical-align: middle;\n            }\n          }\n          &[comment] {\n            cursor: pointer;\n            text-align: center;\n\n            * {\n              vertical-align: middle;\n            }\n          }\n          &[disabled] * {\n            opacity: 0.6;\n          }\n        }\n      }\n\n      table[tail] {\n        border: 2px solid var(--md-sys-color-on-primary-container);\n        border-top: none;\n        margin-top: -1px;\n\n        td {\n          width: 25%;\n          border-left: none;\n          text-align: center;\n          position: relative;\n          background-color: var(--md-sys-color-on-primary);\n          font-size: 14px;\n        }\n        th {\n          width: 25%;\n          border-right: none;\n        }\n\n        span[sign-text] {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          pointer-events: none;\n        }\n        ox-input-signature {\n          margin: var(--spacing-medium, 8px);\n\n          &[disabled] {\n            background: #eee;\n          }\n        }\n      }\n\n      div[footer] {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-tiny, 2px);\n        font-size: 12px;\n        margin-top: var(--spacing-medium, 8px);\n        color: #586878;\n        text-indent: -9px;\n        padding-left: var(--spacing-medium, 8px);\n      }\n\n      .stt-float-btns {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        gap: 8px;\n        z-index: 10;\n      }\n      .stt-float-btns button {\n        background: #fff;\n        border: 1px solid #ccc;\n        border-radius: 50%;\n        width: 38px;\n        height: 38px;\n        font-size: 18px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n        cursor: pointer;\n        transition: background 0.2s;\n        outline: none;\n      }\n      .stt-float-btns button:hover {\n        background: #f2f2f2;\n      }\n      div[title-row] {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 8px;\n      }\n      div[name] {\n        color: #586878;\n        font-size: 24px;\n        font-weight: bold;\n        flex: 1;\n        text-align: center;\n      }\n\n      @keyframes pulse {\n        0% {\n          filter: drop-shadow(0 0 0 #d32f2f);\n        }\n        70% {\n          filter: drop-shadow(0 0 8px #d32f2f);\n        }\n        100% {\n          filter: drop-shadow(0 0 0 #d32f2f);\n        }\n      }\n\n      .stt-fab {\n        position: fixed;\n        top: 100px;\n        right: 20px;\n      }\n\n      .stt-fab[active] md-icon {\n        color: #d32f2f;\n        animation: pulse 1s infinite;\n      }\n    `\n  ]\n\n  @property({ type: String }) mode: ChecklistMode = ChecklistMode.VIEWER\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: Object }) manager: any = {}\n  @property({ type: Object }) buildingComplex = {\n    id: '',\n    taskConstructorEmails: [] as string[],\n    overallConstructorEmails: [] as string[],\n    taskSupervisoryEmails: [] as string[],\n    overallSupervisoryEmails: [] as string[]\n  }\n  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT\n  @property({ type: String }) projectType: ProjectType = ProjectType.DSSP\n\n  private isListening = false\n\n  firstUpdated() {\n    const stt = this.renderRoot.querySelector('#stt')\n    if (stt) {\n      stt.addEventListener('stt-result', (e: any) => {\n        const text = e.detail.finalTranscript\n        const parsed = parseSpeechCommand(text, this.checklist?.checklistItems?.length || 20)\n        this._applySpeechCommand(parsed)\n      })\n      stt.addEventListener('stt-status', (e: any) => {\n        // 음성 인식 상태에 따라 버튼 상태 갱신\n        const status = e.detail.status\n        if (status && status.includes('Listening')) this.isListening = true\n        if (status && (status.includes('종료') || status.includes('Stopped'))) this.isListening = false\n        this.requestUpdate()\n      })\n    }\n  }\n\n  private _onToggleSTT = () => {\n    const stt = this.renderRoot.querySelector('#stt') as any\n    if (!this.isListening) {\n      stt?.startListening()\n    } else {\n      stt?.stopListening()\n    }\n    // isListening은 stt-status 이벤트에서 갱신됨\n  }\n\n  /**\n   * 음성 명령 해석 결과를 체크리스트에 반영\n   */\n  private async _applySpeechCommand(parsed: any) {\n    // 합격/불합격 처리 예시 (시공자 기준)\n    if (parsed.rowIds && parsed.isPass !== null) {\n      this.checklist.checklistItems = this.checklist.checklistItems.map((item, idx) =>\n        parsed.rowIds.includes(idx + 1) ? { ...item, constructionConfirmStatus: parsed.isPass ? 'T' : 'F' } : item\n      )\n      this.requestUpdate()\n    }\n    // 조치사항 처리 예시\n    if (parsed.rowIds && parsed.actionText) {\n      const { rowIds, actionText } = parsed\n      const checklistItems = this.checklist.checklistItems\n      const ids = rowIds.length > 0 ? rowIds : Array.from({ length: checklistItems.length }, (_, i) => i + 1) // rowIds가 빈값이면 모든 아이템에 대해 조치사항 등록\n      let count = 0\n      for (const rowId of ids) {\n        const item = checklistItems[rowId - 1]\n        count += await this._createChecklistItemComment(item.id, actionText)\n        this._refreshItem({ detail: { checklistItemId: item.id } })\n      }\n      notify({ message: `${count}건의 조치사항을 등록했습니다.` })\n    }\n  }\n\n  // 체크리스트 아이템 코멘트 생성\n  private async _createChecklistItemComment(checklistItemId: string, comment: string) {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation CreateChecklistItemComment($checklistItemComment: NewChecklistItemComment!) {\n          createChecklistItemComment(checklistItemComment: $checklistItemComment) {\n            id\n          }\n        }\n      `,\n      variables: {\n        checklistItemComment: { comment, checklistItemId }\n      }\n    })\n\n    return !response.errors ? 1 : 0\n  }\n\n  render() {\n    const today = this._getDate(new Date())\n\n    // 시공자 스탭 여부\n    const isConstructorStep =\n      this.status == BuildingInspectionStatus.WAIT ||\n      this.status == BuildingInspectionStatus.OVERALL_WAIT ||\n      this.status == BuildingInspectionStatus.FAIL\n\n    // 감리자 스탭 여부\n    const isSupervisoryStep =\n      this.status == BuildingInspectionStatus.REQUEST || this.status == BuildingInspectionStatus.OVERALL_REQUEST\n\n    // 현재 스탭에 해당하는 계정인지 체크 (편집모드만)\n    let havePermissionByStatus: boolean = false\n    let isTaskConstructor: boolean = false\n    let isOverallConstructor: boolean = false\n    let isTaskSupervisory: boolean = false\n    let isOverallSupervisory: boolean = false\n\n    if (this.mode == ChecklistMode.EDITOR && this.status) {\n      const email = (store.getState() as any).auth?.user?.email\n      // 현재 유저가 \"공종별 시공 관리자\" 인지 체크\n      isTaskConstructor = this.buildingComplex.taskConstructorEmails?.includes(email) || false\n      // 현재 유저가 \"총괄 시공 책임자\" 인지 체크\n      isOverallConstructor = this.buildingComplex.overallConstructorEmails?.includes(email) || false\n      // 현재 유저가 \"공종별 감리 책임자\" 인지 체크\n      isTaskSupervisory = this.buildingComplex.taskSupervisoryEmails?.includes(email) || false\n      // 현재 유저가 \"총괄 감리 책임자\" 인지 체크\n      isOverallSupervisory = this.buildingComplex.overallSupervisoryEmails?.includes(email) || false\n      // 스탭이 시공자 스탭일때에 내가 시공자 권한이 있는지 체크\n      havePermissionByStatus = isConstructorStep\n        ? isTaskConstructor || isOverallConstructor\n        : isTaskSupervisory || isOverallSupervisory\n    }\n\n    // 체크리스트 아이템 정렬\n    this.checklist?.checklistItems?.sort((a, b) => {\n      // 1순위: mainType 오름차순\n      if (a.mainType < b.mainType) return -1\n      if (a.mainType > b.mainType) return 1\n\n      // 2순위: detailType 오름차순\n      if (a.detailType < b.detailType) return -1\n      if (a.detailType > b.detailType) return 1\n\n      // 3순위: sequence 오름차순\n      return a.sequence - b.sequence\n    })\n\n    const processedItems = this.drawChecklistItems(this.checklist?.checklistItems || [])\n\n    return html`\n      ${this.mode == ChecklistMode.EDITOR\n        ? html`\n            <speech-to-text id=\"stt\"></speech-to-text>\n            <md-fab\n              class=\"stt-fab\"\n              ?active=${this.isListening}\n              @click=${this._onToggleSTT}\n              ?disabled=${false}\n              .label=${this.isListening ? '음성 인식 중지' : '음성 인식 시작'}\n            >\n              <md-icon slot=\"icon\">mic</md-icon>\n            </md-fab>\n          `\n        : ''}\n\n      <div title-row>\n        <div name>${this.checklist.name}</div>\n      </div>\n      <table header>\n        <tr>\n          <th>공종</th>\n          <td>${this.checklist.constructionType}</td>\n          <th>문서 번호</th>\n          <td>${this.checklist.documentNo}</td>\n        </tr>\n        <tr>\n          <th>세부 공종</th>\n          <td>${this.checklist.constructionDetailType}</td>\n          <th>위치 및 부위</th>\n          <td>${this.checklist.location}</td>\n        </tr>\n        <tr>\n          ${this.projectType == ProjectType.DSSP\n            ? html`\n                <th>담당자</th>\n                <td>${this.manager?.name || ''}</td>\n              `\n            : html`\n                <th>검측 부위</th>\n                <td>${this.checklist?.inspectionParts?.join(', ') || ''}</td>\n              `}\n\n          <th>검측 상태</th>\n          <td>${BUILDING_INSPECTION_STATUS_DISPLAY[this.status]}</td>\n        </tr>\n      </table>\n\n      <table body>\n        <thead>\n          <tr>\n            <th colspan=\"2\" rowspan=\"3\" type>구분</th>\n            <th rowspan=\"3\" inspection-name>검사항목</th>\n            <th rowspan=\"3\" criteria>검사기준</th>\n            <th colspan=\"4\" result>검사결과</th>\n            <th rowspan=\"3\" small>첨부자료</th>\n            <th rowspan=\"3\" small>조치사항</th>\n          </tr>\n          <tr>\n            <th colspan=\"2\">시공자</th>\n            <th colspan=\"2\">감리자</th>\n          </tr>\n          <tr>\n            <th>적합</th>\n            <th>부적합</th>\n            <th>적합</th>\n            <th>부적합</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${processedItems.map(({ item, showMainTypeCell, mainTypeRowspan, showDetailTypeCell, detailTypeRowspan }, idx) => {\n            return html` <tr>\n              ${showMainTypeCell\n                ? html`<td main-type bold rowspan=\"${mainTypeRowspan}\">${CHECKLIST_MAIN_TYPE_LIST[item.mainType]}</td>`\n                : ''}\n              ${showDetailTypeCell ? html` <td bold rowspan=\"${detailTypeRowspan}\">${item.detailType}</td> ` : ''}\n\n              <td>${idx + 1}. ${item.name}</td>\n              <td>${item.inspctionCriteria}</td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"constructionConfirmStatus\"\n                  name=${'radio-construction-' + item.id}\n                  value=\"T\"\n                  .checked=${item.constructionConfirmStatus === 'T'}\n                  ?disabled=${!isConstructorStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"constructionConfirmStatus\"\n                  name=${'radio-construction-' + item.id}\n                  value=\"F\"\n                  .checked=${item.constructionConfirmStatus === 'F'}\n                  ?disabled=${!isConstructorStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"supervisoryConfirmStatus\"\n                  name=${'radio-supervisory-' + item.id}\n                  value=\"T\"\n                  .checked=${item.supervisoryConfirmStatus === 'T'}\n                  ?disabled=${!isSupervisoryStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"supervisoryConfirmStatus\"\n                  name=${'radio-supervisory-' + item.id}\n                  value=\"F\"\n                  .checked=${item.supervisoryConfirmStatus === 'F'}\n                  ?disabled=${!isSupervisoryStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td\n                attachment\n                ?disabled=${this.status == BuildingInspectionStatus.PASS}\n                @click=${() => this._onClickAttachment(item.id)}\n              >\n                <md-icon slot=\"icon\">attach_file</md-icon>\n                <span>${item?.checklistItemAttachmentCount || ''}</span>\n              </td>\n              <td comment ?disabled=${this.status == BuildingInspectionStatus.PASS} @click=${() => this._onClickComment(item.id)}>\n                <md-icon slot=\"icon\">chat</md-icon>\n                <span>${item?.checklistItemCommentCount || ''}</span>\n              </td>\n            </tr>`\n          })}\n        </tbody>\n      </table>\n\n      <table tail>\n        <tbody>\n          <tr first>\n            <th rowspan=\"2\">시공자 점검일</th>\n            <td rowspan=\"2\">\n              ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.constructionInspectionDate)}\n            </td>\n            <th>공종별 시공 관리자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.taskConstructorSignature}\n                name=\"taskConstructorSignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${(this.status != BuildingInspectionStatus.WAIT && this.status != BuildingInspectionStatus.FAIL) ||\n                !isTaskConstructor}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n          <tr>\n            <th>총괄 시공 책임자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.overallConstructorSignature}\n                name=\"overallConstructorSignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.OVERALL_WAIT || !isOverallConstructor}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n          <tr>\n            <th rowspan=\"2\">감리자 점검일</th>\n            <td rowspan=\"2\">\n              ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.supervisorInspectionDate)}\n            </td>\n            <th>공종별 감리 책임자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.taskSupervisorySignature}\n                name=\"taskSupervisorySignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.REQUEST || !isTaskSupervisory}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n          <tr>\n            <th>총괄 감리 책임자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.overallSupervisorySignature}\n                name=\"overallSupervisorySignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.OVERALL_REQUEST || !isOverallSupervisory}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n\n      <div footer>\n        <div>\n          - 검사결과는 1차, 2차로 구분 재검측시 2차에 기록하고 검사기준도 검사결과와 비교될 수 있도록 시방서 또는 도면 등에 있는\n          수치를 작성하며, 수치가 없는 검사항목은 시방서 또는 설계도서에 있는 내용과 검사한 내용으로 작성함\n        </div>\n        <div>- 검사항목 및 검사기준은 각 공종별로 감리원과 협의하여 작성할 것</div>\n      </div>\n    `\n  }\n\n  private _onChangeConfirmStatus(e: Event) {\n    const target = e.target as HTMLInputElement\n    const itemId = target.getAttribute('item-id')\n    const name = target.getAttribute('item-name') || ''\n    const value = target.value\n\n    this.checklist.checklistItems = this.checklist?.checklistItems?.map(item =>\n      item.id == itemId ? { ...item, [name]: value } : item\n    )\n  }\n\n  private _onChangeSignature(e: Event) {\n    const target = e.target as HTMLInputElement\n    const { name: userName } = (store.getState() as any).auth?.user\n\n    this.checklist[target.name] = target.value\n\n    // 서명할 때 해당 사용자 ID도 업데이트\n    if (userName) {\n      switch (target.name) {\n        case 'taskConstructorSignature':\n          this.checklist.taskConstructor = { name: userName }\n          break\n        case 'overallConstructorSignature':\n          this.checklist.overallConstructor = { name: userName }\n          break\n        case 'taskSupervisorySignature':\n          this.checklist.taskSupervisory = { name: userName }\n          break\n        case 'overallSupervisorySignature':\n          this.checklist.overallSupervisory = { name: userName }\n          break\n      }\n    }\n  }\n\n  private _getDate(date) {\n    if (!date) return ' 년 월 일'\n\n    const _date = new Date(date) || new Date()\n    return _date.toLocaleDateString('ko-KR', {\n      timeZone: 'Asia/Seoul',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric'\n    })\n  }\n\n  private drawChecklistItems(checklistItems) {\n    const mainTypeRowspans = {}\n    const detailTypeRowspans = {}\n    let previousMainType = null\n    let previousDetailType = null\n\n    return checklistItems.map((item, index) => {\n      const mainType = item.mainType\n      const detailType = item.detailType\n\n      // mainType이 변경되면 rowspan을 계산\n      if (mainType !== previousMainType) {\n        mainTypeRowspans[mainType] = checklistItems.filter(i => i.mainType === mainType).length\n        previousDetailType = null // detailType 초기화\n      }\n\n      // detailType이 변경되면 rowspan을 계산\n      if (detailType !== previousDetailType) {\n        detailTypeRowspans[`${mainType}-${detailType}`] = checklistItems.filter(\n          i => i.mainType === mainType && i.detailType === detailType\n        ).length\n      }\n\n      const showMainTypeCell = mainType !== previousMainType\n      const showDetailTypeCell = detailType !== previousDetailType\n\n      const mainTypeRowspan = mainTypeRowspans[mainType]\n      const detailTypeRowspan = detailTypeRowspans[`${mainType}-${detailType}`]\n\n      // 이전 값을 업데이트\n      previousMainType = mainType\n      previousDetailType = detailType\n\n      return {\n        item,\n        showMainTypeCell,\n        mainTypeRowspan,\n        showDetailTypeCell,\n        detailTypeRowspan\n      }\n    })\n  }\n\n  private _onClickComment(checklistItemId: string) {\n    openPopup(\n      html`\n        <comment-list-popup\n          .checklistItemId=${checklistItemId}\n          .status=${this.status}\n          .mode=${this.mode}\n          @change-comment=${this._refreshItem.bind(this)}\n        ></comment-list-popup>\n      `,\n      { backdrop: true, size: 'medium', title: '조치 사항' }\n    )\n  }\n\n  private _onClickAttachment(checklistItemId: string) {\n    openPopup(\n      html`\n        <attachment-list-popup\n          .checklistItemId=${checklistItemId}\n          .status=${this.status}\n          .mode=${this.mode}\n          @change-attachment=${this._refreshItem.bind(this)}\n        ></attachment-list-popup>\n      `,\n      { backdrop: true, size: 'medium', title: '첨부 자료' }\n    )\n  }\n\n  private async _refreshItem(e) {\n    const { checklistItemId } = e.detail\n    const response = await client.query({\n      query: gql`\n        query ChecklistItem($checklistItemId: String!) {\n          checklistItem(id: $checklistItemId) {\n            id\n            checklistItemCommentCount\n            checklistItemAttachmentCount\n          }\n        }\n      `,\n      variables: {\n        checklistItemId: checklistItemId\n      }\n    })\n\n    const checklistItem = response.data?.checklistItem || []\n    this.checklist.checklistItems = this.checklist.checklistItems.map(item => {\n      return item.id != checklistItemId ? item : { ...item, ...checklistItem }\n    })\n\n    this.requestUpdate()\n  }\n}\n"]}
+{"version":3,"file":"checklist-view.js","sourceRoot":"","sources":["../../../client/pages/checklist/checklist-view.ts"],"names":[],"mappings":";AAAA,OAAO,0BAA0B,CAAA;AACjC,OAAO,4BAA4B,CAAA;AACnC,OAAO,GAAG,MAAM,aAAa,CAAA;AAC7B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACxE,OAAO,EACL,wBAAwB,EACxB,wBAAwB,EACxB,kCAAkC,EAClC,qCAAqC,EACtC,MAAM,iDAAiD,CAAA;AACxD,OAAO,sCAAsC,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,sBAAsB,CAAA;AAC7B,OAAO,yBAAyB,CAAA;AAChC,OAAO,sBAAsB,CAAA;AAC7B,OAAO,0BAA0B,CAAA;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAcxC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,OAAO,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;IAAtD;;QAwR8B,SAAI,uCAAsC;QAC1C,cAAS,GAAQ,EAAE,CAAA;QACnB,YAAO,GAAQ,EAAE,CAAA;QACjB,oBAAe,GAAG;YAC5C,EAAE,EAAE,EAAE;YACN,qBAAqB,EAAE,EAAc;YACrC,wBAAwB,EAAE,EAAc;YACxC,qBAAqB,EAAE,EAAc;YACrC,wBAAwB,EAAE,EAAc;SACzC,CAAA;QAC2B,WAAM,GAA6B,wBAAwB,CAAC,IAAI,CAAA;QAChE,cAAS,GAAW,CAAC,CAAA;QACrB,gBAAW,iCAAgC;QAE/D,gBAAW,GAAG,KAAK,CAAA;QACnB,aAAQ,GAAgE,IAAI,CAAA;QAC5E,eAAU,GAAQ,IAAI,CAAA;QACtB,mBAAc,GAAW,EAAE,CAAA;QAC3B,oBAAe,GAAkB,IAAI,CAAA;QACrC,wBAAmB,GAAW,EAAE,CAAA;QAoBhC,gBAAW,GAAG,CAAC,CAAQ,EAAE,EAAE;YACjC,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAQ,CAAA;YACxD,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACtB,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,cAAc,EAAE,CAAA;YACvB,CAAC;QACH,CAAC,CAAA;QAEO,eAAU,GAAG,CAAC,CAAQ,EAAE,EAAE;YAChC,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAQ,CAAA;YACxD,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACrB,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,aAAa,EAAE,CAAA;YACtB,CAAC;QACH,CAAC,CAAA;QA6ZO,wBAAmB,GAAG,GAAG,EAAE;YACjC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAA;YAC3B,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC,CAAA;QAoBO,mBAAc,GAAG,GAAG,EAAE;YAC5B,IAAI,CAAC,UAAU,GAAG,IAAI,CAAA;YACtB,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC,CAAA;IAoKH,CAAC;IA3nBC,YAAY;QACV,MAAM,GAAG,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QACjD,IAAI,GAAG,EAAE,CAAC;YACR,GAAG,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAM,EAAE,EAAE;;gBAC5C,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,eAAe,CAAA;gBACrC,MAAM,MAAM,GAAG,kBAAkB,CAAC,IAAI,EAAE,CAAA,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,cAAc,0CAAE,MAAM,KAAI,EAAE,CAAC,CAAA;gBACrF,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAA;YAClC,CAAC,CAAC,CAAA;YACF,GAAG,CAAC,gBAAgB,CAAC,YAAY,EAAE,CAAC,CAAM,EAAE,EAAE;gBAC5C,wBAAwB;gBACxB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAA;gBAC9B,IAAI,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC;oBAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;gBACnE,IAAI,MAAM,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;oBAAE,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;gBAC7F,IAAI,CAAC,aAAa,EAAE,CAAA;YACtB,CAAC,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;IAkBD;;OAEG;IACK,KAAK,CAAC,mBAAmB,CAAC,MAAW;QAC3C,wBAAwB;QACxB,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,IAAI,EAAE,CAAC;YAC5C,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAC9E,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,iCAAM,IAAI,KAAE,yBAAyB,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAG,CAAC,CAAC,IAAI,CAC3G,CAAA;YACD,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC;QACD,aAAa;QACb,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;YACvC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAAA;YACrC,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAA;YACpD,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA,CAAC,kCAAkC;YAC1I,IAAI,KAAK,GAAG,CAAC,CAAA;YACb,KAAK,MAAM,KAAK,IAAI,GAAG,EAAE,CAAC;gBACxB,MAAM,IAAI,GAAG,cAAc,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;gBACtC,KAAK,IAAI,MAAM,IAAI,CAAC,2BAA2B,CAAC,IAAI,CAAC,EAAE,EAAE,UAAU,CAAC,CAAA;gBACpE,IAAI,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,CAAC,CAAA;YAC7D,CAAC;YACD,MAAM,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,kBAAkB,EAAE,CAAC,CAAA;QACjD,CAAC;IACH,CAAC;IAED,mBAAmB;IACX,KAAK,CAAC,2BAA2B,CAAC,eAAuB,EAAE,OAAe;QAChF,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,MAAM,CAAC;YACnC,QAAQ,EAAE,GAAG,CAAA;;;;;;OAMZ;YACD,SAAS,EAAE;gBACT,oBAAoB,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE;aACnD;SACF,CAAC,CAAA;QAEF,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IACjC,CAAC;IAED,MAAM;;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,CAAA;QAEvC,YAAY;QACZ,MAAM,iBAAiB,GACrB,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,IAAI;YAC5C,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,YAAY;YACpD,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,IAAI,CAAA;QAE9C,YAAY;QACZ,MAAM,iBAAiB,GACrB,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,OAAO,IAAI,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,eAAe,CAAA;QAE5G,8BAA8B;QAC9B,IAAI,sBAAsB,GAAY,KAAK,CAAA;QAC3C,IAAI,iBAAiB,GAAY,KAAK,CAAA;QACtC,IAAI,oBAAoB,GAAY,KAAK,CAAA;QACzC,IAAI,iBAAiB,GAAY,KAAK,CAAA;QACtC,IAAI,oBAAoB,GAAY,KAAK,CAAA;QAEzC,IAAI,IAAI,CAAC,IAAI,uCAAwB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YACrD,MAAM,KAAK,GAAG,MAAA,MAAC,KAAK,CAAC,QAAQ,EAAU,CAAC,IAAI,0CAAE,IAAI,0CAAE,KAAK,CAAA;YACzD,4BAA4B;YAC5B,iBAAiB,GAAG,CAAA,MAAA,IAAI,CAAC,eAAe,CAAC,qBAAqB,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAI,KAAK,CAAA;YACxF,2BAA2B;YAC3B,oBAAoB,GAAG,CAAA,MAAA,IAAI,CAAC,eAAe,CAAC,wBAAwB,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAI,KAAK,CAAA;YAC9F,4BAA4B;YAC5B,iBAAiB,GAAG,CAAA,MAAA,IAAI,CAAC,eAAe,CAAC,qBAAqB,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAI,KAAK,CAAA;YACxF,2BAA2B;YAC3B,oBAAoB,GAAG,CAAA,MAAA,IAAI,CAAC,eAAe,CAAC,wBAAwB,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAI,KAAK,CAAA;YAC9F,kCAAkC;YAClC,sBAAsB,GAAG,iBAAiB;gBACxC,CAAC,CAAC,iBAAiB,IAAI,oBAAoB;gBAC3C,CAAC,CAAC,iBAAiB,IAAI,oBAAoB,CAAA;QAC/C,CAAC;QAED,eAAe;QACf,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,cAAc,0CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC5C,qBAAqB;YACrB,IAAI,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ;gBAAE,OAAO,CAAC,CAAC,CAAA;YACtC,IAAI,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ;gBAAE,OAAO,CAAC,CAAA;YAErC,uBAAuB;YACvB,IAAI,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,UAAU;gBAAE,OAAO,CAAC,CAAC,CAAA;YAC1C,IAAI,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,UAAU;gBAAE,OAAO,CAAC,CAAA;YAEzC,qBAAqB;YACrB,OAAO,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAA;QAChC,CAAC,CAAC,CAAA;QAEF,MAAM,cAAc,GAAG,CAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,cAAc,KAAI,EAAE,CAAA;QAC3D,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAA;QAC9D,MAAM,gBAAgB,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;QAErE,OAAO,IAAI,CAAA;QAEP,IAAI,CAAC,IAAI,uCAAwB;YAC/B,CAAC,CAAC,IAAI,CAAA;;;;0BAIU,IAAI,CAAC,WAAW;6BACb,IAAI,CAAC,WAAW;2BAClB,IAAI,CAAC,UAAU;8BACZ,IAAI,CAAC,UAAU;8BACf,IAAI,CAAC,WAAW;4BAClB,IAAI,CAAC,UAAU;4BACf,KAAK;yBACR,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc;;;;aAI1D;YACH,CAAC,CAAC,EACN;;;oBAGc,IAAI,CAAC,SAAS,CAAC,IAAI;;;;;gBAKvB,IAAI,CAAC,SAAS,CAAC,gBAAgB;;gBAE/B,IAAI,CAAC,SAAS,CAAC,UAAU;;;;gBAIzB,IAAI,CAAC,SAAS,CAAC,sBAAsB;;gBAErC,IAAI,CAAC,SAAS,CAAC,QAAQ;;;YAI3B,IAAI,CAAC,WAAW,iCAAoB;YAClC,CAAC,CAAC,IAAI,CAAA;;wBAEI,CAAA,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,KAAI,EAAE;iBAC/B;YACH,CAAC,CAAC,IAAI,CAAA;;wBAEI,CAAA,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,eAAe,0CAAE,IAAI,CAAC,IAAI,CAAC,KAAI,EAAE;iBAE/D;;;;cAII,CAAC,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;2BAQjG,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;YAoBvC,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,EAAE,GAAG,EAAE,EAAE;;YAC/G,MAAM,IAAI,GACR,CAAA,MAAA;gBACE,IAAI,CAAC,eAAe;gBACpB,IAAI,CAAC,eAAe;gBACpB,IAAI,CAAC,eAAe;gBACpB,IAAI,CAAC,eAAe;gBACpB,IAAI,CAAC,eAAe;aACrB,0CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAI,EAAE,CAAA;YACzB,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,GAAG,CAAC,CAAA;YAC/B,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;YAC5C,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,CAAA;YACpB,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,iBAAiB,IAAI,EAAE,CAAA;YAEtE,OAAO,IAAI,CAAA;gBAEP,gBAAgB;gBACd,CAAC,CAAC,IAAI,CAAA,+BAA+B,eAAe;wBAC9C,wBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ;0BACtD;gBACR,CAAC,CAAC,EACN;gBAEE,gBAAgB;gBACd,CAAC,CAAC,kBAAkB;oBAClB,CAAC,CAAC,IAAI,CAAA,sBAAsB,iBAAiB,KAAK,IAAI,CAAC,UAAU,QAAQ;oBACzE,CAAC,CAAC,EAAE;gBACN,CAAC,CAAC,EACN;;;sCAGwB,OAAO;8BACf,OAAO,CAAC,CAAC,CAAC,CAAC,CAAa,EAAE,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;8BACjF,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI;;kBAEzD,GAAG,GAAG,CAAC,KAAK,IAAI,CAAC,IAAI;kBACrB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA,qFAAqF,CAAC,CAAC,CAAC,EAAE;;0CAEhF,MAAM,WAAW,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;kBAClG,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,UAAU,KAAI,EAAE;kBACrB,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,uFAAuF,CAAC,CAAC,CAAC,EAAE;;;;iCAI1F,CAAC,CAAC,QAAQ;yBAClB,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI;;kBAE5E,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;kBACzB,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAA,uFAAuF,CAAC,CAAC,CAAC,EAAE;;;;4BAIjG,IAAI,CAAC,EAAE;;yBAEV,qBAAqB,GAAG,IAAI,CAAC,EAAE;;6BAE3B,IAAI,CAAC,yBAAyB,KAAK,GAAG;8BACrC,CAAC,iBAAiB,IAAI,CAAC,sBAAsB;4BAC/C,IAAI,CAAC,sBAAsB;;;;;4BAK3B,IAAI,CAAC,EAAE;;yBAEV,qBAAqB,GAAG,IAAI,CAAC,EAAE;;6BAE3B,IAAI,CAAC,yBAAyB,KAAK,GAAG;8BACrC,CAAC,iBAAiB,IAAI,CAAC,sBAAsB;4BAC/C,IAAI,CAAC,sBAAsB;;;;;4BAK3B,IAAI,CAAC,EAAE;;yBAEV,oBAAoB,GAAG,IAAI,CAAC,EAAE;;6BAE1B,IAAI,CAAC,wBAAwB,KAAK,GAAG;8BACpC,CAAC,iBAAiB,IAAI,CAAC,sBAAsB;4BAC/C,IAAI,CAAC,sBAAsB;;;;;4BAK3B,IAAI,CAAC,EAAE;;yBAEV,oBAAoB,GAAG,IAAI,CAAC,EAAE;;6BAE1B,IAAI,CAAC,wBAAwB,KAAK,GAAG;8BACpC,CAAC,iBAAiB,IAAI,CAAC,sBAAsB;4BAC/C,IAAI,CAAC,sBAAsB;;;;;4BAK3B,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,IAAI;yBAC/C,GAAG,EAAE,CAAC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC;;;wBAGvC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,4BAA4B,KAAI,EAAE;;sCAE1B,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,IAAI,WAAW,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC;;wBAExG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,yBAAyB,KAAI,EAAE;;kBAE3C,CAAA;QACR,CAAC,CAAC;;;;;;;;;gBASI,IAAI,CAAC,IAAI,uCAAwB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,0BAA0B,CAAC;;;;;;yBAM3F,IAAI,CAAC,SAAS,CAAC,wBAAwB;;0BAEtC,IAAI,CAAC,kBAAkB;4BAE/B,CAAC,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,IAAI,CAAC;YAC9F,CAAC,iBACH;;;;;;;;;;yBAUS,IAAI,CAAC,SAAS,CAAC,2BAA2B;;0BAEzC,IAAI,CAAC,kBAAkB;4BACrB,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,YAAY,IAAI,CAAC,oBAAoB;;;;;;;;gBAQzF,IAAI,CAAC,IAAI,uCAAwB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAAC;;;;;;yBAMzF,IAAI,CAAC,SAAS,CAAC,wBAAwB;;0BAEtC,IAAI,CAAC,kBAAkB;4BACrB,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,OAAO,IAAI,CAAC,iBAAiB;;;;;;;;;;yBAUxE,IAAI,CAAC,SAAS,CAAC,2BAA2B;;0BAEzC,IAAI,CAAC,kBAAkB;4BACrB,IAAI,CAAC,MAAM,IAAI,wBAAwB,CAAC,eAAe,IAAI,CAAC,oBAAoB;;;;;;;;;;;;;;;;QAiBpG,IAAI,CAAC,QAAQ;YACX,CAAC,CAAC,IAAI,CAAA;wDACwC,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,IAAI,CAAC,QAAQ,CAAC,CAAC;;kBAE9E,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA,qBAAqB,CAAC,QAAQ,CAAC;;aAEpE;YACH,CAAC,CAAC,EACN;QAEE,IAAI,CAAC,UAAU;YACb,CAAC,CAAC,IAAI,CAAA;qBACK,IAAI,CAAC,UAAU;0BACV,IAAI,CAAC,cAAc;uBACtB,IAAI,CAAC,cAAc;mCACP;YACzB,CAAC,CAAC,EACN;QAEE,IAAI,CAAC,eAAe;YAClB,CAAC,CAAC,IAAI,CAAA;4BACY,WAAW;qBAClB,EAAE,IAAI,EAAE,IAAI,CAAC,eAAe,EAAE;0BACzB,IAAI,CAAC,mBAAmB;uBAC3B,IAAI,CAAC,mBAAmB;mCACZ;YACzB,CAAC,CAAC,EACN;KACD,CAAA;IACH,CAAC;IAED,6BAA6B;IACrB,UAAU,CAAC,IAAY,EAAE,SAAiB,EAAE;QAClD,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAA;QACpB,OAAO,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA;IACpE,CAAC;IAED,+BAA+B;IACvB,mBAAmB,CAAC,IAAY,EAAE,WAAmB,EAAE;QAC7D,IAAI,CAAC,eAAe,GAAG,IAAI,CAAA;QAC3B,IAAI,CAAC,mBAAmB,GAAG,QAAQ,CAAA;QACnC,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAOD,wDAAwD;IAChD,SAAS,CAAC,WAAoB;QACpC,IAAI,CAAC,WAAW;YAAE,OAAO,IAAI,CAAA;QAC7B,IAAI,CAAC;YACH,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA;YACnC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAA;QACzD,CAAC;QAAC,WAAM,CAAC;YACP,OAAO,IAAI,CAAA;QACb,CAAC;IACH,CAAC;IAED,2BAA2B;IACnB,cAAc,CAAC,GAAQ,EAAE,WAAmB,EAAE;QACpD,IAAI,CAAC,UAAU,GAAG,GAAG,CAAA;QACrB,IAAI,CAAC,cAAc,GAAG,QAAQ,CAAA;QAC9B,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAOO,sBAAsB,CAAC,CAAQ;;QACrC,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAA;QAC3C,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;QAC7C,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,EAAE,CAAA;QACnD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;QAE1B,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG,MAAA,MAAA,IAAI,CAAC,SAAS,0CAAE,cAAc,0CAAE,GAAG,CAAC,IAAI,CAAC,EAAE,CACzE,IAAI,CAAC,EAAE,IAAI,MAAM,CAAC,CAAC,iCAAM,IAAI,KAAE,CAAC,IAAI,CAAC,EAAE,KAAK,IAAG,CAAC,CAAC,IAAI,CACtD,CAAA;IACH,CAAC;IAEO,kBAAkB,CAAC,CAAQ;;QACjC,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAA;QAC3C,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAC,KAAK,CAAC,QAAQ,EAAU,CAAC,IAAI,0CAAE,IAAI,CAAA;QAE/D,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,KAAK,CAAA;QAE1C,wBAAwB;QACxB,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;gBACpB,KAAK,0BAA0B;oBAC7B,IAAI,CAAC,SAAS,CAAC,eAAe,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA;oBACnD,MAAK;gBACP,KAAK,6BAA6B;oBAChC,IAAI,CAAC,SAAS,CAAC,kBAAkB,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA;oBACtD,MAAK;gBACP,KAAK,0BAA0B;oBAC7B,IAAI,CAAC,SAAS,CAAC,eAAe,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA;oBACnD,MAAK;gBACP,KAAK,6BAA6B;oBAChC,IAAI,CAAC,SAAS,CAAC,kBAAkB,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA;oBACtD,MAAK;YACT,CAAC;QACH,CAAC;IACH,CAAC;IAEO,QAAQ,CAAC,IAAI;QACnB,IAAI,CAAC,IAAI;YAAE,OAAO,QAAQ,CAAA;QAE1B,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE,CAAA;QAC1C,OAAO,KAAK,CAAC,kBAAkB,CAAC,OAAO,EAAE;YACvC,QAAQ,EAAE,YAAY;YACtB,IAAI,EAAE,SAAS;YACf,KAAK,EAAE,MAAM;YACb,GAAG,EAAE,SAAS;SACf,CAAC,CAAA;IACJ,CAAC;IAEO,kBAAkB,CAAC,cAAc;QACvC,MAAM,gBAAgB,GAAG,EAAE,CAAA;QAC3B,MAAM,kBAAkB,GAAG,EAAE,CAAA;QAC7B,IAAI,gBAAgB,GAAG,IAAI,CAAA;QAC3B,IAAI,kBAAkB,GAAG,IAAI,CAAA;QAE7B,OAAO,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAA;YAC9B,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAA;YAElC,6BAA6B;YAC7B,IAAI,QAAQ,KAAK,gBAAgB,EAAE,CAAC;gBAClC,gBAAgB,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,MAAM,CAAA;gBACvF,kBAAkB,GAAG,IAAI,CAAA,CAAC,iBAAiB;YAC7C,CAAC;YAED,+BAA+B;YAC/B,IAAI,UAAU,KAAK,kBAAkB,EAAE,CAAC;gBACtC,kBAAkB,CAAC,GAAG,QAAQ,IAAI,UAAU,EAAE,CAAC,GAAG,cAAc,CAAC,MAAM,CACrE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,IAAI,CAAC,CAAC,UAAU,KAAK,UAAU,CAC5D,CAAC,MAAM,CAAA;YACV,CAAC;YAED,MAAM,gBAAgB,GAAG,QAAQ,KAAK,gBAAgB,CAAA;YACtD,MAAM,kBAAkB,GAAG,UAAU,KAAK,kBAAkB,CAAA;YAE5D,MAAM,eAAe,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;YAClD,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,GAAG,QAAQ,IAAI,UAAU,EAAE,CAAC,CAAA;YAEzE,aAAa;YACb,gBAAgB,GAAG,QAAQ,CAAA;YAC3B,kBAAkB,GAAG,UAAU,CAAA;YAE/B,OAAO;gBACL,IAAI;gBACJ,gBAAgB;gBAChB,eAAe;gBACf,kBAAkB;gBAClB,iBAAiB;aAClB,CAAA;QACH,CAAC,CAAC,CAAA;IACJ,CAAC;IAEO,eAAe,CAAC,eAAuB;QAC7C,SAAS,CACP,IAAI,CAAA;;6BAEmB,eAAe;oBACxB,IAAI,CAAC,MAAM;kBACb,IAAI,CAAC,IAAI;4BACC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;OAEjD,EACD,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CACnD,CAAA;IACH,CAAC;IAEO,kBAAkB,CAAC,eAAuB;QAChD,SAAS,CACP,IAAI,CAAA;;6BAEmB,eAAe;oBACxB,IAAI,CAAC,MAAM;kBACb,IAAI,CAAC,IAAI;+BACI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;OAEpD,EACD,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,CACnD,CAAA;IACH,CAAC;IAEO,KAAK,CAAC,YAAY,CAAC,CAAC;;QAC1B,MAAM,EAAE,eAAe,EAAE,GAAG,CAAC,CAAC,MAAM,CAAA;QACpC,MAAM,QAAQ,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,GAAG,CAAA;;;;;;;;OAQT;YACD,SAAS,EAAE;gBACT,eAAe,EAAE,eAAe;aACjC;SACF,CAAC,CAAA;QAEF,MAAM,aAAa,GAAG,CAAA,MAAA,QAAQ,CAAC,IAAI,0CAAE,aAAa,KAAI,EAAE,CAAA;QACxD,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACvE,OAAO,IAAI,CAAC,EAAE,IAAI,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,iCAAM,IAAI,GAAK,aAAa,CAAE,CAAA;QAC1E,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAEO,eAAe,CAAC,CAAa,EAAE,EAAmB,EAAE,IAAc;QACxE,MAAM,EAAE,GAAG,CAAC,CAAC,aAA4B,CAAA;QACzC,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAA;QACvC,MAAM,aAAa,GAAG,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,CAAA;QAE3C,kBAAkB;QAClB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,GAAG,aAAa,CAAA;QAC1C,MAAM,CAAC,GAAG,IAAI,CAAC,IAAI,CAAA;QACnB,MAAM,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,aAAa,CAAA;QAEhE,IAAI,CAAC,QAAQ,GAAG,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAA;QAC9C,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;IAEO,eAAe;QACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;QACpB,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;;AAt6BM,oBAAM,GAAG;IACd,qBAAqB;IACrB,eAAe;IACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiRF;CACF,AArRY,CAqRZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;2CAA2C;AAC1C;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAoB;AACnB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;8CAAkB;AACjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;sDAM1B;AAC2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;6CAAiE;AAChE;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;gDAAsB;AACrB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;;kDAA4C;AApSnE,aAAa;IADlB,aAAa,CAAC,gBAAgB,CAAC;GAC1B,aAAa,CAw6BlB","sourcesContent":["import '@material/web/fab/fab.js'\nimport '@material/web/icon/icon.js'\nimport gql from 'graphql-tag'\nimport { client } from '@operato/graphql'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles'\nimport {\n  CHECKLIST_MAIN_TYPE_LIST,\n  BuildingInspectionStatus,\n  BUILDING_INSPECTION_STATUS_DISPLAY,\n  BUILDING_INSPECTION_RE_STATUS_DISPLAY\n} from '../building-inspection/building-inspection-list'\nimport '@operato/input/ox-input-signature.js'\nimport { store, connect } from '@operato/shell'\nimport { openPopup } from '@operato/layout'\nimport './comment-list-popup'\nimport './attachment-list-popup'\nimport './kcs-criteria-popup'\nimport '../../stt/speech-to-text'\nimport { parseSpeechCommand } from '../../stt/stt-utils'\nimport { notify } from '@operato/layout'\n\nexport const enum ProjectType {\n  DSSP = 'DSSP',\n  DCSP = 'DCSP',\n  DKPI = 'DKPI'\n}\n\nexport const enum ChecklistMode {\n  VIEWER = 'VIEWER',\n  EDITOR = 'EDITOR'\n}\n\n@customElement('checklist-view')\nclass ChecklistView extends connect(store)(LitElement) {\n  static styles = [\n    ButtonContainerStyles,\n    ScrollbarStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n        padding: var(--spacing-large, 12px);\n        padding-top: 0;\n        font-size: 14px;\n        min-width: 800px;\n\n        position: relative;\n      }\n\n      [bold] {\n        font-weight: bold;\n      }\n\n      div[name] {\n        display: flex;\n        color: #586878;\n        font-size: 24px;\n        align-items: center;\n        justify-content: center;\n      }\n\n      table {\n        width: 100%;\n        font-size: 15px;\n        color: #586878;\n        text-align: left;\n        border-collapse: collapse;\n        td,\n        th {\n          border: 1px rgba(51, 51, 51, 0.2) solid;\n          padding-inline: var(--spacing-medium, 8px);\n          vertical-align: middle;\n        }\n        th {\n          background-color: #efefef;\n          font-weight: bold;\n        }\n        td {\n          height: 33px;\n          background-color: var(--md-sys-color-on-primary);\n          &[radio] {\n            text-align: center;\n            width: 50px;\n          }\n        }\n      }\n\n      table[header] {\n        margin-top: var(--spacing-small, 4px);\n\n        td {\n          min-width: 180px;\n          border-left: none;\n        }\n        th {\n          width: 110px;\n          border-right: none;\n        }\n      }\n\n      table[body] {\n        border: 2px solid var(--md-sys-color-on-primary-container);\n        border-bottom: none;\n        margin-top: var(--spacing-medium, 8px);\n\n        th {\n          text-align: center;\n\n          &[type] {\n            min-width: 150px;\n          }\n          &[inspection-name] {\n            min-width: 250px;\n          }\n          &[result] {\n            width: 270px;\n          }\n          &[criteria] {\n            width: 200px;\n          }\n          &[small] {\n            width: 60px;\n          }\n        }\n        td {\n          &[main-type] {\n            width: 50px;\n            text-align: center;\n            word-break: keep-all;\n          }\n\n          &[attachment] {\n            text-align: center;\n            cursor: pointer;\n\n            * {\n              vertical-align: middle;\n            }\n          }\n          &[comment] {\n            cursor: pointer;\n            text-align: center;\n\n            * {\n              vertical-align: middle;\n            }\n          }\n          &[disabled] * {\n            opacity: 0.6;\n          }\n        }\n      }\n\n      table[tail] {\n        border: 2px solid var(--md-sys-color-on-primary-container);\n        border-top: none;\n        margin-top: -1px;\n\n        td {\n          width: 25%;\n          border-left: none;\n          text-align: center;\n          position: relative;\n          background-color: var(--md-sys-color-on-primary);\n          font-size: 14px;\n        }\n        th {\n          width: 25%;\n          border-right: none;\n        }\n\n        span[sign-text] {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          pointer-events: none;\n        }\n        ox-input-signature {\n          margin: var(--spacing-medium, 8px);\n\n          &[disabled] {\n            background: #eee;\n          }\n        }\n      }\n\n      div[footer] {\n        display: flex;\n        flex-direction: column;\n        gap: var(--spacing-tiny, 2px);\n        font-size: 12px;\n        margin-top: var(--spacing-medium, 8px);\n        color: #586878;\n        text-indent: -9px;\n        padding-left: var(--spacing-medium, 8px);\n      }\n\n      .stt-float-btns {\n        position: absolute;\n        top: 0;\n        right: 0;\n        display: flex;\n        gap: 8px;\n        z-index: 10;\n      }\n      .stt-float-btns button {\n        background: #fff;\n        border: 1px solid #ccc;\n        border-radius: 50%;\n        width: 38px;\n        height: 38px;\n        font-size: 18px;\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n        cursor: pointer;\n        transition: background 0.2s;\n        outline: none;\n      }\n      .stt-float-btns button:hover {\n        background: #f2f2f2;\n      }\n      div[title-row] {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        margin-bottom: 8px;\n      }\n      div[name] {\n        color: #586878;\n        font-size: 24px;\n        font-weight: bold;\n        flex: 1;\n        text-align: center;\n      }\n\n      @keyframes pulse {\n        0% {\n          filter: drop-shadow(0 0 0 #d32f2f);\n        }\n        70% {\n          filter: drop-shadow(0 0 8px #d32f2f);\n        }\n        100% {\n          filter: drop-shadow(0 0 0 #d32f2f);\n        }\n      }\n\n      /* 추천 검사 항목 툴팁 */\n      td[has-recommendation] {\n        cursor: pointer;\n        position: relative;\n      }\n      td[has-recommendation]:hover {\n        background-color: #f0f7ff !important;\n      }\n      div[recommendation-tooltip] {\n        position: fixed;\n        z-index: 1000;\n        background: #333;\n        color: #fff;\n        padding: 8px 12px;\n        border-radius: 6px;\n        font-size: 13px;\n        max-width: 350px;\n        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\n        line-height: 1.6;\n        pointer-events: none;\n      }\n      div[recommendation-tooltip] div[tooltip-title] {\n        font-weight: bold;\n        color: #8fc9ff;\n        margin-bottom: 4px;\n        font-size: 12px;\n      }\n      div[recommendation-tooltip] div[tooltip-item] {\n        padding-left: 8px;\n      }\n      div[recommendation-tooltip] div[tooltip-item]::before {\n        content: '• ';\n        color: #8fc9ff;\n      }\n\n      /* KCS 시방서 기준 셀 (클릭 시 상세 팝업) */\n      td[kcs-criteria][has-kcs] {\n        cursor: pointer;\n        color: #2e79be;\n      }\n      td[kcs-criteria][has-kcs]:hover {\n        background-color: #f0f7ff !important;\n      }\n      td[site-spec-criteria][has-site-spec] {\n        cursor: pointer;\n        color: #2e79be;\n      }\n      td[site-spec-criteria][has-site-spec]:hover {\n        background-color: #f0f7ff !important;\n      }\n\n      .stt-fab {\n        position: fixed;\n        top: 100px;\n        right: 20px;\n        z-index: 1;\n      }\n\n      .stt-fab[active] md-icon {\n        color: #d32f2f;\n        animation: pulse 1s infinite;\n      }\n    `\n  ]\n\n  @property({ type: String }) mode: ChecklistMode = ChecklistMode.VIEWER\n  @property({ type: Object }) checklist: any = {}\n  @property({ type: Object }) manager: any = {}\n  @property({ type: Object }) buildingComplex = {\n    id: '',\n    taskConstructorEmails: [] as string[],\n    overallConstructorEmails: [] as string[],\n    taskSupervisoryEmails: [] as string[],\n    overallSupervisoryEmails: [] as string[]\n  }\n  @property({ type: String }) status: BuildingInspectionStatus = BuildingInspectionStatus.WAIT\n  @property({ type: Number }) failCount: number = 0\n  @property({ type: String }) projectType: ProjectType = ProjectType.DSSP\n\n  private isListening = false\n  private _tooltip: { id: string; x: number; y: number; recs: string[] } | null = null\n  private _kcsDetail: any = null\n  private _kcsDetailItem: string = ''\n  private _siteSpecDetail: string | null = null\n  private _siteSpecDetailItem: string = ''\n\n  firstUpdated() {\n    const stt = this.renderRoot.querySelector('#stt')\n    if (stt) {\n      stt.addEventListener('stt-result', (e: any) => {\n        const text = e.detail.finalTranscript\n        const parsed = parseSpeechCommand(text, this.checklist?.checklistItems?.length || 20)\n        this._applySpeechCommand(parsed)\n      })\n      stt.addEventListener('stt-status', (e: any) => {\n        // 음성 인식 상태에 따라 버튼 상태 갱신\n        const status = e.detail.status\n        if (status && status.includes('Listening')) this.isListening = true\n        if (status && (status.includes('종료') || status.includes('Stopped'))) this.isListening = false\n        this.requestUpdate()\n      })\n    }\n  }\n\n  private _onStartSTT = (e: Event) => {\n    e.preventDefault()\n    const stt = this.renderRoot.querySelector('#stt') as any\n    if (!this.isListening) {\n      stt?.startListening()\n    }\n  }\n\n  private _onStopSTT = (e: Event) => {\n    e.preventDefault()\n    const stt = this.renderRoot.querySelector('#stt') as any\n    if (this.isListening) {\n      stt?.stopListening()\n    }\n  }\n\n  /**\n   * 음성 명령 해석 결과를 체크리스트에 반영\n   */\n  private async _applySpeechCommand(parsed: any) {\n    // 합격/불합격 처리 예시 (시공자 기준)\n    if (parsed.rowIds && parsed.isPass !== null) {\n      this.checklist.checklistItems = this.checklist.checklistItems.map((item, idx) =>\n        parsed.rowIds.includes(idx + 1) ? { ...item, constructionConfirmStatus: parsed.isPass ? 'T' : 'F' } : item\n      )\n      this.requestUpdate()\n    }\n    // 조치사항 처리 예시\n    if (parsed.rowIds && parsed.actionText) {\n      const { rowIds, actionText } = parsed\n      const checklistItems = this.checklist.checklistItems\n      const ids = rowIds.length > 0 ? rowIds : Array.from({ length: checklistItems.length }, (_, i) => i + 1) // rowIds가 빈값이면 모든 아이템에 대해 조치사항 등록\n      let count = 0\n      for (const rowId of ids) {\n        const item = checklistItems[rowId - 1]\n        count += await this._createChecklistItemComment(item.id, actionText)\n        this._refreshItem({ detail: { checklistItemId: item.id } })\n      }\n      notify({ message: `${count}건의 조치사항을 등록했습니다.` })\n    }\n  }\n\n  // 체크리스트 아이템 코멘트 생성\n  private async _createChecklistItemComment(checklistItemId: string, comment: string) {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation CreateChecklistItemComment($checklistItemComment: NewChecklistItemComment!) {\n          createChecklistItemComment(checklistItemComment: $checklistItemComment) {\n            id\n          }\n        }\n      `,\n      variables: {\n        checklistItemComment: { comment, checklistItemId }\n      }\n    })\n\n    return !response.errors ? 1 : 0\n  }\n\n  render() {\n    const today = this._getDate(new Date())\n\n    // 시공자 스탭 여부\n    const isConstructorStep =\n      this.status == BuildingInspectionStatus.WAIT ||\n      this.status == BuildingInspectionStatus.OVERALL_WAIT ||\n      this.status == BuildingInspectionStatus.FAIL\n\n    // 감리자 스탭 여부\n    const isSupervisoryStep =\n      this.status == BuildingInspectionStatus.REQUEST || this.status == BuildingInspectionStatus.OVERALL_REQUEST\n\n    // 현재 스탭에 해당하는 계정인지 체크 (편집모드만)\n    let havePermissionByStatus: boolean = false\n    let isTaskConstructor: boolean = false\n    let isOverallConstructor: boolean = false\n    let isTaskSupervisory: boolean = false\n    let isOverallSupervisory: boolean = false\n\n    if (this.mode == ChecklistMode.EDITOR && this.status) {\n      const email = (store.getState() as any).auth?.user?.email\n      // 현재 유저가 \"공종별 시공 관리자\" 인지 체크\n      isTaskConstructor = this.buildingComplex.taskConstructorEmails?.includes(email) || false\n      // 현재 유저가 \"총괄 시공 책임자\" 인지 체크\n      isOverallConstructor = this.buildingComplex.overallConstructorEmails?.includes(email) || false\n      // 현재 유저가 \"공종별 감리 책임자\" 인지 체크\n      isTaskSupervisory = this.buildingComplex.taskSupervisoryEmails?.includes(email) || false\n      // 현재 유저가 \"총괄 감리 책임자\" 인지 체크\n      isOverallSupervisory = this.buildingComplex.overallSupervisoryEmails?.includes(email) || false\n      // 스탭이 시공자 스탭일때에 내가 시공자 권한이 있는지 체크\n      havePermissionByStatus = isConstructorStep\n        ? isTaskConstructor || isOverallConstructor\n        : isTaskSupervisory || isOverallSupervisory\n    }\n\n    // 체크리스트 아이템 정렬\n    this.checklist?.checklistItems?.sort((a, b) => {\n      // 1순위: mainType 오름차순\n      if (a.mainType < b.mainType) return -1\n      if (a.mainType > b.mainType) return 1\n\n      // 2순위: detailType 오름차순\n      if (a.detailType < b.detailType) return -1\n      if (a.detailType > b.detailType) return 1\n\n      // 3순위: sequence 오름차순\n      return a.sequence - b.sequence\n    })\n\n    const checklistItems = this.checklist?.checklistItems || []\n    const processedItems = this.drawChecklistItems(checklistItems)\n    const hasAnyDetailType = checklistItems.some(item => item.detailType)\n\n    return html`\n      ${\n        this.mode == ChecklistMode.EDITOR\n          ? html`\n              <speech-to-text id=\"stt\"></speech-to-text>\n              <md-fab\n                class=\"stt-fab\"\n                ?active=${this.isListening}\n                @mousedown=${this._onStartSTT}\n                @mouseup=${this._onStopSTT}\n                @mouseleave=${this._onStopSTT}\n                @touchstart=${this._onStartSTT}\n                @touchend=${this._onStopSTT}\n                ?disabled=${false}\n                .label=${this.isListening ? '말씀하세요...' : '길게 눌러서 음성 인식'}\n              >\n                <md-icon slot=\"icon\">mic</md-icon>\n              </md-fab>\n            `\n          : ''\n      }\n\n      <div title-row>\n        <div name>${this.checklist.name}</div>\n      </div>\n      <table header>\n        <tr>\n          <th>공종</th>\n          <td>${this.checklist.constructionType}</td>\n          <th>문서 번호</th>\n          <td>${this.checklist.documentNo}</td>\n        </tr>\n        <tr>\n          <th>세부 공종</th>\n          <td>${this.checklist.constructionDetailType}</td>\n          <th>위치 및 부위</th>\n          <td>${this.checklist.location}</td>\n        </tr>\n        <tr>\n          ${\n            this.projectType == ProjectType.DSSP\n              ? html`\n                  <th>담당자</th>\n                  <td>${this.manager?.name || ''}</td>\n                `\n              : html`\n                  <th>검측 부위</th>\n                  <td>${this.checklist?.inspectionParts?.join(', ') || ''}</td>\n                `\n          }\n\n          <th>검측 상태</th>\n          <td>\n            ${(this.failCount > 0 ? BUILDING_INSPECTION_RE_STATUS_DISPLAY : BUILDING_INSPECTION_STATUS_DISPLAY)[this.status]}\n          </td>\n        </tr>\n      </table>\n\n      <table body>\n        <thead>\n          <tr>\n            <th colspan=\"${hasAnyDetailType ? 2 : 1}\" rowspan=\"3\" type>구분</th>\n            <th rowspan=\"3\" inspection-name>검사항목</th>\n            <th rowspan=\"3\" criteria>KCS 시방서 기준</th>\n            <th rowspan=\"3\" criteria>현장 시방서 기준</th>\n            <th colspan=\"4\" result>검사결과</th>\n            <th rowspan=\"3\" small>첨부자료</th>\n            <th rowspan=\"3\" small>조치사항</th>\n          </tr>\n          <tr>\n            <th colspan=\"2\">시공자</th>\n            <th colspan=\"2\">감리자</th>\n          </tr>\n          <tr>\n            <th>적합</th>\n            <th>부적합</th>\n            <th>적합</th>\n            <th>부적합</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${processedItems.map(({ item, showMainTypeCell, mainTypeRowspan, showDetailTypeCell, detailTypeRowspan }, idx) => {\n            const recs =\n              [\n                item.recommendation1,\n                item.recommendation2,\n                item.recommendation3,\n                item.recommendation4,\n                item.recommendation5\n              ]?.filter(r => r) || []\n            const hasRecs = recs.length > 0\n            const kcs = this._parseKcs(item.kcsCriteria)\n            const hasKcs = !!kcs\n            const siteSpec = item.siteSpecCriteria || item.inspctionCriteria || ''\n\n            return html` <tr>\n              ${\n                showMainTypeCell\n                  ? html`<td main-type bold rowspan=\"${mainTypeRowspan}\">\n                      ${CHECKLIST_MAIN_TYPE_LIST[item.mainType] || item.mainType}\n                    </td>`\n                  : ''\n              }\n              ${\n                hasAnyDetailType\n                  ? showDetailTypeCell\n                    ? html` <td bold rowspan=\"${detailTypeRowspan}\">${item.detailType}</td> `\n                    : ''\n                  : ''\n              }\n\n              <td\n                ?has-recommendation=${hasRecs}\n                @mouseenter=${hasRecs ? (e: MouseEvent) => this._showRecTooltip(e, item.id || idx, recs) : null}\n                @mouseleave=${hasRecs ? () => this._hideRecTooltip() : null}\n              >\n                ${idx + 1}. ${item.name}\n                ${hasRecs ? html`<md-icon style=\"font-size:14px;vertical-align:middle;color:#2e79be;\">info</md-icon>` : ''}\n              </td>\n              <td kcs-criteria ?has-kcs=${hasKcs} @click=${hasKcs ? () => this._showKcsDetail(kcs, item.name) : null}>\n                ${kcs?.file_label || ''}\n                ${hasKcs ? html`<md-icon style=\"font-size:14px;vertical-align:middle;color:#2e79be;\">search</md-icon>` : ''}\n              </td>\n              <td\n                site-spec-criteria\n                ?has-site-spec=${!!siteSpec}\n                @click=${siteSpec ? () => this._showSiteSpecDetail(siteSpec, item.name) : null}\n              >\n                ${this._summarize(siteSpec)}\n                ${siteSpec ? html`<md-icon style=\"font-size:14px;vertical-align:middle;color:#2e79be;\">search</md-icon>` : ''}\n              </td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"constructionConfirmStatus\"\n                  name=${'radio-construction-' + item.id}\n                  value=\"T\"\n                  .checked=${item.constructionConfirmStatus === 'T'}\n                  ?disabled=${!isConstructorStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"constructionConfirmStatus\"\n                  name=${'radio-construction-' + item.id}\n                  value=\"F\"\n                  .checked=${item.constructionConfirmStatus === 'F'}\n                  ?disabled=${!isConstructorStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"supervisoryConfirmStatus\"\n                  name=${'radio-supervisory-' + item.id}\n                  value=\"T\"\n                  .checked=${item.supervisoryConfirmStatus === 'T'}\n                  ?disabled=${!isSupervisoryStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td radio>\n                <md-radio\n                  item-id=${item.id}\n                  item-name=\"supervisoryConfirmStatus\"\n                  name=${'radio-supervisory-' + item.id}\n                  value=\"F\"\n                  .checked=${item.supervisoryConfirmStatus === 'F'}\n                  ?disabled=${!isSupervisoryStep || !havePermissionByStatus}\n                  @change=${this._onChangeConfirmStatus}\n                ></md-radio>\n              </td>\n              <td\n                attachment\n                ?disabled=${this.status == BuildingInspectionStatus.PASS}\n                @click=${() => this._onClickAttachment(item.id)}\n              >\n                <md-icon slot=\"icon\">attach_file</md-icon>\n                <span>${item?.checklistItemAttachmentCount || ''}</span>\n              </td>\n              <td comment ?disabled=${this.status == BuildingInspectionStatus.PASS} @click=${() => this._onClickComment(item.id)}>\n                <md-icon slot=\"icon\">chat</md-icon>\n                <span>${item?.checklistItemCommentCount || ''}</span>\n              </td>\n            </tr>`\n          })}\n        </tbody>\n      </table>\n\n      <table tail>\n        <tbody>\n          <tr first>\n            <th rowspan=\"2\">시공자 점검일</th>\n            <td rowspan=\"2\">\n              ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.constructionInspectionDate)}\n            </td>\n            <th>공종별 시공 관리자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.taskConstructorSignature}\n                name=\"taskConstructorSignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${\n                  (this.status != BuildingInspectionStatus.WAIT && this.status != BuildingInspectionStatus.FAIL) ||\n                  !isTaskConstructor\n                }\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n          <tr>\n            <th>총괄 시공 책임자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.overallConstructorSignature}\n                name=\"overallConstructorSignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.OVERALL_WAIT || !isOverallConstructor}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n          <tr>\n            <th rowspan=\"2\">감리자 점검일</th>\n            <td rowspan=\"2\">\n              ${this.mode == ChecklistMode.VIEWER ? today : this._getDate(this.checklist.supervisorInspectionDate)}\n            </td>\n            <th>공종별 감리 책임자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.taskSupervisorySignature}\n                name=\"taskSupervisorySignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.REQUEST || !isTaskSupervisory}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n          <tr>\n            <th>총괄 감리 책임자</th>\n            <td>\n              <span sign-text>(인)</span>\n              <ox-input-signature\n                .value=${this.checklist.overallSupervisorySignature}\n                name=\"overallSupervisorySignature\"\n                @change=${this._onChangeSignature}\n                ?disabled=${this.status != BuildingInspectionStatus.OVERALL_REQUEST || !isOverallSupervisory}\n              >\n              </ox-input-signature>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n\n      <div footer>\n        <div>\n          - 검사결과는 1차, 2차로 구분 재검측시 2차에 기록하고 검사기준도 검사결과와 비교될 수 있도록 시방서 또는 도면 등에 있는\n          수치를 작성하며, 수치가 없는 검사항목은 시방서 또는 설계도서에 있는 내용과 검사한 내용으로 작성함\n        </div>\n        <div>- 검사항목 및 검사기준은 각 공종별로 감리원과 협의하여 작성할 것</div>\n      </div>\n\n      ${\n        this._tooltip\n          ? html`\n              <div recommendation-tooltip style=\"left:${this._tooltip.x}px;top:${this._tooltip.y}px;\">\n                <div tooltip-title>추천 검사 항목</div>\n                ${this._tooltip.recs.map(r => html`<div tooltip-item>${r}</div>`)}\n              </div>\n            `\n          : ''\n      }\n      ${\n        this._kcsDetail\n          ? html`<kcs-criteria-popup\n              .kcs=${this._kcsDetail}\n              .itemName=${this._kcsDetailItem}\n              @close=${this._hideKcsDetail}\n            ></kcs-criteria-popup>`\n          : ''\n      }\n      ${\n        this._siteSpecDetail\n          ? html`<kcs-criteria-popup\n              .popupTitle=${'현장 시방서 기준'}\n              .kcs=${{ text: this._siteSpecDetail }}\n              .itemName=${this._siteSpecDetailItem}\n              @close=${this._hideSiteSpecDetail}\n            ></kcs-criteria-popup>`\n          : ''\n      }\n    `\n  }\n\n  // 본문 앞 20글자 요약 (그 뒤는 ... 처리)\n  private _summarize(text: string, length: number = 20): string {\n    if (!text) return ''\n    return text.length > length ? `${text.slice(0, length)}...` : text\n  }\n\n  // 현장 시방서 기준 상세(본문 전체)를 팝업으로 표시\n  private _showSiteSpecDetail(text: string, itemName: string = '') {\n    this._siteSpecDetail = text\n    this._siteSpecDetailItem = itemName\n    this.requestUpdate()\n  }\n\n  private _hideSiteSpecDetail = () => {\n    this._siteSpecDetail = null\n    this.requestUpdate()\n  }\n\n  // KCS 기준 JSON 문자열을 오브젝트로 파싱 (file_label/clause/text 포함)\n  private _parseKcs(kcsCriteria?: string): any {\n    if (!kcsCriteria) return null\n    try {\n      const obj = JSON.parse(kcsCriteria)\n      return obj && (obj.file_label || obj.text) ? obj : null\n    } catch {\n      return null\n    }\n  }\n\n  // KCS 기준 상세(text)를 팝업으로 표시\n  private _showKcsDetail(kcs: any, itemName: string = '') {\n    this._kcsDetail = kcs\n    this._kcsDetailItem = itemName\n    this.requestUpdate()\n  }\n\n  private _hideKcsDetail = () => {\n    this._kcsDetail = null\n    this.requestUpdate()\n  }\n\n  private _onChangeConfirmStatus(e: Event) {\n    const target = e.target as HTMLInputElement\n    const itemId = target.getAttribute('item-id')\n    const name = target.getAttribute('item-name') || ''\n    const value = target.value\n\n    this.checklist.checklistItems = this.checklist?.checklistItems?.map(item =>\n      item.id == itemId ? { ...item, [name]: value } : item\n    )\n  }\n\n  private _onChangeSignature(e: Event) {\n    const target = e.target as HTMLInputElement\n    const { name: userName } = (store.getState() as any).auth?.user\n\n    this.checklist[target.name] = target.value\n\n    // 서명할 때 해당 사용자 ID도 업데이트\n    if (userName) {\n      switch (target.name) {\n        case 'taskConstructorSignature':\n          this.checklist.taskConstructor = { name: userName }\n          break\n        case 'overallConstructorSignature':\n          this.checklist.overallConstructor = { name: userName }\n          break\n        case 'taskSupervisorySignature':\n          this.checklist.taskSupervisory = { name: userName }\n          break\n        case 'overallSupervisorySignature':\n          this.checklist.overallSupervisory = { name: userName }\n          break\n      }\n    }\n  }\n\n  private _getDate(date) {\n    if (!date) return ' 년 월 일'\n\n    const _date = new Date(date) || new Date()\n    return _date.toLocaleDateString('ko-KR', {\n      timeZone: 'Asia/Seoul',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric'\n    })\n  }\n\n  private drawChecklistItems(checklistItems) {\n    const mainTypeRowspans = {}\n    const detailTypeRowspans = {}\n    let previousMainType = null\n    let previousDetailType = null\n\n    return checklistItems.map((item, index) => {\n      const mainType = item.mainType\n      const detailType = item.detailType\n\n      // mainType이 변경되면 rowspan을 계산\n      if (mainType !== previousMainType) {\n        mainTypeRowspans[mainType] = checklistItems.filter(i => i.mainType === mainType).length\n        previousDetailType = null // detailType 초기화\n      }\n\n      // detailType이 변경되면 rowspan을 계산\n      if (detailType !== previousDetailType) {\n        detailTypeRowspans[`${mainType}-${detailType}`] = checklistItems.filter(\n          i => i.mainType === mainType && i.detailType === detailType\n        ).length\n      }\n\n      const showMainTypeCell = mainType !== previousMainType\n      const showDetailTypeCell = detailType !== previousDetailType\n\n      const mainTypeRowspan = mainTypeRowspans[mainType]\n      const detailTypeRowspan = detailTypeRowspans[`${mainType}-${detailType}`]\n\n      // 이전 값을 업데이트\n      previousMainType = mainType\n      previousDetailType = detailType\n\n      return {\n        item,\n        showMainTypeCell,\n        mainTypeRowspan,\n        showDetailTypeCell,\n        detailTypeRowspan\n      }\n    })\n  }\n\n  private _onClickComment(checklistItemId: string) {\n    openPopup(\n      html`\n        <comment-list-popup\n          .checklistItemId=${checklistItemId}\n          .status=${this.status}\n          .mode=${this.mode}\n          @change-comment=${this._refreshItem.bind(this)}\n        ></comment-list-popup>\n      `,\n      { backdrop: true, size: 'medium', title: '조치 사항' }\n    )\n  }\n\n  private _onClickAttachment(checklistItemId: string) {\n    openPopup(\n      html`\n        <attachment-list-popup\n          .checklistItemId=${checklistItemId}\n          .status=${this.status}\n          .mode=${this.mode}\n          @change-attachment=${this._refreshItem.bind(this)}\n        ></attachment-list-popup>\n      `,\n      { backdrop: true, size: 'medium', title: '첨부 자료' }\n    )\n  }\n\n  private async _refreshItem(e) {\n    const { checklistItemId } = e.detail\n    const response = await client.query({\n      query: gql`\n        query ChecklistItem($checklistItemId: String!) {\n          checklistItem(id: $checklistItemId) {\n            id\n            checklistItemCommentCount\n            checklistItemAttachmentCount\n          }\n        }\n      `,\n      variables: {\n        checklistItemId: checklistItemId\n      }\n    })\n\n    const checklistItem = response.data?.checklistItem || []\n    this.checklist.checklistItems = this.checklist.checklistItems.map(item => {\n      return item.id != checklistItemId ? item : { ...item, ...checklistItem }\n    })\n\n    this.requestUpdate()\n  }\n\n  private _showRecTooltip(e: MouseEvent, id: string | number, recs: string[]) {\n    const td = e.currentTarget as HTMLElement\n    const rect = td.getBoundingClientRect()\n    const tooltipHeight = recs.length * 24 + 40\n\n    // 위에 공간이 부족하면 아래로\n    const showBelow = rect.top < tooltipHeight\n    const x = rect.left\n    const y = showBelow ? rect.bottom + 4 : rect.top - tooltipHeight\n\n    this._tooltip = { id: String(id), x, y, recs }\n    this.requestUpdate()\n  }\n\n  private _hideRecTooltip() {\n    this._tooltip = null\n    this.requestUpdate()\n  }\n}\n"]}

package/dist-client/pages/checklist/comment-list-popup.js

@@ -6,8 +6,7 @@ import { css, html, LitElement } from 'lit';
 import { customElement, property, query, state } from 'lit/decorators.js';
 import { ButtonContainerStyles, ScrollbarStyles } from '@operato/styles';
 import { notify } from '@operato/layout';
-import { store, User } from '@operato/shell';
-import { connect } from 'pwa-helpers/connect-mixin.js';
+import { store, User, connect } from '@operato/shell';
 import { OxPrompt } from '@operato/popup/ox-prompt.js';
 import { BuildingInspectionStatus } from '../building-inspection/building-inspection-list';
 let CommentListPopup = class CommentListPopup extends connect(store)(LitElement) {