@dssp/dkpi 1.0.0 → 1.0.1

package/dist-client/bootstrap.d.ts

@@ -0,0 +1,9 @@
+import '@things-factory/notification/dist-client';
+import '@things-factory/setting-ui/dist-client';
+import '@material/web/icon/icon.js';
+import '@operato/i18n/ox-i18n.js';
+import '@things-factory/notification';
+import './viewparts/user-circle';
+import './viewparts/menu-tools';
+import '@dssp/project/dist-client/viewparts/domain-switch';
+export default function bootstrap(): Promise<void>;

package/dist-client/bootstrap.js

@@ -0,0 +1,272 @@
+import '@things-factory/notification/dist-client'; /* for notification-setting-let */
+import '@things-factory/setting-ui/dist-client'; /* for theme-mode-setting-let */
+import '@material/web/icon/icon.js';
+import '@operato/i18n/ox-i18n.js';
+import '@things-factory/notification';
+import './viewparts/user-circle';
+import './viewparts/menu-tools';
+import '@dssp/project/dist-client/viewparts/domain-switch';
+import { html } from 'lit-html';
+import { registerDefaultGroups } from '@operato/board';
+import { navigate, store } from '@operato/shell';
+import { appendViewpart, updateViewpart, toggleOverlay, TOOL_POSITION, VIEWPART_POSITION, VIEWPART_LEVEL } from '@operato/layout';
+import { APPEND_APP_TOOL } from '@things-factory/apptool-base/client';
+import { setupAppToolPart } from '@things-factory/apptool-ui/dist-client';
+import { setupContextUIPart } from '@things-factory/context-ui/dist-client';
+import { hasPrivilege } from '@things-factory/auth-base/dist-client';
+import { setAuthManagementMenus } from '@things-factory/auth-ui/dist-client';
+import { ADD_MORENDA } from '@things-factory/more-base/client';
+import { ADD_SETTING } from '@things-factory/setting-base/dist-client';
+console.log(`%c
+▄▄▄  ▄  ▄▄ ▄▄▄  ▄
+▓  ▓ ▓ ▓   ▓  ▓ ▀
+▓  ▓ ▓▓    ▓▀▀  ▓
+▓  ▓ ▓ ▓   ▓    ▓
+▀▀▀  ▀  ▀▀ ▀    ▀
+`, 'background: #222; color: #bada55');
+export default async function bootstrap() {
+    var _a;
+    /* set board-modeller group and default templates */
+    registerDefaultGroups();
+    await setupAppToolPart({
+        toolbar: true,
+        busybar: true,
+        mdibar: false
+    });
+    await setupContextUIPart({
+        titlebar: 'header',
+        contextToolbar: 'page-footer'
+    });
+    /* append top-menu to layout */
+    var state = store.getState();
+    var width = ((_a = state.layout) === null || _a === void 0 ? void 0 : _a.width) || 'WIDE';
+    /* header: 현재 체크인된 테넌트(도메인/프로젝트) 표시 + 종류별 그룹핑된 도메인 스위치 */
+    appendViewpart({
+        name: 'dkpi-domain-indicator',
+        viewpart: {
+            show: true,
+            level: VIEWPART_LEVEL.NORMAL,
+            template: html `
+        <div style="background-color: var(--md-sys-color-primary-container, rgb(215 231 241));">
+          <dssp-domain-switch attrname="description" style="z-index: 10000;"></dssp-domain-switch>
+        </div>
+      `
+        },
+        position: VIEWPART_POSITION.HEADERBAR
+    });
+    appendViewpart({
+        name: 'dkpi-topmenu',
+        viewpart: {
+            show: true,
+            template: html ` <menu-tools></menu-tools> `
+        },
+        position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR
+    });
+    store.subscribe(async () => {
+        var state = store.getState();
+        if (state.layout.width == width) {
+            return;
+        }
+        width = state.layout.width;
+        updateViewpart('dkpi-topmenu', {
+            position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR,
+            level: VIEWPART_LEVEL.TOPMOST
+        });
+    });
+    /* setting app-tools */
+    store.dispatch({
+        type: APPEND_APP_TOOL,
+        tool: {
+            name: 'app-brand',
+            template: html ` <span style="font-size: 1.2em;">KPI</span> `,
+            position: TOOL_POSITION.FRONT
+        }
+    });
+    store.dispatch({
+        type: APPEND_APP_TOOL,
+        tool: {
+            name: 'notification-badge',
+            template: html `
+        <notification-badge
+          @click=${e => {
+                toggleOverlay('notification', {
+                    backdrop: true
+                });
+            }}
+        >
+        </notification-badge>
+      `,
+            position: TOOL_POSITION.REAR
+        }
+    });
+    appendViewpart({
+        name: 'notification',
+        viewpart: {
+            show: false,
+            hovering: 'edge',
+            template: html ` <notification-list style="min-width: 300px;"></notification-list> `
+        },
+        position: VIEWPART_POSITION.ASIDEBAR
+    });
+    /* add setting morenda */
+    store.dispatch({
+        type: ADD_MORENDA,
+        morenda: {
+            icon: html ` <md-icon>settings</md-icon> `,
+            name: html ` <ox-i18n msgid="label.setting"></ox-i18n> `,
+            action: () => {
+                navigate('setting');
+            }
+        }
+    });
+    /* add env-var morenda */
+    if (await hasPrivilege({ privilege: 'mutation', category: 'env-var', domainOwnerGranted: true, superUserGranted: true })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>variables</md-icon> `,
+                name: html ` <ox-i18n msgid="label.env-var"></ox-i18n> `,
+                action: () => {
+                    navigate('env-vars');
+                }
+            }
+        });
+    }
+    /* set auth management menus into more-panel */
+    setAuthManagementMenus();
+    if (await hasPrivilege({
+        privilege: 'mutation',
+        category: 'user',
+        domainOwnerGranted: true,
+        superUserGranted: true
+    })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>vpn_key</md-icon> `,
+                name: html ` <ox-i18n msgid="text.oauth2-clients"></ox-i18n> `,
+                action: () => {
+                    navigate('oauth2-clients');
+                }
+            }
+        });
+    }
+    if (await hasPrivilege({
+        privilege: 'mutation',
+        category: 'board',
+        domainOwnerGranted: true,
+        superUserGranted: true
+    })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>font_download</md-icon> `,
+                name: html ` <ox-i18n msgid="menu.fonts"></ox-i18n> `,
+                action: () => {
+                    navigate('font-list');
+                }
+            }
+        });
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>dvr</md-icon> `,
+                name: html ` <ox-i18n msgid="menu.board-list"></ox-i18n> `,
+                action: () => {
+                    navigate('board-list');
+                }
+            }
+        });
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>dashboard</md-icon> `,
+                name: html ` <ox-i18n msgid="menu.board-template"></ox-i18n> `,
+                action: () => {
+                    navigate('board-template-list');
+                }
+            }
+        });
+    }
+    if (await hasPrivilege({
+        privilege: 'query',
+        category: 'attachment',
+        domainOwnerGranted: true,
+        superUserGranted: true
+    })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>attachment</md-icon> `,
+                name: html ` <ox-i18n msgid="menu.attachments"></ox-i18n> `,
+                action: () => {
+                    navigate('attachment-list');
+                }
+            }
+        });
+    }
+    if (await hasPrivilege({
+        privilege: 'mutation',
+        category: 'scenario',
+        domainOwnerGranted: true,
+        superUserGranted: true
+    })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>device_hub</md-icon> `,
+                name: html ` <ox-i18n msgid="text.connection"></ox-i18n> `,
+                action: () => {
+                    navigate('connection');
+                }
+            }
+        });
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>format_list_numbered</md-icon> `,
+                name: html ` <ox-i18n msgid="text.scenario"></ox-i18n> `,
+                action: () => {
+                    navigate('scenario');
+                }
+            }
+        });
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>hub</md-icon> `,
+                name: html ` <ox-i18n msgid="text.integration analysis"></ox-i18n>&nbsp;(beta)`,
+                action: () => {
+                    navigate('integration-analysis');
+                }
+            }
+        });
+    }
+    if (await hasPrivilege({ privilege: 'mutation', category: 'state-register', domainOwnerGranted: true })) {
+        store.dispatch({
+            type: ADD_MORENDA,
+            morenda: {
+                icon: html ` <md-icon>app_registration</md-icon> `,
+                name: html ` <ox-i18n msgid="title.state-register"></ox-i18n> `,
+                action: () => {
+                    navigate('state-register-page');
+                }
+            }
+        });
+    }
+    store.dispatch({
+        type: ADD_SETTING,
+        setting: {
+            seq: 10,
+            template: html ` <theme-mode-setting-let></theme-mode-setting-let> `
+        }
+    });
+    store.dispatch({
+        type: ADD_SETTING,
+        setting: {
+            seq: 20,
+            template: html ` <notification-setting-let></notification-setting-let> `
+        }
+    });
+}
+//# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"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","sourcesContent":["import '@things-factory/notification/dist-client' /* for notification-setting-let */\nimport '@things-factory/setting-ui/dist-client' /* for theme-mode-setting-let */\n\nimport '@material/web/icon/icon.js'\nimport '@operato/i18n/ox-i18n.js'\nimport '@things-factory/notification'\nimport './viewparts/user-circle'\nimport './viewparts/menu-tools'\nimport '@dssp/project/dist-client/viewparts/domain-switch'\n\nimport { html } from 'lit-html'\n\nimport { registerDefaultGroups } from '@operato/board'\nimport { navigate, store } from '@operato/shell'\n\nimport { appendViewpart, updateViewpart, toggleOverlay, TOOL_POSITION, VIEWPART_POSITION, VIEWPART_LEVEL } from '@operato/layout'\nimport { APPEND_APP_TOOL } from '@things-factory/apptool-base/client'\nimport { setupAppToolPart } from '@things-factory/apptool-ui/dist-client'\nimport { setupContextUIPart } from '@things-factory/context-ui/dist-client'\nimport { hasPrivilege } from '@things-factory/auth-base/dist-client'\nimport { setAuthManagementMenus } from '@things-factory/auth-ui/dist-client'\nimport { ADD_MORENDA } from '@things-factory/more-base/client'\nimport { ADD_SETTING } from '@things-factory/setting-base/dist-client'\n\nconsole.log(\n  `%c\n▄▄▄  ▄  ▄▄ ▄▄▄  ▄\n▓  ▓ ▓ ▓   ▓  ▓ ▀\n▓  ▓ ▓▓    ▓▀▀  ▓\n▓  ▓ ▓ ▓   ▓    ▓\n▀▀▀  ▀  ▀▀ ▀    ▀\n`,\n  'background: #222; color: #bada55'\n)\n\nexport default async function bootstrap() {\n  /* set board-modeller group and default templates */\n  registerDefaultGroups()\n\n  await setupAppToolPart({\n    toolbar: true,\n    busybar: true,\n    mdibar: false\n  })\n\n  await setupContextUIPart({\n    titlebar: 'header',\n    contextToolbar: 'page-footer'\n  })\n\n  /* append top-menu to layout */\n  var state = store.getState() as any\n  var width = state.layout?.width || 'WIDE'\n\n  /* header: 현재 체크인된 테넌트(도메인/프로젝트) 표시 + 종류별 그룹핑된 도메인 스위치 */\n  appendViewpart({\n    name: 'dkpi-domain-indicator',\n    viewpart: {\n      show: true,\n      level: VIEWPART_LEVEL.NORMAL,\n      template: html`\n        <div style=\"background-color: var(--md-sys-color-primary-container, rgb(215 231 241));\">\n          <dssp-domain-switch attrname=\"description\" style=\"z-index: 10000;\"></dssp-domain-switch>\n        </div>\n      `\n    },\n    position: VIEWPART_POSITION.HEADERBAR\n  })\n\n  appendViewpart({\n    name: 'dkpi-topmenu',\n    viewpart: {\n      show: true,\n      template: html` <menu-tools></menu-tools> `\n    },\n    position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR\n  })\n\n  store.subscribe(async () => {\n    var state = store.getState() as any\n\n    if (state.layout.width == width) {\n      return\n    }\n\n    width = state.layout.width\n\n    updateViewpart('dkpi-topmenu', {\n      position: width == 'WIDE' ? VIEWPART_POSITION.NAVBAR : VIEWPART_POSITION.FOOTERBAR,\n      level: VIEWPART_LEVEL.TOPMOST\n    })\n  })\n\n  /* setting app-tools */\n  store.dispatch({\n    type: APPEND_APP_TOOL,\n    tool: {\n      name: 'app-brand',\n      template: html` <span style=\"font-size: 1.2em;\">KPI</span> `,\n      position: TOOL_POSITION.FRONT\n    }\n  })\n\n  store.dispatch({\n    type: APPEND_APP_TOOL,\n    tool: {\n      name: 'notification-badge',\n      template: html`\n        <notification-badge\n          @click=${e => {\n            toggleOverlay('notification', {\n              backdrop: true\n            })\n          }}\n        >\n        </notification-badge>\n      `,\n      position: TOOL_POSITION.REAR\n    }\n  })\n\n  appendViewpart({\n    name: 'notification',\n    viewpart: {\n      show: false,\n      hovering: 'edge',\n      template: html` <notification-list style=\"min-width: 300px;\"></notification-list> `\n    },\n    position: VIEWPART_POSITION.ASIDEBAR\n  })\n\n  /* add setting morenda */\n  store.dispatch({\n    type: ADD_MORENDA,\n    morenda: {\n      icon: html` <md-icon>settings</md-icon> `,\n      name: html` <ox-i18n msgid=\"label.setting\"></ox-i18n> `,\n      action: () => {\n        navigate('setting')\n      }\n    }\n  })\n\n  /* add env-var morenda */\n  if (await hasPrivilege({ privilege: 'mutation', category: 'env-var', domainOwnerGranted: true, superUserGranted: true })) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>variables</md-icon> `,\n        name: html` <ox-i18n msgid=\"label.env-var\"></ox-i18n> `,\n        action: () => {\n          navigate('env-vars')\n        }\n      }\n    })\n  }\n\n  /* set auth management menus into more-panel */\n  setAuthManagementMenus()\n\n  if (\n    await hasPrivilege({\n      privilege: 'mutation',\n      category: 'user',\n      domainOwnerGranted: true,\n      superUserGranted: true\n    })\n  ) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>vpn_key</md-icon> `,\n        name: html` <ox-i18n msgid=\"text.oauth2-clients\"></ox-i18n> `,\n        action: () => {\n          navigate('oauth2-clients')\n        }\n      }\n    })\n  }\n\n  if (\n    await hasPrivilege({\n      privilege: 'mutation',\n      category: 'board',\n      domainOwnerGranted: true,\n      superUserGranted: true\n    })\n  ) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>font_download</md-icon> `,\n        name: html` <ox-i18n msgid=\"menu.fonts\"></ox-i18n> `,\n        action: () => {\n          navigate('font-list')\n        }\n      }\n    })\n\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>dvr</md-icon> `,\n        name: html` <ox-i18n msgid=\"menu.board-list\"></ox-i18n> `,\n        action: () => {\n          navigate('board-list')\n        }\n      }\n    })\n\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>dashboard</md-icon> `,\n        name: html` <ox-i18n msgid=\"menu.board-template\"></ox-i18n> `,\n        action: () => {\n          navigate('board-template-list')\n        }\n      }\n    })\n  }\n\n  if (\n    await hasPrivilege({\n      privilege: 'query',\n      category: 'attachment',\n      domainOwnerGranted: true,\n      superUserGranted: true\n    })\n  ) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>attachment</md-icon> `,\n        name: html` <ox-i18n msgid=\"menu.attachments\"></ox-i18n> `,\n        action: () => {\n          navigate('attachment-list')\n        }\n      }\n    })\n  }\n\n  if (\n    await hasPrivilege({\n      privilege: 'mutation',\n      category: 'scenario',\n      domainOwnerGranted: true,\n      superUserGranted: true\n    })\n  ) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>device_hub</md-icon> `,\n        name: html` <ox-i18n msgid=\"text.connection\"></ox-i18n> `,\n        action: () => {\n          navigate('connection')\n        }\n      }\n    })\n\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>format_list_numbered</md-icon> `,\n        name: html` <ox-i18n msgid=\"text.scenario\"></ox-i18n> `,\n        action: () => {\n          navigate('scenario')\n        }\n      }\n    })\n\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>hub</md-icon> `,\n        name: html` <ox-i18n msgid=\"text.integration analysis\"></ox-i18n>&nbsp;(beta)`,\n        action: () => {\n          navigate('integration-analysis')\n        }\n      }\n    })\n  }\n\n  if (await hasPrivilege({ privilege: 'mutation', category: 'state-register', domainOwnerGranted: true })) {\n    store.dispatch({\n      type: ADD_MORENDA,\n      morenda: {\n        icon: html` <md-icon>app_registration</md-icon> `,\n        name: html` <ox-i18n msgid=\"title.state-register\"></ox-i18n> `,\n        action: () => {\n          navigate('state-register-page')\n        }\n      }\n    })\n  }\n\n  store.dispatch({\n    type: ADD_SETTING,\n    setting: {\n      seq: 10,\n      template: html` <theme-mode-setting-let></theme-mode-setting-let> `\n    }\n  })\n\n  store.dispatch({\n    type: ADD_SETTING,\n    setting: {\n      seq: 20,\n      template: html` <notification-setting-let></notification-setting-let> `\n    }\n  })\n}\n"]}

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

