@dssp/dkpi 1.0.0-alpha.7 → 1.0.0-alpha.71

package/dist-client/pages/kpi-dashboard/components/kpi-left-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-left-panel.js","sourceRoot":"","sources":["../../../../client/pages/kpi-dashboard/components/kpi-left-panel.ts"],"names":[],"mappings":"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","sourcesContent":["import gql from 'graphql-tag'\nimport { LitElement, html, css } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ScrollbarStyles } from '@operato/styles'\nimport { client } from '@operato/graphql'\n\nimport '../../../components/kpi-radar-chart.js'\nimport '../../../components/kpi-boxplot-chart.js'\nimport '../../../components/kpi-mini-trend-chart.js'\n\n@customElement('kpi-left-panel')\nexport class KpiLeftPanel extends LitElement {\n  static styles = [\n    ScrollbarStyles,\n    css`\n      :host {\n        display: block;\n        width: 400px;\n        background: #fff;\n        border-right: 1px solid #e0e0e0;\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);\n      }\n      .panel-content {\n        padding: 20px;\n        overflow-y: auto;\n        flex: 1;\n      }\n      .panel-header {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 20px;\n        border-bottom: 1px solid #e0e0e0;\n        background: #fff;\n        height: 70px;\n        box-sizing: border-box;\n      }\n      .panel-title {\n        font-size: 1.3rem;\n        font-weight: bold;\n        color: #333;\n        margin: 0;\n      }\n      .panel-close {\n        width: 32px;\n        height: 32px;\n        border: none;\n        background: #fff;\n        border-radius: 50%;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 1.2rem;\n        color: #666;\n        transition: all 0.2s;\n      }\n      .panel-close:hover {\n        background: #e9ecef;\n        color: #333;\n      }\n      .sub-title {\n        font-size: 1rem;\n        font-weight: 600;\n        margin-bottom: 16px;\n        color: #495057;\n      }\n      .chart-section {\n        background: #f8f9fa;\n        border-radius: 8px;\n        padding: 16px;\n        margin-bottom: 20px;\n      }\n      .chart-toggle {\n        display: flex;\n        gap: 8px;\n        margin-bottom: 16px;\n      }\n      .toggle-button {\n        padding: 8px 16px;\n        border: 1px solid #ced4da;\n        background: #fff;\n        border-radius: 6px;\n        cursor: pointer;\n        font-size: 0.9rem;\n        transition: all 0.2s;\n      }\n      .toggle-button.active {\n        background: #667eea;\n        color: white;\n        border-color: #667eea;\n      }\n      .chart-container {\n        height: 300px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: white;\n        border-radius: 6px;\n        border: 1px solid #e9ecef;\n      }\n      .performance-table {\n        width: 100%;\n        border-collapse: collapse;\n        margin-top: 16px;\n      }\n      .performance-table th,\n      .performance-table td {\n        padding: 12px 8px;\n        text-align: left;\n        border-bottom: 1px solid #e9ecef;\n      }\n      .performance-table th {\n        background: #f8f9fa;\n        font-weight: 600;\n        color: #495057;\n      }\n      .performance-table td {\n        color: #333;\n      }\n      .change-rate {\n        display: flex;\n        align-items: center;\n        gap: 4px;\n      }\n      .change-up {\n        color: #dc3545;\n      }\n      .change-down {\n        color: #198754;\n      }\n      .change-neutral {\n        color: #6c757d;\n      }\n      .trend-chart {\n        width: 60px;\n        height: 30px;\n        background: #f8f9fa;\n        border-radius: 4px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        font-size: 0.8rem;\n        color: #666;\n      }\n      .download-button {\n        margin-top: 16px;\n        padding: 8px 16px;\n        background: #28a745;\n        color: white;\n        border: none;\n        border-radius: 6px;\n        cursor: pointer;\n        font-size: 0.9rem;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n      }\n      .download-button:hover {\n        background: #218838;\n      }\n      .filter-row {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 6px;\n        margin-bottom: 10px;\n      }\n      .filter-label {\n        font-size: 0.75rem;\n        font-weight: 600;\n        color: #495057;\n        white-space: nowrap;\n      }\n      .filter-select {\n        flex: 1;\n        min-width: 0;\n        padding: 4px 6px;\n        border: 1px solid #ced4da;\n        border-radius: 4px;\n        background: white;\n        font-size: 0.78rem;\n      }\n      .filter-select:focus {\n        outline: none;\n        border-color: #667eea;\n      }\n    `\n  ]\n\n  @property({ type: String }) selectedCategory = '전체 KPI'\n  @property({ type: String }) selectedChartType = 'boxplot'\n  @property({ type: Array }) mapData: any[] = []\n  @property({ type: String }) startYearMonth = '' // YYYY-MM 형식\n  @property({ type: String }) endYearMonth = '' // YYYY-MM 형식\n  @property({ type: String }) sectorType = ''\n  @property({ type: String }) buildingUsage = ''\n\n  @state() private isAllPeriod = false\n  @state() private chartData: any[] = []\n  @state() private chartCategories: string[] = []\n  @state() private kpiYComprehensiveStats: any[] = []\n  @state() private regionalKpiStats: any[] = []\n  @state() private monthlyTrendData: any[] = []\n\n  // 행정안전부 행정구역코드 순서\n  private readonly regionOrder = [\n    '서울특별시',\n    '부산광역시',\n    '대구광역시',\n    '인천광역시',\n    '광주광역시',\n    '대전광역시',\n    '울산광역시',\n    '세종특별자치시',\n    '경기도',\n    '강원도',\n    '충청북도',\n    '충청남도',\n    '전라북도',\n    '전라남도',\n    '경상북도',\n    '경상남도',\n    '제주특별자치도'\n  ]\n\n  connectedCallback() {\n    super.connectedCallback()\n    // 기간 초기값이 비어있으면 현재 월 기준 12개월로 설정\n    if (!this.startYearMonth || !this.endYearMonth) {\n      const now = new Date()\n      const end = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}`\n      const start = new Date(now)\n      start.setMonth(start.getMonth() - 11)\n      const startStr = `${start.getFullYear()}-${String(start.getMonth() + 1).padStart(2, '0')}`\n      this.startYearMonth = startStr\n      this.endYearMonth = end\n    }\n    this.fetchKpiYComprehensiveStats()\n    this.fetchRegionalKpiStats()\n    this.fetchMonthlyTrendData()\n  }\n\n  updated(changedProperties: Map<string, any>) {\n    // selectedCategory, startYearMonth, endYearMonth가 변경되면 데이터 다시 가져오기\n    if (\n      changedProperties.has('selectedCategory') ||\n      changedProperties.has('startYearMonth') ||\n      changedProperties.has('endYearMonth') ||\n      changedProperties.has('sectorType') ||\n      changedProperties.has('buildingUsage')\n    ) {\n      // 기간 정보가 설정되어 있을 때만 조회 (빈 문자열이면 전체 기간)\n      if (this.startYearMonth !== undefined && this.endYearMonth !== undefined) {\n        this.fetchKpiYComprehensiveStats()\n        this.fetchRegionalKpiStats()\n        this.fetchMonthlyTrendData()\n      }\n    }\n  }\n\n  async fetchKpiYComprehensiveStats() {\n    try {\n      const response = await client.query({\n        query: gql`\n          query GetKpiYValueComprehensiveStats(\n            $startYearMonth: String\n            $endYearMonth: String\n            $sectorType: String\n            $buildingUsage: String\n          ) {\n            totalKpiYValueComprehensiveStats(\n              startYearMonth: $startYearMonth\n              endYearMonth: $endYearMonth\n              sectorType: $sectorType\n              buildingUsage: $buildingUsage\n            ) {\n              kpiName\n              minVal\n              q1Val\n              medVal\n              q3Val\n              maxVal\n              avgVal\n            }\n          }\n        `,\n        variables: {\n          startYearMonth: this.startYearMonth,\n          endYearMonth: this.endYearMonth,\n          sectorType: this.sectorType || null,\n          buildingUsage: this.buildingUsage || null\n        }\n      })\n\n      this.kpiYComprehensiveStats = response.data.totalKpiYValueComprehensiveStats || []\n\n      // 부모에게 전체 Y-level KPI 통계 전달\n      this.dispatchEvent(\n        new CustomEvent('total-kpi-y-stats-loaded', {\n          detail: { data: this.kpiYComprehensiveStats },\n          bubbles: true,\n          composed: true\n        })\n      )\n\n      this.generateChartData()\n    } catch (error) {\n      console.error('Failed to fetch KPI Y comprehensive stats:', error)\n      this.kpiYComprehensiveStats = []\n      this.generateChartData()\n    }\n  }\n\n  async fetchRegionalKpiStats() {\n    try {\n      // selectedCategory에 따라 kpiName 결정\n      const categoryToKpiName: Record<string, string | null> = {\n        '전체 KPI': null,\n        '일정 성과': 'Y1. 일정성과',\n        '비용 성과': 'Y2. 비용성과',\n        '품질 성과': 'Y3. 품질성과',\n        '안전 성과': 'Y4. 안전성과',\n        '환경 성과': 'Y5. 환경성과',\n        '생산성 성과': 'Y6. 생산성성과'\n      }\n\n      const kpiName = categoryToKpiName[this.selectedCategory]\n\n      const response = await client.query({\n        query: gql`\n          query GetRegionalKpiStats(\n            $kpiName: String\n            $startYearMonth: String\n            $endYearMonth: String\n            $sectorType: String\n            $buildingUsage: String\n          ) {\n            kpiZValueComprehensiveStatsByGeoGroup(\n              kpiName: $kpiName\n              startYearMonth: $startYearMonth\n              endYearMonth: $endYearMonth\n              sectorType: $sectorType\n              buildingUsage: $buildingUsage\n            ) {\n              geoGroup\n              avgVal\n              minVal\n              maxVal\n              projectCount\n            }\n          }\n        `,\n        variables: {\n          kpiName,\n          startYearMonth: this.startYearMonth,\n          endYearMonth: this.endYearMonth,\n          sectorType: this.sectorType || null,\n          buildingUsage: this.buildingUsage || null\n        }\n      })\n\n      this.regionalKpiStats = response.data.kpiZValueComprehensiveStatsByGeoGroup || []\n\n      // 부모에게 지역별 KPI 통계 전달\n      this.dispatchEvent(\n        new CustomEvent('regional-kpi-stats-loaded', {\n          detail: { data: this.regionalKpiStats },\n          bubbles: true,\n          composed: true\n        })\n      )\n    } catch (error) {\n      console.error('Failed to fetch regional KPI stats:', error)\n      this.regionalKpiStats = []\n    }\n  }\n\n  async fetchMonthlyTrendData() {\n    try {\n      // selectedCategory에 따라 kpiName 결정\n      const categoryToKpiName: Record<string, string | null> = {\n        '전체 KPI': null,\n        '일정 성과': 'Y1. 일정성과',\n        '비용 성과': 'Y2. 비용성과',\n        '품질 성과': 'Y3. 품질성과',\n        '안전 성과': 'Y4. 안전성과',\n        '환경 성과': 'Y5. 환경성과',\n        '생산성 성과': 'Y6. 생산성성과'\n      }\n\n      const kpiName = categoryToKpiName[this.selectedCategory]\n\n      const response = await client.query({\n        query: gql`\n          query GetMonthlyTrendData(\n            $kpiName: String\n            $startYearMonth: String\n            $endYearMonth: String\n            $sectorType: String\n            $buildingUsage: String\n          ) {\n            kpiZValueMonthlyTrendByGeoGroup(\n              kpiName: $kpiName\n              startYearMonth: $startYearMonth\n              endYearMonth: $endYearMonth\n              sectorType: $sectorType\n              buildingUsage: $buildingUsage\n            ) {\n              geoGroup\n              yearMonth\n              avgVal\n              projectCount\n            }\n          }\n        `,\n        variables: {\n          kpiName,\n          startYearMonth: this.startYearMonth,\n          endYearMonth: this.endYearMonth,\n          sectorType: this.sectorType || null,\n          buildingUsage: this.buildingUsage || null\n        }\n      })\n\n      this.monthlyTrendData = response.data.kpiZValueMonthlyTrendByGeoGroup || []\n\n      // 부모에게 월별 추이 데이터 전달\n      this.dispatchEvent(\n        new CustomEvent('monthly-trend-data-loaded', {\n          detail: { data: this.monthlyTrendData },\n          bubbles: true,\n          composed: true\n        })\n      )\n    } catch (error) {\n      console.error('Failed to fetch monthly trend data:', error)\n      this.monthlyTrendData = []\n    }\n  }\n\n  private getRegionTrendData(region: string): number[] {\n    // 해당 지역의 최근 12개월 트렌드 데이터 추출\n    const regionData = this.monthlyTrendData\n      .filter(d => d.geoGroup === region)\n      .sort((a, b) => a.yearMonth.localeCompare(b.yearMonth))\n      .map(d => d.avgVal * 100) // 20배 스케일\n\n    // 12개월 데이터가 없으면 빈 배열 반환\n    return regionData.length > 0 ? regionData : []\n  }\n\n  private calculateChangeRate(region: string): number {\n    // 해당 지역의 월별 데이터를 시간순으로 정렬\n    const regionData = this.monthlyTrendData\n      .filter(d => d.geoGroup === region)\n      .sort((a, b) => a.yearMonth.localeCompare(b.yearMonth))\n\n    if (regionData.length < 2) return 0\n\n    // 가장 오래된 달과 가장 최근 달의 값 비교\n    const oldestValue = regionData[0].avgVal\n    const latestValue = regionData[regionData.length - 1].avgVal\n\n    if (oldestValue === 0) return 0\n\n    // 변동율 계산: (최근값 - 과거값) / 과거값 * 100\n    return ((latestValue - oldestValue) / oldestValue) * 100\n  }\n\n  private generateChartData() {\n    // KPI 이름을 카테고리로 매핑 및 축약\n    const categoryMapping: Record<string, string> = {\n      'Y1. 일정성과': '일정',\n      'Y2. 비용성과': '비용',\n      'Y3. 품질성과': '품질',\n      'Y4. 안전성과': '안전',\n      'Y5. 환경성과': '환경',\n      'Y6. 생산성성과': '생산성'\n    }\n\n\n    if (this.selectedChartType === 'radar') {\n      // 레이더 차트용 데이터 생성 (전체 평균만 표시)\n      const data: Array<{ org: string; category: string; value: number }> = []\n      const categories: string[] = []\n\n      this.kpiYComprehensiveStats.forEach(stat => {\n        const category = categoryMapping[stat.kpiName] || stat.kpiName\n        if (!categories.includes(category)) {\n          categories.push(category)\n        }\n\n        // 전체 평균 데이터만 표시 (비교 시리즈 없음)\n        data.push({\n          org: '전체평균',\n          category,\n          value: Math.round(stat.avgVal * 100)\n        })\n      })\n\n      this.chartCategories = categories.length > 0 ? categories : ['일정', '비용', '품질', '안전', '환경', '생산성']\n      this.chartData = data\n    } else {\n      // 박스플롯용 데이터 생성 (sv-project-detail.ts의 getYKpiBoxplotData 참조)\n      const data: Array<{\n        org: string\n        min: number\n        max: number\n        q1: number\n        q3: number\n        median: number\n        mean: number\n        value: number\n      }> = []\n      const categories: string[] = []\n\n      this.kpiYComprehensiveStats.forEach(stat => {\n        const category = categoryMapping[stat.kpiName] || stat.kpiName\n        if (!categories.includes(category)) {\n          categories.push(category)\n        }\n        data.push({\n          org: category,\n          min: stat.minVal * 100,\n          max: stat.maxVal * 100,\n          q1: stat.q1Val * 100,\n          q3: stat.q3Val * 100,\n          median: stat.medVal * 100,\n          mean: stat.avgVal * 100,\n          value: stat.avgVal * 100\n        })\n      })\n\n      this.chartCategories = categories.length > 0 ? categories : ['일정', '비용', '품질', '안전', '환경', '생산성']\n      this.chartData = data\n    }\n  }\n\n  private _onAllPeriodChange(e: Event) {\n    this.isAllPeriod = (e.target as HTMLInputElement).checked\n    if (this.isAllPeriod) {\n      this.startYearMonth = ''\n      this.endYearMonth = ''\n    }\n  }\n\n  private onCategoryChange(event: Event) {\n    const target = event.target as HTMLSelectElement\n    this.selectedCategory = target.value\n\n    // 카테고리 변경 시 지역별 통계와 월별 추이 데이터만 다시 가져오기\n    // 종합 성과(박스플롯/레이더)는 항상 전체 Y-level KPI를 표시\n    this.fetchRegionalKpiStats()\n    this.fetchMonthlyTrendData()\n\n    this.dispatchEvent(\n      new CustomEvent('category-change', {\n        detail: { category: target.value },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private onChartTypeChange(type: string) {\n    this.selectedChartType = type\n    this.generateChartData()\n  }\n\n  private onRegionClick(region: string) {\n    // 지도를 해당 광역시도로 포커스\n    this.dispatchEvent(\n      new CustomEvent('focus-region', {\n        detail: { region },\n        bubbles: true,\n        composed: true\n      })\n    )\n    // 팝업 열기\n    this.dispatchEvent(\n      new CustomEvent('region-click', {\n        detail: { region },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private downloadExcel() {\n    import('xlsx').then(XLSX => {\n      const filterLabel = [\n        this.selectedCategory,\n        this.sectorType === 'PUBLIC' ? '공공' : this.sectorType === 'PRIVATE' ? '민간' : '',\n        this.buildingUsage === 'RESIDENTIAL' ? '주거' : this.buildingUsage === 'NON_RESIDENTIAL' ? '비주거' : ''\n      ]\n        .filter(Boolean)\n        .join('_')\n\n      const period = this.isAllPeriod ? '전체기간' : `${this.startYearMonth}~${this.endYearMonth}`\n      const wb = XLSX.utils.book_new()\n\n      // Sheet 1: 검색 조건\n      const condData = [\n        { 항목: 'KPI 카테고리', 값: this.selectedCategory },\n        { 항목: '사업 유형', 값: this.sectorType === 'PUBLIC' ? '공공' : this.sectorType === 'PRIVATE' ? '민간' : '전체' },\n        { 항목: '건물 용도', 값: this.buildingUsage === 'RESIDENTIAL' ? '주거' : this.buildingUsage === 'NON_RESIDENTIAL' ? '비주거' : '전체' },\n        { 항목: '기간', 값: this.isAllPeriod ? '전체 기간' : `${this.startYearMonth} ~ ${this.endYearMonth}` },\n        { 항목: '다운로드 일시', 값: new Date().toLocaleString('ko-KR') }\n      ]\n      const wsCond = XLSX.utils.json_to_sheet(condData)\n      wsCond['!cols'] = [{ wch: 16 }, { wch: 30 }]\n      XLSX.utils.book_append_sheet(wb, wsCond, '검색 조건')\n\n      // Sheet 2: 종합 성과\n      const yData = this.kpiYComprehensiveStats.map((s: any) => ({\n        KPI: s.kpiName,\n        최소: Number((s.minVal * 100).toFixed(2)),\n        Q1: Number((s.q1Val * 100).toFixed(2)),\n        중앙값: Number((s.medVal * 100).toFixed(2)),\n        Q3: Number((s.q3Val * 100).toFixed(2)),\n        최대: Number((s.maxVal * 100).toFixed(2)),\n        평균: Number((s.avgVal * 100).toFixed(2))\n      }))\n      const ws1 = XLSX.utils.json_to_sheet(yData)\n      ws1['!cols'] = [{ wch: 20 }, { wch: 10 }, { wch: 10 }, { wch: 10 }, { wch: 10 }, { wch: 10 }, { wch: 10 }]\n      XLSX.utils.book_append_sheet(wb, ws1, '종합 성과')\n\n      // Sheet 2: 시도별 성과\n      const rData = this.getSortedRegionData().map((item: any) => {\n        const stat = this.regionalKpiStats.find((s: any) => s.geoGroup === item.region)\n        return {\n          지역: item.region,\n          'KPI 점수': Number(item.kpi) || 0,\n          '변동률(%)': Number(Number(item.change).toFixed(2)),\n          프로젝트수: stat?.projectCount ?? 0\n        }\n      })\n      const ws2 = XLSX.utils.json_to_sheet(rData)\n      ws2['!cols'] = [{ wch: 16 }, { wch: 12 }, { wch: 12 }, { wch: 12 }]\n      XLSX.utils.book_append_sheet(wb, ws2, '시도별 성과')\n\n      // Sheet 3: 월별 추이\n      if (this.monthlyTrendData.length > 0) {\n        const mData = this.monthlyTrendData.map((d: any) => ({\n          지역: d.geoGroup,\n          기간: d.yearMonth,\n          평균: Number((d.avgVal * 100).toFixed(2)),\n          프로젝트수: d.projectCount\n        }))\n        const ws3 = XLSX.utils.json_to_sheet(mData)\n        ws3['!cols'] = [{ wch: 16 }, { wch: 12 }, { wch: 10 }, { wch: 12 }]\n        XLSX.utils.book_append_sheet(wb, ws3, '월별 추이')\n      }\n\n      XLSX.writeFile(wb, `KPI_대시보드_${filterLabel}_${period}.xlsx`)\n    })\n  }\n\n  // regionOrder에 따라 지역 데이터를 정렬\n  private getSortedRegionData() {\n    // 실제 데이터를 기반으로 각 시도에 대한 데이터 생성\n    return this.regionOrder.map(regionName => {\n      const stat = this.regionalKpiStats.find(s => s.geoGroup === regionName)\n      const changeRate = this.calculateChangeRate(regionName)\n      return {\n        region: regionName,\n        kpi: stat ? (stat.avgVal * 100).toFixed(1) : '-',\n        change: changeRate.toFixed(2),\n        trendData: this.getRegionTrendData(regionName),\n        lat: 36.5,\n        lng: 127.5\n      }\n    })\n  }\n\n  private getChangeRateClass(change: number): string {\n    if (change > 0) return 'change-up'\n    if (change < 0) return 'change-down'\n    return 'change-neutral'\n  }\n\n  private getChangeIcon(change: number): string {\n    if (change > 0) return '▲'\n    if (change < 0) return '▼'\n    return '─'\n  }\n\n  render() {\n    return html`\n      <div class=\"panel-header\">\n        <div class=\"panel-title\">전국 KPI</div>\n        <button class=\"panel-close\" style=\"visibility: hidden;\">×</button>\n      </div>\n      <div class=\"panel-content\">\n        <!-- 필터: KPI / 사업유형 / 건물용도 -->\n        <div class=\"filter-row\">\n          <span class=\"filter-label\">KPI</span>\n          <select class=\"filter-select\" .value=${this.selectedCategory} @change=${this.onCategoryChange}>\n            <option value=\"전체 KPI\">전체 KPI</option>\n            <option value=\"일정 성과\">일정</option>\n            <option value=\"비용 성과\">비용</option>\n            <option value=\"품질 성과\">품질</option>\n            <option value=\"안전 성과\">안전</option>\n            <option value=\"환경 성과\">환경</option>\n            <option value=\"생산성 성과\">생산성</option>\n          </select>\n          <span class=\"filter-label\">유형</span>\n          <select\n            class=\"filter-select\"\n            .value=${this.sectorType}\n            @change=${(e: Event) => {\n              this.sectorType = (e.target as HTMLSelectElement).value\n            }}\n          >\n            <option value=\"\">전체</option>\n            <option value=\"PUBLIC\">공공</option>\n            <option value=\"PRIVATE\">민간</option>\n          </select>\n          <span class=\"filter-label\">용도</span>\n          <select\n            class=\"filter-select\"\n            .value=${this.buildingUsage}\n            @change=${(e: Event) => {\n              this.buildingUsage = (e.target as HTMLSelectElement).value\n            }}\n          >\n            <option value=\"\">전체</option>\n            <option value=\"RESIDENTIAL\">주거</option>\n            <option value=\"NON_RESIDENTIAL\">비주거</option>\n          </select>\n        </div>\n\n        <!-- 기간 필터 -->\n        <div class=\"filter-row\">\n          <span class=\"filter-label\">기간</span>\n          <select class=\"filter-select\" ?disabled=${this.isAllPeriod} @change=${(e: Event) => {\n            const y = (e.target as HTMLSelectElement).value\n            const m = this.startYearMonth.split('-')[1] || '01'\n            this.startYearMonth = `${y}-${m}`\n          }}>\n            ${[2022, 2023, 2024, 2025, 2026].map(\n              y => html`<option value=\"${y}\" ?selected=${this.startYearMonth.startsWith(String(y))}>${y}</option>`\n            )}\n          </select>\n          <select class=\"filter-select\" ?disabled=${this.isAllPeriod} @change=${(e: Event) => {\n            const y = this.startYearMonth.split('-')[0] || '2025'\n            const m = (e.target as HTMLSelectElement).value.padStart(2, '0')\n            this.startYearMonth = `${y}-${m}`\n          }}>\n            ${[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map(\n              m => html`<option value=\"${m}\" ?selected=${parseInt(this.startYearMonth.split('-')[1]) === m}>${m}월</option>`\n            )}\n          </select>\n          <span style=\"color:#6c757d;font-size:0.8rem;\">~</span>\n          <select class=\"filter-select\" ?disabled=${this.isAllPeriod} @change=${(e: Event) => {\n            const y = (e.target as HTMLSelectElement).value\n            const m = this.endYearMonth.split('-')[1] || '12'\n            this.endYearMonth = `${y}-${m}`\n          }}>\n            ${[2022, 2023, 2024, 2025, 2026].map(\n              y => html`<option value=\"${y}\" ?selected=${this.endYearMonth.startsWith(String(y))}>${y}</option>`\n            )}\n          </select>\n          <select class=\"filter-select\" ?disabled=${this.isAllPeriod} @change=${(e: Event) => {\n            const y = this.endYearMonth.split('-')[0] || '2026'\n            const m = (e.target as HTMLSelectElement).value.padStart(2, '0')\n            this.endYearMonth = `${y}-${m}`\n          }}>\n            ${[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12].map(\n              m => html`<option value=\"${m}\" ?selected=${parseInt(this.endYearMonth.split('-')[1]) === m}>${m}월</option>`\n            )}\n          </select>\n          <label style=\"display:flex;align-items:center;gap:3px;cursor:pointer;\">\n            <input type=\"checkbox\" .checked=${this.isAllPeriod} @change=${this._onAllPeriodChange} style=\"cursor:pointer;\" />\n            <span class=\"filter-label\" style=\"min-width:auto;\">전체</span>\n          </label>\n        </div>\n\n        <!-- 종합 성과 -->\n        <div class=\"chart-section\">\n          <div class=\"sub-title\">종합 성과</div>\n          <div class=\"chart-toggle\">\n            <button\n              class=\"toggle-button ${this.selectedChartType === 'boxplot' ? 'active' : ''}\"\n              @click=${() => this.onChartTypeChange('boxplot')}\n            >\n              박스플롯\n            </button>\n            <button\n              class=\"toggle-button ${this.selectedChartType === 'radar' ? 'active' : ''}\"\n              @click=${() => this.onChartTypeChange('radar')}\n            >\n              레이더차트\n            </button>\n          </div>\n          <div class=\"chart-container\">\n            ${this.selectedChartType === 'boxplot'\n              ? html` <sv-kpi-boxplot-chart .data=${this.chartData} .valueKey=${'value'}></sv-kpi-boxplot-chart> `\n              : html`\n                  <sv-kpi-radar-chart\n                    .data=${this.chartData}\n                    .categories=${this.chartCategories}\n                    .valueKey=${'value'}\n                  ></sv-kpi-radar-chart>\n                `}\n          </div>\n        </div>\n\n        <!-- 시도별 성과 -->\n        <div class=\"chart-section\">\n          <div class=\"sub-title\">시도별 성과</div>\n          <table class=\"performance-table\">\n            <thead>\n              <tr>\n                <th>지역명</th>\n                <th>KPI</th>\n                <th>변동률(%)</th>\n                <th>성과 추이</th>\n              </tr>\n            </thead>\n            <tbody>\n              ${this.getSortedRegionData().map(\n                (item: any) => html`\n                  <tr\n                    style=\"cursor: pointer; transition: background-color 0.2s;\"\n                    @click=${() => this.onRegionClick(item.region)}\n                    @mouseenter=${(e: Event) => ((e.target as HTMLElement).style.backgroundColor = '#f8f9fa')}\n                    @mouseleave=${(e: Event) => ((e.target as HTMLElement).style.backgroundColor = '')}\n                  >\n                    <td>${item.region}</td>\n                    <td>${item.kpi}</td>\n                    <td>\n                      <div class=\"change-rate ${this.getChangeRateClass(item.change)}\">\n                        ${this.getChangeIcon(item.change)}${Math.abs(item.change)}%\n                      </div>\n                    </td>\n                    <td>\n                      ${item.trendData && item.trendData.length > 0\n                        ? html`\n                            <sv-kpi-mini-trend-chart\n                              .data=${item.trendData}\n                              .width=${60}\n                              .height=${30}\n                              .lineColor=${'#2196f3'}\n                              .strokeWidth=${1.5}\n                              .showPoints=${true}\n                              .pointRadius=${1.5}\n                            ></sv-kpi-mini-trend-chart>\n                          `\n                        : html`<span style=\"color: #999;\">-</span>`}\n                    </td>\n                  </tr>\n                `\n              )}\n            </tbody>\n          </table>\n          <button class=\"download-button\" @click=${this.downloadExcel}>📊 엑셀 다운로드</button>\n        </div>\n      </div>\n    `\n  }\n}\n"]}

package/dist-client/pages/kpi-dashboard/components/kpi-map-panel.d.ts

@@ -0,0 +1,42 @@
+import { LitElement } from 'lit';
+import '../../../google-map/common-google-map.js';
+declare global {
+    interface Window {
+        google: any;
+    }
+}
+export declare class KpiMapPanel extends LitElement {
+    static styles: import("lit").CSSResult;
+    selectedCategory: string;
+    sectorType: string;
+    buildingUsage: string;
+    mapData: any[];
+    private static readonly DEFAULT_CENTER;
+    private map;
+    private isAllPeriod;
+    private startYear;
+    private startMonth;
+    private endYear;
+    private endMonth;
+    connectedCallback(): void;
+    private initializeDefaultPeriod;
+    private onAllPeriodChange;
+    get mapLocations(): {
+        lat: any;
+        lng: any;
+        title: any;
+        region: any;
+        markerContent: string;
+        content: string;
+    }[];
+    private onCategoryButtonClick;
+    private onMapChange;
+    private fitBoundsToSouthKorea;
+    private onRegionClick;
+    focusOnLocation(lat: number, lng: number, zoom: number): void;
+    private zoomIn;
+    private zoomOut;
+    private resetView;
+    private onPeriodChange;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,316 @@
+var KpiMapPanel_1;
+import { __decorate, __metadata } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property, state } from 'lit/decorators.js';
+import '../../../google-map/common-google-map.js';
+let KpiMapPanel = KpiMapPanel_1 = class KpiMapPanel extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.selectedCategory = '전체 KPI';
+        this.sectorType = '';
+        this.buildingUsage = '';
+        this.mapData = [];
+        this.map = null;
+        this.isAllPeriod = false; // 전체 기간 체크박스
+        this.startYear = '';
+        this.startMonth = '';
+        this.endYear = '';
+        this.endMonth = '';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.initializeDefaultPeriod();
+    }
+    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.startYear = startYear.toString();
+        this.startMonth = startMonth.toString();
+        this.endYear = currentYear.toString();
+        this.endMonth = currentMonth.toString();
+    }
+    onAllPeriodChange(e) {
+        this.isAllPeriod = e.target.checked;
+        this.onPeriodChange();
+    }
+    // mapData를 지도 마커 형식으로 변환
+    get mapLocations() {
+        var _a;
+        return (((_a = this.mapData) === null || _a === void 0 ? void 0 : _a.map(item => ({
+            lat: item.lat,
+            lng: item.lng,
+            title: item.region,
+            region: item.region, // 지역명 추가
+            // 커스텀 마커 콘텐츠 생성
+            markerContent: `
+          <div style="
+            background: white;
+            border-radius: 8px;
+            padding: 8px 12px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+            border: 1px solid #e9ecef;
+            min-width: 80px;
+            text-align: center;
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+            cursor: pointer;
+          ">
+            <div style="
+              font-size: 11px;
+              font-weight: 600;
+              color: #495057;
+              margin-bottom: 2px;
+              white-space: nowrap;
+            ">${item.region}</div>
+            <div style="
+              font-size: 13px;
+              font-weight: 700;
+              color: #212529;
+              margin-bottom: 2px;
+            ">${item.kpi}</div>
+            <div style="
+              font-size: 10px;
+              color: ${item.change > 0 ? '#dc3545' : '#198754'};
+              font-weight: 500;
+            ">${item.change > 0 ? '▲' : '▼'} ${Math.abs(item.change)}%</div>
+          </div>
+        `,
+            content: `
+          <div style="padding: 12px; min-width: 200px;">
+            <h3 style="margin: 0 0 8px 0; font-size: 16px; color: #212529;">${item.region}</h3>
+            <div style="margin-bottom: 8px;">
+              <span style="font-size: 14px; color: #6c757d;">KPI: </span>
+              <span style="font-size: 16px; font-weight: 600; color: #212529;">${item.kpi}</span>
+            </div>
+            <div style="
+              font-size: 14px;
+              color: ${item.change > 0 ? '#dc3545' : '#198754'};
+              font-weight: 500;
+            ">
+              ${item.change > 0 ? '▲' : '▼'} ${Math.abs(item.change)}% 변화
+            </div>
+          </div>
+        `
+        }))) || []);
+    }
+    onCategoryButtonClick(category) {
+        this.dispatchEvent(new CustomEvent('category-change', {
+            detail: { category },
+            bubbles: true,
+            composed: true
+        }));
+    }
+    onMapChange(event) {
+        this.map = event.detail;
+        // 지도가 로드되면 남한 영역에 맞게 자동 조정
+        this.fitBoundsToSouthKorea();
+    }
+    fitBoundsToSouthKorea() {
+        if (!this.map || !window.google)
+            return;
+        // 남한의 실제 행정구역 경계 설정 (울릉도/독도 제외)
+        const bounds = new window.google.maps.LatLngBounds();
+        // 최북단: 강원도 고성 (DMZ 남쪽)
+        bounds.extend(new window.google.maps.LatLng(38.3, 128.3));
+        // 최남단: 제주도 남쪽
+        bounds.extend(new window.google.maps.LatLng(33.1, 126.3));
+        // 최서단: 전남 서쪽
+        bounds.extend(new window.google.maps.LatLng(34.5, 125.1));
+        // 최동단: 강원도 동해안
+        bounds.extend(new window.google.maps.LatLng(37.5, 129.4));
+        // 패딩을 추가하여 여유 공간 확보
+        this.map.fitBounds(bounds, { top: 30, bottom: 30, left: 30, right: 30 });
+    }
+    onRegionClick(event) {
+        this.dispatchEvent(new CustomEvent('region-click', {
+            detail: event.detail,
+            bubbles: true,
+            composed: true
+        }));
+    }
+    focusOnLocation(lat, lng, zoom) {
+        if (this.map) {
+            this.map.setCenter({ lat, lng });
+            this.map.setZoom(zoom);
+        }
+    }
+    zoomIn() {
+        if (this.map) {
+            this.map.setZoom(this.map.getZoom() + 1);
+        }
+    }
+    zoomOut() {
+        if (this.map) {
+            this.map.setZoom(this.map.getZoom() - 1);
+        }
+    }
+    resetView() {
+        if (this.map) {
+            this.fitBoundsToSouthKorea();
+        }
+    }
+    onPeriodChange() {
+        this.dispatchEvent(new CustomEvent('period-change', {
+            detail: {
+                startYear: this.isAllPeriod ? null : this.startYear,
+                startMonth: this.isAllPeriod ? null : this.startMonth,
+                endYear: this.isAllPeriod ? null : this.endYear,
+                endMonth: this.isAllPeriod ? null : this.endMonth,
+                isAllPeriod: this.isAllPeriod
+            },
+            bubbles: true,
+            composed: true
+        }));
+    }
+    render() {
+        return html `
+      <div class="map-container">
+        <!-- 지도 컨트롤 (오른쪽 상단) -->
+        <div class="map-controls">
+          <button class="map-control-button" title="확대" @click=${() => this.zoomIn()}>+</button>
+          <button class="map-control-button" title="축소" @click=${() => this.zoomOut()}>-</button>
+          <button class="map-control-button" title="뷰 초기화" @click=${() => this.resetView()}>⌖</button>
+        </div>
+
+        <!-- 스케일 및 방향 정보 (오른쪽 하단) -->
+        <div class="map-scale-direction">
+          <div class="north-arrow">↑ N</div>
+          <div class="scale-info">25km</div>
+        </div>
+
+        <!-- 공통 Google Maps 컴포넌트 사용 -->
+        <common-google-map
+          .center=${KpiMapPanel_1.DEFAULT_CENTER}
+          .zoom=${7.2}
+          .locations=${this.mapLocations}
+          .clusterZoom=${13}
+          .controls=${{
+            zoomControl: false,
+            mapTypeControl: false,
+            scaleControl: false,
+            streetViewControl: false,
+            rotateControl: false,
+            fullscreenControl: false
+        }}
+          @map-change=${this.onMapChange}
+          @region-click=${this.onRegionClick}
+        ></common-google-map>
+      </div>
+    `;
+    }
+};
+KpiMapPanel.styles = css `
+    :host {
+      display: flex;
+      background: #f8f9fa;
+      overflow: hidden;
+      position: relative;
+      min-height: 500px;
+    }
+    .map-container {
+      flex: 1;
+      position: relative;
+      overflow: hidden;
+    }
+    .map-controls {
+      position: absolute;
+      top: 16px;
+      right: 16px;
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      z-index: 10;
+    }
+    .map-control-button {
+      width: 40px;
+      height: 40px;
+      background: white;
+      border: 1px solid #ced4da;
+      border-radius: 6px;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 1.2rem;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    }
+    .map-control-button:hover {
+      background: #f8f9fa;
+    }
+    .map-scale-direction {
+      position: absolute;
+      bottom: 16px;
+      right: 16px;
+      background: white;
+      padding: 8px 12px;
+      border-radius: 6px;
+      border: 1px solid #ced4da;
+      font-size: 0.8rem;
+      color: #666;
+      z-index: 10;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+      text-align: center;
+    }
+    .north-arrow {
+      font-size: 1rem;
+      margin-bottom: 4px;
+    }
+    .scale-info {
+      font-size: 0.7rem;
+    }
+    common-google-map {
+      width: 100%;
+      height: 100%;
+    }
+  `;
+KpiMapPanel.DEFAULT_CENTER = { lat: 36.0, lng: 127.8 };
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], KpiMapPanel.prototype, "selectedCategory", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], KpiMapPanel.prototype, "sectorType", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], KpiMapPanel.prototype, "buildingUsage", void 0);
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], KpiMapPanel.prototype, "mapData", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiMapPanel.prototype, "map", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiMapPanel.prototype, "isAllPeriod", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiMapPanel.prototype, "startYear", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiMapPanel.prototype, "startMonth", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiMapPanel.prototype, "endYear", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiMapPanel.prototype, "endMonth", void 0);
+KpiMapPanel = KpiMapPanel_1 = __decorate([
+    customElement('kpi-map-panel')
+], KpiMapPanel);
+export { KpiMapPanel };
+//# sourceMappingURL=kpi-map-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-map-panel.js","sourceRoot":"","sources":["../../../../client/pages/kpi-dashboard/components/kpi-map-panel.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport '../../../google-map/common-google-map.js'\n\ndeclare global {\n  interface Window {\n    google: any\n  }\n}\n\n@customElement('kpi-map-panel')\nexport class KpiMapPanel extends LitElement {\n  static styles = css`\n    :host {\n      display: flex;\n      background: #f8f9fa;\n      overflow: hidden;\n      position: relative;\n      min-height: 500px;\n    }\n    .map-container {\n      flex: 1;\n      position: relative;\n      overflow: hidden;\n    }\n    .map-controls {\n      position: absolute;\n      top: 16px;\n      right: 16px;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      z-index: 10;\n    }\n    .map-control-button {\n      width: 40px;\n      height: 40px;\n      background: white;\n      border: 1px solid #ced4da;\n      border-radius: 6px;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-size: 1.2rem;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n    }\n    .map-control-button:hover {\n      background: #f8f9fa;\n    }\n    .map-scale-direction {\n      position: absolute;\n      bottom: 16px;\n      right: 16px;\n      background: white;\n      padding: 8px 12px;\n      border-radius: 6px;\n      border: 1px solid #ced4da;\n      font-size: 0.8rem;\n      color: #666;\n      z-index: 10;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n      text-align: center;\n    }\n    .north-arrow {\n      font-size: 1rem;\n      margin-bottom: 4px;\n    }\n    .scale-info {\n      font-size: 0.7rem;\n    }\n    common-google-map {\n      width: 100%;\n      height: 100%;\n    }\n  `\n\n  @property({ type: String }) selectedCategory = '전체 KPI'\n  @property({ type: String }) sectorType = ''\n  @property({ type: String }) buildingUsage = ''\n  @property({ type: Array }) mapData: any[] = []\n\n  private static readonly DEFAULT_CENTER = { lat: 36.0, lng: 127.8 }\n\n  @state() private map: any = null\n  @state() private isAllPeriod = false // 전체 기간 체크박스\n  @state() private startYear = ''\n  @state() private startMonth = ''\n  @state() private endYear = ''\n  @state() private endMonth = ''\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.initializeDefaultPeriod()\n  }\n\n  private initializeDefaultPeriod() {\n    const now = new Date()\n    const currentYear = now.getFullYear()\n    const currentMonth = now.getMonth() + 1 // 0-based이므로 +1\n\n    // 12개월 전 계산\n    const startDate = new Date(now)\n    startDate.setMonth(startDate.getMonth() - 11) // 현재 월 포함 12개월\n    const startYear = startDate.getFullYear()\n    const startMonth = startDate.getMonth() + 1\n\n    this.startYear = startYear.toString()\n    this.startMonth = startMonth.toString()\n    this.endYear = currentYear.toString()\n    this.endMonth = currentMonth.toString()\n  }\n\n  private onAllPeriodChange(e: Event) {\n    this.isAllPeriod = (e.target as HTMLInputElement).checked\n    this.onPeriodChange()\n  }\n\n  // mapData를 지도 마커 형식으로 변환\n  get mapLocations() {\n    return (\n      this.mapData?.map(item => ({\n        lat: item.lat,\n        lng: item.lng,\n        title: item.region,\n        region: item.region, // 지역명 추가\n        // 커스텀 마커 콘텐츠 생성\n        markerContent: `\n          <div style=\"\n            background: white;\n            border-radius: 8px;\n            padding: 8px 12px;\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n            border: 1px solid #e9ecef;\n            min-width: 80px;\n            text-align: center;\n            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n            cursor: pointer;\n          \">\n            <div style=\"\n              font-size: 11px;\n              font-weight: 600;\n              color: #495057;\n              margin-bottom: 2px;\n              white-space: nowrap;\n            \">${item.region}</div>\n            <div style=\"\n              font-size: 13px;\n              font-weight: 700;\n              color: #212529;\n              margin-bottom: 2px;\n            \">${item.kpi}</div>\n            <div style=\"\n              font-size: 10px;\n              color: ${item.change > 0 ? '#dc3545' : '#198754'};\n              font-weight: 500;\n            \">${item.change > 0 ? '▲' : '▼'} ${Math.abs(item.change)}%</div>\n          </div>\n        `,\n        content: `\n          <div style=\"padding: 12px; min-width: 200px;\">\n            <h3 style=\"margin: 0 0 8px 0; font-size: 16px; color: #212529;\">${item.region}</h3>\n            <div style=\"margin-bottom: 8px;\">\n              <span style=\"font-size: 14px; color: #6c757d;\">KPI: </span>\n              <span style=\"font-size: 16px; font-weight: 600; color: #212529;\">${item.kpi}</span>\n            </div>\n            <div style=\"\n              font-size: 14px;\n              color: ${item.change > 0 ? '#dc3545' : '#198754'};\n              font-weight: 500;\n            \">\n              ${item.change > 0 ? '▲' : '▼'} ${Math.abs(item.change)}% 변화\n            </div>\n          </div>\n        `\n      })) || []\n    )\n  }\n\n  private onCategoryButtonClick(category: string) {\n    this.dispatchEvent(\n      new CustomEvent('category-change', {\n        detail: { category },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private onMapChange(event: CustomEvent) {\n    this.map = event.detail\n    // 지도가 로드되면 남한 영역에 맞게 자동 조정\n    this.fitBoundsToSouthKorea()\n  }\n\n  private fitBoundsToSouthKorea() {\n    if (!this.map || !window.google) return\n\n    // 남한의 실제 행정구역 경계 설정 (울릉도/독도 제외)\n    const bounds = new window.google.maps.LatLngBounds()\n\n    // 최북단: 강원도 고성 (DMZ 남쪽)\n    bounds.extend(new window.google.maps.LatLng(38.3, 128.3))\n    // 최남단: 제주도 남쪽\n    bounds.extend(new window.google.maps.LatLng(33.1, 126.3))\n    // 최서단: 전남 서쪽\n    bounds.extend(new window.google.maps.LatLng(34.5, 125.1))\n    // 최동단: 강원도 동해안\n    bounds.extend(new window.google.maps.LatLng(37.5, 129.4))\n\n    // 패딩을 추가하여 여유 공간 확보\n    this.map.fitBounds(bounds, { top: 30, bottom: 30, left: 30, right: 30 })\n  }\n\n  private onRegionClick(event: CustomEvent) {\n    this.dispatchEvent(\n      new CustomEvent('region-click', {\n        detail: event.detail,\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  focusOnLocation(lat: number, lng: number, zoom: number) {\n    if (this.map) {\n      this.map.setCenter({ lat, lng })\n      this.map.setZoom(zoom)\n    }\n  }\n\n  private zoomIn() {\n    if (this.map) {\n      this.map.setZoom(this.map.getZoom() + 1)\n    }\n  }\n\n  private zoomOut() {\n    if (this.map) {\n      this.map.setZoom(this.map.getZoom() - 1)\n    }\n  }\n\n  private resetView() {\n    if (this.map) {\n      this.fitBoundsToSouthKorea()\n    }\n  }\n\n  private onPeriodChange() {\n    this.dispatchEvent(\n      new CustomEvent('period-change', {\n        detail: {\n          startYear: this.isAllPeriod ? null : this.startYear,\n          startMonth: this.isAllPeriod ? null : this.startMonth,\n          endYear: this.isAllPeriod ? null : this.endYear,\n          endMonth: this.isAllPeriod ? null : this.endMonth,\n          isAllPeriod: this.isAllPeriod\n        },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  render() {\n    return html`\n      <div class=\"map-container\">\n        <!-- 지도 컨트롤 (오른쪽 상단) -->\n        <div class=\"map-controls\">\n          <button class=\"map-control-button\" title=\"확대\" @click=${() => this.zoomIn()}>+</button>\n          <button class=\"map-control-button\" title=\"축소\" @click=${() => this.zoomOut()}>-</button>\n          <button class=\"map-control-button\" title=\"뷰 초기화\" @click=${() => this.resetView()}>⌖</button>\n        </div>\n\n        <!-- 스케일 및 방향 정보 (오른쪽 하단) -->\n        <div class=\"map-scale-direction\">\n          <div class=\"north-arrow\">↑ N</div>\n          <div class=\"scale-info\">25km</div>\n        </div>\n\n        <!-- 공통 Google Maps 컴포넌트 사용 -->\n        <common-google-map\n          .center=${KpiMapPanel.DEFAULT_CENTER}\n          .zoom=${7.2}\n          .locations=${this.mapLocations}\n          .clusterZoom=${13}\n          .controls=${{\n            zoomControl: false,\n            mapTypeControl: false,\n            scaleControl: false,\n            streetViewControl: false,\n            rotateControl: false,\n            fullscreenControl: false\n          }}\n          @map-change=${this.onMapChange}\n          @region-click=${this.onRegionClick}\n        ></common-google-map>\n      </div>\n    `\n  }\n}\n"]}

package/dist-client/pages/kpi-dashboard/components/kpi-region-popup.d.ts

@@ -0,0 +1,28 @@
+import { LitElement, nothing } from 'lit';
+import '../../../components/kpi-radar-chart.js';
+import '../../../components/kpi-boxplot-chart.js';
+import '../../../components/kpi-trend-chart.js';
+export declare class KpiRegionPopup extends LitElement {
+    static styles: import("lit").CSSResult[];
+    selectedRegion: string | null;
+    geoGroup: string | null;
+    selectedCategory: string;
+    selectedChartType: string;
+    selectedPeriod: string;
+    startYearMonth: string;
+    endYearMonth: string;
+    monthlyTrendData: any[];
+    totalKpiStats: any[];
+    private chartData;
+    private chartCategories;
+    private trendData;
+    private regionKpiStats;
+    updated(changedProperties: Map<string, any>): void;
+    fetchRegionKpiStats(): Promise<void>;
+    private generateChartData;
+    private static readonly GEO_TO_METRO;
+    private generateTrendData;
+    private onClose;
+    private onChartTypeChange;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
+}