@things-factory/dashboard 9.0.6 → 9.0.12

package/dist-client/pages/kpi-alert-panel.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class KpiAlertPanel extends LitElement {
+    static styles: import("lit").CSSResult;
+    private alerts;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/pages/kpi-alert-panel.js

@@ -0,0 +1,73 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+let KpiAlertPanel = class KpiAlertPanel extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.alerts = [
+            { icon: '⚠️', message: '목표 미달성 KPI 발생', date: '2024-06-01' },
+            { icon: '🔔', message: '이상 감지: 불량률 급증', date: '2024-05-28' }
+        ];
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+      padding: 16px;
+      min-width: 320px;
+      max-width: 100%;
+    }
+    .alert-list {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+    .alert-item {
+      padding: 12px 0;
+      border-bottom: 1px solid #eee;
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+    .alert-item:last-child {
+      border-bottom: none;
+    }
+    .icon {
+      font-size: 1.3em;
+      color: #e74c3c;
+    }
+    .message {
+      flex: 1;
+      color: #e74c3c;
+      font-weight: bold;
+    }
+    .date {
+      color: #888;
+      font-size: 0.95em;
+    }
+  `; }
+    render() {
+        return html `
+      <ul class="alert-list">
+        ${this.alerts.map(a => html `
+            <li class="alert-item">
+              <span class="icon">${a.icon}</span>
+              <span class="message">${a.message}</span>
+              <span class="date">${a.date}</span>
+            </li>
+          `)}
+      </ul>
+    `;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiAlertPanel.prototype, "alerts", void 0);
+KpiAlertPanel = __decorate([
+    customElement('kpi-alert-panel')
+], KpiAlertPanel);
+export { KpiAlertPanel };
+//# sourceMappingURL=kpi-alert-panel.js.map

package/dist-client/pages/kpi-alert-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-alert-panel.js","sourceRoot":"","sources":["../../client/pages/kpi-alert-panel.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGjD,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QA0CG,WAAM,GAAG;YACf,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,YAAY,EAAE;YAC5D,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,YAAY,EAAE;SAC7D,CAAA;IAiBH,CAAC;aA7DQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsClB,AAtCY,CAsCZ;IAQD,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,MAAM,CAAC,GAAG,CACf,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA;;mCAEgB,CAAC,CAAC,IAAI;sCACH,CAAC,CAAC,OAAO;mCACZ,CAAC,CAAC,IAAI;;WAE9B,CACF;;KAEJ,CAAA;IACH,CAAC;;AAnBO;IADP,KAAK,EAAE;;6CAIP;AA7CU,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA8DzB","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\n@customElement('kpi-alert-panel')\nexport class KpiAlertPanel extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      background: #fff;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      padding: 16px;\n      min-width: 320px;\n      max-width: 100%;\n    }\n    .alert-list {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n    .alert-item {\n      padding: 12px 0;\n      border-bottom: 1px solid #eee;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n    .alert-item:last-child {\n      border-bottom: none;\n    }\n    .icon {\n      font-size: 1.3em;\n      color: #e74c3c;\n    }\n    .message {\n      flex: 1;\n      color: #e74c3c;\n      font-weight: bold;\n    }\n    .date {\n      color: #888;\n      font-size: 0.95em;\n    }\n  `\n\n  @state()\n  private alerts = [\n    { icon: '⚠️', message: '목표 미달성 KPI 발생', date: '2024-06-01' },\n    { icon: '🔔', message: '이상 감지: 불량률 급증', date: '2024-05-28' }\n  ]\n\n  render() {\n    return html`\n      <ul class=\"alert-list\">\n        ${this.alerts.map(\n          a => html`\n            <li class=\"alert-item\">\n              <span class=\"icon\">${a.icon}</span>\n              <span class=\"message\">${a.message}</span>\n              <span class=\"date\">${a.date}</span>\n            </li>\n          `\n        )}\n      </ul>\n    `\n  }\n}\n"]}

package/dist-client/pages/kpi-dashboard.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+import './kpi-performance-summary';
+export declare class KpiDashboardPage extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit-html").TemplateResult<1>;
+}

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

