@dssp/supervision 1.0.0 → 1.0.5

package/dist-client/pages/building-inspection/building-inspection-detail-drawing.js

@@ -0,0 +1,369 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@operato/image-marker/ox-image-marker.js';
+import '@operato/image-marker/ox-image-marker-view.js';
+import gql from 'graphql-tag';
+import { css, html } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { ScopedElementsMixin } from '@open-wc/scoped-elements';
+import { PageView } from '@operato/shell';
+import { CommonGristStyles, ScrollbarStyles } from '@operato/styles';
+import { client } from '@operato/graphql';
+import { notify } from '@operato/layout';
+import { DrawingImageProvider } from '@dssp/drawing/dist-client/drawing-management/drawing-image-provider.js';
+import './component/building-inspection-detail-header';
+import { BuildingInspectionStatus } from './building-inspection-list';
+let BuildingInspectionDetailDrawing = class BuildingInspectionDetailDrawing extends ScopedElementsMixin(PageView) {
+    constructor() {
+        super(...arguments);
+        this.project = {};
+        this.buildingInspection = {};
+        this.buildingInspectionId = '';
+        this.shapes = [];
+        this.linkShapes = [];
+        this.drawingImageProvider = new DrawingImageProvider();
+    }
+    get context() {
+        return {
+            title: '검측 관리 상세 - 검측 도면'
+        };
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        requestAnimationFrame(() => {
+            this.dialog.addEventListener('click', event => {
+                const rect = this.dialog.getBoundingClientRect();
+                const isInDialog = rect.top <= event.clientY && event.clientY <= rect.bottom && rect.left <= event.clientX && event.clientX <= rect.right;
+                // 다이아로그 내부를 클릭한 것이 아니면 다이아로그 닫기
+                if (!isInDialog) {
+                    this.dialog.close();
+                }
+            });
+        });
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        return html `
+      <building-inspection-detail-header
+        .buildingInspectionId=${(_a = this.buildingInspection) === null || _a === void 0 ? void 0 : _a.id}
+        .buildingLevelId=${(_c = (_b = this.buildingInspection) === null || _b === void 0 ? void 0 : _b.buildingLevel) === null || _c === void 0 ? void 0 : _c.id}
+        .projectName=${this.project.name}
+        .buildingName=${(_f = (_e = (_d = this.buildingInspection) === null || _d === void 0 ? void 0 : _d.buildingLevel) === null || _e === void 0 ? void 0 : _e.building) === null || _f === void 0 ? void 0 : _f.name}
+        .buildingLevelFloor=${(_h = (_g = this.buildingInspection) === null || _g === void 0 ? void 0 : _g.buildingLevel) === null || _h === void 0 ? void 0 : _h.floor}
+        .projectId=${this.project.id}
+      ></building-inspection-detail-header>
+
+      <div
+        body
+        @link-clicked=${async (e) => {
+            const { link } = e.detail;
+            const { id, type, symbol, box, dwgId } = JSON.parse(link) || {};
+            // 좌표 파싱 및 유효성 검증
+            const coordinates = this.parseBoxCoordinates(box, {
+                id,
+                type,
+                symbol,
+                dwgId,
+                currentPdfId: this.linkUrl || 'unknown',
+                buildingInspectionId: this.buildingInspectionId
+            });
+            this.linkUrl = `DWGID:${dwgId}`;
+            // 유효한 좌표가 있으면 마커 표시, 없으면 빈 배열
+            if (coordinates) {
+                this.linkShapes = [
+                    Object.assign(Object.assign({ id: id || 'unknown', type: 'link' }, coordinates), { link: JSON.stringify({ id, type, symbol, dwgId }) })
+                ];
+            }
+            else {
+                // 좌표가 유효하지 않아도 팝업은 열고 마커만 숨김
+                this.linkShapes = [];
+                console.warn('Invalid link coordinates, popup will open without marker:', {
+                    box,
+                    id,
+                    type,
+                    symbol,
+                    dwgId,
+                    currentPdfId: this.linkUrl || 'unknown',
+                    buildingInspectionId: this.buildingInspectionId,
+                    fullLink: link
+                });
+            }
+            if (this.dialog) {
+                this.dialog.showModal();
+                requestAnimationFrame(() => {
+                    this.linkViewer.reset();
+                });
+            }
+        }}
+      >
+        ${((_j = this.buildingInspection) === null || _j === void 0 ? void 0 : _j.status) == BuildingInspectionStatus.PASS
+            ? html `<ox-image-marker-view
+              id="image-marker"
+              .imageUrl=${this.imageUrl}
+              .shapes=${this.shapes}
+              .imageProvider=${this.drawingImageProvider}
+            ></ox-image-marker-view>`
+            : html ` <ox-image-marker
+              id="image-marker"
+              .imageUrl=${this.imageUrl}
+              .shapes=${this.shapes}
+              .imageProvider=${this.drawingImageProvider}
+              @shapes-changed=${this.onClickMarkerSave}
+              .currentMode=${'view'}
+            ></ox-image-marker>`}
+      </div>
+
+      <dialog>
+        <ox-image-marker-view
+          id="link-viewer"
+          .imageUrl=${this.linkUrl}
+          .shapes=${this.linkShapes}
+          .imageProvider=${this.drawingImageProvider}
+        ></ox-image-marker-view>
+      </dialog>
+    `;
+    }
+    async updated(changes) {
+        var _a, _b, _c;
+        if (changes.has('buildingInspection') && ((_a = this.buildingInspection) === null || _a === void 0 ? void 0 : _a.checklist)) {
+            // 1-1. 위치 정보 - 체크리스트에 들어가는 위치정보 텍스트
+            const location_1 = (_b = this.buildingInspection.checklist) === null || _b === void 0 ? void 0 : _b.location;
+            // 1-2. 위치 정보 - 실제 위치정보 텍스트 (동 + 층) - ID 필드를 사용하면 DB ID 필드입니다.
+            const location_building = this.buildingInspection.buildingLevel.building.name;
+            const location_floor = this.buildingInspection.buildingLevel.floor;
+            // 2. 평면도 pdf 파일
+            // mainDrawing {
+            //   id
+            //   name
+            //   fullpath
+            // }
+            const mainDrawing = this.buildingInspection.buildingLevel.mainDrawing;
+            // 3. 선택 도면
+            const inspectionDrawingType = this.buildingInspection.checklist.inspectionDrawingType;
+            const shapes = JSON.parse(((_c = this.buildingInspection) === null || _c === void 0 ? void 0 : _c.drawingMarker) || null) || [];
+            const markers = await this.drawingImageProvider.getMarkers(inspectionDrawingType);
+            this.imageUrl = String(inspectionDrawingType).normalize('NFC');
+            this.shapes = [...shapes, ...markers];
+        }
+    }
+    async pageUpdated(changes, lifecycle) {
+        var _a, _b;
+        if (this.active) {
+            this.buildingInspectionId = lifecycle.resourceId || '';
+            await this.initBuildingInspection(this.buildingInspectionId);
+            (_a = this.imageMarker) === null || _a === void 0 ? void 0 : _a.reset();
+        }
+        else {
+            (_b = this.dialog) === null || _b === void 0 ? void 0 : _b.close();
+        }
+    }
+    async initBuildingInspection(buildingInspectionId = '') {
+        var _a, _b, _c, _d;
+        const response = await client.query({
+            query: gql `
+        query BuildingInspection($buildingInspectionId: String!) {
+          buildingInspection(id: $buildingInspectionId) {
+            id
+            status
+            requestDate
+            drawingMarker
+            checklist {
+              location
+              inspectionDrawingType
+            }
+            buildingLevel {
+              id
+              floor
+              mainDrawing {
+                id
+                name
+                fullpath
+              }
+              mainDrawingImage
+              building {
+                id
+                name
+                buildingComplex {
+                  id
+                }
+              }
+            }
+          }
+        }
+      `,
+            variables: {
+                buildingInspectionId
+            }
+        });
+        if (response.errors)
+            return;
+        this.buildingInspection = response.data.buildingInspection;
+        await this._getProjectByBuildingComplexId((_d = (_c = (_b = (_a = this.buildingInspection) === null || _a === void 0 ? void 0 : _a.buildingLevel) === null || _b === void 0 ? void 0 : _b.building) === null || _c === void 0 ? void 0 : _c.buildingComplex) === null || _d === void 0 ? void 0 : _d.id);
+    }
+    async _getProjectByBuildingComplexId(buildingComplexId) {
+        const response = await client.query({
+            query: gql `
+        query ProjectByBuildingComplexId($buildingComplexId: String!) {
+          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {
+            id
+            name
+          }
+        }
+      `,
+            variables: {
+                buildingComplexId
+            }
+        });
+        if (response.errors)
+            return;
+        this.project = response.data.project;
+    }
+    async onClickMarkerSave(e) {
+        const response = await client.query({
+            query: gql `
+        mutation UpdateBuildingInspection($patch: UpdateBuildingInspection!) {
+          updateBuildingInspection(patch: $patch) {
+            id
+            drawingMarker
+          }
+        }
+      `,
+            variables: {
+                patch: {
+                    id: this.buildingInspectionId,
+                    drawingMarker: JSON.stringify(e.detail)
+                }
+            }
+        });
+        if (response.errors)
+            return;
+        notify({ message: '저장되었습니다.' });
+    }
+    parseBoxCoordinates(box, context = {}) {
+        if (!box || typeof box !== 'string') {
+            console.warn('Invalid box coordinate for link:', {
+                box,
+                context,
+                reason: 'Box is undefined, null, or not a string'
+            });
+            return null;
+        }
+        try {
+            const coords = box.split(',').map(str => {
+                const num = Number(str.trim());
+                return Number.isFinite(num) ? num : NaN;
+            });
+            if (coords.length !== 4 || coords.some(coord => isNaN(coord))) {
+                console.warn('Box coordinate should have 4 valid numbers:', {
+                    box,
+                    parsedCoords: coords,
+                    context,
+                    reason: `Expected 4 numbers, got ${coords.length} values with NaN: ${coords.some(coord => isNaN(coord))}`
+                });
+                return null;
+            }
+            const [x, y, width, height] = coords;
+            // width, height가 0 이하면 유효하지 않음
+            if (width <= 0 || height <= 0) {
+                console.warn('Invalid width or height for link:', {
+                    box,
+                    coords: { x, y, width, height },
+                    context,
+                    reason: `Width (${width}) or height (${height}) is <= 0`
+                });
+                return null;
+            }
+            return { x, y, width, height };
+        }
+        catch (error) {
+            console.warn('Error parsing box coordinates:', {
+                box,
+                context,
+                error: error instanceof Error ? error.message : String(error),
+                reason: 'Exception thrown during parsing'
+            });
+            return null;
+        }
+    }
+};
+BuildingInspectionDetailDrawing.styles = [
+    ScrollbarStyles,
+    CommonGristStyles,
+    css `
+      :host {
+        display: grid;
+        grid-template-rows: 55px auto;
+        color: #4e5055;
+
+        width: 100%;
+        background-color: var(--md-sys-color-background, #f6f6f6);
+        overflow-y: auto;
+
+        --grid-record-emphasized-background-color: red;
+        --grid-record-emphasized-color: yellow;
+      }
+
+      div[body] {
+        display: flex;
+        justify-content: center;
+
+        ox-image-marker-view {
+          width: 100%;
+        }
+      }
+
+      dialog ox-image-marker-view {
+        width: 80vw;
+        height: 80vh;
+      }
+    `
+];
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], BuildingInspectionDetailDrawing.prototype, "project", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], BuildingInspectionDetailDrawing.prototype, "buildingInspection", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], BuildingInspectionDetailDrawing.prototype, "buildingInspectionId", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], BuildingInspectionDetailDrawing.prototype, "imageUrl", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], BuildingInspectionDetailDrawing.prototype, "shapes", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], BuildingInspectionDetailDrawing.prototype, "linkUrl", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], BuildingInspectionDetailDrawing.prototype, "linkShapes", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", DrawingImageProvider)
+], BuildingInspectionDetailDrawing.prototype, "drawingImageProvider", void 0);
+__decorate([
+    query('#image-marker'),
+    __metadata("design:type", Object)
+], BuildingInspectionDetailDrawing.prototype, "imageMarker", void 0);
+__decorate([
+    query('#link-viewer'),
+    __metadata("design:type", Object)
+], BuildingInspectionDetailDrawing.prototype, "linkViewer", void 0);
+__decorate([
+    query('dialog'),
+    __metadata("design:type", HTMLDialogElement)
+], BuildingInspectionDetailDrawing.prototype, "dialog", void 0);
+BuildingInspectionDetailDrawing = __decorate([
+    customElement('building-inspection-detail-drawing')
+], BuildingInspectionDetailDrawing);
+export { BuildingInspectionDetailDrawing };
+//# sourceMappingURL=building-inspection-detail-drawing.js.map

