@things-factory/kpi 10.1.247 → 10.1.248

package/dist-client/charts/kpi-radar-chart.js

@@ -1,138 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import * as d3 from 'd3';
-let KpiRadarChart = class KpiRadarChart extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.data = [];
-        this.categories = [];
-        this.valueKey = 'value';
-        this.currentGroup = '';
-        this.chartWidth = 0;
-        this.chartHeight = 0;
-    }
-    static { this.styles = css `
-    :host {
-      display: block;
-      width: 100%;
-      height: 100%;
-    }
-    svg {
-      width: 100%;
-      height: 100%;
-      display: block;
-    }
-  `; }
-    render() {
-        return html `<svg
-      id="radar"
-      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() {
-        this.resizeObserver?.disconnect();
-        super.disconnectedCallback();
-    }
-    updated() {
-        this.drawRadar();
-    }
-    drawRadar() {
-        const svg = d3.select(this.renderRoot.querySelector('#radar'));
-        svg.selectAll('*').remove();
-        const w = this.chartWidth || 300;
-        const h = this.chartHeight || 300;
-        const r = Math.min(w, h) / 2 - 40;
-        const angleSlice = (2 * Math.PI) / (this.categories.length || 1);
-        // 데이터 변환: { org, values: [ {category, value} ... ] }
-        const orgData = d3
-            .groups(this.data, d => d.org)
-            .map(([org, values]) => ({
-            org,
-            values: this.categories.map((cat, i) => {
-                const found = values.find(v => v.category === cat);
-                return { category: cat, value: found ? found[this.valueKey] : 0 };
-            })
-        }));
-        // 스케일
-        const maxValue = d3.max(this.data, d => d[this.valueKey]) || 1;
-        const radius = d3.scaleLinear().domain([0, maxValue]).range([0, r]);
-        // SVG 기본
-        svg.attr('width', w).attr('height', h);
-        const g = svg.append('g').attr('transform', `translate(${w / 2},${h / 2})`);
-        // 그리드/축
-        for (let i = 1; i <= 5; i++) {
-            g.append('circle')
-                .attr('r', (r / 5) * i)
-                .attr('fill', 'none')
-                .attr('stroke', '#ccc');
-        }
-        this.categories.forEach((cat, i) => {
-            const angle = i * angleSlice - Math.PI / 2;
-            g.append('line')
-                .attr('x1', 0)
-                .attr('y1', 0)
-                .attr('x2', radius(maxValue) * Math.cos(angle))
-                .attr('y2', radius(maxValue) * Math.sin(angle))
-                .attr('stroke', '#ccc');
-            g.append('text')
-                .attr('x', (radius(maxValue) + 10) * Math.cos(angle))
-                .attr('y', (radius(maxValue) + 10) * Math.sin(angle))
-                .attr('text-anchor', 'middle')
-                .attr('alignment-baseline', 'middle')
-                .attr('font-size', 12)
-                .text(cat);
-        });
-        // 그룹별 폴리곤
-        orgData.forEach(gd => {
-            // 마지막에 첫 점을 한 번 더 추가
-            const closedValues = [...gd.values, gd.values[0]];
-            const line = d3
-                .lineRadial()
-                .radius((d) => radius(d.value))
-                .angle((d, i) => i * angleSlice);
-            g.append('path')
-                .datum(closedValues)
-                .attr('d', line)
-                .attr('fill', gd.org === this.currentGroup ? 'rgba(33,150,243,0.4)' : 'rgba(200,200,200,0.2)')
-                .attr('stroke', gd.org === this.currentGroup ? '#2196f3' : '#aaa')
-                .attr('stroke-width', gd.org === this.currentGroup ? 3 : 1);
-        });
-    }
-};
-__decorate([
-    property({ type: Array }),
-    __metadata("design:type", Array)
-], KpiRadarChart.prototype, "data", void 0);
-__decorate([
-    property({ type: Array }),
-    __metadata("design:type", Array)
-], KpiRadarChart.prototype, "categories", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], KpiRadarChart.prototype, "valueKey", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], KpiRadarChart.prototype, "currentGroup", void 0);
-KpiRadarChart = __decorate([
-    customElement('kpi-radar-chart')
-], KpiRadarChart);
-export { KpiRadarChart };
-//# sourceMappingURL=kpi-radar-chart.js.map

package/dist-client/charts/kpi-radar-chart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"kpi-radar-chart.js","sourceRoot":"","sources":["../../client/charts/kpi-radar-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport * as d3 from 'd3'\n\n@customElement('kpi-radar-chart')\nexport class KpiRadarChart extends LitElement {\n  @property({ type: Array }) data: any[] = []\n  @property({ type: Array }) categories: string[] = []\n  @property({ type: String }) valueKey: string = 'value'\n  @property({ type: String }) currentGroup: string = ''\n\n  static styles = css`\n    :host {\n      display: block;\n      width: 100%;\n      height: 100%;\n    }\n    svg {\n      width: 100%;\n      height: 100%;\n      display: block;\n    }\n  `\n\n  private chartWidth = 0\n  private chartHeight = 0\n  private resizeObserver?: ResizeObserver\n\n  render() {\n    return html`<svg\n      id=\"radar\"\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  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.drawRadar()\n  }\n\n  drawRadar() {\n    const svg = d3.select(this.renderRoot.querySelector('#radar'))\n    svg.selectAll('*').remove()\n    const w = this.chartWidth || 300\n    const h = this.chartHeight || 300\n    const r = Math.min(w, h) / 2 - 40\n    const angleSlice = (2 * Math.PI) / (this.categories.length || 1)\n\n    // 데이터 변환: { org, values: [ {category, value} ... ] }\n    const orgData = d3\n      .groups(this.data, d => d.org)\n      .map(([org, values]) => ({\n        org,\n        values: this.categories.map((cat, i) => {\n          const found = values.find(v => v.category === cat)\n          return { category: cat, value: found ? found[this.valueKey] : 0 }\n        })\n      }))\n\n    // 스케일\n    const maxValue = d3.max(this.data, d => d[this.valueKey]) || 1\n    const radius = d3.scaleLinear().domain([0, maxValue]).range([0, r])\n\n    // SVG 기본\n    svg.attr('width', w).attr('height', h)\n    const g = svg.append('g').attr('transform', `translate(${w / 2},${h / 2})`)\n\n    // 그리드/축\n    for (let i = 1; i <= 5; i++) {\n      g.append('circle')\n        .attr('r', (r / 5) * i)\n        .attr('fill', 'none')\n        .attr('stroke', '#ccc')\n    }\n    this.categories.forEach((cat, i) => {\n      const angle = i * angleSlice - Math.PI / 2\n      g.append('line')\n        .attr('x1', 0)\n        .attr('y1', 0)\n        .attr('x2', radius(maxValue) * Math.cos(angle))\n        .attr('y2', radius(maxValue) * Math.sin(angle))\n        .attr('stroke', '#ccc')\n      g.append('text')\n        .attr('x', (radius(maxValue) + 10) * Math.cos(angle))\n        .attr('y', (radius(maxValue) + 10) * Math.sin(angle))\n        .attr('text-anchor', 'middle')\n        .attr('alignment-baseline', 'middle')\n        .attr('font-size', 12)\n        .text(cat)\n    })\n\n    // 그룹별 폴리곤\n    orgData.forEach(gd => {\n      // 마지막에 첫 점을 한 번 더 추가\n      const closedValues = [...gd.values, gd.values[0]]\n      const line = d3\n        .lineRadial()\n        .radius((d: any) => radius(d.value))\n        .angle((d, i) => i * angleSlice)\n      g.append('path')\n        .datum(closedValues)\n        .attr('d', line as any)\n        .attr('fill', gd.org === this.currentGroup ? 'rgba(33,150,243,0.4)' : 'rgba(200,200,200,0.2)')\n        .attr('stroke', gd.org === this.currentGroup ? '#2196f3' : '#aaa')\n        .attr('stroke-width', gd.org === this.currentGroup ? 3 : 1)\n    })\n  }\n}\n"]}

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

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

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

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

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

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

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

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