@@ -0,0 +1,47 @@
+import { __decorate } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import './kpi-performance-summary';
+let KpiDashboardPage = class KpiDashboardPage extends LitElement {
+    static { this.styles = css `
+    :host {
+      display: block;
+      padding: 32px;
+      background: #f4f6fa;
+      min-height: 100vh;
+    }
+    .dashboard-title {
+      font-size: 2em;
+      font-weight: bold;
+      margin-bottom: 24px;
+      color: #2a7ae4;
+    }
+    .widgets {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 32px;
+    }
+    .widget {
+      flex: 1 1 360px;
+      min-width: 360px;
+      max-width: 600px;
+    }
+  `; }
+    render() {
+        return html `
+      <div class="dashboard-title">KPI 대시보드</div>
+      <div class="widgets">
+        <div class="widget">
+          <kpi-performance-summary></kpi-performance-summary>
+        </div>
+        <!-- TODO: 다른 KPI 위젯(등급, 이력, 목록, 입력, 알림 등) 추가 예정 -->
+      </div>
+    `;
+    }
+};
+KpiDashboardPage = __decorate([
+    customElement('kpi-dashboard-page')
+], KpiDashboardPage);
+export { KpiDashboardPage };
+// 사용 예시: <kpi-dashboard-page></kpi-dashboard-page>
+//# sourceMappingURL=kpi-dashboard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-dashboard.js","sourceRoot":"","sources":["../../client/pages/kpi-dashboard.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,2BAA2B,CAAA;AAG3B,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;aACvC,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBlB,AAvBY,CAuBZ;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAA;IACH,CAAC;;AApCU,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CAqC5B;;AAED,mDAAmD","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport './kpi-performance-summary'\n\n@customElement('kpi-dashboard-page')\nexport class KpiDashboardPage extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      padding: 32px;\n      background: #f4f6fa;\n      min-height: 100vh;\n    }\n    .dashboard-title {\n      font-size: 2em;\n      font-weight: bold;\n      margin-bottom: 24px;\n      color: #2a7ae4;\n    }\n    .widgets {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 32px;\n    }\n    .widget {\n      flex: 1 1 360px;\n      min-width: 360px;\n      max-width: 600px;\n    }\n  `\n\n  render() {\n    return html`\n      <div class=\"dashboard-title\">KPI 대시보드</div>\n      <div class=\"widgets\">\n        <div class=\"widget\">\n          <kpi-performance-summary></kpi-performance-summary>\n        </div>\n        <!-- TODO: 다른 KPI 위젯(등급, 이력, 목록, 입력, 알림 등) 추가 예정 -->\n      </div>\n    `\n  }\n}\n\n// 사용 예시: <kpi-dashboard-page></kpi-dashboard-page>\n"]}

