npm - @dssp/dkpi - Versions diffs - 1.0.0-alpha.65 → 1.0.0-alpha.66 - Mend

@dssp/dkpi 1.0.0-alpha.65 → 1.0.0-alpha.66

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/_index.html CHANGED Viewed

@@ -61,10 +61,5 @@
   <body class="light">
     <things-app></things-app>
     <noscript> Please enable JavaScript to view this website. </noscript>
-    <!-- Load webcomponents-loader.js to check and load any polyfills your browser needs -->
-    <script src="/node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
-    <script src="/node_modules/web-animations-js/web-animations-next.min.js"></script>
-    <script src="/node_modules/@hatiolab/things-scene/things-scene-min.js"></script>
-    <!-- Built with love using PWA Starter Kit -->
   </body>
 </html>

package/dist-client/components/kpi-2d-lookup-chart.d.ts ADDED Viewed

@@ -0,0 +1,63 @@
+import { LitElement } from 'lit';
+/**
+ * X13 등 2D lookup KPI를 위한 차트 컴포넌트
+ *
+ * Y축: 성과수준 (0~1) — 다른 1D 차트와 동일
+ * X축: 편차율 (KPI value)
+ * 실선 계단: 현재 공정률 기준 편차→성과 매핑
+ * 반투명 밴드: 공정률 0~100% 범위에서 경계 이동 폭
+ * ● 점: 현재 프로젝트 위치
+ */
+interface Grade2DRow {
+    progressRate: number;
+    boundary5to4: number;
+    boundary4to3: number;
+    boundary3to2: number;
+    boundary2to1: number;
+}
+interface Grade2DLookup {
+    type: 'PROGRESS_DEVIATION_LOOKUP';
+    description?: string;
+    rows: Grade2DRow[];
+}
+export declare class Kpi2dLookupChart extends LitElement {
+    /** 2D grades 객체 ({ type: 'PROGRESS_DEVIATION_LOOKUP', rows: [...] }) */
+    grades: Grade2DLookup | null;
+    /** 현재 편차율 (KPI value = formula 결과) */
+    value: number | null;
+    /** 현재 공정률 (0~100) */
+    progressRate: number;
+    /** 단위 표시 */
+    unit: string;
+    /** 차트 제목 */
+    kpiName: string;
+    static styles: import("lit").CSSResult;
+    private chartWidth;
+    private chartHeight;
+    private resizeObserver?;
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(): void;
+    private renderChart;
+    /**
+     * 현재 공정률에서의 점수 계산
+     */
+    private getCurrentScore;
+    private drawHeader;
+    private draw2DChart;
+    /**
+     * 반투명 밴드: 공정률 0~100% 전체에서 각 경계가 이동하는 범위
+     */
+    private drawBands;
+    /**
+     * 현재 공정률 기준 계단 함수 그리기
+     */
+    private drawStepFunction;
+    /**
+     * 현재 프로젝트 위치 표시
+     */
+    private drawCurrentValuePointer;
+    private drawEmptyState;
+}
+export {};

package/dist-client/components/kpi-2d-lookup-chart.js ADDED Viewed

