@dssp/dkpi 1.0.0-alpha.99 → 1.0.0

package/dist-client/pages/kpi-dashboard/kpi-dashboard-map.js

@@ -1,866 +0,0 @@
-var KpiDashboardMapPage_1;
-import { __decorate, __metadata } from "tslib";
-import gql from 'graphql-tag';
-import { html, css, nothing } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-import { PageView } from '@operato/shell';
-import { ScrollbarStyles } from '@operato/styles';
-import { client } from '@operato/graphql';
-import { notify } from '@operato/layout';
-import './components/kpi-map-panel';
-import './components/kpi-left-panel';
-import './components/kpi-region-popup';
-let KpiDashboardMapPage = KpiDashboardMapPage_1 = class KpiDashboardMapPage extends PageView {
-    constructor() {
-        super(...arguments);
-        this.selectedCategory = '전체 KPI';
-        this.selectedPeriod = '월';
-        this.startYearMonth = ''; // YYYY-MM 형식
-        this.endYearMonth = ''; // YYYY-MM 형식
-        this.selectedSectorType = ''; // PUBLIC | PRIVATE
-        this.selectedBuildingUsage = ''; // RESIDENTIAL | NON_RESIDENTIAL
-        this.currentZoom = 7.2;
-        this.sigunguData = []; // 시군구 단위 데이터
-        this.nationalData = null;
-        this.seoulData = null;
-        this.mapData = null;
-        this.monthlyTrendData = []; // 월별 추이 데이터
-        this.totalKpiYStats = []; // 전체 Y-level KPI 통계
-        this.regionalKpiStats = []; // 지역별 KPI 통계
-        // 팝업 관련 상태 추가
-        this.selectedRegion = null;
-        this.selectedGeoGroup = null; // 시군구 geo_group 코드
-        this.showRegionPopup = false;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        this.initializeDefaultPeriod();
-        this.fetchDashboardData();
-        this.setupKeyboardEvents();
-    }
-    initializeDefaultPeriod() {
-        const now = new Date();
-        const currentYear = now.getFullYear();
-        const currentMonth = now.getMonth() + 1; // 0-based이므로 +1
-        // 12개월 전 계산
-        const startDate = new Date(now);
-        startDate.setMonth(startDate.getMonth() - 11); // 현재 월 포함 12개월
-        const startYear = startDate.getFullYear();
-        const startMonth = startDate.getMonth() + 1;
-        this.startYearMonth = `${startYear}-${startMonth.toString().padStart(2, '0')}`;
-        this.endYearMonth = `${currentYear}-${currentMonth.toString().padStart(2, '0')}`;
-    }
-    setupKeyboardEvents() {
-        document.addEventListener('keydown', e => {
-            if (e.key === 'Escape' && this.showRegionPopup) {
-                this.closeRegionPopup();
-            }
-        });
-    }
-    async fetchDashboardData() {
-        try {
-            // 새로운 KpiStatistic 구조 사용 - 지역별 집계된 통계 데이터 조회
-            const currentMonth = new Date().toISOString().substring(0, 7); // YYYY-MM
-            const statisticsResponse = await client.query({
-                query: gql `
-          query GetDashboardStatistics($valueDate: String!) {
-            regionalKpiStatistics(periodType: MONTH, valueDate: $valueDate) {
-              id
-              mean
-              median
-              count
-              minimum
-              maximum
-              standardDeviation
-              kpi {
-                id
-                name
-                description
-              }
-              kpiOrgScope {
-                id
-                scope02
-                entityName
-                org
-              }
-            }
-          }
-        `,
-                variables: { valueDate: currentMonth }
-            });
-            this.nationalData = statisticsResponse.data.regionalKpiStatistics || [];
-            // 통계 데이터로부터 지도 데이터 생성
-            this.generateMapDataFromStatistics();
-        }
-        catch (e) {
-            // KpiStatistic이 없는 경우 기존 방식으로 폴백
-            await this.fetchDashboardDataFallback();
-        }
-    }
-    // 폴백: KpiValue를 직접 집계하는 기존 방식
-    async fetchDashboardDataFallback() {
-        try {
-            const kpiResponse = await client.query({
-                query: gql `
-          query {
-            kpisLevel1 {
-              id
-              name
-              description
-              isLeaf
-              children {
-                id
-                name
-                isLeaf
-                value {
-                  id
-                  value
-                  score
-                  valueDate
-                  kpiOrgScope {
-                    id
-                    entityName
-                    org
-                    scope01
-                    scope02
-                  }
-                }
-              }
-              value {
-                id
-                value
-                score
-                valueDate
-                kpiOrgScope {
-                  id
-                  entityName
-                  org
-                  scope01
-                  scope02
-                }
-              }
-            }
-          }
-        `
-            });
-            this.nationalData = kpiResponse.data.kpisLevel1 || [];
-            this.generateMapDataFromKpiValues();
-        }
-        catch (e) {
-            notify({
-                level: 'error',
-                message: '대시보드 데이터를 불러오지 못했습니다.'
-            });
-        }
-    }
-    generateMapDataFromKpiValues() {
-        // 실제 KPI 데이터로부터 지도 데이터 생성
-        const regionCoordinates = {
-            서울: { lat: 37.5665, lng: 126.978 },
-            부산: { lat: 35.1796, lng: 129.0756 },
-            대구: { lat: 35.8714, lng: 128.6014 },
-            인천: { lat: 37.4563, lng: 126.7052 },
-            광주: { lat: 35.1595, lng: 126.8526 },
-            대전: { lat: 36.3504, lng: 127.3845 },
-            울산: { lat: 35.5384, lng: 129.3114 },
-            세종: { lat: 36.4875, lng: 127.2816 },
-            경기: { lat: 37.4138, lng: 127.5183 },
-            강원: { lat: 37.8228, lng: 128.1555 },
-            충북: { lat: 36.8, lng: 127.7 },
-            충남: { lat: 36.5184, lng: 126.8 },
-            전북: { lat: 35.7175, lng: 127.153 },
-            전남: { lat: 34.8679, lng: 126.991 },
-            경북: { lat: 36.4919, lng: 128.8889 },
-            경남: { lat: 35.4606, lng: 128.2132 },
-            제주: { lat: 33.4996, lng: 126.5312 }
-        };
-        const mapDataMap = new Map();
-        // nationalData에서 KPI 값들을 지역별로 집계
-        this.nationalData.forEach((kpi) => {
-            // KPI 자체에 값이 있는 경우 (leaf KPI)
-            if (kpi.value && kpi.value.kpiOrgScope) {
-                const region = kpi.value.kpiOrgScope.scope02; // 시도는 scope02에 저장
-                if (region && regionCoordinates[region]) {
-                    if (!mapDataMap.has(region)) {
-                        mapDataMap.set(region, Object.assign({ region, values: [], scores: [] }, regionCoordinates[region]));
-                    }
-                    mapDataMap.get(region).values.push(kpi.value.value);
-                    mapDataMap.get(region).scores.push(kpi.value.score);
-                }
-            }
-            // 하위 KPI들의 값들도 처리
-            if (kpi.children) {
-                kpi.children.forEach((child) => {
-                    if (child.value && child.value.kpiOrgScope) {
-                        const region = child.value.kpiOrgScope.scope02; // 시도는 scope02에 저장
-                        if (region && regionCoordinates[region]) {
-                            if (!mapDataMap.has(region)) {
-                                mapDataMap.set(region, Object.assign({ region, values: [], scores: [] }, regionCoordinates[region]));
-                            }
-                            mapDataMap.get(region).values.push(child.value.value);
-                            mapDataMap.get(region).scores.push(child.value.score);
-                        }
-                    }
-                });
-            }
-        });
-        // 지역별 평균 계산 및 최종 지도 데이터 생성
-        this.mapData = Array.from(mapDataMap.values()).map(regionData => {
-            const avgValue = regionData.values.length > 0
-                ? regionData.values.reduce((sum, val) => sum + val, 0) / regionData.values.length
-                : 0;
-            const avgScore = regionData.scores.length > 0
-                ? regionData.scores.reduce((sum, val) => sum + val, 0) / regionData.scores.length
-                : 0;
-            // 간단한 변화율 계산 (실제로는 이전 기간과 비교해야 함)
-            const change = (Math.random() - 0.5) * 0.4; // 임시로 -0.2 ~ 0.2 범위
-            const trend = change >= 0 ? 'up' : 'down';
-            return {
-                region: regionData.region,
-                kpi: parseFloat(avgValue.toFixed(1)),
-                score: parseFloat(avgScore.toFixed(3)),
-                change: parseFloat(change.toFixed(2)),
-                trend,
-                lat: regionData.lat,
-                lng: regionData.lng,
-                dataCount: regionData.values.length
-            };
-        });
-        // 데이터가 없는 지역들도 기본값으로 추가
-        Object.keys(regionCoordinates).forEach(region => {
-            if (!mapDataMap.has(region)) {
-                this.mapData.push({
-                    region,
-                    kpi: 0,
-                    score: 0,
-                    change: 0,
-                    trend: 'neutral',
-                    lat: regionCoordinates[region].lat,
-                    lng: regionCoordinates[region].lng,
-                    dataCount: 0
-                });
-            }
-        });
-    }
-    generateMapDataFromStatistics() {
-        // KpiStatistic 데이터로부터 지도 데이터 생성 (최적화된 버전)
-        const regionCoordinates = {
-            서울: { lat: 37.5665, lng: 126.978 },
-            부산: { lat: 35.1796, lng: 129.0756 },
-            대구: { lat: 35.8714, lng: 128.6014 },
-            인천: { lat: 37.4563, lng: 126.7052 },
-            광주: { lat: 35.1595, lng: 126.8526 },
-            대전: { lat: 36.3504, lng: 127.3845 },
-            울산: { lat: 35.5384, lng: 129.3114 },
-            세종: { lat: 36.4875, lng: 127.2816 },
-            경기: { lat: 37.4138, lng: 127.5183 },
-            강원: { lat: 37.8228, lng: 128.1555 },
-            충북: { lat: 36.8, lng: 127.7 },
-            충남: { lat: 36.5184, lng: 126.8 },
-            전북: { lat: 35.7175, lng: 127.153 },
-            전남: { lat: 34.8679, lng: 126.991 },
-            경북: { lat: 36.4919, lng: 128.8889 },
-            경남: { lat: 35.4606, lng: 128.2132 },
-            제주: { lat: 33.4996, lng: 126.5312 }
-        };
-        const mapDataMap = new Map();
-        // 통계 데이터를 지역별로 집계 (이미 서버에서 계산된 데이터 사용)
-        this.nationalData.forEach((statistic) => {
-            var _a;
-            const region = (_a = statistic.kpiOrgScope) === null || _a === void 0 ? void 0 : _a.scope02;
-            if (region && regionCoordinates[region]) {
-                if (!mapDataMap.has(region)) {
-                    mapDataMap.set(region, Object.assign({ region, means: [], counts: [] }, regionCoordinates[region]));
-                }
-                // 통계값 집계 (이미 계산된 평균값들 사용)
-                mapDataMap.get(region).means.push(statistic.mean || 0);
-                mapDataMap.get(region).counts.push(statistic.count || 0);
-            }
-        });
-        // 지역별 최종 평균 계산 및 지도 데이터 생성
-        this.mapData = Array.from(mapDataMap.values()).map(regionData => {
-            const avgValue = regionData.means.length > 0
-                ? regionData.means.reduce((sum, val) => sum + val, 0) / regionData.means.length
-                : 0;
-            const totalCount = regionData.counts.reduce((sum, val) => sum + val, 0);
-            // 간단한 변화율 계산 (실제로는 이전 기간과 비교해야 함)
-            const change = (Math.random() - 0.5) * 0.4;
-            const trend = change >= 0 ? 'up' : 'down';
-            return {
-                region: regionData.region,
-                kpi: parseFloat(avgValue.toFixed(1)),
-                change: parseFloat(change.toFixed(2)),
-                trend,
-                lat: regionData.lat,
-                lng: regionData.lng,
-                dataCount: totalCount,
-                statisticsCount: regionData.means.length // 통계 항목 수
-            };
-        });
-        // 데이터가 없는 지역들도 기본값으로 추가
-        Object.keys(regionCoordinates).forEach(region => {
-            if (!mapDataMap.has(region)) {
-                this.mapData.push({
-                    region,
-                    kpi: 0,
-                    change: 0,
-                    trend: 'neutral',
-                    lat: regionCoordinates[region].lat,
-                    lng: regionCoordinates[region].lng,
-                    dataCount: 0,
-                    statisticsCount: 0
-                });
-            }
-        });
-    }
-    generateMapDataFromRegionalStats() {
-        // regionalKpiStats와 monthlyTrendData를 사용하여 지도 데이터 생성
-        const regionCoordinates = {
-            서울특별시: { lat: 37.5665, lng: 126.978 },
-            부산광역시: { lat: 35.1796, lng: 129.0756 },
-            대구광역시: { lat: 35.8714, lng: 128.6014 },
-            인천광역시: { lat: 37.4563, lng: 126.7052 },
-            광주광역시: { lat: 35.1595, lng: 126.8526 },
-            대전광역시: { lat: 36.3504, lng: 127.3845 },
-            울산광역시: { lat: 35.5384, lng: 129.3114 },
-            세종특별자치시: { lat: 36.4875, lng: 127.2816 },
-            경기도: { lat: 37.4138, lng: 127.5183 },
-            강원도: { lat: 37.8228, lng: 128.1555 },
-            충청북도: { lat: 36.8, lng: 127.7 },
-            충청남도: { lat: 36.5184, lng: 126.8 },
-            전라북도: { lat: 35.7175, lng: 127.153 },
-            전라남도: { lat: 34.8679, lng: 126.991 },
-            경상북도: { lat: 36.4919, lng: 128.8889 },
-            경상남도: { lat: 35.4606, lng: 128.2132 },
-            제주특별자치도: { lat: 33.4996, lng: 126.5312 }
-        };
-        this.mapData = Object.keys(regionCoordinates).map(regionName => {
-            const stat = this.regionalKpiStats.find(s => s.geoGroup === regionName);
-            const changeRate = this.calculateChangeRate(regionName);
-            return {
-                region: regionName,
-                kpi: stat ? (stat.avgVal * 100).toFixed(1) : '0.0',
-                change: changeRate.toFixed(2),
-                trend: changeRate >= 0 ? 'up' : 'down',
-                lat: regionCoordinates[regionName].lat,
-                lng: regionCoordinates[regionName].lng,
-                dataCount: (stat === null || stat === void 0 ? void 0 : stat.projectCount) || 0
-            };
-        });
-    }
-    async fetchSigunguData() {
-        try {
-            const categoryToKpiName = {
-                '전체 KPI': null,
-                '일정 성과': '일정성과(Y1)',
-                '비용 성과': '비용성과(Y2)',
-                '품질 성과': '품질성과(Y3)',
-                '안전 성과': 'Y4. 안전성과',
-                '환경 성과': '환경성과(Y5)',
-                '생산성 성과': '생산성성과(Y6)'
-            };
-            const kpiName = categoryToKpiName[this.selectedCategory];
-            const response = await client.query({
-                query: gql `
-          query GetSigunguStats(
-            $kpiName: String
-            $startYearMonth: String
-            $endYearMonth: String
-            $sectorType: String
-            $buildingUsage: String
-          ) {
-            kpiZValueStatsBySigungu(
-              kpiName: $kpiName
-              startYearMonth: $startYearMonth
-              endYearMonth: $endYearMonth
-              sectorType: $sectorType
-              buildingUsage: $buildingUsage
-            ) {
-              geoGroup
-              avgVal
-              minVal
-              maxVal
-              projectCount
-            }
-          }
-        `,
-                variables: {
-                    kpiName,
-                    startYearMonth: this.startYearMonth || null,
-                    endYearMonth: this.endYearMonth || null,
-                    sectorType: this.selectedSectorType || null,
-                    buildingUsage: this.selectedBuildingUsage || null
-                }
-            });
-            this.sigunguData = response.data.kpiZValueStatsBySigungu || [];
-            this.generateSigunguMapData();
-        }
-        catch (e) {
-            console.error('시군구 데이터 조회 실패:', e);
-        }
-    }
-    calculateChangeRate(metroName) {
-        const regionMonthlyData = this.monthlyTrendData
-            .filter((d) => d.geoGroup === metroName)
-            .sort((a, b) => a.yearMonth.localeCompare(b.yearMonth));
-        if (regionMonthlyData.length >= 2) {
-            const oldest = regionMonthlyData[0].avgVal;
-            const latest = regionMonthlyData[regionMonthlyData.length - 1].avgVal;
-            if (oldest !== 0) {
-                return ((latest - oldest) / oldest) * 100;
-            }
-        }
-        return 0;
-    }
-    generateSigunguMapData() {
-        const map = KpiDashboardMapPage_1.SIGUNGU_MAP;
-        const geoToMetro = KpiDashboardMapPage_1.GEO_TO_METRO;
-        this.mapData = this.sigunguData
-            .filter((s) => s.geoGroup && map[s.geoGroup])
-            .map((s) => {
-            const info = map[s.geoGroup];
-            const metro = geoToMetro[s.geoGroup] || '';
-            const changeRate = this.calculateChangeRate(metro);
-            return {
-                region: info.name,
-                kpi: (s.avgVal * 100).toFixed(1),
-                change: changeRate.toFixed(2),
-                trend: changeRate >= 0 ? 'up' : 'down',
-                lat: info.lat,
-                lng: info.lng,
-                dataCount: s.projectCount || 0
-            };
-        });
-    }
-    onZoomChanged(e) {
-        const newZoom = e.detail.zoom;
-        const threshold = KpiDashboardMapPage_1.SIGUNGU_ZOOM_THRESHOLD;
-        const wasAbove = this.currentZoom >= threshold;
-        const isAbove = newZoom >= threshold;
-        this.currentZoom = newZoom;
-        // 줌 레벨이 threshold를 넘나들 때만 데이터 전환
-        if (wasAbove !== isAbove) {
-            if (isAbove) {
-                this.fetchSigunguData();
-            }
-            else {
-                this.generateMapDataFromRegionalStats();
-            }
-        }
-    }
-    /**
-     * 필터/기간/카테고리 변경으로 데이터가 갱신될 때 현재 줌 레벨에 맞는 지도 마커로 갱신.
-     * 시군구 줌 상태면 시군구 데이터를 (현재 필터로) 다시 조회 — 광역으로 되돌아가지 않도록.
-     */
-    _refreshMapForZoom() {
-        if (this.currentZoom >= KpiDashboardMapPage_1.SIGUNGU_ZOOM_THRESHOLD) {
-            this.fetchSigunguData();
-        }
-        else {
-            this.generateMapDataFromRegionalStats();
-        }
-    }
-    focusMapOnRegion(regionName) {
-        var _a;
-        const bounds = KpiDashboardMapPage_1.METRO_BOUNDS[regionName];
-        if (!bounds)
-            return;
-        const mapPanel = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('kpi-map-panel');
-        mapPanel === null || mapPanel === void 0 ? void 0 : mapPanel.focusOnLocation(bounds.lat, bounds.lng, bounds.zoom);
-    }
-    downloadExcel() { }
-    onRegionClick(region) {
-        this.selectedRegion = region;
-        // 시군구 모드인 경우 region name → geo_group 코드 역매핑
-        const sigunguMap = KpiDashboardMapPage_1.SIGUNGU_MAP;
-        const entry = Object.entries(sigunguMap).find(([, v]) => v.name === region);
-        this.selectedGeoGroup = entry ? entry[0] : null;
-        this.showRegionPopup = true;
-        // fetchRegionData는 더 이상 필요하지 않음 (kpi-region-popup에서 직접 데이터 가져옴)
-        // this.fetchRegionData(region)
-    }
-    closeRegionPopup() {
-        this.showRegionPopup = false;
-        this.selectedRegion = null;
-        this.selectedGeoGroup = null; // 시군구 코드도 초기화 — 다음 선택에 이전 시군구가 남지 않도록
-    }
-    async fetchRegionData(region) {
-        try {
-            const response = await client.query({
-                query: gql `
-          query GetRegionKpiData($filters: [Filter!]) {
-            kpiValues: latestKpiValues(filters: $filters) {
-              items {
-                id
-                value
-                score
-                valueDate
-                kpiOrgScope {
-                  id
-                  org
-                  scope01
-                  scope02
-                  entityName
-                }
-                kpi {
-                  id
-                  name
-                  parent {
-                    id
-                    name
-                  }
-                }
-              }
-              total
-            }
-          }
-        `,
-                variables: {
-                    filters: [{ name: 'kpiOrgScope.scope02', operator: 'eq', value: region }]
-                }
-            });
-            this.seoulData = response.data.kpiValues.items || [];
-        }
-        catch (e) {
-            notify({
-                level: 'error',
-                message: '지역 데이터를 불러오지 못했습니다.'
-            });
-        }
-    }
-    get context() {
-        return {
-            title: 'KPI Oversight',
-            description: '전국 및 지역별 KPI 성과 분석 대시보드'
-        };
-    }
-    _onSectorTypeChange(e) {
-        this.selectedSectorType = e.target.value;
-    }
-    _onBuildingUsageChange(e) {
-        this.selectedBuildingUsage = e.target.value;
-    }
-    render() {
-        return html `
-      <div class="dashboard-container">
-        <!-- 좌측 패널: 전국 KPI -->
-        <kpi-left-panel
-          .selectedCategory=${this.selectedCategory}
-          .startYearMonth=${this.startYearMonth}
-          .endYearMonth=${this.endYearMonth}
-          .sectorType=${this.selectedSectorType}
-          .buildingUsage=${this.selectedBuildingUsage}
-          .mapData=${this.mapData}
-          @category-change=${(e) => {
-            this.selectedCategory = e.detail.category;
-        }}
-          @period-change=${(e) => {
-            // 좌측 패널 기간 변경을 부모로 동기화 → 지역 팝업도 같은 기간으로 조회 (기준 일치)
-            this.startYearMonth = e.detail.startYearMonth;
-            this.endYearMonth = e.detail.endYearMonth;
-        }}
-          @sector-change=${(e) => {
-            // 유형 필터를 부모로 동기화 → 지역 팝업도 같은 유형 필터 사용
-            this.selectedSectorType = e.detail.sectorType;
-        }}
-          @usage-change=${(e) => {
-            // 용도 필터를 부모로 동기화 → 지역 팝업도 같은 용도 필터 사용
-            this.selectedBuildingUsage = e.detail.buildingUsage;
-        }}
-          @region-click=${(e) => {
-            this.onRegionClick(e.detail.region);
-        }}
-          @focus-region=${(e) => {
-            this.focusMapOnRegion(e.detail.region);
-        }}
-          @monthly-trend-data-loaded=${(e) => {
-            this.monthlyTrendData = e.detail.data;
-            this._refreshMapForZoom();
-        }}
-          @total-kpi-y-stats-loaded=${(e) => {
-            this.totalKpiYStats = e.detail.data;
-        }}
-          @regional-kpi-stats-loaded=${(e) => {
-            this.regionalKpiStats = e.detail.data;
-            this._refreshMapForZoom();
-        }}
-          @download-excel=${this.downloadExcel}
-        ></kpi-left-panel>
-
-        <!-- 우측 패널: 지도 -->
-        <kpi-map-panel
-          class="right-panel"
-          .selectedCategory=${this.selectedCategory}
-          .mapData=${this.mapData}
-          .selectedRegion=${this.selectedRegion}
-          @region-click=${(e) => {
-            this.onRegionClick(e.detail.region);
-        }}
-          @zoom-changed=${(e) => {
-            this.onZoomChanged(e);
-        }}
-        ></kpi-map-panel>
-
-        <!-- 지역 상세 팝업 -->
-        ${this.showRegionPopup
-            ? html `
-              <kpi-region-popup
-                .selectedRegion=${this.selectedRegion}
-                .geoGroup=${this.selectedGeoGroup}
-                .selectedCategory=${this.selectedCategory}
-                .monthlyTrendData=${this.monthlyTrendData}
-                .totalKpiStats=${this.totalKpiYStats}
-                .startYearMonth=${this.startYearMonth}
-                .endYearMonth=${this.endYearMonth}
-                .sectorType=${this.selectedSectorType}
-                .buildingUsage=${this.selectedBuildingUsage}
-                @popup-close=${this.closeRegionPopup}
-              ></kpi-region-popup>
-            `
-            : nothing}
-      </div>
-    `;
-    }
-};
-KpiDashboardMapPage.styles = [
-    ScrollbarStyles,
-    css `
-      :host {
-        display: flex;
-        flex-direction: column;
-        overflow: hidden;
-        position: relative;
-      }
-
-      .dashboard-container {
-        display: flex;
-        flex: 1;
-        overflow: hidden;
-      }
-
-      .right-panel {
-        flex: 1;
-        background: #f8f9fa;
-        overflow: hidden;
-        position: relative;
-      }
-    `
-];
-KpiDashboardMapPage.SIGUNGU_ZOOM_THRESHOLD = 10;
-// 시군구별 좌표 (geo_group 2자리 코드 → { name, lat, lng })
-KpiDashboardMapPage.SIGUNGU_MAP = {
-    '01': { name: '서울 종로구', lat: 37.5735, lng: 126.979 },
-    '02': { name: '서울 중구', lat: 37.5641, lng: 126.9979 },
-    '03': { name: '서울 용산구', lat: 37.5326, lng: 126.9906 },
-    '04': { name: '서울 성동구', lat: 37.5634, lng: 127.0369 },
-    '05': { name: '서울 광진구', lat: 37.5385, lng: 127.0823 },
-    '06': { name: '서울 강남구', lat: 37.5172, lng: 127.0473 },
-    '07': { name: '서울 송파구', lat: 37.5145, lng: 127.106 },
-    '08': { name: '서울 강서구', lat: 37.551, lng: 126.8495 },
-    '10': { name: '수원시', lat: 37.2636, lng: 127.0286 },
-    '11': { name: '성남시', lat: 37.42, lng: 127.1265 },
-    '12': { name: '고양시', lat: 37.6584, lng: 126.832 },
-    '13': { name: '용인시', lat: 37.2411, lng: 127.1776 },
-    '14': { name: '부천시', lat: 37.5034, lng: 126.766 },
-    '15': { name: '안산시', lat: 37.3219, lng: 126.8309 },
-    '16': { name: '화성시', lat: 37.1995, lng: 126.8312 },
-    '17': { name: '평택시', lat: 36.9921, lng: 127.1127 },
-    '18': { name: '파주시', lat: 37.7599, lng: 126.7799 },
-    '21': { name: '인천 남동구', lat: 37.4488, lng: 126.7308 },
-    '22': { name: '인천 부평구', lat: 37.5076, lng: 126.7218 },
-    '23': { name: '인천 서구', lat: 37.5458, lng: 126.676 },
-    '24': { name: '춘천시', lat: 37.8813, lng: 127.73 },
-    '25': { name: '원주시', lat: 37.3422, lng: 127.9202 },
-    '26': { name: '강릉시', lat: 37.7519, lng: 128.8761 },
-    '27': { name: '청주시', lat: 36.6424, lng: 127.489 },
-    '28': { name: '충주시', lat: 36.991, lng: 127.9259 },
-    '29': { name: '제천시', lat: 37.1327, lng: 128.191 },
-    '30': { name: '세종시', lat: 36.4875, lng: 127.2816 },
-    '31': { name: '천안시', lat: 36.8151, lng: 127.1139 },
-    '32': { name: '아산시', lat: 36.7898, lng: 127.0018 },
-    '33': { name: '속초시', lat: 38.2071, lng: 128.5918 },
-    '34': { name: '대전 서구', lat: 36.3555, lng: 127.3835 },
-    '35': { name: '대전 유성구', lat: 36.3622, lng: 127.3561 },
-    '36': { name: '포항시', lat: 36.019, lng: 129.3435 },
-    '37': { name: '경주시', lat: 35.8562, lng: 129.2247 },
-    '38': { name: '구미시', lat: 36.1196, lng: 128.3443 },
-    '39': { name: '안동시', lat: 36.5684, lng: 128.7294 },
-    '40': { name: '김천시', lat: 36.1398, lng: 128.1136 },
-    '41': { name: '대구 중구', lat: 35.8693, lng: 128.6062 },
-    '42': { name: '대구 수성구', lat: 35.8584, lng: 128.6308 },
-    '43': { name: '대구 달서구', lat: 35.8299, lng: 128.5327 },
-    '44': { name: '울산 남구', lat: 35.5444, lng: 129.3304 },
-    '45': { name: '울산 중구', lat: 35.5696, lng: 129.3324 },
-    '46': { name: '부산 중구', lat: 35.106, lng: 129.0324 },
-    '47': { name: '부산 해운대구', lat: 35.1631, lng: 129.1636 },
-    '48': { name: '부산 사하구', lat: 35.1046, lng: 128.9751 },
-    '49': { name: '부산 금정구', lat: 35.2431, lng: 129.0923 },
-    '50': { name: '창원시', lat: 35.2281, lng: 128.6812 },
-    '51': { name: '김해시', lat: 35.2285, lng: 128.8894 },
-    '52': { name: '진주시', lat: 35.1798, lng: 128.1076 },
-    '53': { name: '양산시', lat: 35.335, lng: 129.0373 },
-    '54': { name: '전주시', lat: 35.8242, lng: 127.148 },
-    '55': { name: '익산시', lat: 35.9483, lng: 126.9576 },
-    '56': { name: '군산시', lat: 35.9676, lng: 126.7369 },
-    '57': { name: '목포시', lat: 34.8118, lng: 126.3922 },
-    '58': { name: '여수시', lat: 34.7604, lng: 127.6622 },
-    '59': { name: '순천시', lat: 34.9506, lng: 127.4873 },
-    '61': { name: '광주 서구', lat: 35.1525, lng: 126.8895 },
-    '62': { name: '광주 북구', lat: 35.1744, lng: 126.912 },
-    '63': { name: '제주시', lat: 33.4996, lng: 126.5312 }
-};
-// geo_group 코드 → 광역시도 매핑
-KpiDashboardMapPage.GEO_TO_METRO = {
-    '01': '서울특별시',
-    '02': '서울특별시',
-    '03': '서울특별시',
-    '04': '서울특별시',
-    '05': '서울특별시',
-    '06': '서울특별시',
-    '07': '서울특별시',
-    '08': '서울특별시',
-    '10': '경기도',
-    '11': '경기도',
-    '12': '경기도',
-    '13': '경기도',
-    '14': '경기도',
-    '15': '경기도',
-    '16': '경기도',
-    '17': '경기도',
-    '18': '경기도',
-    '21': '인천광역시',
-    '22': '인천광역시',
-    '23': '인천광역시',
-    '24': '강원도',
-    '25': '강원도',
-    '26': '강원도',
-    '33': '강원도',
-    '27': '충청북도',
-    '28': '충청북도',
-    '29': '충청북도',
-    '30': '세종특별자치시',
-    '31': '충청남도',
-    '32': '충청남도',
-    '34': '대전광역시',
-    '35': '대전광역시',
-    '36': '경상북도',
-    '37': '경상북도',
-    '38': '경상북도',
-    '39': '경상북도',
-    '40': '경상북도',
-    '41': '대구광역시',
-    '42': '대구광역시',
-    '43': '대구광역시',
-    '44': '울산광역시',
-    '45': '울산광역시',
-    '46': '부산광역시',
-    '47': '부산광역시',
-    '48': '부산광역시',
-    '49': '부산광역시',
-    '50': '경상남도',
-    '51': '경상남도',
-    '52': '경상남도',
-    '53': '경상남도',
-    '54': '전라북도',
-    '55': '전라북도',
-    '56': '전라북도',
-    '57': '전라남도',
-    '58': '전라남도',
-    '59': '전라남도',
-    '61': '광주광역시',
-    '62': '광주광역시',
-    '63': '제주특별자치도'
-};
-// 광역시도별 중심 좌표 + 줌 레벨 (시군구가 모두 보이는 수준)
-KpiDashboardMapPage.METRO_BOUNDS = {
-    서울특별시: { lat: 37.5665, lng: 126.978, zoom: 11 },
-    부산광역시: { lat: 35.1796, lng: 129.0756, zoom: 11 },
-    대구광역시: { lat: 35.8714, lng: 128.6014, zoom: 11 },
-    인천광역시: { lat: 37.4563, lng: 126.7052, zoom: 11 },
-    광주광역시: { lat: 35.1595, lng: 126.8526, zoom: 12 },
-    대전광역시: { lat: 36.3504, lng: 127.3845, zoom: 12 },
-    울산광역시: { lat: 35.5384, lng: 129.3114, zoom: 11 },
-    세종특별자치시: { lat: 36.4875, lng: 127.2816, zoom: 12 },
-    경기도: { lat: 37.4138, lng: 127.0183, zoom: 9 },
-    강원도: { lat: 37.8228, lng: 128.1555, zoom: 9 },
-    충청북도: { lat: 36.8, lng: 127.7, zoom: 9 },
-    충청남도: { lat: 36.5184, lng: 126.8, zoom: 10 },
-    전라북도: { lat: 35.7175, lng: 127.153, zoom: 10 },
-    전라남도: { lat: 34.8679, lng: 126.991, zoom: 9 },
-    경상북도: { lat: 36.4919, lng: 128.8889, zoom: 9 },
-    경상남도: { lat: 35.4606, lng: 128.2132, zoom: 9 },
-    제주특별자치도: { lat: 33.4996, lng: 126.5312, zoom: 11 }
-};
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], KpiDashboardMapPage.prototype, "selectedCategory", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], KpiDashboardMapPage.prototype, "selectedPeriod", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], KpiDashboardMapPage.prototype, "startYearMonth", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], KpiDashboardMapPage.prototype, "endYearMonth", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], KpiDashboardMapPage.prototype, "selectedSectorType", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], KpiDashboardMapPage.prototype, "selectedBuildingUsage", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], KpiDashboardMapPage.prototype, "currentZoom", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], KpiDashboardMapPage.prototype, "sigunguData", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], KpiDashboardMapPage.prototype, "nationalData", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], KpiDashboardMapPage.prototype, "seoulData", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], KpiDashboardMapPage.prototype, "mapData", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], KpiDashboardMapPage.prototype, "monthlyTrendData", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], KpiDashboardMapPage.prototype, "totalKpiYStats", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], KpiDashboardMapPage.prototype, "regionalKpiStats", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], KpiDashboardMapPage.prototype, "selectedRegion", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], KpiDashboardMapPage.prototype, "selectedGeoGroup", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], KpiDashboardMapPage.prototype, "showRegionPopup", void 0);
-KpiDashboardMapPage = KpiDashboardMapPage_1 = __decorate([
-    customElement('kpi-dashboard-map')
-], KpiDashboardMapPage);
-export { KpiDashboardMapPage };
-//# sourceMappingURL=kpi-dashboard-map.js.map