package/dist-client/pages/kpi-grade-visualization.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+export declare class KpiGradeVisualization extends LitElement {
+    static styles: import("lit").CSSResult;
+    private grades;
+    private currentGrade;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/pages/kpi-grade-visualization.js

@@ -0,0 +1,87 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+let KpiGradeVisualization = class KpiGradeVisualization extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.grades = [
+            { label: 'A', range: '90~100', class: 'grade-A' },
+            { label: 'B', range: '80~89', class: 'grade-B' },
+            { label: 'C', range: '70~79', class: 'grade-C' },
+            { label: 'D', range: '0~69', class: 'grade-D' }
+        ];
+        this.currentGrade = 'A';
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+      padding: 16px;
+      min-width: 320px;
+      max-width: 100%;
+    }
+    .grade-bar {
+      display: flex;
+      height: 36px;
+      border-radius: 8px;
+      overflow: hidden;
+      margin-bottom: 16px;
+    }
+    .grade-segment {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      font-weight: bold;
+      font-size: 1.1em;
+    }
+    .grade-A {
+      background: #2ecc40;
+    }
+    .grade-B {
+      background: #f1c40f;
+    }
+    .grade-C {
+      background: #e67e22;
+    }
+    .grade-D {
+      background: #e74c3c;
+    }
+    .grade-labels {
+      display: flex;
+      justify-content: space-between;
+      font-size: 0.95em;
+      color: #888;
+    }
+    .current-grade {
+      margin-top: 12px;
+      font-size: 1.3em;
+      font-weight: bold;
+      color: #2a7ae4;
+      text-align: center;
+    }
+  `; }
+    render() {
+        return html `
+      <div class="grade-bar">${this.grades.map(g => html `<div class="grade-segment ${g.class}">${g.label}</div>`)}</div>
+      <div class="grade-labels">${this.grades.map(g => html `<span>${g.range}</span>`)}</div>
+      <div class="current-grade">현재 등급: <span>${this.currentGrade}</span></div>
+    `;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiGradeVisualization.prototype, "grades", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiGradeVisualization.prototype, "currentGrade", void 0);
+KpiGradeVisualization = __decorate([
+    customElement('kpi-grade-visualization')
+], KpiGradeVisualization);
+export { KpiGradeVisualization };
+//# sourceMappingURL=kpi-grade-visualization.js.map

package/dist-client/pages/kpi-grade-visualization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-grade-visualization.js","sourceRoot":"","sources":["../../client/pages/kpi-grade-visualization.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAY,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAG3D,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAuDG,WAAM,GAAG;YACf,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE;YACjD,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE;YAChD,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE;YAChD,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE;SAChD,CAAA;QAGO,iBAAY,GAAG,GAAG,CAAA;IAS5B,CAAC;aAvEQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDlB,AAnDY,CAmDZ;IAaD,MAAM;QACJ,OAAO,IAAI,CAAA;+BACgB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA,6BAA6B,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,QAAQ,CAAC;kCAC/E,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA,SAAS,CAAC,CAAC,KAAK,SAAS,CAAC;gDACrC,IAAI,CAAC,YAAY;KAC5D,CAAA;IACH,CAAC;;AAhBO;IADP,KAAK,EAAE;;qDAMP;AAGO;IADP,KAAK,EAAE;;2DACkB;AA/Df,qBAAqB;IADjC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,qBAAqB,CAwEjC","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\n@customElement('kpi-grade-visualization')\nexport class KpiGradeVisualization extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      background: #fff;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      padding: 16px;\n      min-width: 320px;\n      max-width: 100%;\n    }\n    .grade-bar {\n      display: flex;\n      height: 36px;\n      border-radius: 8px;\n      overflow: hidden;\n      margin-bottom: 16px;\n    }\n    .grade-segment {\n      flex: 1;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #fff;\n      font-weight: bold;\n      font-size: 1.1em;\n    }\n    .grade-A {\n      background: #2ecc40;\n    }\n    .grade-B {\n      background: #f1c40f;\n    }\n    .grade-C {\n      background: #e67e22;\n    }\n    .grade-D {\n      background: #e74c3c;\n    }\n    .grade-labels {\n      display: flex;\n      justify-content: space-between;\n      font-size: 0.95em;\n      color: #888;\n    }\n    .current-grade {\n      margin-top: 12px;\n      font-size: 1.3em;\n      font-weight: bold;\n      color: #2a7ae4;\n      text-align: center;\n    }\n  `\n\n  @state()\n  private grades = [\n    { label: 'A', range: '90~100', class: 'grade-A' },\n    { label: 'B', range: '80~89', class: 'grade-B' },\n    { label: 'C', range: '70~79', class: 'grade-C' },\n    { label: 'D', range: '0~69', class: 'grade-D' }\n  ]\n\n  @state()\n  private currentGrade = 'A'\n\n  render() {\n    return html`\n      <div class=\"grade-bar\">${this.grades.map(g => html`<div class=\"grade-segment ${g.class}\">${g.label}</div>`)}</div>\n      <div class=\"grade-labels\">${this.grades.map(g => html`<span>${g.range}</span>`)}</div>\n      <div class=\"current-grade\">현재 등급: <span>${this.currentGrade}</span></div>\n    `\n  }\n}\n"]}