@@ -0,0 +1,470 @@
+import { __decorate, __metadata } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import * as d3 from 'd3';
+/* 5점→1.0, 4점→0.8, 3점→0.6, 2점→0.4, 1점→0.2 */
+const SCORE_LEVELS = [
+    { score: 5, normalized: 1.0, label: '5점', color: '#1565c0' },
+    { score: 4, normalized: 0.8, label: '4점', color: '#4caf50' },
+    { score: 3, normalized: 0.6, label: '3점', color: '#ffc107' },
+    { score: 2, normalized: 0.4, label: '2점', color: '#ff9800' },
+    { score: 1, normalized: 0.2, label: '1점', color: '#e53935' }
+];
+let Kpi2dLookupChart = class Kpi2dLookupChart extends LitElement {
+    constructor() {
+        super(...arguments);
+        /** 2D grades 객체 ({ type: 'PROGRESS_DEVIATION_LOOKUP', rows: [...] }) */
+        this.grades = null;
+        /** 현재 편차율 (KPI value = formula 결과) */
+        this.value = null;
+        /** 현재 공정률 (0~100) */
+        this.progressRate = 50;
+        /** 단위 표시 */
+        this.unit = '%';
+        /** 차트 제목 */
+        this.kpiName = '';
+        this.chartWidth = 0;
+        this.chartHeight = 0;
+    }
+    render() {
+        return html `
+      <svg
+        id="lookup-2d-chart"
+        width=${this.chartWidth}
+        height=${this.chartHeight}
+        viewBox="0 0 ${this.chartWidth} ${this.chartHeight}"
+        preserveAspectRatio="xMidYMid meet"
+      ></svg>
+    `;
+    }
+    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.renderChart();
+    }
+    renderChart() {
+        const svg = d3.select(this.renderRoot.querySelector('#lookup-2d-chart'));
+        svg.selectAll('*').remove();
+        if (!this.grades || !this.grades.rows || this.grades.rows.length === 0) {
+            this.drawEmptyState(svg);
+            return;
+        }
+        const w = this.chartWidth || 400;
+        const h = this.chartHeight || 250;
+        const margin = { top: 45, right: 30, bottom: 55, left: 65 };
+        const plotW = w - margin.left - margin.right;
+        const plotH = h - margin.top - margin.bottom;
+        if (plotW <= 0 || plotH <= 0)
+            return;
+        const g = svg.append('g').attr('transform', `translate(${margin.left},${margin.top})`);
+        // 제목
+        if (this.kpiName) {
+            svg
+                .append('text')
+                .attr('class', 'chart-title')
+                .attr('x', w / 2)
+                .attr('y', 15)
+                .attr('text-anchor', 'middle')
+                .text(this.kpiName);
+        }
+        // 헤더 (현재 값, 점수)
+        this.drawHeader(svg, w);
+        // 차트 본체
+        this.draw2DChart(g, plotW, plotH);
+    }
+    /**
+     * 현재 공정률에서의 점수 계산
+     */
+    getCurrentScore() {
+        var _a;
+        if (this.value === null || !((_a = this.grades) === null || _a === void 0 ? void 0 : _a.rows))
+            return null;
+        const progressIdx = Math.min(99, Math.max(0, Math.floor(this.progressRate)));
+        const row = this.grades.rows.find(r => r.progressRate === progressIdx);
+        if (!row)
+            return null;
+        if (this.value < row.boundary5to4)
+            return 5;
+        if (this.value < row.boundary4to3)
+            return 4;
+        if (this.value < row.boundary3to2)
+            return 3;
+        if (this.value < row.boundary2to1)
+            return 2;
+        return 1;
+    }
+    drawHeader(svg, chartWidth) {
+        const headerY = 32;
+        // 편차율(value) 표시
+        if (this.value !== null) {
+            svg
+                .append('text')
+                .attr('class', 'value-label')
+                .attr('x', 10)
+                .attr('y', headerY)
+                .attr('font-size', '11px')
+                .text(`편차율: ${(this.value * 100).toFixed(2)}%`);
+        }
+        // 공정률 표시
+        svg
+            .append('text')
+            .attr('class', 'progress-label')
+            .attr('x', chartWidth / 2)
+            .attr('y', headerY)
+            .attr('text-anchor', 'middle')
+            .attr('font-size', '11px')
+            .text(`공정률: ${this.progressRate.toFixed(0)}%`);
+        // Score 표시
+        const currentScore = this.getCurrentScore();
+        if (currentScore !== null) {
+            const normalized = currentScore / 5;
+            svg
+                .append('text')
+                .attr('class', 'value-label')
+                .attr('x', chartWidth - 10)
+                .attr('y', headerY)
+                .attr('text-anchor', 'end')
+                .attr('font-size', '11px')
+                .text(`성과수준: ${normalized.toFixed(1)} (${currentScore}점)`);
+        }
+    }
+    draw2DChart(g, width, height) {
+        const rows = this.grades.rows;
+        // --- X축 범위 계산 (편차율) ---
+        // 모든 공정률에서의 최소/최대 경계값
+        const allBoundaries = rows.flatMap(r => [r.boundary5to4, r.boundary2to1]);
+        let xMin = Math.min(...allBoundaries);
+        let xMax = Math.max(...allBoundaries);
+        // 현재 value 포함
+        if (this.value !== null) {
+            xMin = Math.min(xMin, this.value);
+            xMax = Math.max(xMax, this.value);
+        }
+        // 약간의 여백
+        const xPadding = (xMax - xMin) * 0.08;
+        xMin -= xPadding;
+        xMax += xPadding;
+        const xScale = d3.scaleLinear().domain([xMin, xMax]).range([0, width]);
+        // --- Y축 (성과수준 0~1) ---
+        const yScale = d3.scaleLinear().domain([0, 1.05]).range([height, 0]);
+        // --- 반투명 밴드: 모든 공정률에서의 경계 변동 범위 ---
+        this.drawBands(g, rows, xScale, yScale, width);
+        // --- 현재 공정률 기준 계단 함수 ---
+        this.drawStepFunction(g, xScale, yScale, xMin, xMax);
+        // --- 현재 위치 포인터 ---
+        this.drawCurrentValuePointer(g, xScale, yScale);
+        // --- 축 그리기 ---
+        // Y축
+        const yAxis = d3.axisLeft(yScale).tickValues([0, 0.2, 0.4, 0.6, 0.8, 1.0]);
+        g.append('g').call(yAxis);
+        g.append('text')
+            .attr('class', 'axis-label')
+            .attr('transform', 'rotate(-90)')
+            .attr('x', -height / 2)
+            .attr('y', -50)
+            .attr('text-anchor', 'middle')
+            .attr('font-weight', 'bold')
+            .text('성과수준');
+        // X축
+        const xAxis = d3
+            .axisBottom(xScale)
+            .ticks(8)
+            .tickFormat((d) => `${(d * 100).toFixed(1)}%`);
+        g.append('g').attr('transform', `translate(0,${height})`).call(xAxis);
+        g.append('text')
+            .attr('class', 'axis-label')
+            .attr('x', width / 2)
+            .attr('y', height + 42)
+            .attr('text-anchor', 'middle')
+            .text('편차율');
+        // --- 점수 라벨 (우측) ---
+        SCORE_LEVELS.forEach(level => {
+            g.append('text')
+                .attr('class', 'score-label')
+                .attr('x', width + 5)
+                .attr('y', yScale(level.normalized) + 4)
+                .attr('fill', level.color)
+                .text(level.label);
+        });
+    }
+    /**
+     * 반투명 밴드: 공정률 0~100% 전체에서 각 경계가 이동하는 범위
+     */
+    drawBands(g, rows, xScale, yScale, width) {
+        // 각 점수 경계별로 min/max 범위 계산
+        const b5to4_min = Math.min(...rows.map(r => r.boundary5to4));
+        const b5to4_max = Math.max(...rows.map(r => r.boundary5to4));
+        const b3to2_min = Math.min(...rows.map(r => r.boundary3to2));
+        const b3to2_max = Math.max(...rows.map(r => r.boundary3to2));
+        const b2to1_min = Math.min(...rows.map(r => r.boundary2to1));
+        const b2to1_max = Math.max(...rows.map(r => r.boundary2to1));
+        // 5점 영역 (맨 왼쪽)
+        g.append('rect')
+            .attr('x', 0)
+            .attr('y', yScale(1.0))
+            .attr('width', xScale(b5to4_max) - xScale(xScale.domain()[0]))
+            .attr('height', yScale(0.8) - yScale(1.0))
+            .attr('fill', SCORE_LEVELS[0].color)
+            .attr('opacity', 0.06);
+        // 4점 영역
+        g.append('rect')
+            .attr('x', xScale(b5to4_min))
+            .attr('y', yScale(0.8))
+            .attr('width', xScale(0) - xScale(b5to4_min))
+            .attr('height', yScale(0.6) - yScale(0.8))
+            .attr('fill', SCORE_LEVELS[1].color)
+            .attr('opacity', 0.06);
+        // 3점 영역
+        g.append('rect')
+            .attr('x', xScale(0))
+            .attr('y', yScale(0.6))
+            .attr('width', xScale(b3to2_max) - xScale(0))
+            .attr('height', yScale(0.4) - yScale(0.6))
+            .attr('fill', SCORE_LEVELS[2].color)
+            .attr('opacity', 0.06);
+        // 2점 영역
+        g.append('rect')
+            .attr('x', xScale(b3to2_min))
+            .attr('y', yScale(0.4))
+            .attr('width', xScale(b2to1_max) - xScale(b3to2_min))
+            .attr('height', yScale(0.2) - yScale(0.4))
+            .attr('fill', SCORE_LEVELS[3].color)
+            .attr('opacity', 0.06);
+        // 1점 영역 (맨 오른쪽)
+        g.append('rect')
+            .attr('x', xScale(b2to1_min))
+            .attr('y', yScale(0.2))
+            .attr('width', width - xScale(b2to1_min))
+            .attr('height', yScale(0) - yScale(0.2))
+            .attr('fill', SCORE_LEVELS[4].color)
+            .attr('opacity', 0.06);
+        // 경계 변동 범위를 수직 반투명 밴드로 표시
+        const boundaryRanges = [
+            { min: b5to4_min, max: b5to4_max, color: '#666' },
+            { min: b3to2_min, max: b3to2_max, color: '#666' },
+            { min: b2to1_min, max: b2to1_max, color: '#666' }
+        ];
+        boundaryRanges.forEach(br => {
+            if (Math.abs(br.max - br.min) > 0.0001) {
+                g.append('rect')
+                    .attr('x', xScale(br.min))
+                    .attr('y', 0)
+                    .attr('width', xScale(br.max) - xScale(br.min))
+                    .attr('height', yScale(0))
+                    .attr('fill', br.color)
+                    .attr('opacity', 0.05);
+            }
+        });
+    }
+    /**
+     * 현재 공정률 기준 계단 함수 그리기
+     */
+    drawStepFunction(g, xScale, yScale, xMin, xMax) {
+        var _a;
+        const progressIdx = Math.min(99, Math.max(0, Math.floor(this.progressRate)));
+        const row = (_a = this.grades) === null || _a === void 0 ? void 0 : _a.rows.find(r => r.progressRate === progressIdx);
+        if (!row)
+            return;
+        const boundaries = [
+            { x: xMin, score: 1.0 }, // 5점 시작 (왼쪽 끝)
+            { x: row.boundary5to4, score: 1.0 }, // 5점→4점 전환점
+            { x: row.boundary5to4, score: 0.8 }, // 4점 시작
+            { x: row.boundary4to3, score: 0.8 }, // 4점→3점 전환점
+            { x: row.boundary4to3, score: 0.6 }, // 3점 시작
+            { x: row.boundary3to2, score: 0.6 }, // 3점→2점 전환점
+            { x: row.boundary3to2, score: 0.4 }, // 2점 시작
+            { x: row.boundary2to1, score: 0.4 }, // 2점→1점 전환점
+            { x: row.boundary2to1, score: 0.2 }, // 1점 시작
+            { x: xMax, score: 0.2 } // 1점 끝 (오른쪽 끝)
+        ];
+        // 계단 함수 영역 채우기 (반투명)
+        const areaData = [...boundaries];
+        const areaBottom = [...boundaries].reverse().map(b => ({ x: b.x, score: 0 }));
+        const area = d3
+            .area()
+            .x(d => xScale(d.x))
+            .y0(yScale(0))
+            .y1(d => yScale(d.score));
+        g.append('path')
+            .datum(boundaries)
+            .attr('d', area)
+            .attr('fill', '#1565c0')
+            .attr('opacity', 0.1);
+        // 계단 함수 라인
+        const line = d3
+            .line()
+            .x(d => xScale(d.x))
+            .y(d => yScale(d.score));
+        g.append('path')
+            .datum(boundaries)
+            .attr('d', line)
+            .attr('fill', 'none')
+            .attr('stroke', '#1565c0')
+            .attr('stroke-width', 2.5);
+        // 경계 전환점에 수직 점선
+        const verticalBoundaries = [row.boundary5to4, row.boundary4to3, row.boundary3to2, row.boundary2to1];
+        const verticalScorePairs = [
+            [1.0, 0.8],
+            [0.8, 0.6],
+            [0.6, 0.4],
+            [0.4, 0.2]
+        ];
+        verticalBoundaries.forEach((bx, i) => {
+            // 수직 점선 (X축까지)
+            g.append('line')
+                .attr('x1', xScale(bx))
+                .attr('x2', xScale(bx))
+                .attr('y1', yScale(verticalScorePairs[i][0]))
+                .attr('y2', yScale(0))
+                .attr('stroke', '#999')
+                .attr('stroke-width', 0.8)
+                .attr('stroke-dasharray', '3,3');
+            // 경계값 라벨 (X축 아래)
+            g.append('text')
+                .attr('class', 'axis-label')
+                .attr('x', xScale(bx))
+                .attr('y', yScale(0) + 12)
+                .attr('text-anchor', 'middle')
+                .attr('font-size', '9px')
+                .attr('fill', '#1565c0')
+                .text(`${(bx * 100).toFixed(1)}%`);
+        });
+    }
+    /**
+     * 현재 프로젝트 위치 표시
+     */
+    drawCurrentValuePointer(g, xScale, yScale) {
+        if (this.value === null)
+            return;
+        const currentScore = this.getCurrentScore();
+        if (currentScore === null)
+            return;
+        const normalizedScore = currentScore / 5;
+        const cx = xScale(this.value);
+        const cy = yScale(normalizedScore);
+        // 수평 가이드라인 (Y축까지)
+        g.append('line')
+            .attr('x1', 0)
+            .attr('x2', cx)
+            .attr('y1', cy)
+            .attr('y2', cy)
+            .attr('stroke', '#e53935')
+            .attr('stroke-width', 1)
+            .attr('stroke-dasharray', '4,3')
+            .attr('opacity', 0.6);
+        // 수직 가이드라인 (X축까지)
+        g.append('line')
+            .attr('x1', cx)
+            .attr('x2', cx)
+            .attr('y1', cy)
+            .attr('y2', yScale(0))
+            .attr('stroke', '#e53935')
+            .attr('stroke-width', 1)
+            .attr('stroke-dasharray', '4,3')
+            .attr('opacity', 0.6);
+        // 포인터 원
+        g.append('circle')
+            .attr('cx', cx)
+            .attr('cy', cy)
+            .attr('r', 7)
+            .attr('fill', '#e53935')
+            .attr('stroke', '#fff')
+            .attr('stroke-width', 2.5);
+        // 포인터 위에 값 라벨
+        g.append('text')
+            .attr('x', cx)
+            .attr('y', cy - 14)
+            .attr('text-anchor', 'middle')
+            .attr('font-size', '11px')
+            .attr('font-weight', '700')
+            .attr('fill', '#e53935')
+            .text(`${(this.value * 100).toFixed(2)}% → ${normalizedScore.toFixed(1)}`);
+    }
+    drawEmptyState(svg) {
+        svg
+            .append('text')
+            .attr('x', this.chartWidth / 2)
+            .attr('y', this.chartHeight / 2)
+            .attr('text-anchor', 'middle')
+            .attr('fill', '#999')
+            .attr('font-size', '14px')
+            .text('No 2D grade data available');
+    }
+};
+Kpi2dLookupChart.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+      min-height: 200px;
+    }
+    svg {
+      width: 100%;
+      height: 100%;
+      display: block;
+    }
+    .chart-title {
+      font-size: 14px;
+      font-weight: 600;
+      fill: #333;
+    }
+    .value-label {
+      font-size: 12px;
+      font-weight: 600;
+      fill: #e53935;
+    }
+    .axis-label {
+      font-size: 11px;
+      fill: #999;
+    }
+    .score-label {
+      font-size: 10px;
+      fill: #666;
+      font-weight: 500;
+    }
+    .progress-label {
+      font-size: 10px;
+      fill: #1565c0;
+      font-weight: 600;
+    }
+  `;
+__decorate([
+    property({ type: Object }),
+    __metadata("design:type", Object)
+], Kpi2dLookupChart.prototype, "grades", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Object)
+], Kpi2dLookupChart.prototype, "value", void 0);
+__decorate([
+    property({ type: Number }),
+    __metadata("design:type", Number)
+], Kpi2dLookupChart.prototype, "progressRate", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], Kpi2dLookupChart.prototype, "unit", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", String)
+], Kpi2dLookupChart.prototype, "kpiName", void 0);
+Kpi2dLookupChart = __decorate([
+    customElement('kpi-2d-lookup-chart')
+], Kpi2dLookupChart);
+export { Kpi2dLookupChart };
+//# sourceMappingURL=kpi-2d-lookup-chart.js.map

package/dist-client/components/kpi-2d-lookup-chart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"kpi-2d-lookup-chart.js","sourceRoot":"","sources":["../../client/components/kpi-2d-lookup-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/**\n * X13 등 2D lookup KPI를 위한 차트 컴포넌트\n *\n * Y축: 성과수준 (0~1) — 다른 1D 차트와 동일\n * X축: 편차율 (KPI value)\n * 실선 계단: 현재 공정률 기준 편차→성과 매핑\n * 반투명 밴드: 공정률 0~100% 범위에서 경계 이동 폭\n * ● 점: 현재 프로젝트 위치\n */\n\ninterface Grade2DRow {\n progressRate: number\n boundary5to4: number\n boundary4to3: number\n boundary3to2: number\n boundary2to1: number\n}\n\ninterface Grade2DLookup {\n type: 'PROGRESS_DEVIATION_LOOKUP'\n description?: string\n rows: Grade2DRow[]\n}\n\n/* 5점→1.0, 4점→0.8, 3점→0.6, 2점→0.4, 1점→0.2 */\nconst SCORE_LEVELS = [\n { score: 5, normalized: 1.0, label: '5점', color: '#1565c0' },\n { score: 4, normalized: 0.8, label: '4점', color: '#4caf50' },\n { score: 3, normalized: 0.6, label: '3점', color: '#ffc107' },\n { score: 2, normalized: 0.4, label: '2점', color: '#ff9800' },\n { score: 1, normalized: 0.2, label: '1점', color: '#e53935' }\n]\n\n@customElement('kpi-2d-lookup-chart')\nexport class Kpi2dLookupChart extends LitElement {\n /** 2D grades 객체 ({ type: 'PROGRESS_DEVIATION_LOOKUP', rows: [...] }) */\n @property({ type: Object }) grades: Grade2DLookup | null = null\n\n /** 현재 편차율 (KPI value = formula 결과) */\n @property({ type: Number }) value: number | null = null\n\n /** 현재 공정률 (0~100) */\n @property({ type: Number }) progressRate: number = 50\n\n /** 단위 표시 */\n @property({ type: String }) unit: string = '%'\n\n /** 차트 제목 */\n @property({ type: String }) kpiName: string = ''\n\n static styles = css`\n :host {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 200px;\n }\n svg {\n width: 100%;\n height: 100%;\n display: block;\n }\n .chart-title {\n font-size: 14px;\n font-weight: 600;\n fill: #333;\n }\n .value-label {\n font-size: 12px;\n font-weight: 600;\n fill: #e53935;\n }\n .axis-label {\n font-size: 11px;\n fill: #999;\n }\n .score-label {\n font-size: 10px;\n fill: #666;\n font-weight: 500;\n }\n .progress-label {\n font-size: 10px;\n fill: #1565c0;\n font-weight: 600;\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=\"lookup-2d-chart\"\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.renderChart()\n }\n\n private renderChart() {\n const svg = d3.select(this.renderRoot.querySelector('#lookup-2d-chart'))\n svg.selectAll('*').remove()\n\n if (!this.grades || !this.grades.rows || this.grades.rows.length === 0) {\n this.drawEmptyState(svg)\n return\n }\n\n const w = this.chartWidth || 400\n const h = this.chartHeight || 250\n const margin = { top: 45, right: 30, bottom: 55, left: 65 }\n const plotW = w - margin.left - margin.right\n const plotH = h - margin.top - margin.bottom\n\n if (plotW <= 0 || plotH <= 0) return\n\n const g = svg.append('g').attr('transform', `translate(${margin.left},${margin.top})`)\n\n // 제목\n if (this.kpiName) {\n svg\n .append('text')\n .attr('class', 'chart-title')\n .attr('x', w / 2)\n .attr('y', 15)\n .attr('text-anchor', 'middle')\n .text(this.kpiName)\n }\n\n // 헤더 (현재 값, 점수)\n this.drawHeader(svg, w)\n\n // 차트 본체\n this.draw2DChart(g, plotW, plotH)\n }\n\n /**\n * 현재 공정률에서의 점수 계산\n */\n private getCurrentScore(): number | null {\n if (this.value === null || !this.grades?.rows) return null\n\n const progressIdx = Math.min(99, Math.max(0, Math.floor(this.progressRate)))\n const row = this.grades.rows.find(r => r.progressRate === progressIdx)\n if (!row) return null\n\n if (this.value < row.boundary5to4) return 5\n if (this.value < row.boundary4to3) return 4\n if (this.value < row.boundary3to2) return 3\n if (this.value < row.boundary2to1) return 2\n return 1\n }\n\n private drawHeader(svg: any, chartWidth: number) {\n const headerY = 32\n\n // 편차율(value) 표시\n if (this.value !== null) {\n svg\n .append('text')\n .attr('class', 'value-label')\n .attr('x', 10)\n .attr('y', headerY)\n .attr('font-size', '11px')\n .text(`편차율: ${(this.value * 100).toFixed(2)}%`)\n }\n\n // 공정률 표시\n svg\n .append('text')\n .attr('class', 'progress-label')\n .attr('x', chartWidth / 2)\n .attr('y', headerY)\n .attr('text-anchor', 'middle')\n .attr('font-size', '11px')\n .text(`공정률: ${this.progressRate.toFixed(0)}%`)\n\n // Score 표시\n const currentScore = this.getCurrentScore()\n if (currentScore !== null) {\n const normalized = currentScore / 5\n svg\n .append('text')\n .attr('class', 'value-label')\n .attr('x', chartWidth - 10)\n .attr('y', headerY)\n .attr('text-anchor', 'end')\n .attr('font-size', '11px')\n .text(`성과수준: ${normalized.toFixed(1)} (${currentScore}점)`)\n }\n }\n\n private draw2DChart(g: any, width: number, height: number) {\n const rows = this.grades!.rows\n\n // --- X축 범위 계산 (편차율) ---\n // 모든 공정률에서의 최소/최대 경계값\n const allBoundaries = rows.flatMap(r => [r.boundary5to4, r.boundary2to1])\n let xMin = Math.min(...allBoundaries)\n let xMax = Math.max(...allBoundaries)\n\n // 현재 value 포함\n if (this.value !== null) {\n xMin = Math.min(xMin, this.value)\n xMax = Math.max(xMax, this.value)\n }\n\n // 약간의 여백\n const xPadding = (xMax - xMin) * 0.08\n xMin -= xPadding\n xMax += xPadding\n\n const xScale = d3.scaleLinear().domain([xMin, xMax]).range([0, width])\n\n // --- Y축 (성과수준 0~1) ---\n const yScale = d3.scaleLinear().domain([0, 1.05]).range([height, 0])\n\n // --- 반투명 밴드: 모든 공정률에서의 경계 변동 범위 ---\n this.drawBands(g, rows, xScale, yScale, width)\n\n // --- 현재 공정률 기준 계단 함수 ---\n this.drawStepFunction(g, xScale, yScale, xMin, xMax)\n\n // --- 현재 위치 포인터 ---\n this.drawCurrentValuePointer(g, xScale, yScale)\n\n // --- 축 그리기 ---\n // Y축\n const yAxis = d3.axisLeft(yScale).tickValues([0, 0.2, 0.4, 0.6, 0.8, 1.0])\n g.append('g').call(yAxis)\n\n g.append('text')\n .attr('class', 'axis-label')\n .attr('transform', 'rotate(-90)')\n .attr('x', -height / 2)\n .attr('y', -50)\n .attr('text-anchor', 'middle')\n .attr('font-weight', 'bold')\n .text('성과수준')\n\n // X축\n const xAxis = d3\n .axisBottom(xScale)\n .ticks(8)\n .tickFormat((d: any) => `${(d * 100).toFixed(1)}%`)\n g.append('g').attr('transform', `translate(0,${height})`).call(xAxis)\n\n g.append('text')\n .attr('class', 'axis-label')\n .attr('x', width / 2)\n .attr('y', height + 42)\n .attr('text-anchor', 'middle')\n .text('편차율')\n\n // --- 점수 라벨 (우측) ---\n SCORE_LEVELS.forEach(level => {\n g.append('text')\n .attr('class', 'score-label')\n .attr('x', width + 5)\n .attr('y', yScale(level.normalized) + 4)\n .attr('fill', level.color)\n .text(level.label)\n })\n }\n\n /**\n * 반투명 밴드: 공정률 0~100% 전체에서 각 경계가 이동하는 범위\n */\n private drawBands(g: any, rows: Grade2DRow[], xScale: any, yScale: any, width: number) {\n // 각 점수 경계별로 min/max 범위 계산\n const b5to4_min = Math.min(...rows.map(r => r.boundary5to4))\n const b5to4_max = Math.max(...rows.map(r => r.boundary5to4))\n const b3to2_min = Math.min(...rows.map(r => r.boundary3to2))\n const b3to2_max = Math.max(...rows.map(r => r.boundary3to2))\n const b2to1_min = Math.min(...rows.map(r => r.boundary2to1))\n const b2to1_max = Math.max(...rows.map(r => r.boundary2to1))\n\n // 5점 영역 (맨 왼쪽)\n g.append('rect')\n .attr('x', 0)\n .attr('y', yScale(1.0))\n .attr('width', xScale(b5to4_max) - xScale(xScale.domain()[0]))\n .attr('height', yScale(0.8) - yScale(1.0))\n .attr('fill', SCORE_LEVELS[0].color)\n .attr('opacity', 0.06)\n\n // 4점 영역\n g.append('rect')\n .attr('x', xScale(b5to4_min))\n .attr('y', yScale(0.8))\n .attr('width', xScale(0) - xScale(b5to4_min))\n .attr('height', yScale(0.6) - yScale(0.8))\n .attr('fill', SCORE_LEVELS[1].color)\n .attr('opacity', 0.06)\n\n // 3점 영역\n g.append('rect')\n .attr('x', xScale(0))\n .attr('y', yScale(0.6))\n .attr('width', xScale(b3to2_max) - xScale(0))\n .attr('height', yScale(0.4) - yScale(0.6))\n .attr('fill', SCORE_LEVELS[2].color)\n .attr('opacity', 0.06)\n\n // 2점 영역\n g.append('rect')\n .attr('x', xScale(b3to2_min))\n .attr('y', yScale(0.4))\n .attr('width', xScale(b2to1_max) - xScale(b3to2_min))\n .attr('height', yScale(0.2) - yScale(0.4))\n .attr('fill', SCORE_LEVELS[3].color)\n .attr('opacity', 0.06)\n\n // 1점 영역 (맨 오른쪽)\n g.append('rect')\n .attr('x', xScale(b2to1_min))\n .attr('y', yScale(0.2))\n .attr('width', width - xScale(b2to1_min))\n .attr('height', yScale(0) - yScale(0.2))\n .attr('fill', SCORE_LEVELS[4].color)\n .attr('opacity', 0.06)\n\n // 경계 변동 범위를 수직 반투명 밴드로 표시\n const boundaryRanges = [\n { min: b5to4_min, max: b5to4_max, color: '#666' },\n { min: b3to2_min, max: b3to2_max, color: '#666' },\n { min: b2to1_min, max: b2to1_max, color: '#666' }\n ]\n\n boundaryRanges.forEach(br => {\n if (Math.abs(br.max - br.min) > 0.0001) {\n g.append('rect')\n .attr('x', xScale(br.min))\n .attr('y', 0)\n .attr('width', xScale(br.max) - xScale(br.min))\n .attr('height', yScale(0))\n .attr('fill', br.color)\n .attr('opacity', 0.05)\n }\n })\n }\n\n /**\n * 현재 공정률 기준 계단 함수 그리기\n */\n private drawStepFunction(g: any, xScale: any, yScale: any, xMin: number, xMax: number) {\n const progressIdx = Math.min(99, Math.max(0, Math.floor(this.progressRate)))\n const row = this.grades?.rows.find(r => r.progressRate === progressIdx)\n if (!row) return\n\n const boundaries = [\n { x: xMin, score: 1.0 }, // 5점 시작 (왼쪽 끝)\n { x: row.boundary5to4, score: 1.0 }, // 5점→4점 전환점\n { x: row.boundary5to4, score: 0.8 }, // 4점 시작\n { x: row.boundary4to3, score: 0.8 }, // 4점→3점 전환점\n { x: row.boundary4to3, score: 0.6 }, // 3점 시작\n { x: row.boundary3to2, score: 0.6 }, // 3점→2점 전환점\n { x: row.boundary3to2, score: 0.4 }, // 2점 시작\n { x: row.boundary2to1, score: 0.4 }, // 2점→1점 전환점\n { x: row.boundary2to1, score: 0.2 }, // 1점 시작\n { x: xMax, score: 0.2 } // 1점 끝 (오른쪽 끝)\n ]\n\n // 계단 함수 영역 채우기 (반투명)\n const areaData = [...boundaries]\n const areaBottom = [...boundaries].reverse().map(b => ({ x: b.x, score: 0 }))\n\n const area = d3\n .area<{ x: number; score: number }>()\n .x(d => xScale(d.x))\n .y0(yScale(0))\n .y1(d => yScale(d.score))\n\n g.append('path')\n .datum(boundaries)\n .attr('d', area)\n .attr('fill', '#1565c0')\n .attr('opacity', 0.1)\n\n // 계단 함수 라인\n const line = d3\n .line<{ x: number; score: number }>()\n .x(d => xScale(d.x))\n .y(d => yScale(d.score))\n\n g.append('path')\n .datum(boundaries)\n .attr('d', line)\n .attr('fill', 'none')\n .attr('stroke', '#1565c0')\n .attr('stroke-width', 2.5)\n\n // 경계 전환점에 수직 점선\n const verticalBoundaries = [row.boundary5to4, row.boundary4to3, row.boundary3to2, row.boundary2to1]\n const verticalScorePairs = [\n [1.0, 0.8],\n [0.8, 0.6],\n [0.6, 0.4],\n [0.4, 0.2]\n ]\n\n verticalBoundaries.forEach((bx, i) => {\n // 수직 점선 (X축까지)\n g.append('line')\n .attr('x1', xScale(bx))\n .attr('x2', xScale(bx))\n .attr('y1', yScale(verticalScorePairs[i][0]))\n .attr('y2', yScale(0))\n .attr('stroke', '#999')\n .attr('stroke-width', 0.8)\n .attr('stroke-dasharray', '3,3')\n\n // 경계값 라벨 (X축 아래)\n g.append('text')\n .attr('class', 'axis-label')\n .attr('x', xScale(bx))\n .attr('y', yScale(0) + 12)\n .attr('text-anchor', 'middle')\n .attr('font-size', '9px')\n .attr('fill', '#1565c0')\n .text(`${(bx * 100).toFixed(1)}%`)\n })\n }\n\n /**\n * 현재 프로젝트 위치 표시\n */\n private drawCurrentValuePointer(g: any, xScale: any, yScale: any) {\n if (this.value === null) return\n\n const currentScore = this.getCurrentScore()\n if (currentScore === null) return\n\n const normalizedScore = currentScore / 5\n const cx = xScale(this.value)\n const cy = yScale(normalizedScore)\n\n // 수평 가이드라인 (Y축까지)\n g.append('line')\n .attr('x1', 0)\n .attr('x2', cx)\n .attr('y1', cy)\n .attr('y2', cy)\n .attr('stroke', '#e53935')\n .attr('stroke-width', 1)\n .attr('stroke-dasharray', '4,3')\n .attr('opacity', 0.6)\n\n // 수직 가이드라인 (X축까지)\n g.append('line')\n .attr('x1', cx)\n .attr('x2', cx)\n .attr('y1', cy)\n .attr('y2', yScale(0))\n .attr('stroke', '#e53935')\n .attr('stroke-width', 1)\n .attr('stroke-dasharray', '4,3')\n .attr('opacity', 0.6)\n\n // 포인터 원\n g.append('circle')\n .attr('cx', cx)\n .attr('cy', cy)\n .attr('r', 7)\n .attr('fill', '#e53935')\n .attr('stroke', '#fff')\n .attr('stroke-width', 2.5)\n\n // 포인터 위에 값 라벨\n g.append('text')\n .attr('x', cx)\n .attr('y', cy - 14)\n .attr('text-anchor', 'middle')\n .attr('font-size', '11px')\n .attr('font-weight', '700')\n .attr('fill', '#e53935')\n .text(`${(this.value * 100).toFixed(2)}% → ${normalizedScore.toFixed(1)}`)\n }\n\n private drawEmptyState(svg: any) {\n svg\n .append('text')\n .attr('x', this.chartWidth / 2)\n .attr('y', this.chartHeight / 2)\n .attr('text-anchor', 'middle')\n .attr('fill', '#999')\n .attr('font-size', '14px')\n .text('No 2D grade data available')\n }\n}\n"]}

package/dist-client/pages/kpi-admin/dssp-kpi-list-page.d.ts ADDED Viewed

@@ -0,0 +1,22 @@
+import './kpi-grade-2d-editor.js';
+import { TemplateResult } from 'lit';
+import { KpiListPage } from '@things-factory/kpi/dist-client/pages/kpi/kpi-list-page.js';
+import { KpiGrade2dEditor } from './kpi-grade-2d-editor.js';
+export declare class DsspKpiListPage extends KpiListPage {
+    static get scopedElements(): {
+        'kpi-grade-2d-editor': typeof KpiGrade2dEditor;
+        'kpi-importer': typeof import("@things-factory/kpi/dist-client/pages/kpi/kpi-importer.js").KpiImporter;
+        'kpi-grade-editor': typeof import("@things-factory/kpi/dist-client/pages/kpi/kpi-grade-editor.js").KpiGradeEditor;
+        'kpi-viz-editor': typeof import("@things-factory/kpi/dist-client/pages/kpi/kpi-viz-editor.js").KpiVizEditor;
+    };
+    /**
+     * CUSTOM scoreType 셀 렌더러.
+     * 2D 룩업 구조인 경우 행 수와 함께 표시.
+     */
+    protected renderCustomGradesCell(kpi: any): TemplateResult;
+    /**
+     * CUSTOM scoreType 편집.
+     * 2D 룩업이면 kpi-grade-2d-editor 팝업을 연다.
+     */
+    protected _editCustomGrades(kpi: any): Promise<void>;
+}