@@ -0,0 +1,50 @@
+import { LitElement } from 'lit';
+/**
+ * X13 성과 분포 히트맵 (2D 룩업)
+ *
+ * 공정률(%)×공기편차(%) 2차원 입력에 대한 성과수준(1~5점) 분포를 히트맵으로 표시.
+ * 현재 프로젝트의 위치를 강조 표시하여 성과 수준을 직관적으로 파악.
+ *
+ * X축: 공정률 (0~100%)
+ * Y축: 공기편차 (%)
+ * 색상: 성과수준 (5점=파랑 ~ 1점=빨강)
+ * ● 현재 프로젝트 위치 (강조 표시)
+ */
+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 {
+    grades: Grade2DLookup | null;
+    value: number | null;
+    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;
+    /**
+     * 단위 정합:
+     *   - this.value: metric value, % 단위 (예: 2.5 = 2.5%)
+     *   - row.boundary*: grade table, ratio 단위 (예: 0.025 = 2.5%)
+     *   - 비교 시 deviation (value %) 를 /100 해서 ratio 로 변환.
+     * deviation 인자가 이미 ratio 인 경우 (heatmap cell 그리기 등) 는 변환 안 함.
+     */
+    private getScore;
+    private getCurrentScore;
+    private renderChart;
+}
+export {};

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