package/dist-client/pages/kpi-history-viewer.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class KpiHistoryViewer extends LitElement {
+    static styles: import("lit").CSSResult;
+    private history;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/pages/kpi-history-viewer.js

@@ -0,0 +1,73 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+let KpiHistoryViewer = class KpiHistoryViewer extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.history = [
+            { version: 3, date: '2024-06-01', action: 'Released' },
+            { version: 2, date: '2024-05-01', action: 'Edited' },
+            { version: 1, date: '2024-04-01', action: 'Created' }
+        ];
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+      padding: 16px;
+      min-width: 320px;
+      max-width: 100%;
+    }
+    .history-list {
+      margin: 0;
+      padding: 0;
+      list-style: none;
+    }
+    .history-item {
+      padding: 12px 0;
+      border-bottom: 1px solid #eee;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+    .history-item:last-child {
+      border-bottom: none;
+    }
+    .version {
+      font-weight: bold;
+      color: #2a7ae4;
+    }
+    .date {
+      color: #888;
+      font-size: 0.95em;
+    }
+    .action {
+      color: #888;
+      font-size: 0.95em;
+    }
+  `; }
+    render() {
+        return html `
+      <ul class="history-list">
+        ${this.history.map(h => html `
+            <li class="history-item">
+              <span class="version">v${h.version}</span>
+              <span class="date">${h.date}</span>
+              <span class="action">${h.action}</span>
+            </li>
+          `)}
+      </ul>
+    `;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiHistoryViewer.prototype, "history", void 0);
+KpiHistoryViewer = __decorate([
+    customElement('kpi-history-viewer')
+], KpiHistoryViewer);
+export { KpiHistoryViewer };
+//# sourceMappingURL=kpi-history-viewer.js.map

package/dist-client/pages/kpi-history-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-history-viewer.js","sourceRoot":"","sources":["../../client/pages/kpi-history-viewer.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGjD,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAyCG,YAAO,GAAG;YAChB,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,UAAU,EAAE;YACtD,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,EAAE;YACpD,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE;SACtD,CAAA;IAiBH,CAAC;aA7DQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqClB,AArCY,CAqCZ;IASD,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,OAAO,CAAC,GAAG,CAChB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAA;;uCAEoB,CAAC,CAAC,OAAO;mCACb,CAAC,CAAC,IAAI;qCACJ,CAAC,CAAC,MAAM;;WAElC,CACF;;KAEJ,CAAA;IACH,CAAC;;AApBO;IADP,KAAK,EAAE;;iDAKP;AA7CU,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,gBAAgB,CA8D5B","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\n@customElement('kpi-history-viewer')\nexport class KpiHistoryViewer extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      background: #fff;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      padding: 16px;\n      min-width: 320px;\n      max-width: 100%;\n    }\n    .history-list {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n    }\n    .history-item {\n      padding: 12px 0;\n      border-bottom: 1px solid #eee;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n    .history-item:last-child {\n      border-bottom: none;\n    }\n    .version {\n      font-weight: bold;\n      color: #2a7ae4;\n    }\n    .date {\n      color: #888;\n      font-size: 0.95em;\n    }\n    .action {\n      color: #888;\n      font-size: 0.95em;\n    }\n  `\n\n  @state()\n  private history = [\n    { version: 3, date: '2024-06-01', action: 'Released' },\n    { version: 2, date: '2024-05-01', action: 'Edited' },\n    { version: 1, date: '2024-04-01', action: 'Created' }\n  ]\n\n  render() {\n    return html`\n      <ul class=\"history-list\">\n        ${this.history.map(\n          h => html`\n            <li class=\"history-item\">\n              <span class=\"version\">v${h.version}</span>\n              <span class=\"date\">${h.date}</span>\n              <span class=\"action\">${h.action}</span>\n            </li>\n          `\n        )}\n      </ul>\n    `\n  }\n}\n"]}

