@dssp/dkpi 1.0.0-alpha.6 → 1.0.0-alpha.61

package/dist-client/components/kpi-single-boxplot-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-single-boxplot-chart.js","sourceRoot":"","sources":["../../client/components/kpi-single-boxplot-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport * as d3 from 'd3'\n\n@customElement('kpi-single-boxplot-chart')\nexport class KpiSingleBoxplotChart extends LitElement {\n  @property({ type: Object }) data: any = {}\n  @property({ type: String }) minKey: string = 'min'\n  @property({ type: String }) maxKey: string = 'max'\n  @property({ type: String }) meanKey: string = 'mean'\n  @property({ type: String }) medianKey: string = 'median'\n  @property({ type: String }) q1Key: string = 'q1'\n  @property({ type: String }) q3Key: string = 'q3'\n  @property({ type: String }) valueKey: string = 'value'\n  @property({ type: String }) color: string = '#2196f3'\n  @property({ type: Boolean }) vertical: boolean = true // true: 세로형, false: 가로형\n\n  static styles = css`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n    svg {\n      width: 100%;\n      height: 100%;\n      display: block;\n    }\n  `\n\n  private chartWidth = 0\n  private chartHeight = 0\n  private resizeObserver?: ResizeObserver\n\n  render() {\n    return html`\n      <svg\n        id=\"single-boxplot\"\n        width=${this.chartWidth}\n        height=${this.chartHeight}\n        viewBox=\"0 0 ${this.chartWidth} ${this.chartHeight}\"\n        preserveAspectRatio=\"xMidYMid meet\"\n      ></svg>\n    `\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.resizeObserver = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        const rect = entry.contentRect\n        this.chartWidth = rect.width\n        this.chartHeight = rect.height\n        this.requestUpdate()\n      }\n    })\n    this.resizeObserver.observe(this)\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect()\n    super.disconnectedCallback()\n  }\n\n  updated() {\n    this.drawSingleBoxplot()\n  }\n\n  private drawSingleBoxplot() {\n    const svg = d3.select(this.renderRoot.querySelector('#single-boxplot'))\n    svg.selectAll('*').remove()\n\n    // 데이터 검증\n    if (!this.data || Object.keys(this.data).length === 0) {\n      return\n    }\n\n    const w = this.chartWidth || 200\n    const h = this.chartHeight || 200\n    const margin = 20\n    const plotW = w - margin * 2\n    const plotH = h - margin * 2\n\n    // 필수 필드 검증\n    const requiredFields = [this.minKey, this.maxKey, this.q1Key, this.q3Key, this.medianKey, this.meanKey]\n    const missingFields = requiredFields.filter(field => this.data[field] == null)\n    if (missingFields.length > 0) {\n      console.warn('Missing required fields:', missingFields)\n      return\n    }\n\n    const values = [\n      this.data[this.minKey],\n      this.data[this.maxKey],\n      this.data[this.q1Key],\n      this.data[this.q3Key],\n      this.data[this.medianKey],\n      this.data[this.meanKey]\n    ]\n\n    if (this.data[this.valueKey] != null) {\n      values.push(this.data[this.valueKey])\n    }\n\n    const g = svg\n      .attr('width', w)\n      .attr('height', h)\n      .append('g')\n      .attr('transform', `translate(${margin}, ${margin})`)\n\n    if (this.vertical) {\n      // 세로형 boxplot (기본)\n      this.drawVerticalBoxplot(g, plotW, plotH)\n    } else {\n      // 가로형 boxplot\n      this.drawHorizontalBoxplot(g, plotW, plotH)\n    }\n  }\n\n  private drawVerticalBoxplot(g: any, plotW: number, plotH: number) {\n    // 박스플롯 도메인은 min/max 통계 범위로 유지\n    const y = d3\n      .scaleLinear()\n      .domain([this.data[this.minKey], this.data[this.maxKey]])\n      .range([plotH, 0])\n\n    // 현재값이 범위를 벗어나면 도메인 확장\n    if (this.data[this.valueKey] != null) {\n      const currentValue = this.data[this.valueKey]\n      if (currentValue < this.data[this.minKey] || currentValue > this.data[this.maxKey]) {\n        const allValues = [this.data[this.minKey], this.data[this.maxKey], currentValue]\n        y.domain([Math.min(...allValues), Math.max(...allValues)])\n      }\n    }\n\n    const boxWidth = Math.min(plotW * 0.6, 80)\n    const centerX = plotW / 2\n\n    // 박스 (Q1 ~ Q3)\n    const boxHeight = y(this.data[this.q1Key]) - y(this.data[this.q3Key])\n    g.append('rect')\n      .attr('x', centerX - boxWidth / 2)\n      .attr('y', y(this.data[this.q3Key]))\n      .attr('width', boxWidth)\n      .attr('height', boxHeight)\n      .attr('fill', '#B3D4FC')\n      .attr('opacity', 0.8)\n      .attr('stroke', '#7BB3F0')\n      .attr('stroke-width', 1)\n\n    // 중앙선 (Median)\n    g.append('line')\n      .attr('x1', centerX - boxWidth / 2)\n      .attr('x2', centerX + boxWidth / 2)\n      .attr('y1', y(this.data[this.medianKey]))\n      .attr('y2', y(this.data[this.medianKey]))\n      .attr('stroke', '#7BB3F0')\n      .attr('stroke-width', 1.5)\n\n    // 위쪽 수염 (Q3 ~ Max)\n    g.append('line')\n      .attr('x1', centerX)\n      .attr('x2', centerX)\n      .attr('y1', y(this.data[this.q3Key]))\n      .attr('y2', y(this.data[this.maxKey]))\n      .attr('stroke', '#7BB3F0')\n      .attr('stroke-width', 1)\n\n    // 아래쪽 수염 (Min ~ Q1)\n    g.append('line')\n      .attr('x1', centerX)\n      .attr('x2', centerX)\n      .attr('y1', y(this.data[this.minKey]))\n      .attr('y2', y(this.data[this.q1Key]))\n      .attr('stroke', '#7BB3F0')\n      .attr('stroke-width', 1)\n\n    // Max 캡\n    const capWidth = boxWidth * 0.6\n    g.append('line')\n      .attr('x1', centerX - capWidth / 2)\n      .attr('x2', centerX + capWidth / 2)\n      .attr('y1', y(this.data[this.maxKey]))\n      .attr('y2', y(this.data[this.maxKey]))\n      .attr('stroke', '#7BB3F0')\n      .attr('stroke-width', 1)\n\n    // Min 캡\n    g.append('line')\n      .attr('x1', centerX - capWidth / 2)\n      .attr('x2', centerX + capWidth / 2)\n      .attr('y1', y(this.data[this.minKey]))\n      .attr('y2', y(this.data[this.minKey]))\n      .attr('stroke', '#7BB3F0')\n      .attr('stroke-width', 1)\n\n    // 평균값 (초록색)\n    if (this.data[this.meanKey] != null) {\n      g.append('circle')\n        .attr('cx', centerX)\n        .attr('cy', y(this.data[this.meanKey]))\n        .attr('r', 3)\n        .attr('fill', '#4CAF50')\n        .attr('stroke', '#fff')\n        .attr('stroke-width', 1)\n    }\n\n    // 현재값 (오렌지색)\n    if (this.data[this.valueKey] != null) {\n      const currentValue = this.data[this.valueKey]\n\n      g.append('circle')\n        .attr('cx', centerX)\n        .attr('cy', y(currentValue))\n        .attr('r', 3)\n        .attr('fill', '#ff9800')\n        .attr('stroke', '#fff')\n        .attr('stroke-width', 1)\n    }\n  }\n\n  private drawHorizontalBoxplot(g: any, plotW: number, plotH: number) {\n    // 박스플롯 도메인은 min/max 통계 범위로 유지\n    const x = d3\n      .scaleLinear()\n      .domain([this.data[this.minKey], this.data[this.maxKey]])\n      .range([0, plotW])\n\n    // 현재값이 범위를 벗어나면 도메인 확장\n    if (this.data[this.valueKey] != null) {\n      const currentValue = this.data[this.valueKey]\n      if (currentValue < this.data[this.minKey] || currentValue > this.data[this.maxKey]) {\n        const allValues = [this.data[this.minKey], this.data[this.maxKey], currentValue]\n        x.domain([Math.min(...allValues), Math.max(...allValues)])\n      }\n    }\n\n    const boxHeight = Math.min(plotH * 0.6, 80)\n    const centerY = plotH / 2\n\n    // 박스 (Q1 ~ Q3)\n    const boxWidth = x(this.data[this.q3Key]) - x(this.data[this.q1Key])\n    g.append('rect')\n      .attr('x', x(this.data[this.q1Key]))\n      .attr('y', centerY - boxHeight / 2)\n      .attr('width', boxWidth)\n      .attr('height', boxHeight)\n      .attr('fill', '#B3D4FC')\n      .attr('opacity', 0.8)\n      .attr('stroke', '#7BB3F0')\n      .attr('stroke-width', 1)\n\n    // 중앙선 (Median)\n    g.append('line')\n      .attr('x1', x(this.data[this.medianKey]))\n      .attr('x2', x(this.data[this.medianKey]))\n      .attr('y1', centerY - boxHeight / 2)\n      .attr('y2', centerY + boxHeight / 2)\n      .attr('stroke', '#7BB3F0')\n      .attr('stroke-width', 1.5)\n\n    // 왼쪽 수염 (Min ~ Q1)\n    g.append('line')\n      .attr('x1', x(this.data[this.minKey]))\n      .attr('x2', x(this.data[this.q1Key]))\n      .attr('y1', centerY)\n      .attr('y2', centerY)\n      .attr('stroke', '#7BB3F0')\n      .attr('stroke-width', 1)\n\n    // 오른쪽 수염 (Q3 ~ Max)\n    g.append('line')\n      .attr('x1', x(this.data[this.q3Key]))\n      .attr('x2', x(this.data[this.maxKey]))\n      .attr('y1', centerY)\n      .attr('y2', centerY)\n      .attr('stroke', '#7BB3F0')\n      .attr('stroke-width', 1)\n\n    // Min 캡\n    const capHeight = boxHeight * 0.6\n    g.append('line')\n      .attr('x1', x(this.data[this.minKey]))\n      .attr('x2', x(this.data[this.minKey]))\n      .attr('y1', centerY - capHeight / 2)\n      .attr('y2', centerY + capHeight / 2)\n      .attr('stroke', '#7BB3F0')\n      .attr('stroke-width', 1)\n\n    // Max 캡\n    g.append('line')\n      .attr('x1', x(this.data[this.maxKey]))\n      .attr('x2', x(this.data[this.maxKey]))\n      .attr('y1', centerY - capHeight / 2)\n      .attr('y2', centerY + capHeight / 2)\n      .attr('stroke', '#7BB3F0')\n      .attr('stroke-width', 1)\n\n    // 평균값 (초록색)\n    if (this.data[this.meanKey] != null) {\n      g.append('circle')\n        .attr('cx', x(this.data[this.meanKey]))\n        .attr('cy', centerY)\n        .attr('r', 3)\n        .attr('fill', '#4CAF50')\n        .attr('stroke', '#fff')\n        .attr('stroke-width', 1)\n    }\n\n    // 현재값 (오렌지색)\n    if (this.data[this.valueKey] != null) {\n      const currentValue = this.data[this.valueKey]\n\n      g.append('circle')\n        .attr('cx', x(currentValue))\n        .attr('cy', centerY)\n        .attr('r', 3)\n        .attr('fill', '#ff9800')\n        .attr('stroke', '#fff')\n        .attr('stroke-width', 1)\n    }\n  }\n}"]}

package/dist-client/components/kpi-trend-chart.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+export declare class SvKpiTrendChart extends LitElement {
+    data: {
+        date: string;
+        value: number;
+        color?: string;
+    }[];
+    valueKey: string;
+    dateKey: string;
+    width: number;
+    height: number;
+    lineColor: string;
+    strokeWidth: number;
+    showPoints: boolean;
+    pointRadius: number;
+    private chartWidth;
+    private chartHeight;
+    private resizeObserver?;
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(): void;
+    drawTrendChart(): void;
+}

package/dist-client/components/kpi-trend-chart.js

@@ -0,0 +1,220 @@
+import { __decorate, __metadata } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import * as d3 from 'd3';
+let SvKpiTrendChart = class SvKpiTrendChart extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.data = [];
+        this.valueKey = 'value';
+        this.dateKey = 'date';
+        this.width = 400;
+        this.height = 200;
+        this.lineColor = '#2196f3';
+        this.strokeWidth = 2;
+        this.showPoints = true;
+        this.pointRadius = 4;
+        this.chartWidth = 0;
+        this.chartHeight = 0;
+    }
+    render() {
+        return html `
+      <div class="chart-container">
+        <svg
+          id="trend-chart"
+          width=${this.chartWidth || this.width}
+          height=${this.chartHeight || this.height}
+          viewBox="0 0 ${this.chartWidth || this.width} ${this.chartHeight || this.height}"
+          preserveAspectRatio="xMidYMid meet"
+        ></svg>
+      </div>
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.resizeObserver = new ResizeObserver(entries => {
+            for (const entry of entries) {
+                const rect = entry.contentRect;
+                this.chartWidth = rect.width;
+                this.chartHeight = rect.height;
+                this.requestUpdate();
+            }
+        });
+        this.resizeObserver.observe(this);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        super.disconnectedCallback();
+    }
+    updated() {
+        this.drawTrendChart();
+    }
+    drawTrendChart() {
+        if (!this.data || this.data.length === 0)
+            return;
+        const svg = d3.select(this.renderRoot.querySelector('#trend-chart'));
+        svg.selectAll('*').remove();
+        const margin = { top: 20, right: 20, bottom: 50, left: 40 };
+        const width = this.chartWidth || this.width;
+        const height = this.chartHeight || this.height;
+        const chartWidth = width - margin.left - margin.right;
+        const chartHeight = height - margin.top - margin.bottom;
+        // 데이터 파싱
+        const parsedData = this.data.map(d => ({
+            date: new Date(d[this.dateKey]),
+            value: +d[this.valueKey],
+            color: d.color || this.lineColor
+        }));
+        // 스케일 설정
+        const xScale = d3
+            .scaleTime()
+            .domain(d3.extent(parsedData, d => d.date))
+            .range([0, chartWidth]);
+        const yScale = d3
+            .scaleLinear()
+            .domain([0, d3.max(parsedData, d => d.value) || 100])
+            .range([chartHeight, 0]);
+        // SVG 설정
+        svg.attr('width', width).attr('height', height);
+        const g = svg.append('g').attr('transform', `translate(${margin.left},${margin.top})`);
+        // 축 생성 - 연도가 바뀌면 연도 포함
+        const timeFormat = (date) => {
+            const dates = parsedData.map(d => d.date);
+            const years = [...new Set(dates.map(d => d.getFullYear()))];
+            // 여러 연도가 있으면 연도 포함
+            if (years.length > 1) {
+                return d3.timeFormat('%Y-%m')(date);
+            }
+            else {
+                return d3.timeFormat('%m/%d')(date);
+            }
+        };
+        const xAxis = d3.axisBottom(xScale).tickFormat(timeFormat).ticks(Math.min(parsedData.length, 10));
+        const yAxis = d3.axisLeft(yScale).ticks(5);
+        // X축 그리드 라인 추가
+        g.append('g')
+            .attr('class', 'grid')
+            .attr('transform', `translate(0,${chartHeight})`)
+            .call(d3
+            .axisBottom(xScale)
+            .ticks(Math.min(parsedData.length, 10))
+            .tickSize(-chartHeight)
+            .tickFormat(() => ''));
+        g.append('g')
+            .attr('class', 'axis')
+            .attr('transform', `translate(0,${chartHeight})`)
+            .call(xAxis)
+            .selectAll('text')
+            .style('text-anchor', 'end')
+            .attr('dx', '-.5em')
+            .attr('dy', '.3em')
+            .attr('transform', 'rotate(-30)');
+        g.append('g').attr('class', 'axis').call(yAxis);
+        // 라인 생성기
+        const line = d3
+            .line()
+            .x(d => xScale(d.date))
+            .y(d => yScale(d.value))
+            .curve(d3.curveMonotoneX);
+        // 트렌드 라인 그리기
+        g.append('path')
+            .datum(parsedData)
+            .attr('class', 'trend-line')
+            .attr('d', line)
+            .attr('stroke', this.lineColor)
+            .attr('stroke-width', this.strokeWidth);
+        // 데이터 포인트 그리기
+        if (this.showPoints) {
+            g.selectAll('.data-point')
+                .data(parsedData)
+                .enter()
+                .append('circle')
+                .attr('class', 'data-point')
+                .attr('cx', d => xScale(d.date))
+                .attr('cy', d => yScale(d.value))
+                .attr('r', this.pointRadius)
+                .attr('stroke', d => d.color)
+                .attr('fill', 'white');
+        }
+    }
+};
+SvKpiTrendChart.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+    }
+
+    .chart-container {
+      width: 100%;
+      height: 100%;
+    }
+
+    .trend-line {
+      fill: none;
+      stroke-linecap: round;
+      stroke-linejoin: round;
+    }
+
+    .data-point {
+      fill: white;
+      stroke-width: 2;
+    }
+
+    .axis line,
+    .axis path,
+    .grid line {
+      stroke: #ddd;
+    }
+
+    .grid path {
+      stroke: none;
+    }
+
+    .axis text {
+      font-size: 10px;
+      fill: #666;
+    }
+  `;
+__decorate([
+    property({ type: Array }),
+    __metadata("design:type", Array)
+], SvKpiTrendChart.prototype, "data", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], SvKpiTrendChart.prototype, "valueKey", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], SvKpiTrendChart.prototype, "dateKey", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], SvKpiTrendChart.prototype, "width", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], SvKpiTrendChart.prototype, "height", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], SvKpiTrendChart.prototype, "lineColor", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], SvKpiTrendChart.prototype, "strokeWidth", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Boolean)
+], SvKpiTrendChart.prototype, "showPoints", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], SvKpiTrendChart.prototype, "pointRadius", void 0);
+SvKpiTrendChart = __decorate([
+    customElement('sv-kpi-trend-chart')
+], SvKpiTrendChart);
+export { SvKpiTrendChart };
+//# sourceMappingURL=kpi-trend-chart.js.map

