@dssp/supervision 1.0.0-alpha.97 → 1.0.0

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

@@ -1,369 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,98 +0,0 @@
-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 {};