package/dist-client/pages/kpi-list-summary.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class KpiListSummary extends LitElement {
+    static styles: import("lit").CSSResult;
+    private kpis;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/pages/kpi-list-summary.js

@@ -0,0 +1,82 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+let KpiListSummary = class KpiListSummary extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.kpis = [
+            { name: '생산품질', description: '불량률, 수율 등 생산 KPI', status: 'Active' },
+            { name: '납기준수', description: '납기 이행률, 지연건수 등', status: 'Active' },
+            { name: '고객만족', description: 'VOC, CS 등 고객 KPI', status: 'Inactive' }
+        ];
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+      padding: 16px;
+      min-width: 320px;
+      max-width: 100%;
+    }
+    table {
+      width: 100%;
+      border-collapse: collapse;
+      margin-bottom: 0;
+    }
+    th,
+    td {
+      padding: 8px 12px;
+      border-bottom: 1px solid #eee;
+      text-align: left;
+    }
+    th {
+      background: #f5f7fa;
+      color: #888;
+      font-weight: bold;
+    }
+    tr:last-child td {
+      border-bottom: none;
+    }
+    .kpi-name {
+      color: #2a7ae4;
+      font-weight: bold;
+    }
+    .kpi-desc {
+      color: #888;
+      font-size: 0.95em;
+    }
+  `; }
+    render() {
+        return html `
+      <table>
+        <thead>
+          <tr>
+            <th>KPI명</th>
+            <th>설명</th>
+            <th>상태</th>
+          </tr>
+        </thead>
+        <tbody>
+          ${this.kpis.map(kpi => html `
+              <tr>
+                <td class="kpi-name">${kpi.name}</td>
+                <td class="kpi-desc">${kpi.description}</td>
+                <td>${kpi.status}</td>
+              </tr>
+            `)}
+        </tbody>
+      </table>
+    `;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiListSummary.prototype, "kpis", void 0);
+KpiListSummary = __decorate([
+    customElement('kpi-list-summary')
+], KpiListSummary);
+export { KpiListSummary };
+//# sourceMappingURL=kpi-list-summary.js.map

package/dist-client/pages/kpi-list-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-list-summary.js","sourceRoot":"","sources":["../../client/pages/kpi-list-summary.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGjD,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,UAAU;IAAvC;;QAyCG,SAAI,GAAG;YACb,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,EAAE,QAAQ,EAAE;YACnE,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE;YACjE,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,EAAE,UAAU,EAAE;SACtE,CAAA;IA0BH,CAAC;aAtEQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqClB,AArCY,CAqCZ;IASD,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;;;;;;YAUH,IAAI,CAAC,IAAI,CAAC,GAAG,CACb,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;;uCAEgB,GAAG,CAAC,IAAI;uCACR,GAAG,CAAC,WAAW;sBAChC,GAAG,CAAC,MAAM;;aAEnB,CACF;;;KAGN,CAAA;IACH,CAAC;;AA7BO;IADP,KAAK,EAAE;;4CAKP;AA7CU,cAAc;IAD1B,aAAa,CAAC,kBAAkB,CAAC;GACrB,cAAc,CAuE1B","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\n@customElement('kpi-list-summary')\nexport class KpiListSummary extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      background: #fff;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      padding: 16px;\n      min-width: 320px;\n      max-width: 100%;\n    }\n    table {\n      width: 100%;\n      border-collapse: collapse;\n      margin-bottom: 0;\n    }\n    th,\n    td {\n      padding: 8px 12px;\n      border-bottom: 1px solid #eee;\n      text-align: left;\n    }\n    th {\n      background: #f5f7fa;\n      color: #888;\n      font-weight: bold;\n    }\n    tr:last-child td {\n      border-bottom: none;\n    }\n    .kpi-name {\n      color: #2a7ae4;\n      font-weight: bold;\n    }\n    .kpi-desc {\n      color: #888;\n      font-size: 0.95em;\n    }\n  `\n\n  @state()\n  private kpis = [\n    { name: '생산품질', description: '불량률, 수율 등 생산 KPI', status: 'Active' },\n    { name: '납기준수', description: '납기 이행률, 지연건수 등', status: 'Active' },\n    { name: '고객만족', description: 'VOC, CS 등 고객 KPI', status: 'Inactive' }\n  ]\n\n  render() {\n    return html`\n      <table>\n        <thead>\n          <tr>\n            <th>KPI명</th>\n            <th>설명</th>\n            <th>상태</th>\n          </tr>\n        </thead>\n        <tbody>\n          ${this.kpis.map(\n            kpi => html`\n              <tr>\n                <td class=\"kpi-name\">${kpi.name}</td>\n                <td class=\"kpi-desc\">${kpi.description}</td>\n                <td>${kpi.status}</td>\n              </tr>\n            `\n          )}\n        </tbody>\n      </table>\n    `\n  }\n}\n"]}