package/dist-client/pages/building-inspection/building-inspection-detail-drawing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"building-inspection-detail-drawing.js","sourceRoot":"","sources":["../../../client/pages/building-inspection/building-inspection-detail-drawing.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/image-marker/ox-image-marker.js'\nimport '@operato/image-marker/ox-image-marker-view.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { consume } from '@lit/context'\nimport { ScopedElementsMixin } from '@open-wc/scoped-elements'\n\nimport { PageView } from '@operato/shell'\nimport { CommonGristStyles, ScrollbarStyles } from '@operato/styles'\nimport { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view'\nimport { client } from '@operato/graphql'\nimport { notify } from '@operato/layout'\nimport { Shape } from '@operato/image-marker'\n\nimport { DrawingImageProvider } from '@dssp/drawing/dist-client/drawing-management/drawing-image-provider.js'\n\nimport './component/building-inspection-detail-header'\nimport { BuildingInspectionStatus } from './building-inspection-list'\n\n@customElement('building-inspection-detail-drawing')\nexport class BuildingInspectionDetailDrawing extends ScopedElementsMixin(PageView) {\n  static styles = [\n    ScrollbarStyles,\n    CommonGristStyles,\n    css`\n      :host {\n        display: grid;\n        grid-template-rows: 55px auto;\n        color: #4e5055;\n\n        width: 100%;\n        background-color: var(--md-sys-color-background, #f6f6f6);\n        overflow-y: auto;\n\n        --grid-record-emphasized-background-color: red;\n        --grid-record-emphasized-color: yellow;\n      }\n\n      div[body] {\n        display: flex;\n        justify-content: center;\n\n        ox-image-marker-view {\n          width: 100%;\n        }\n      }\n\n      dialog ox-image-marker-view {\n        width: 80vw;\n        height: 80vh;\n      }\n    `\n  ]\n\n  @state() project: any = {}\n  @state() buildingInspection: any = {}\n  @state() buildingInspectionId: string = ''\n  @state() imageUrl?: string\n  @state() shapes: Shape[] = []\n  @state() linkUrl?: string\n  @state() linkShapes: Shape[] = []\n\n  @state() drawingImageProvider: DrawingImageProvider = new DrawingImageProvider()\n  // @consume({ context: OxUserPreferencesContext, subscribe: true })\n\n  @query('#image-marker') imageMarker!: any\n  @query('#link-viewer') linkViewer!: any\n  @query('dialog') dialog!: HTMLDialogElement\n\n  get context() {\n    return {\n      title: '검측 관리 상세 - 검측 도면'\n    }\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback()\n\n    requestAnimationFrame(() => {\n      this.dialog.addEventListener('click', event => {\n        const rect = this.dialog.getBoundingClientRect()\n        const isInDialog =\n          rect.top <= event.clientY && event.clientY <= rect.bottom && rect.left <= event.clientX && event.clientX <= rect.right\n\n        // 다이아로그 내부를 클릭한 것이 아니면 다이아로그 닫기\n        if (!isInDialog) {\n          this.dialog.close()\n        }\n      })\n    })\n  }\n\n  render() {\n    return html`\n      <building-inspection-detail-header\n        .buildingInspectionId=${this.buildingInspection?.id}\n        .buildingLevelId=${this.buildingInspection?.buildingLevel?.id}\n        .projectName=${this.project.name}\n        .buildingName=${this.buildingInspection?.buildingLevel?.building?.name}\n        .buildingLevelFloor=${this.buildingInspection?.buildingLevel?.floor}\n        .projectId=${this.project.id}\n      ></building-inspection-detail-header>\n\n      <div\n        body\n        @link-clicked=${async (e: CustomEvent) => {\n          const { link } = e.detail\n          const { id, type, symbol, box, dwgId } = JSON.parse(link) || {}\n\n          // 좌표 파싱 및 유효성 검증\n          const coordinates = this.parseBoxCoordinates(box, {\n            id,\n            type,\n            symbol,\n            dwgId,\n            currentPdfId: this.linkUrl || 'unknown',\n            buildingInspectionId: this.buildingInspectionId\n          })\n\n          this.linkUrl = `DWGID:${dwgId}`\n\n          // 유효한 좌표가 있으면 마커 표시, 없으면 빈 배열\n          if (coordinates) {\n            this.linkShapes = [\n              {\n                id: id || 'unknown',\n                type: 'link' as const,\n                ...coordinates,\n                link: JSON.stringify({ id, type, symbol, dwgId })\n              }\n            ]\n          } else {\n            // 좌표가 유효하지 않아도 팝업은 열고 마커만 숨김\n            this.linkShapes = []\n            console.warn('Invalid link coordinates, popup will open without marker:', {\n              box,\n              id,\n              type,\n              symbol,\n              dwgId,\n              currentPdfId: this.linkUrl || 'unknown',\n              buildingInspectionId: this.buildingInspectionId,\n              fullLink: link\n            })\n          }\n\n          if (this.dialog) {\n            this.dialog.showModal()\n\n            requestAnimationFrame(() => {\n              this.linkViewer.reset()\n            })\n          }\n        }}\n      >\n        ${this.buildingInspection?.status == BuildingInspectionStatus.PASS\n          ? html`<ox-image-marker-view\n              id=\"image-marker\"\n              .imageUrl=${this.imageUrl}\n              .shapes=${this.shapes}\n              .imageProvider=${this.drawingImageProvider}\n            ></ox-image-marker-view>`\n          : html` <ox-image-marker\n              id=\"image-marker\"\n              .imageUrl=${this.imageUrl}\n              .shapes=${this.shapes}\n              .imageProvider=${this.drawingImageProvider}\n              @shapes-changed=${this.onClickMarkerSave}\n              .currentMode=${'view'}\n            ></ox-image-marker>`}\n      </div>\n\n      <dialog>\n        <ox-image-marker-view\n          id=\"link-viewer\"\n          .imageUrl=${this.linkUrl}\n          .shapes=${this.linkShapes}\n          .imageProvider=${this.drawingImageProvider}\n        ></ox-image-marker-view>\n      </dialog>\n    `\n  }\n\n  protected async updated(changes: PropertyValues): Promise<void> {\n    if (changes.has('buildingInspection') && this.buildingInspection?.checklist) {\n      // 1-1. 위치 정보 - 체크리스트에 들어가는 위치정보 텍스트\n      const location_1 = this.buildingInspection.checklist?.location\n\n      // 1-2. 위치 정보 - 실제 위치정보 텍스트 (동 + 층) - ID 필드를 사용하면 DB ID 필드입니다.\n      const location_building = this.buildingInspection.buildingLevel.building.name\n      const location_floor = this.buildingInspection.buildingLevel.floor\n\n      // 2. 평면도 pdf 파일\n      // mainDrawing {\n      //   id\n      //   name\n      //   fullpath\n      // }\n      const mainDrawing = this.buildingInspection.buildingLevel.mainDrawing\n\n      // 3. 선택 도면\n      const inspectionDrawingType = this.buildingInspection.checklist.inspectionDrawingType\n\n      const shapes = JSON.parse(this.buildingInspection?.drawingMarker || null) || []\n      const markers = await this.drawingImageProvider.getMarkers(inspectionDrawingType)\n\n      this.imageUrl = String(inspectionDrawingType).normalize('NFC')\n      this.shapes = [...shapes, ...markers]\n    }\n  }\n\n  async pageUpdated(changes: any, lifecycle: PageLifecycle) {\n    if (this.active) {\n      this.buildingInspectionId = lifecycle.resourceId || ''\n      await this.initBuildingInspection(this.buildingInspectionId)\n\n      this.imageMarker?.reset()\n    } else {\n      this.dialog?.close()\n    }\n  }\n\n  async initBuildingInspection(buildingInspectionId: string = '') {\n    const response = await client.query({\n      query: gql`\n        query BuildingInspection($buildingInspectionId: String!) {\n          buildingInspection(id: $buildingInspectionId) {\n            id\n            status\n            requestDate\n            drawingMarker\n            checklist {\n              location\n              inspectionDrawingType\n            }\n            buildingLevel {\n              id\n              floor\n              mainDrawing {\n                id\n                name\n                fullpath\n              }\n              mainDrawingImage\n              building {\n                id\n                name\n                buildingComplex {\n                  id\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables: {\n        buildingInspectionId\n      }\n    })\n\n    if (response.errors) return\n\n    this.buildingInspection = response.data.buildingInspection\n\n    await this._getProjectByBuildingComplexId(this.buildingInspection?.buildingLevel?.building?.buildingComplex?.id)\n  }\n\n  private async _getProjectByBuildingComplexId(buildingComplexId) {\n    const response = await client.query({\n      query: gql`\n        query ProjectByBuildingComplexId($buildingComplexId: String!) {\n          project: projectByBuildingComplexId(buildingComplexId: $buildingComplexId) {\n            id\n            name\n          }\n        }\n      `,\n      variables: {\n        buildingComplexId\n      }\n    })\n\n    if (response.errors) return\n\n    this.project = response.data.project\n  }\n\n  private async onClickMarkerSave(e) {\n    const response = await client.query({\n      query: gql`\n        mutation UpdateBuildingInspection($patch: UpdateBuildingInspection!) {\n          updateBuildingInspection(patch: $patch) {\n            id\n            drawingMarker\n          }\n        }\n      `,\n      variables: {\n        patch: {\n          id: this.buildingInspectionId,\n          drawingMarker: JSON.stringify(e.detail)\n        }\n      }\n    })\n\n    if (response.errors) return\n\n    notify({ message: '저장되었습니다.' })\n  }\n\n  private parseBoxCoordinates(\n    box: string | undefined,\n    context: {\n      id?: string\n      type?: string\n      symbol?: string\n      dwgId?: string\n      currentPdfId?: string\n      buildingInspectionId?: string\n    } = {}\n  ): {\n    x: number\n    y: number\n    width: number\n    height: number\n  } | null {\n    if (!box || typeof box !== 'string') {\n      console.warn('Invalid box coordinate for link:', {\n        box,\n        context,\n        reason: 'Box is undefined, null, or not a string'\n      })\n      return null\n    }\n\n    try {\n      const coords = box.split(',').map(str => {\n        const num = Number(str.trim())\n        return Number.isFinite(num) ? num : NaN\n      })\n\n      if (coords.length !== 4 || coords.some(coord => isNaN(coord))) {\n        console.warn('Box coordinate should have 4 valid numbers:', {\n          box,\n          parsedCoords: coords,\n          context,\n          reason: `Expected 4 numbers, got ${coords.length} values with NaN: ${coords.some(coord => isNaN(coord))}`\n        })\n        return null\n      }\n\n      const [x, y, width, height] = coords\n\n      // width, height가 0 이하면 유효하지 않음\n      if (width <= 0 || height <= 0) {\n        console.warn('Invalid width or height for link:', {\n          box,\n          coords: { x, y, width, height },\n          context,\n          reason: `Width (${width}) or height (${height}) is <= 0`\n        })\n        return null\n      }\n\n      return { x, y, width, height }\n    } catch (error) {\n      console.warn('Error parsing box coordinates:', {\n        box,\n        context,\n        error: error instanceof Error ? error.message : String(error),\n        reason: 'Exception thrown during parsing'\n      })\n      return null\n    }\n  }\n}\n"]}