package/dist-client/components/kpi-trend-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-trend-chart.js","sourceRoot":"","sources":["../../client/components/kpi-trend-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport * as d3 from 'd3'\n\n@customElement('sv-kpi-trend-chart')\nexport class SvKpiTrendChart extends LitElement {\n  @property({ type: Array }) data: { date: string; value: number; color?: string }[] = []\n  @property({ type: String }) valueKey: string = 'value'\n  @property({ type: String }) dateKey: string = 'date'\n  @property({ type: Number }) width: number = 400\n  @property({ type: Number }) height: number = 200\n  @property({ type: String }) lineColor: string = '#2196f3'\n  @property({ type: Number }) strokeWidth: number = 2\n  @property({ type: Boolean }) showPoints: boolean = true\n  @property({ type: Number }) pointRadius: number = 4\n\n  private chartWidth = 0\n  private chartHeight = 0\n  private resizeObserver?: ResizeObserver\n\n  static styles = css`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n\n    .chart-container {\n      width: 100%;\n      height: 100%;\n    }\n\n    .trend-line {\n      fill: none;\n      stroke-linecap: round;\n      stroke-linejoin: round;\n    }\n\n    .data-point {\n      fill: white;\n      stroke-width: 2;\n    }\n\n    .axis line,\n    .axis path,\n    .grid line {\n      stroke: #ddd;\n    }\n\n    .grid path {\n      stroke: none;\n    }\n\n    .axis text {\n      font-size: 10px;\n      fill: #666;\n    }\n  `\n\n  render() {\n    return html`\n      <div class=\"chart-container\">\n        <svg\n          id=\"trend-chart\"\n          width=${this.chartWidth || this.width}\n          height=${this.chartHeight || this.height}\n          viewBox=\"0 0 ${this.chartWidth || this.width} ${this.chartHeight || this.height}\"\n          preserveAspectRatio=\"xMidYMid meet\"\n        ></svg>\n      </div>\n    `\n  }\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.resizeObserver = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        const rect = entry.contentRect\n        this.chartWidth = rect.width\n        this.chartHeight = rect.height\n        this.requestUpdate()\n      }\n    })\n    this.resizeObserver.observe(this)\n  }\n\n  disconnectedCallback() {\n    this.resizeObserver?.disconnect()\n    super.disconnectedCallback()\n  }\n\n  updated() {\n    this.drawTrendChart()\n  }\n\n  drawTrendChart() {\n    if (!this.data || this.data.length === 0) return\n\n    const svg = d3.select(this.renderRoot.querySelector('#trend-chart'))\n    svg.selectAll('*').remove()\n\n    const margin = { top: 20, right: 20, bottom: 50, left: 40 }\n    const width = this.chartWidth || this.width\n    const height = this.chartHeight || this.height\n    const chartWidth = width - margin.left - margin.right\n    const chartHeight = height - margin.top - margin.bottom\n\n    // 데이터 파싱\n    const parsedData = this.data.map(d => ({\n      date: new Date(d[this.dateKey]),\n      value: +d[this.valueKey],\n      color: d.color || this.lineColor\n    }))\n\n    // 스케일 설정\n    const xScale = d3\n      .scaleTime()\n      .domain(d3.extent(parsedData, d => d.date) as [Date, Date])\n      .range([0, chartWidth])\n\n    const yScale = d3\n      .scaleLinear()\n      .domain([0, d3.max(parsedData, d => d.value) || 100])\n      .range([chartHeight, 0])\n\n    // SVG 설정\n    svg.attr('width', width).attr('height', height)\n    const g = svg.append('g').attr('transform', `translate(${margin.left},${margin.top})`)\n\n    // 축 생성 - 연도가 바뀌면 연도 포함\n    const timeFormat = (date: Date) => {\n      const dates = parsedData.map(d => d.date)\n      const years = [...new Set(dates.map(d => d.getFullYear()))]\n\n      // 여러 연도가 있으면 연도 포함\n      if (years.length > 1) {\n        return d3.timeFormat('%Y-%m')(date)\n      } else {\n        return d3.timeFormat('%m/%d')(date)\n      }\n    }\n\n    const xAxis = d3.axisBottom(xScale).tickFormat(timeFormat as any).ticks(Math.min(parsedData.length, 10))\n\n    const yAxis = d3.axisLeft(yScale).ticks(5)\n\n    // X축 그리드 라인 추가\n    g.append('g')\n      .attr('class', 'grid')\n      .attr('transform', `translate(0,${chartHeight})`)\n      .call(\n        d3\n          .axisBottom(xScale)\n          .ticks(Math.min(parsedData.length, 10))\n          .tickSize(-chartHeight)\n          .tickFormat(() => '')\n      )\n\n    g.append('g')\n      .attr('class', 'axis')\n      .attr('transform', `translate(0,${chartHeight})`)\n      .call(xAxis)\n      .selectAll('text')\n      .style('text-anchor', 'end')\n      .attr('dx', '-.5em')\n      .attr('dy', '.3em')\n      .attr('transform', 'rotate(-30)')\n\n    g.append('g').attr('class', 'axis').call(yAxis)\n\n    // 라인 생성기\n    const line = d3\n      .line<{ date: Date; value: number; color: string }>()\n      .x(d => xScale(d.date))\n      .y(d => yScale(d.value))\n      .curve(d3.curveMonotoneX)\n\n    // 트렌드 라인 그리기\n    g.append('path')\n      .datum(parsedData)\n      .attr('class', 'trend-line')\n      .attr('d', line as any)\n      .attr('stroke', this.lineColor)\n      .attr('stroke-width', this.strokeWidth)\n\n    // 데이터 포인트 그리기\n    if (this.showPoints) {\n      g.selectAll('.data-point')\n        .data(parsedData)\n        .enter()\n        .append('circle')\n        .attr('class', 'data-point')\n        .attr('cx', d => xScale(d.date))\n        .attr('cy', d => yScale(d.value))\n        .attr('r', this.pointRadius)\n        .attr('stroke', d => d.color)\n        .attr('fill', 'white')\n    }\n  }\n}\n"]}

package/dist-client/components/sv-pagenation-control.d.ts

@@ -0,0 +1,18 @@
+import '@material/web/button/outlined-button.js';
+import '@material/web/icon/icon.js';
+import { LitElement } from 'lit';
+export declare class SvPagenationControl extends LitElement {
+    static styles: import("lit").CSSResult[];
+    currentPage: number;
+    totalItems: number;
+    pageLimit: number;
+    private get totalPages();
+    private get pageBlock();
+    render(): import("lit-html").TemplateResult<1>;
+    private _emitPageChange;
+    private _numberButtons;
+    private _onFirst;
+    private _onPrev;
+    private _onNext;
+    private _onLast;
+}

package/dist-client/components/sv-pagenation-control.js

@@ -0,0 +1,142 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/button/outlined-button.js';
+import '@material/web/icon/icon.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let SvPagenationControl = class SvPagenationControl extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.currentPage = 1;
+        this.totalItems = 0;
+        this.pageLimit = 20;
+    }
+    get totalPages() {
+        const totalPages = Math.ceil((this.totalItems || 0) / (this.pageLimit || 1));
+        return Math.max(1, totalPages);
+    }
+    get pageBlock() {
+        const blockSize = 10;
+        const blockIndex = Math.floor((this.currentPage - 1) / blockSize);
+        const start = blockIndex * blockSize + 1;
+        const end = Math.min(start + blockSize - 1, this.totalPages);
+        return { start, end };
+    }
+    render() {
+        return html `
+      <div pagination>
+        <md-outlined-button icon ?disabled=${this.currentPage <= 1} @click=${this._onFirst}>
+          <md-icon>first_page</md-icon>
+        </md-outlined-button>
+        <md-outlined-button icon ?disabled=${this.currentPage <= 1} @click=${this._onPrev}>
+          <md-icon>chevron_left</md-icon>
+        </md-outlined-button>
+
+        <div numbers>${this._numberButtons()}</div>
+
+        <md-outlined-button icon ?disabled=${this.currentPage >= this.totalPages} @click=${this._onNext}>
+          <md-icon>chevron_right</md-icon>
+        </md-outlined-button>
+        <md-outlined-button icon ?disabled=${this.currentPage >= this.totalPages} @click=${this._onLast}>
+          <md-icon>last_page</md-icon>
+        </md-outlined-button>
+      </div>
+    `;
+    }
+    _emitPageChange(nextPage) {
+        const bounded = Math.min(Math.max(1, nextPage), this.totalPages);
+        if (bounded !== this.currentPage) {
+            this.dispatchEvent(new CustomEvent('page-change', {
+                detail: { page: bounded },
+                bubbles: true,
+                composed: true
+            }));
+        }
+    }
+    _numberButtons() {
+        const { start, end } = this.pageBlock;
+        const buttons = [];
+        for (let page = start; page <= end; page++) {
+            const selected = page === this.currentPage;
+            buttons.push(html `<md-outlined-button data-page ?selected=${selected} @click=${() => this._emitPageChange(page)}
+          >${page}</md-outlined-button
+        >`);
+        }
+        return buttons;
+    }
+    _onFirst() {
+        this._emitPageChange(1);
+    }
+    _onPrev() {
+        this._emitPageChange(this.currentPage - 1);
+    }
+    _onNext() {
+        this._emitPageChange(this.currentPage + 1);
+    }
+    _onLast() {
+        this._emitPageChange(this.totalPages);
+    }
+};
+SvPagenationControl.styles = [
+    css `
+      div[pagination] {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: var(--spacing-medium, 8px);
+        margin: var(--spacing-large, 12px);
+
+        div[numbers] {
+          display: inline-flex;
+          gap: var(--spacing-tiny, 2px);
+        }
+
+        md-icon {
+          --md-icon-size: 18px;
+        }
+
+        md-outlined-button {
+          --md-outlined-button-container-height: 30px;
+          --md-outlined-button-label-text-size: 13px;
+          padding: 0 10px;
+        }
+
+        md-outlined-button[selected] {
+          --md-outlined-button-label-text-color: #ffffff;
+          --md-sys-color-outline: #0595e5;
+          background-color: #0595e5;
+        }
+
+        md-outlined-button[icon] {
+          min-width: 30px;
+          width: 30px;
+          padding: 0;
+        }
+
+        md-outlined-button[icon] md-icon {
+          margin-top: 5px;
+        }
+
+        md-outlined-button[data-page] {
+          min-width: 34px;
+          padding: 0 8px;
+        }
+      }
+    `
+];
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], SvPagenationControl.prototype, "currentPage", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], SvPagenationControl.prototype, "totalItems", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], SvPagenationControl.prototype, "pageLimit", void 0);
+SvPagenationControl = __decorate([
+    customElement('sv-pagenation-control')
+], SvPagenationControl);
+export { SvPagenationControl };
+//# sourceMappingURL=sv-pagenation-control.js.map