package/dist-client/pages/kpi-performance-summary.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class KpiPerformanceSummary extends LitElement {
+    static styles: import("lit").CSSResult;
+    private summary;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/dist-client/pages/kpi-performance-summary.js

@@ -0,0 +1,82 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+let KpiPerformanceSummary = class KpiPerformanceSummary extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.summary = [
+            { title: '목표 달성률', value: '92%' },
+            { title: '평균 등급', value: 'A' },
+            { title: '이상 감지', value: '0건' },
+            { title: '실적 입력률', value: '98%' }
+        ];
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      padding: 16px;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+      min-width: 320px;
+      max-width: 100%;
+    }
+    .summary-cards {
+      display: flex;
+      gap: 16px;
+      margin-bottom: 24px;
+    }
+    .card {
+      flex: 1;
+      background: #f5f7fa;
+      border-radius: 8px;
+      padding: 20px 16px;
+      text-align: center;
+      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);
+    }
+    .card-title {
+      font-size: 1.1em;
+      color: #888;
+      margin-bottom: 8px;
+    }
+    .card-value {
+      font-size: 2.2em;
+      font-weight: bold;
+      color: #2a7ae4;
+    }
+    .chart {
+      width: 100%;
+      height: 220px;
+      background: #f9fafb;
+      border-radius: 8px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #bbb;
+      font-size: 1.2em;
+    }
+  `; }
+    render() {
+        return html `
+      <div class="summary-cards">
+        ${this.summary.map(item => html `
+            <div class="card">
+              <div class="card-title">${item.title}</div>
+              <div class="card-value">${item.value}</div>
+            </div>
+          `)}
+      </div>
+      <div class="chart">(여기에 실적 추이 그래프/차트가 들어갑니다)</div>
+    `;
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiPerformanceSummary.prototype, "summary", void 0);
+KpiPerformanceSummary = __decorate([
+    customElement('kpi-performance-summary')
+], KpiPerformanceSummary);
+export { KpiPerformanceSummary };
+// 사용 예시: <kpi-performance-summary></kpi-performance-summary>
+//# sourceMappingURL=kpi-performance-summary.js.map

package/dist-client/pages/kpi-performance-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-performance-summary.js","sourceRoot":"","sources":["../../client/pages/kpi-performance-summary.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAY,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAG3D,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,UAAU;IAA9C;;QAgDG,YAAO,GAAG;YAChB,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;YACjC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE;YAC9B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE;YAC/B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE;SAClC,CAAA;IAiBH,CAAC;aArEQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4ClB,AA5CY,CA4CZ;IAUD,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,OAAO,CAAC,GAAG,CAChB,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA;;wCAEkB,IAAI,CAAC,KAAK;wCACV,IAAI,CAAC,KAAK;;WAEvC,CACF;;;KAGJ,CAAA;IACH,CAAC;;AArBO;IADP,KAAK,EAAE;;sDAMP;AArDU,qBAAqB;IADjC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,qBAAqB,CAsEjC;;AAED,6DAA6D","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\n@customElement('kpi-performance-summary')\nexport class KpiPerformanceSummary extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      padding: 16px;\n      background: #fff;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      min-width: 320px;\n      max-width: 100%;\n    }\n    .summary-cards {\n      display: flex;\n      gap: 16px;\n      margin-bottom: 24px;\n    }\n    .card {\n      flex: 1;\n      background: #f5f7fa;\n      border-radius: 8px;\n      padding: 20px 16px;\n      text-align: center;\n      box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);\n    }\n    .card-title {\n      font-size: 1.1em;\n      color: #888;\n      margin-bottom: 8px;\n    }\n    .card-value {\n      font-size: 2.2em;\n      font-weight: bold;\n      color: #2a7ae4;\n    }\n    .chart {\n      width: 100%;\n      height: 220px;\n      background: #f9fafb;\n      border-radius: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: #bbb;\n      font-size: 1.2em;\n    }\n  `\n\n  @state()\n  private summary = [\n    { title: '목표 달성률', value: '92%' },\n    { title: '평균 등급', value: 'A' },\n    { title: '이상 감지', value: '0건' },\n    { title: '실적 입력률', value: '98%' }\n  ]\n\n  render() {\n    return html`\n      <div class=\"summary-cards\">\n        ${this.summary.map(\n          item => html`\n            <div class=\"card\">\n              <div class=\"card-title\">${item.title}</div>\n              <div class=\"card-value\">${item.value}</div>\n            </div>\n          `\n        )}\n      </div>\n      <div class=\"chart\">(여기에 실적 추이 그래프/차트가 들어갑니다)</div>\n    `\n  }\n}\n\n// 사용 예시: <kpi-performance-summary></kpi-performance-summary>\n"]}