@@ -0,0 +1,263 @@
+import { __decorate, __metadata } from "tslib";
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import * as d3 from 'd3';
+const SCORE_COLORS = {
+    5: '#1565c0',
+    4: '#4caf50',
+    3: '#ffc107',
+    2: '#ff9800',
+    1: '#e53935'
+};
+const SCORE_LABELS = {
+    5: '5점 (우수)',
+    4: '4점 (양호)',
+    3: '3점 (보통)',
+    2: '2점 (미흡)',
+    1: '1점 (매우 미흡)'
+};
+let Kpi2dLookupChart = class Kpi2dLookupChart extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.grades = null;
+        this.value = null;
+        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();
+    }
+    /**
+     * 단위 정합:
+     *   - this.value: metric value, % 단위 (예: 2.5 = 2.5%)
+     *   - row.boundary*: grade table, ratio 단위 (예: 0.025 = 2.5%)
+     *   - 비교 시 deviation (value %) 를 /100 해서 ratio 로 변환.
+     * deviation 인자가 이미 ratio 인 경우 (heatmap cell 그리기 등) 는 변환 안 함.
+     */
+    getScore(row, devRatio) {
+        if (devRatio < row.boundary5to4)
+            return 5;
+        if (devRatio < row.boundary4to3)
+            return 4;
+        if (devRatio < row.boundary3to2)
+            return 3;
+        if (devRatio < row.boundary2to1)
+            return 2;
+        return 1;
+    }
+    getCurrentScore() {
+        var _a;
+        if (this.value === null || !((_a = this.grades) === null || _a === void 0 ? void 0 : _a.rows))
+            return null;
+        const idx = Math.min(99, Math.max(0, Math.floor(this.progressRate)));
+        const row = this.grades.rows.find(r => r.progressRate === idx);
+        // value 가 % → ratio 변환 후 boundary 와 비교
+        return row ? this.getScore(row, this.value / 100) : null;
+    }
+    renderChart() {
+        var _a, _b;
+        const svg = d3.select(this.renderRoot.querySelector('#lookup-2d-chart'));
+        svg.selectAll('*').remove();
+        if (!((_b = (_a = this.grades) === null || _a === void 0 ? void 0 : _a.rows) === null || _b === void 0 ? void 0 : _b.length)) {
+            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');
+            return;
+        }
+        const w = this.chartWidth || 400;
+        const h = this.chartHeight || 250;
+        const margin = { top: 20, right: 80, bottom: 50, left: 60 };
+        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})`);
+        const rows = this.grades.rows;
+        // Y축 범위 (편차율, ratio 단위 = boundary 와 동일).
+        const allBoundaries = rows.flatMap(r => [r.boundary5to4, r.boundary4to3, r.boundary3to2, r.boundary2to1]);
+        let yMin = Math.min(...allBoundaries);
+        let yMax = Math.max(...allBoundaries);
+        // this.value 는 % 단위 → ratio (/100) 로 변환해 boundary 와 같은 축에서 처리
+        const valueRatio = this.value !== null ? this.value / 100 : null;
+        if (valueRatio !== null) {
+            yMin = Math.min(yMin, valueRatio);
+            yMax = Math.max(yMax, valueRatio);
+        }
+        const yPad = (yMax - yMin) * 0.1 || 0.01;
+        yMin -= yPad;
+        yMax += yPad;
+        // X축: 공정률 0~100
+        const xScale = d3.scaleLinear().domain([0, 100]).range([0, plotW]);
+        const yScale = d3.scaleLinear().domain([yMin, yMax]).range([plotH, 0]);
+        // 히트맵: 각 공정률(x) × 편차율(y) 셀의 점수를 색상으로
+        const xSteps = rows.map(r => r.progressRate).sort((a, b) => a - b);
+        const yStepCount = 50; // Y축 해상도
+        const yStep = (yMax - yMin) / yStepCount;
+        const xCellW = plotW / Math.max(xSteps.length, 1);
+        for (const row of rows) {
+            const xi = xScale(row.progressRate);
+            for (let j = 0; j < yStepCount; j++) {
+                const dev = yMin + j * yStep;
+                const score = this.getScore(row, dev);
+                g.append('rect')
+                    .attr('x', xi)
+                    .attr('y', yScale(dev + yStep))
+                    .attr('width', xCellW + 0.5) // 약간 겹쳐서 틈새 방지
+                    .attr('height', Math.abs(yScale(dev) - yScale(dev + yStep)) + 0.5)
+                    .attr('fill', SCORE_COLORS[score])
+                    .attr('opacity', 0.35);
+            }
+        }
+        // 경계선: 현재 공정률에서의 점수 전환선
+        const currentIdx = Math.min(99, Math.max(0, Math.floor(this.progressRate)));
+        const currentRow = rows.find(r => r.progressRate === currentIdx);
+        if (currentRow) {
+            const boundaries = [currentRow.boundary5to4, currentRow.boundary4to3, currentRow.boundary3to2, currentRow.boundary2to1];
+            boundaries.forEach(bdy => {
+                g.append('line')
+                    .attr('x1', xScale(this.progressRate)).attr('x2', xScale(this.progressRate))
+                    .attr('y1', yScale(bdy) - 3).attr('y2', yScale(bdy) + 3)
+                    .attr('stroke', '#333').attr('stroke-width', 2);
+            });
+        }
+        // 현재 공정률 수직선
+        g.append('line')
+            .attr('x1', xScale(this.progressRate)).attr('x2', xScale(this.progressRate))
+            .attr('y1', 0).attr('y2', plotH)
+            .attr('stroke', '#1565c0').attr('stroke-width', 1.5).attr('stroke-dasharray', '4,3');
+        // 현재 위치 포인트 (value % → ratio 변환해서 Y 좌표 매핑)
+        if (valueRatio !== null) {
+            g.append('circle')
+                .attr('cx', xScale(this.progressRate))
+                .attr('cy', yScale(valueRatio))
+                .attr('r', 7)
+                .attr('fill', '#e53935').attr('stroke', '#fff').attr('stroke-width', 2.5);
+            // 현재 편차율 수평선
+            g.append('line')
+                .attr('x1', 0).attr('x2', xScale(this.progressRate))
+                .attr('y1', yScale(valueRatio)).attr('y2', yScale(valueRatio))
+                .attr('stroke', '#e53935').attr('stroke-width', 1).attr('stroke-dasharray', '3,3');
+        }
+        // 축
+        g.append('g')
+            .attr('transform', `translate(0,${plotH})`)
+            .call(d3.axisBottom(xScale).ticks(10).tickFormat((d) => `${d}%`))
+            .selectAll('text').attr('font-size', '10px');
+        g.append('g')
+            .call(d3.axisLeft(yScale).ticks(8).tickFormat((d) => `${(d * 100).toFixed(1)}%`))
+            .selectAll('text').attr('font-size', '10px');
+        // 축 라벨
+        g.append('text')
+            .attr('x', plotW / 2).attr('y', plotH + 38)
+            .attr('text-anchor', 'middle').attr('font-size', '11px').attr('fill', '#666')
+            .text('공정률 (%)');
+        g.append('text')
+            .attr('transform', 'rotate(-90)')
+            .attr('x', -plotH / 2).attr('y', -45)
+            .attr('text-anchor', 'middle').attr('font-size', '11px').attr('fill', '#666')
+            .text('공기편차 (%)');
+        // 범례
+        const legendX = plotW + 15;
+        const legendY = 10;
+        [5, 4, 3, 2, 1].forEach((score, i) => {
+            g.append('rect')
+                .attr('x', legendX).attr('y', legendY + i * 22)
+                .attr('width', 14).attr('height', 14)
+                .attr('fill', SCORE_COLORS[score]).attr('opacity', 0.7).attr('rx', 2);
+            g.append('text')
+                .attr('x', legendX + 20).attr('y', legendY + i * 22 + 11)
+                .attr('font-size', '10px').attr('fill', '#555')
+                .text(`${score}점`);
+        });
+        // 헤더
+        const currentScore = this.getCurrentScore();
+        // 제목은 차트 외부에서 표시하므로 차트 내부에는 미표시
+        const headerY = 38;
+        if (this.value !== null) {
+            svg.append('text')
+                .attr('x', margin.left).attr('y', headerY)
+                .attr('font-size', '11px').attr('font-weight', 'bold').attr('fill', '#e53935')
+                .text(`편차율: ${this.value.toFixed(2)}%`);
+        }
+        svg.append('text')
+            .attr('x', w / 2).attr('y', headerY)
+            .attr('text-anchor', 'middle').attr('font-size', '11px').attr('font-weight', '600').attr('fill', '#1565c0')
+            .text(`공정률: ${this.progressRate.toFixed(0)}%`);
+        if (currentScore !== null) {
+            svg.append('text')
+                .attr('x', w - margin.right).attr('y', headerY)
+                .attr('text-anchor', 'end').attr('font-size', '11px').attr('font-weight', 'bold').attr('fill', SCORE_COLORS[currentScore])
+                .text(`${currentScore}점`);
+        }
+    }
+};
+Kpi2dLookupChart.styles = css `
+    :host {
+      display: block;
+      width: 100%;
+      height: 100%;
+      min-height: 200px;
+    }
+    svg {
+      width: 100%;
+      height: 100%;
+      display: block;
+    }
+  `;
+__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