package/dist-client/components/sv-pagenation-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sv-pagenation-control.js","sourceRoot":"","sources":["../../client/components/sv-pagenation-control.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/button/outlined-button.js'\nimport '@material/web/icon/icon.js'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n@customElement('sv-pagenation-control')\nexport class SvPagenationControl extends LitElement {\n  static styles = [\n    css`\n      div[pagination] {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: var(--spacing-medium, 8px);\n        margin: var(--spacing-large, 12px);\n\n        div[numbers] {\n          display: inline-flex;\n          gap: var(--spacing-tiny, 2px);\n        }\n\n        md-icon {\n          --md-icon-size: 18px;\n        }\n\n        md-outlined-button {\n          --md-outlined-button-container-height: 30px;\n          --md-outlined-button-label-text-size: 13px;\n          padding: 0 10px;\n        }\n\n        md-outlined-button[selected] {\n          --md-outlined-button-label-text-color: #ffffff;\n          --md-sys-color-outline: #0595e5;\n          background-color: #0595e5;\n        }\n\n        md-outlined-button[icon] {\n          min-width: 30px;\n          width: 30px;\n          padding: 0;\n        }\n\n        md-outlined-button[icon] md-icon {\n          margin-top: 5px;\n        }\n\n        md-outlined-button[data-page] {\n          min-width: 34px;\n          padding: 0 8px;\n        }\n      }\n    `\n  ]\n\n  @property({ type: Number }) currentPage: number = 1\n  @property({ type: Number }) totalItems: number = 0\n  @property({ type: Number }) pageLimit: number = 20\n\n  private get totalPages(): number {\n    const totalPages = Math.ceil((this.totalItems || 0) / (this.pageLimit || 1))\n    return Math.max(1, totalPages)\n  }\n\n  private get pageBlock(): { start: number; end: number } {\n    const blockSize = 10\n    const blockIndex = Math.floor((this.currentPage - 1) / blockSize)\n    const start = blockIndex * blockSize + 1\n    const end = Math.min(start + blockSize - 1, this.totalPages)\n    return { start, end }\n  }\n\n  render() {\n    return html`\n      <div pagination>\n        <md-outlined-button icon ?disabled=${this.currentPage <= 1} @click=${this._onFirst}>\n          <md-icon>first_page</md-icon>\n        </md-outlined-button>\n        <md-outlined-button icon ?disabled=${this.currentPage <= 1} @click=${this._onPrev}>\n          <md-icon>chevron_left</md-icon>\n        </md-outlined-button>\n\n        <div numbers>${this._numberButtons()}</div>\n\n        <md-outlined-button icon ?disabled=${this.currentPage >= this.totalPages} @click=${this._onNext}>\n          <md-icon>chevron_right</md-icon>\n        </md-outlined-button>\n        <md-outlined-button icon ?disabled=${this.currentPage >= this.totalPages} @click=${this._onLast}>\n          <md-icon>last_page</md-icon>\n        </md-outlined-button>\n      </div>\n    `\n  }\n\n  private _emitPageChange(nextPage: number) {\n    const bounded = Math.min(Math.max(1, nextPage), this.totalPages)\n    if (bounded !== this.currentPage) {\n      this.dispatchEvent(\n        new CustomEvent('page-change', {\n          detail: { page: bounded },\n          bubbles: true,\n          composed: true\n        })\n      )\n    }\n  }\n\n  private _numberButtons() {\n    const { start, end } = this.pageBlock\n    const buttons = [] as any[]\n    for (let page = start; page <= end; page++) {\n      const selected = page === this.currentPage\n      buttons.push(\n        html`<md-outlined-button data-page ?selected=${selected} @click=${() => this._emitPageChange(page)}\n          >${page}</md-outlined-button\n        >`\n      )\n    }\n    return buttons\n  }\n\n  private _onFirst() {\n    this._emitPageChange(1)\n  }\n\n  private _onPrev() {\n    this._emitPageChange(this.currentPage - 1)\n  }\n\n  private _onNext() {\n    this._emitPageChange(this.currentPage + 1)\n  }\n\n  private _onLast() {\n    this._emitPageChange(this.totalPages)\n  }\n}\n"]}

package/dist-client/google-map/common-google-map.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+declare global {
+    interface Window {
+        google: any;
+        markerClusterer?: any;
+    }
+}
+export declare class CommonGoogleMap extends LitElement {
+    static styles: import("lit").CSSResult[];
+    center: any;
+    zoom: any;
+    locations: any[];
+    focused: any;
+    polygons: any;
+    polylines: any;
+    markers: any;
+    boundCoords: any;
+    controls: any;
+    clusterZoom: number;
+    map: any;
+    defaultCenter: any;
+    private _infoWindow;
+    private _markerClusterer;
+    private _buildMarkersTimer;
+    get anchor(): Element | null;
+    readyMap(): Promise<void>;
+    buildMarkers(locations?: any[]): Promise<void>;
+    get infoWindow(): any;
+    setFocus(focus: any, icon: any): void;
+    resetFocus(focus: any, icon: any): void;
+    changeFocus(after: any, before: any): Promise<void>;
+    updated(changes: any): Promise<void>;
+    render(): import("lit-html").TemplateResult<1>;
+    resetBounds(): void;
+}