package/dist-client/pages/kpi-value-entry.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+export declare class KpiValueEntry extends LitElement {
+    static styles: import("lit").CSSResult;
+    private value;
+    render(): import("lit-html").TemplateResult<1>;
+    submit(e: Event): void;
+    triggerAuto(): void;
+}

package/dist-client/pages/kpi-value-entry.js

@@ -0,0 +1,85 @@
+import { __decorate, __metadata } from "tslib";
+import { html, css, LitElement } from 'lit';
+import { customElement, state } from 'lit/decorators.js';
+let KpiValueEntry = class KpiValueEntry extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.value = '';
+    }
+    static { this.styles = css `
+    :host {
+      display: block;
+      background: #fff;
+      border-radius: 8px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+      padding: 16px;
+      min-width: 320px;
+      max-width: 100%;
+    }
+    .entry-form {
+      display: flex;
+      gap: 12px;
+      align-items: center;
+    }
+    input[type='number'] {
+      width: 100px;
+      padding: 6px 8px;
+      border: 1px solid #ccc;
+      border-radius: 4px;
+      font-size: 1em;
+    }
+    button {
+      padding: 6px 16px;
+      background: #2a7ae4;
+      color: #fff;
+      border: none;
+      border-radius: 4px;
+      font-size: 1em;
+      cursor: pointer;
+      transition: background 0.2s;
+    }
+    button:hover {
+      background: #1a5bb8;
+    }
+    .auto-trigger {
+      margin-top: 12px;
+      text-align: right;
+    }
+    .auto-trigger button {
+      background: #27ae60;
+    }
+    .auto-trigger button:hover {
+      background: #219150;
+    }
+  `; }
+    render() {
+        return html `
+      <form class="entry-form" @submit=${this.submit}>
+        <label>실적 입력:</label>
+        <input type="number" .value=${this.value} @input=${e => (this.value = e.target.value)} placeholder="값 입력" />
+        <button type="submit">저장</button>
+      </form>
+      <div class="auto-trigger">
+        <button @click=${this.triggerAuto}>자동 집계 실행</button>
+      </div>
+    `;
+    }
+    submit(e) {
+        e.preventDefault();
+        // TODO: GraphQL로 실적값 저장
+        alert(`입력값: ${this.value}`);
+    }
+    triggerAuto() {
+        // TODO: GraphQL로 자동 집계 트리거
+        alert('자동 집계 실행!');
+    }
+};
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], KpiValueEntry.prototype, "value", void 0);
+KpiValueEntry = __decorate([
+    customElement('kpi-value-entry')
+], KpiValueEntry);
+export { KpiValueEntry };
+//# sourceMappingURL=kpi-value-entry.js.map