package/dist-client/pages/building-inspection/building-inspection-list.d.ts

@@ -0,0 +1,98 @@
+import '@material/web/icon/icon.js';
+import '@operato/data-grist';
+import '@operato/image-marker/ox-image-marker-view.js';
+import { PageView } from '@operato/shell';
+import { PageLifecycle } from '@operato/shell/dist/src/app/pages/page-view';
+import { FetchOption } from '@operato/data-grist';
+import './inspection-create-popup';
+import './component/inspection-document/photo-album-popup';
+import './component/inspection-document/inspection-request-document';
+import './component/inspection-document/inspection-result-notification';
+import './component/image-preview-popup';
+import './component/daily-worklog-popup';
+import '@operato/event-view/ox-event-view.js';
+import { EventProvider } from '@operato/event-view';
+export declare enum ChecklistTypeMainType {
+    BASIC = "10",
+    NON_BASIC = "20"
+}
+export declare const CHECKLIST_MAIN_TYPE_LIST: {
+    "10": string;
+    "20": string;
+};
+export declare enum BuildingInspectionStatus {
+    WAIT = "WAIT",
+    OVERALL_WAIT = "OVERALL_WAIT",
+    REQUEST = "REQUEST",
+    OVERALL_REQUEST = "OVERALL_REQUEST",
+    PASS = "PASS",
+    FAIL = "FAIL"
+}
+export declare const BUILDING_INSPECTION_STATUS_DISPLAY: {
+    WAIT: string;
+    OVERALL_WAIT: string;
+    REQUEST: string;
+    OVERALL_REQUEST: string;
+    PASS: string;
+    FAIL: string;
+};
+export declare const BUILDING_INSPECTION_RE_STATUS_DISPLAY: {
+    WAIT: string;
+    OVERALL_WAIT: string;
+    REQUEST: string;
+    OVERALL_REQUEST: string;
+    PASS: string;
+    FAIL: string;
+};
+declare const BuildingInspectionList_base: typeof PageView & import("@open-wc/dedupe-mixin").Constructor<import("@open-wc/scoped-elements/types/src/types").ScopedElementsHost>;
+export declare class BuildingInspectionList extends BuildingInspectionList_base {
+    static styles: import("lit").CSSResult[];
+    private defaultProject;
+    private gristConfig;
+    buildingLevelId: string;
+    project: any;
+    location: string;
+    building: any;
+    drawingImage: string;
+    buildingInspectionSummary: any;
+    calendarData?: EventProvider;
+    selectedYearMonth: string;
+    selectedDate?: string;
+    dailyWorklog: any;
+    private grist;
+    private eventView;
+    get context(): {
+        title: string;
+        actions: {
+            icon: string;
+            emphasis: {
+                raised: boolean;
+                outlined: boolean;
+                dense: boolean;
+                danger: boolean;
+            };
+            title: string;
+            action: () => void;
+        }[];
+    };
+    render(): import("lit-html").TemplateResult<1>;
+    pageUpdated(changes: any, lifecycle: PageLifecycle): Promise<void>;
+    initProject(buildingLevelId?: string): Promise<void>;
+    pageInitialized(lifecycle: any): Promise<void>;
+    fetchHandler({ page, limit, sortings, filters }: FetchOption): Promise<{
+        total: any;
+        records: any;
+    } | undefined>;
+    private _deleteChecklistType;
+    private _openCreateInspection;
+    private _formatDate;
+    private _openChecklistPopup;
+    _openPhotoAlbumPopup(checklistId: string): Promise<void>;
+    _openInspectionRequestDocument(buildingInspectionId: string): Promise<void>;
+    private _showNameListPreview;
+    private _openDailyWorklogPopup;
+    private _refreshCalendar;
+    private _fetchDailyWorklog;
+    private _openDrawingPopup;
+}
+export {};