package/dist-client/pages/kpi-value-entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kpi-value-entry.js","sourceRoot":"","sources":["../../client/pages/kpi-value-entry.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAGjD,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,UAAU;IAAtC;;QAiDG,UAAK,GAAG,EAAE,CAAA;IAyBpB,CAAC;aAzEQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6ClB,AA7CY,CA6CZ;IAKD,MAAM;QACJ,OAAO,IAAI,CAAA;yCAC0B,IAAI,CAAC,MAAM;;sCAEd,IAAI,CAAC,KAAK,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;;;;yBAIpE,IAAI,CAAC,WAAW;;KAEpC,CAAA;IACH,CAAC;IAED,MAAM,CAAC,CAAQ;QACb,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,wBAAwB;QACxB,KAAK,CAAC,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC,CAAA;IAC7B,CAAC;IAED,WAAW;QACT,2BAA2B;QAC3B,KAAK,CAAC,WAAW,CAAC,CAAA;IACpB,CAAC;;AAxBO;IADP,KAAK,EAAE;;4CACU;AAjDP,aAAa;IADzB,aAAa,CAAC,iBAAiB,CAAC;GACpB,aAAa,CA0EzB","sourcesContent":["import { html, css, LitElement } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\n@customElement('kpi-value-entry')\nexport class KpiValueEntry extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n      background: #fff;\n      border-radius: 8px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n      padding: 16px;\n      min-width: 320px;\n      max-width: 100%;\n    }\n    .entry-form {\n      display: flex;\n      gap: 12px;\n      align-items: center;\n    }\n    input[type='number'] {\n      width: 100px;\n      padding: 6px 8px;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      font-size: 1em;\n    }\n    button {\n      padding: 6px 16px;\n      background: #2a7ae4;\n      color: #fff;\n      border: none;\n      border-radius: 4px;\n      font-size: 1em;\n      cursor: pointer;\n      transition: background 0.2s;\n    }\n    button:hover {\n      background: #1a5bb8;\n    }\n    .auto-trigger {\n      margin-top: 12px;\n      text-align: right;\n    }\n    .auto-trigger button {\n      background: #27ae60;\n    }\n    .auto-trigger button:hover {\n      background: #219150;\n    }\n  `\n\n  @state()\n  private value = ''\n\n  render() {\n    return html`\n      <form class=\"entry-form\" @submit=${this.submit}>\n        <label>실적 입력:</label>\n        <input type=\"number\" .value=${this.value} @input=${e => (this.value = e.target.value)} placeholder=\"값 입력\" />\n        <button type=\"submit\">저장</button>\n      </form>\n      <div class=\"auto-trigger\">\n        <button @click=${this.triggerAuto}>자동 집계 실행</button>\n      </div>\n    `\n  }\n\n  submit(e: Event) {\n    e.preventDefault()\n    // TODO: GraphQL로 실적값 저장\n    alert(`입력값: ${this.value}`)\n  }\n\n  triggerAuto() {\n    // TODO: GraphQL로 자동 집계 트리거\n    alert('자동 집계 실행!')\n  }\n}\n"]}

package/dist-client/route.js

@@ -5,6 +5,9 @@ export default function route(page) {
         case 'dashboard':
             import('./pages/dashboard');
             return page;
+        case 'kpi-dashboard':
+            import('./pages/kpi-dashboard');
+            return page;
     }
 }
 //# sourceMappingURL=route.js.map

package/dist-client/route.js.map

@@ -1 +1 @@
-{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAI;IAChC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,EAAE;YACL,OAAO,YAAY,CAAA;QAErB,KAAK,WAAW;YACd,MAAM,CAAC,mBAAmB,CAAC,CAAA;YAC3B,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC","sourcesContent":["export default function route(page) {\n  switch (page) {\n    case '':\n      return '/dashboard'\n\n    case 'dashboard':\n      import('./pages/dashboard')\n      return page\n  }\n}\n"]}
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAI;IAChC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,EAAE;YACL,OAAO,YAAY,CAAA;QAErB,KAAK,WAAW;YACd,MAAM,CAAC,mBAAmB,CAAC,CAAA;YAC3B,OAAO,IAAI,CAAA;QAEb,KAAK,eAAe;YAClB,MAAM,CAAC,uBAAuB,CAAC,CAAA;YAC/B,OAAO,IAAI,CAAA;IACf,CAAC;AACH,CAAC","sourcesContent":["export default function route(page) {\n  switch (page) {\n    case '':\n      return '/dashboard'\n\n    case 'dashboard':\n      import('./pages/dashboard')\n      return page\n\n    case 'kpi-dashboard':\n      import('./pages/kpi-dashboard')\n      return page\n  }\n}\n"]}