@things-factory/integration-ui 9.0.0-beta.27 → 9.0.0-beta.29

package/dist-client/analysis/graph-data.d.ts

@@ -0,0 +1,36 @@
+export interface GraphData {
+    results: Array<{
+        columns: string[];
+        data: Array<{
+            graph: {
+                nodes: Node[];
+                relationships: Relationship[];
+            };
+        }>;
+    }>;
+    errors: any[];
+}
+export interface Node {
+    id: string;
+    labels: string[];
+    properties: {
+        [key: string]: any;
+    };
+    x?: number;
+    y?: number;
+    fx?: number | null;
+    fy?: number | null;
+    icon?: string;
+}
+export interface Relationship {
+    id: string;
+    type: string;
+    startNode: string;
+    endNode: string;
+    source?: Node;
+    target?: Node;
+    properties: {
+        [key: string]: any;
+    };
+    linknum?: number;
+}

package/dist-client/analysis/graph-data.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=graph-data.js.map

package/dist-client/analysis/graph-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-data.js","sourceRoot":"","sources":["../../client/analysis/graph-data.ts"],"names":[],"mappings":"","sourcesContent":["export interface GraphData {\n  results: Array<{\n    columns: string[]\n    data: Array<{\n      graph: {\n        nodes: Node[]\n        relationships: Relationship[]\n      }\n    }>\n  }>\n  errors: any[]\n}\n\nexport interface Node {\n  id: string\n  labels: string[]\n  properties: { [key: string]: any }\n  x?: number\n  y?: number\n  fx?: number | null\n  fy?: number | null\n  icon?: string\n}\n\nexport interface Relationship {\n  id: string\n  type: string\n  startNode: string\n  endNode: string\n  source?: Node\n  target?: Node\n  properties: { [key: string]: any }\n  linknum?: number\n}\n"]}

package/dist-client/analysis/graph-viewer-style.d.ts

@@ -0,0 +1 @@
+export declare const GraphViewerStyles: import("lit").CSSResult;

package/dist-client/analysis/graph-viewer-style.js

@@ -0,0 +1,121 @@
+import { css } from 'lit';
+export const GraphViewerStyles = css `
+  * {
+    margin: 0;
+    padding: 0;
+  }
+
+  .graph-viewer {
+    border: 1px solid #ddd;
+    border-radius: 5px;
+  }
+
+  .graph-info {
+    font-size: 16px;
+    padding: 10px;
+    position: absolute;
+  }
+
+  .graph-info a {
+    border: 1px solid;
+    display: inline-block;
+    font-size: 14px;
+    line-height: 1.428571429;
+    margin-left: 5px;
+    margin-top: 5px;
+    padding: 6px 12px;
+  }
+
+  .graph-info a.class {
+    color: #fff;
+  }
+
+  .graph-info a.property {
+    background-color: var(--md-sys-color-surface);
+    border-color: #ccc;
+    color: #333;
+  }
+
+  .graph-info a.btn {
+    margin-left: 5px;
+    margin-top: 5px;
+    opacity: 1;
+  }
+
+  .graph-info a.info {
+    background-color: #a5abb6;
+    border: 1px solid #9aa1ac;
+    color: #fff;
+  }
+
+  .node.node-highlighted .ring {
+    filter: alpha(opacity=50);
+    opacity: 0.5;
+    stroke: #888;
+    stroke-width: 12px;
+  }
+
+  .node .outline {
+    cursor: pointer;
+    fill: #a5abb6;
+    pointer-events: all;
+    stroke: #9aa1ac;
+    stroke-width: 2px;
+  }
+
+  .node .ring {
+    fill: none;
+    filter: alpha(opacity=0);
+    opacity: 0;
+    stroke: #6ac6ff;
+    stroke-width: 8px;
+  }
+
+  .node .text.icon {
+    font-size: 24px;
+  }
+
+  .node .text.icon {
+    font-family: Material Symbols Outlined;
+  }
+
+  .node.selected .ring,
+  .node:hover .ring {
+    filter: alpha(opacity=30);
+    opacity: 0.3;
+  }
+
+  .relationship {
+    cursor: default;
+  }
+
+  .relationship line {
+    stroke: #aaa;
+  }
+
+  .relationship .outline {
+    cursor: default;
+  }
+
+  .relationship .overlay {
+    cursor: default;
+    fill: #6ac6ff;
+    filter: alpha(opacity=0);
+    opacity: 0;
+  }
+
+  .relationship text {
+    cursor: default;
+  }
+
+  .relationship.selected .overlay,
+  .relationship:hover .overlay {
+    filter: alpha(opacity=30);
+    opacity: 0.3;
+  }
+
+  svg {
+    cursor: move;
+  }
+`;
+//# sourceMappingURL=graph-viewer-style.js.map

package/dist-client/analysis/graph-viewer-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-viewer-style.js","sourceRoot":"","sources":["../../client/analysis/graph-viewer-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsHnC,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const GraphViewerStyles = css`\n  * {\n    margin: 0;\n    padding: 0;\n  }\n\n  .graph-viewer {\n    border: 1px solid #ddd;\n    border-radius: 5px;\n  }\n\n  .graph-info {\n    font-size: 16px;\n    padding: 10px;\n    position: absolute;\n  }\n\n  .graph-info a {\n    border: 1px solid;\n    display: inline-block;\n    font-size: 14px;\n    line-height: 1.428571429;\n    margin-left: 5px;\n    margin-top: 5px;\n    padding: 6px 12px;\n  }\n\n  .graph-info a.class {\n    color: #fff;\n  }\n\n  .graph-info a.property {\n    background-color: var(--md-sys-color-surface);\n    border-color: #ccc;\n    color: #333;\n  }\n\n  .graph-info a.btn {\n    margin-left: 5px;\n    margin-top: 5px;\n    opacity: 1;\n  }\n\n  .graph-info a.info {\n    background-color: #a5abb6;\n    border: 1px solid #9aa1ac;\n    color: #fff;\n  }\n\n  .node.node-highlighted .ring {\n    filter: alpha(opacity=50);\n    opacity: 0.5;\n    stroke: #888;\n    stroke-width: 12px;\n  }\n\n  .node .outline {\n    cursor: pointer;\n    fill: #a5abb6;\n    pointer-events: all;\n    stroke: #9aa1ac;\n    stroke-width: 2px;\n  }\n\n  .node .ring {\n    fill: none;\n    filter: alpha(opacity=0);\n    opacity: 0;\n    stroke: #6ac6ff;\n    stroke-width: 8px;\n  }\n\n  .node .text.icon {\n    font-size: 24px;\n  }\n\n  .node .text.icon {\n    font-family: Material Symbols Outlined;\n  }\n\n  .node.selected .ring,\n  .node:hover .ring {\n    filter: alpha(opacity=30);\n    opacity: 0.3;\n  }\n\n  .relationship {\n    cursor: default;\n  }\n\n  .relationship line {\n    stroke: #aaa;\n  }\n\n  .relationship .outline {\n    cursor: default;\n  }\n\n  .relationship .overlay {\n    cursor: default;\n    fill: #6ac6ff;\n    filter: alpha(opacity=0);\n    opacity: 0;\n  }\n\n  .relationship text {\n    cursor: default;\n  }\n\n  .relationship.selected .overlay,\n  .relationship:hover .overlay {\n    filter: alpha(opacity=30);\n    opacity: 0.3;\n  }\n\n  svg {\n    cursor: move;\n  }\n`\n"]}

package/dist-client/analysis/graph-viewer.d.ts

@@ -0,0 +1,36 @@
+import * as d3 from 'd3';
+import { GraphData } from './graph-data.js';
+export declare class GraphViewer {
+    private svg;
+    private svgNodes;
+    private svgRelationships;
+    private nodes;
+    private relationships;
+    private needZoomFit;
+    private options;
+    private svgScale;
+    private svgTranslate;
+    simulation: any;
+    constructor(_selector: any, _options: any);
+    private init;
+    initSimulation(): any;
+    private tick;
+    private calculateIntersection;
+    private colors;
+    updateWithGraphData(graphData: GraphData): void;
+    private updateNodesAndRelationships;
+    private appendNodesToGraph;
+    stickNode(event: d3.event, d: any): void;
+    private appendRelationshipsToGraph;
+    private getNodeIcon;
+    private class2color;
+    private class2darkenColor;
+    private dragStarted;
+    private dragged;
+    private dragEnded;
+    zoomFit(): void;
+    size(): {
+        nodes: number;
+        relationships: number;
+    };
+}

package/dist-client/analysis/graph-viewer.js

@@ -0,0 +1,294 @@
+import * as d3 from 'd3';
+export class GraphViewer {
+    constructor(_selector, _options) {
+        this.nodes = [];
+        this.relationships = [];
+        this.needZoomFit = true;
+        this.options = Object.assign({ arrowSize: 4, colors: this.colors(), highlight: undefined, infoPanel: true, minCollision: undefined, graphData: undefined, dataUrl: undefined, nodeOutlineFillColor: undefined, nodeRadius: 25, relationshipColor: '#a5abb6', zoomFit: false, classes2colors: {}, numClasses: 0 }, _options);
+        this.init(_selector);
+    }
+    init(selector) {
+        this.svg = d3
+            .select(selector)
+            .append('svg')
+            .attr('width', '100%')
+            .attr('height', '100%')
+            .attr('class', 'graph-viewer')
+            .call(d3.zoom().on('zoom', (event, d) => {
+            var scale = event.transform.k, translate = [event.transform.x, event.transform.y];
+            if (this.svgTranslate) {
+                translate[0] += this.svgTranslate[0];
+                translate[1] += this.svgTranslate[1];
+            }
+            if (this.svgScale) {
+                scale *= this.svgScale;
+            }
+            this.svg.attr('transform', 'translate(' + translate[0] + ', ' + translate[1] + ') scale(' + scale + ')');
+        }))
+            .on('dblclick.zoom', null)
+            .append('g') // 그룹 요소 추가
+            .attr('width', '100%')
+            .attr('height', '100%');
+        // Define arrow markers for graph links
+        this.svg
+            .append('defs')
+            .append('marker')
+            .attr('id', 'arrow')
+            .attr('viewBox', '0 -5 10 10')
+            .attr('refX', 10)
+            .attr('refY', 0)
+            .attr('markerWidth', 6)
+            .attr('markerHeight', 6)
+            .attr('orient', 'auto')
+            .append('path')
+            .attr('d', 'M0,-5L10,0L0,5')
+            .attr('fill', this.options.relationshipColor);
+        this.svgNodes = this.svg.append('g').attr('class', 'nodes');
+        this.svgRelationships = this.svg.append('g').attr('class', 'relationships');
+        this.simulation = this.initSimulation();
+        if (this.options.graphData) {
+            this.updateWithGraphData(this.options.graphData);
+        }
+    }
+    initSimulation() {
+        const x = this.svg.node().parentElement.parentElement.clientWidth / 2;
+        const y = this.svg.node().parentElement.parentElement.clientHeight / 2;
+        var simulation = d3
+            .forceSimulation()
+            .force('collide', d3
+            .forceCollide()
+            .radius(d => {
+            return this.options.minCollision;
+        })
+            .iterations(2))
+            .force('charge', d3.forceManyBody())
+            .force('link', d3.forceLink().id(d => {
+            return d.id;
+        }))
+            .force('center', d3.forceCenter(x, y))
+            .on('tick', () => {
+            this.tick();
+        })
+            .on('end', () => {
+            if (this.options.zoomFit && this.needZoomFit) {
+                this.needZoomFit = false;
+                this.zoomFit();
+            }
+        });
+        return simulation;
+    }
+    tick() {
+        this.svgNodes.selectAll('.node').attr('transform', (d) => `translate(${d.x}, ${d.y})`);
+        this.svgRelationships
+            .selectAll('.relationship')
+            .attr('x1', (d) => this.calculateIntersection(d.source, d.target).x1)
+            .attr('y1', (d) => this.calculateIntersection(d.source, d.target).y1)
+            .attr('x2', (d) => this.calculateIntersection(d.source, d.target).x2)
+            .attr('y2', (d) => this.calculateIntersection(d.source, d.target).y2);
+        this.svgRelationships.selectAll('.relationship-text').attr('transform', (d) => {
+            const midX = (this.calculateIntersection(d.source, d.target).x1 + this.calculateIntersection(d.source, d.target).x2) / 2;
+            const midY = (this.calculateIntersection(d.source, d.target).y1 + this.calculateIntersection(d.source, d.target).y2) / 2;
+            return `translate(${midX}, ${midY})`;
+        });
+    }
+    calculateIntersection(source, target) {
+        const dx = target.x - source.x;
+        const dy = target.y - source.y;
+        const distance = Math.sqrt(dx * dx + dy * dy);
+        const ratio = (distance - this.options.nodeRadius) / distance;
+        const x1 = source.x + dx * (this.options.nodeRadius / distance);
+        const y1 = source.y + dy * (this.options.nodeRadius / distance);
+        const x2 = target.x - dx * (this.options.nodeRadius / distance);
+        const y2 = target.y - dy * (this.options.nodeRadius / distance);
+        return { x1, y1, x2, y2 };
+    }
+    colors() {
+        return [
+            '#68bdf6', // light blue
+            '#6dce9e', // green #1
+            '#faafc2', // light pink
+            '#f2baf6', // purple
+            '#ff928c', // light red
+            '#fcea7e', // light yellow
+            '#ffc766', // light orange
+            '#405f9e', // navy blue
+            '#a5abb6', // dark gray
+            '#78cecb', // green #2,
+            '#b88cbb', // dark purple
+            '#ced2d9', // light gray
+            '#e84646', // dark red
+            '#fa5f86', // dark pink
+            '#ffab1a', // dark orange
+            '#fcda19', // dark yellow
+            '#797b80', // black
+            '#c9d96f', // pistachio
+            '#47991f', // green #3
+            '#70edee', // turquoise
+            '#ff75ea' // pink
+        ];
+    }
+    updateWithGraphData(graphData) {
+        this.nodes = graphData.results[0].data[0].graph.nodes;
+        this.relationships = graphData.results[0].data[0].graph.relationships;
+        this.relationships.forEach(rel => {
+            const sourceNode = this.nodes.find(node => node.id === rel.startNode);
+            const targetNode = this.nodes.find(node => node.id === rel.endNode);
+            if (!sourceNode || !targetNode) {
+                console.warn(`Node not found for relationship: ${rel.id}`);
+                return;
+            }
+            rel.source = sourceNode;
+            rel.target = targetNode;
+        });
+        this.updateNodesAndRelationships();
+    }
+    updateNodesAndRelationships() {
+        this.needZoomFit = true;
+        this.svgNodes.selectAll('.node').remove();
+        this.svgRelationships.selectAll('.relationship').remove();
+        this.svgRelationships.selectAll('.relationship-text').remove();
+        this.appendNodesToGraph();
+        this.appendRelationshipsToGraph();
+        this.simulation.nodes(this.nodes);
+        this.simulation.force('link').links(this.relationships);
+        // 시뮬레이션을 강제로 재시작하여 레이아웃이 적절히 재정렬되도록 함
+        this.simulation.alpha(1).restart();
+    }
+    appendNodesToGraph() {
+        const nodeEnter = this.svgNodes
+            .selectAll('.node')
+            .data(this.nodes, (d) => d.id)
+            .enter()
+            .append('g')
+            .attr('class', d => {
+            var highlight, i, classes = 'node', label = d.labels[0];
+            if (d.icon) {
+                classes += ' node-icon';
+            }
+            return classes;
+        })
+            .on('click', (event, d) => {
+            d.fx = d.fy = null;
+            if (typeof this.options.onNodeClick === 'function') {
+                this.options.onNodeClick(d);
+            }
+        })
+            .on('dblclick', (event, d) => {
+            this.stickNode(event, d);
+            if (typeof this.options.onNodeDoubleClick === 'function') {
+                this.options.onNodeDoubleClick(d);
+            }
+        })
+            .on('mouseenter', (event, d) => {
+            event.target.dispatchEvent(new CustomEvent('node-mouseenter', {
+                detail: d,
+                bubbles: true
+            }));
+        })
+            .on('mouseleave', (event, d) => {
+            event.target.dispatchEvent(new CustomEvent('node-mouseleave', {
+                detail: d,
+                bubbles: true
+            }));
+        })
+            .call(d3
+            .drag()
+            .on('start', this.dragStarted.bind(this))
+            .on('drag', this.dragged.bind(this))
+            .on('end', this.dragEnded.bind(this)));
+        nodeEnter
+            .append('circle')
+            .attr('class', 'outline')
+            .attr('r', this.options.nodeRadius)
+            .style('fill', d => this.class2color(d.labels[0]))
+            .style('stroke', d => this.class2darkenColor(d.labels[0]))
+            .style('stroke-width', 2);
+        nodeEnter
+            .append('text')
+            .attr('class', 'text icon')
+            .attr('x', 0)
+            .attr('y', 0)
+            .attr('text-anchor', 'middle')
+            .attr('dominant-baseline', 'central')
+            .attr('font-family', 'Material Symbols Outlined')
+            .attr('font-size', '24px')
+            .attr('fill', '#000')
+            .text(d => this.getNodeIcon(d));
+        nodeEnter
+            .append('text')
+            .attr('dy', 40)
+            .attr('text-anchor', 'middle')
+            .text(d => d.properties.name || d.id);
+    }
+    stickNode(event, d) {
+        d.fx = event.x;
+        d.fy = event.y;
+    }
+    appendRelationshipsToGraph() {
+        const relationshipEnter = this.svgRelationships
+            .selectAll('.relationship')
+            .data(this.relationships.filter(rel => rel.source && rel.target), d => d.id)
+            .enter()
+            .append('g')
+            .attr('class', 'relationship-group');
+        relationshipEnter
+            .append('line')
+            .attr('class', 'relationship')
+            .style('stroke', this.options.relationshipColor)
+            .style('stroke-width', 2)
+            .attr('marker-end', 'url(#arrow)');
+        relationshipEnter
+            .append('text')
+            .attr('class', 'relationship-text')
+            .attr('fill', '#000000')
+            .attr('font-size', '8px')
+            .attr('pointer-events', 'none')
+            .attr('text-anchor', 'middle')
+            .text(d => d.type);
+    }
+    getNodeIcon(d) {
+        return d.icon || '';
+    }
+    class2color(cls) {
+        if (!this.options.classes2colors[cls]) {
+            this.options.classes2colors[cls] = this.options.colors[this.options.numClasses % this.options.colors.length];
+            this.options.numClasses++;
+        }
+        return this.options.classes2colors[cls];
+    }
+    class2darkenColor(cls) {
+        return d3.rgb(this.class2color(cls)).darker(1);
+    }
+    dragStarted(event, d) {
+        if (!event.active)
+            this.simulation.alphaTarget(0.3).restart();
+        d.fx = d.x;
+        d.fy = d.y;
+    }
+    dragged(event, d) {
+        d.fx = event.x;
+        d.fy = event.y;
+    }
+    dragEnded(event, d) {
+        if (!event.active)
+            this.simulation.alphaTarget(0);
+        d.fx = null;
+        d.fy = null;
+    }
+    zoomFit() {
+        var bounds = this.svg.node().getBBox(), parent = this.svg.node().parentElement.parentElement, fullWidth = parent.clientWidth, fullHeight = parent.clientHeight, width = bounds.width, height = bounds.height, midX = bounds.x + width / 2, midY = bounds.y + height / 2;
+        if (width === 0 || height === 0) {
+            return; // nothing to fit
+        }
+        this.svgScale = 0.85 / Math.max(width / fullWidth, height / fullHeight);
+        this.svgTranslate = [fullWidth / 2 - this.svgScale * midX, fullHeight / 2 - this.svgScale * midY];
+        this.svg.attr('transform', 'translate(' + this.svgTranslate[0] + ', ' + this.svgTranslate[1] + ') scale(' + this.svgScale + ')');
+    }
+    size() {
+        return {
+            nodes: this.nodes.length,
+            relationships: this.relationships.length
+        };
+    }
+}
+//# sourceMappingURL=graph-viewer.js.map

package/dist-client/analysis/graph-viewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-viewer.js","sourceRoot":"","sources":["../../client/analysis/graph-viewer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,IAAI,CAAA;AAGxB,MAAM,OAAO,WAAW;IAatB,YAAY,SAAc,EAAE,QAAa;QATjC,UAAK,GAAW,EAAE,CAAA;QAClB,kBAAa,GAAmB,EAAE,CAAA;QAClC,gBAAW,GAAG,IAAI,CAAA;QAQxB,IAAI,CAAC,OAAO,mBACV,SAAS,EAAE,CAAC,EACZ,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,EACrB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,IAAI,EACf,YAAY,EAAE,SAAS,EACvB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,SAAS,EAClB,oBAAoB,EAAE,SAAS,EAC/B,UAAU,EAAE,EAAE,EACd,iBAAiB,EAAE,SAAS,EAC5B,OAAO,EAAE,KAAK,EACd,cAAc,EAAE,EAAE,EAClB,UAAU,EAAE,CAAC,IACV,QAAQ,CACZ,CAAA;QACD,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IACtB,CAAC;IAEO,IAAI,CAAC,QAAa;QACxB,IAAI,CAAC,GAAG,GAAG,EAAE;aACV,MAAM,CAAC,QAAQ,CAAC;aAChB,MAAM,CAAC,KAAK,CAAC;aACb,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;aACrB,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;aACtB,IAAI,CAAC,OAAO,EAAE,cAAc,CAAC;aAC7B,IAAI,CACH,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YAChC,IAAI,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAC3B,SAAS,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;YAEpD,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;gBACtB,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;gBACpC,SAAS,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;YACtC,CAAC;YAED,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;gBAClB,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAA;YACxB,CAAC;YAED,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,KAAK,GAAG,GAAG,CAAC,CAAA;QAC1G,CAAC,CAAC,CACH;aACA,EAAE,CAAC,eAAe,EAAE,IAAI,CAAC;aACzB,MAAM,CAAC,GAAG,CAAC,CAAC,WAAW;aACvB,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;aACrB,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QAEzB,uCAAuC;QACvC,IAAI,CAAC,GAAG;aACL,MAAM,CAAC,MAAM,CAAC;aACd,MAAM,CAAC,QAAQ,CAAC;aAChB,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC;aACnB,IAAI,CAAC,SAAS,EAAE,YAAY,CAAC;aAC7B,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;aAChB,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;aACf,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;aACtB,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;aACvB,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC;aACtB,MAAM,CAAC,MAAM,CAAC;aACd,IAAI,CAAC,GAAG,EAAE,gBAAgB,CAAC;aAC3B,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAA;QAE/C,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;QAC3D,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,CAAA;QAC3E,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,cAAc,EAAE,CAAA;QAEvC,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,CAAC;YAC3B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAA;QAClD,CAAC;IACH,CAAC;IAED,cAAc;QACZ,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,WAAW,GAAG,CAAC,CAAA;QACrE,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,YAAY,GAAG,CAAC,CAAA;QAEtE,IAAI,UAAU,GAAG,EAAE;aAChB,eAAe,EAAE;aACjB,KAAK,CACJ,SAAS,EACT,EAAE;aACC,YAAY,EAAE;aACd,MAAM,CAAC,CAAC,CAAC,EAAE;YACV,OAAO,IAAI,CAAC,OAAO,CAAC,YAAY,CAAA;QAClC,CAAC,CAAC;aACD,UAAU,CAAC,CAAC,CAAC,CACjB;aACA,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,aAAa,EAAE,CAAC;aACnC,KAAK,CACJ,MAAM,EACN,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACpB,OAAO,CAAC,CAAC,EAAE,CAAA;QACb,CAAC,CAAC,CACH;aACA,KAAK,CAAC,QAAQ,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;aACrC,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE;YACf,IAAI,CAAC,IAAI,EAAE,CAAA;QACb,CAAC,CAAC;aACD,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE;YACd,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBAC7C,IAAI,CAAC,WAAW,GAAG,KAAK,CAAA;gBACxB,IAAI,CAAC,OAAO,EAAE,CAAA;YAChB,CAAC;QACH,CAAC,CAAC,CAAA;QAEJ,OAAO,UAAU,CAAA;IACnB,CAAC;IAEO,IAAI;QACV,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;QAE3F,IAAI,CAAC,gBAAgB;aAClB,SAAS,CAAC,eAAe,CAAC;aAC1B,IAAI,CAAC,IAAI,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;aACzE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;aACzE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC;aACzE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAA;QAE5E,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAM,EAAE,EAAE;YACjF,MAAM,IAAI,GACR,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;YAC7G,MAAM,IAAI,GACR,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;YAC7G,OAAO,aAAa,IAAI,KAAK,IAAI,GAAG,CAAA;QACtC,CAAC,CAAC,CAAA;IACJ,CAAC;IAEO,qBAAqB,CAAC,MAAM,EAAE,MAAM;QAC1C,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAA;QAC9B,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAA;QAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAA;QAC7C,MAAM,KAAK,GAAG,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,QAAQ,CAAA;QAE7D,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,QAAQ,CAAC,CAAA;QAC/D,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,QAAQ,CAAC,CAAA;QAC/D,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,QAAQ,CAAC,CAAA;QAC/D,MAAM,EAAE,GAAG,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,QAAQ,CAAC,CAAA;QAE/D,OAAO,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAA;IAC3B,CAAC;IAEO,MAAM;QACZ,OAAO;YACL,SAAS,EAAE,aAAa;YACxB,SAAS,EAAE,WAAW;YACtB,SAAS,EAAE,aAAa;YACxB,SAAS,EAAE,SAAS;YACpB,SAAS,EAAE,YAAY;YACvB,SAAS,EAAE,eAAe;YAC1B,SAAS,EAAE,eAAe;YAC1B,SAAS,EAAE,YAAY;YACvB,SAAS,EAAE,YAAY;YACvB,SAAS,EAAE,YAAY;YACvB,SAAS,EAAE,cAAc;YACzB,SAAS,EAAE,aAAa;YACxB,SAAS,EAAE,WAAW;YACtB,SAAS,EAAE,YAAY;YACvB,SAAS,EAAE,cAAc;YACzB,SAAS,EAAE,cAAc;YACzB,SAAS,EAAE,QAAQ;YACnB,SAAS,EAAE,YAAY;YACvB,SAAS,EAAE,WAAW;YACtB,SAAS,EAAE,YAAY;YACvB,SAAS,CAAC,OAAO;SAClB,CAAA;IACH,CAAC;IAED,mBAAmB,CAAC,SAAoB;QACtC,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAA;QACrD,IAAI,CAAC,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAA;QAErE,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YAC/B,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC,SAAS,CAAC,CAAA;YACrE,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,CAAA;YAEnE,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,EAAE,CAAC;gBAC/B,OAAO,CAAC,IAAI,CAAC,oCAAoC,GAAG,CAAC,EAAE,EAAE,CAAC,CAAA;gBAC1D,OAAM;YACR,CAAC;YAED,GAAG,CAAC,MAAM,GAAG,UAAU,CAAA;YACvB,GAAG,CAAC,MAAM,GAAG,UAAU,CAAA;QACzB,CAAC,CAAC,CAAA;QAEF,IAAI,CAAC,2BAA2B,EAAE,CAAA;IACpC,CAAC;IAEO,2BAA2B;QACjC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAA;QAEvB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,CAAA;QACzC,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,MAAM,EAAE,CAAA;QACzD,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC,MAAM,EAAE,CAAA;QAE9D,IAAI,CAAC,kBAAkB,EAAE,CAAA;QACzB,IAAI,CAAC,0BAA0B,EAAE,CAAA;QAEjC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAChC;QAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAsC,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAA;QAE9F,sCAAsC;QACtC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAA;IACpC,CAAC;IAEO,kBAAkB;QACxB,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ;aAC5B,SAAS,CAAC,OAAO,CAAC;aAClB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aAClC,KAAK,EAAE;aACP,MAAM,CAAC,GAAG,CAAC;aACX,IAAI,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE;YACjB,IAAI,SAAS,EACX,CAAC,EACD,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;YAErB,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;gBACX,OAAO,IAAI,YAAY,CAAA;YACzB,CAAC;YAED,OAAO,OAAO,CAAA;QAChB,CAAC,CAAC;aACD,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACxB,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,IAAI,CAAA;YAElB,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,KAAK,UAAU,EAAE,CAAC;gBACnD,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;YAC7B,CAAC;QACH,CAAC,CAAC;aACD,EAAE,CAAC,UAAU,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YAC3B,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,CAAA;YAExB,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,iBAAiB,KAAK,UAAU,EAAE,CAAC;gBACzD,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAA;YACnC,CAAC;QACH,CAAC,CAAC;aACD,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YAC7B,KAAK,CAAC,MAAM,CAAC,aAAa,CACxB,IAAI,WAAW,CAAC,iBAAiB,EAAE;gBACjC,MAAM,EAAE,CAAC;gBACT,OAAO,EAAE,IAAI;aACd,CAAC,CACH,CAAA;QACH,CAAC,CAAC;aACD,EAAE,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YAC7B,KAAK,CAAC,MAAM,CAAC,aAAa,CACxB,IAAI,WAAW,CAAC,iBAAiB,EAAE;gBACjC,MAAM,EAAE,CAAC;gBACT,OAAO,EAAE,IAAI;aACd,CAAC,CACH,CAAA;QACH,CAAC,CAAC;aACD,IAAI,CACH,EAAE;aACC,IAAI,EAAE;aACN,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACxC,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aACnC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CACxC,CAAA;QAEH,SAAS;aACN,MAAM,CAAC,QAAQ,CAAC;aAChB,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC;aACxB,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;aAClC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;aACjD,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;aACzD,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAA;QAE3B,SAAS;aACN,MAAM,CAAC,MAAM,CAAC;aACd,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC;aAC1B,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;aACZ,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;aACZ,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC;aAC7B,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAC;aACpC,IAAI,CAAC,aAAa,EAAE,2BAA2B,CAAC;aAChD,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;aACzB,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC;aACpB,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;QAEjC,SAAS;aACN,MAAM,CAAC,MAAM,CAAC;aACd,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;aACd,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC;aAC7B,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAA;IACzC,CAAC;IAED,SAAS,CAAC,KAAe,EAAE,CAAC;QAC1B,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,CAAA;QACd,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,CAAA;IAChB,CAAC;IAEO,0BAA0B;QAChC,MAAM,iBAAiB,GAAG,IAAI,CAAC,gBAAgB;aAC5C,SAAS,CAAC,eAAe,CAAC;aAC1B,IAAI,CACH,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC,EAC1D,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CACV;aACA,KAAK,EAAE;aACP,MAAM,CAAC,GAAG,CAAC;aACX,IAAI,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAA;QAEtC,iBAAiB;aACd,MAAM,CAAC,MAAM,CAAC;aACd,IAAI,CAAC,OAAO,EAAE,cAAc,CAAC;aAC7B,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC;aAC/C,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC;aACxB,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;QAEpC,iBAAiB;aACd,MAAM,CAAC,MAAM,CAAC;aACd,IAAI,CAAC,OAAO,EAAE,mBAAmB,CAAC;aAClC,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC;aACvB,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;aACxB,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;aAC9B,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC;aAC7B,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IACtB,CAAC;IAEO,WAAW,CAAC,CAAO;QACzB,OAAO,CAAC,CAAC,IAAI,IAAI,EAAE,CAAA;IACrB,CAAC;IAEO,WAAW,CAAC,GAAW;QAC7B,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;YACtC,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,CAAA;YAC5G,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAA;QAC3B,CAAC;QACD,OAAO,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IACzC,CAAC;IAEO,iBAAiB,CAAC,GAAW;QACnC,OAAO,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;IAChD,CAAC;IAEO,WAAW,CAAC,KAAU,EAAE,CAAO;QACrC,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAA;QAC7D,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;QACV,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAA;IACZ,CAAC;IAEO,OAAO,CAAC,KAAU,EAAE,CAAO;QACjC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,CAAA;QACd,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,CAAC,CAAA;IAChB,CAAC;IAEO,SAAS,CAAC,KAAU,EAAE,CAAO;QACnC,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;QACjD,CAAC,CAAC,EAAE,GAAG,IAAI,CAAA;QACX,CAAC,CAAC,EAAE,GAAG,IAAI,CAAA;IACb,CAAC;IAED,OAAO;QACL,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,OAAO,EAAE,EACpC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,aAAa,CAAC,aAAa,EACpD,SAAS,GAAG,MAAM,CAAC,WAAW,EAC9B,UAAU,GAAG,MAAM,CAAC,YAAY,EAChC,KAAK,GAAG,MAAM,CAAC,KAAK,EACpB,MAAM,GAAG,MAAM,CAAC,MAAM,EACtB,IAAI,GAAG,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAC3B,IAAI,GAAG,MAAM,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,CAAA;QAE9B,IAAI,KAAK,KAAK,CAAC,IAAI,MAAM,KAAK,CAAC,EAAE,CAAC;YAChC,OAAM,CAAC,iBAAiB;QAC1B,CAAC;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,SAAS,EAAE,MAAM,GAAG,UAAU,CAAC,CAAA;QACvE,IAAI,CAAC,YAAY,GAAG,CAAC,SAAS,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,EAAE,UAAU,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAA;QAEjG,IAAI,CAAC,GAAG,CAAC,IAAI,CACX,WAAW,EACX,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG,UAAU,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,CACrG,CAAA;IACH,CAAC;IAED,IAAI;QACF,OAAO;YACL,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;YACxB,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,MAAM;SACzC,CAAA;IACH,CAAC;CACF","sourcesContent":["import * as d3 from 'd3'\nimport { Node, Relationship, GraphData } from './graph-data.js'\n\nexport class GraphViewer {\n  private svg: any\n  private svgNodes: any\n  private svgRelationships: any\n  private nodes: Node[] = []\n  private relationships: Relationship[] = []\n  private needZoomFit = true\n  private options: any\n  private svgScale\n  private svgTranslate\n\n  public simulation: any\n\n  constructor(_selector: any, _options: any) {\n    this.options = {\n      arrowSize: 4,\n      colors: this.colors(),\n      highlight: undefined,\n      infoPanel: true,\n      minCollision: undefined,\n      graphData: undefined,\n      dataUrl: undefined,\n      nodeOutlineFillColor: undefined,\n      nodeRadius: 25,\n      relationshipColor: '#a5abb6',\n      zoomFit: false,\n      classes2colors: {},\n      numClasses: 0,\n      ..._options\n    }\n    this.init(_selector)\n  }\n\n  private init(selector: any) {\n    this.svg = d3\n      .select(selector)\n      .append('svg')\n      .attr('width', '100%')\n      .attr('height', '100%')\n      .attr('class', 'graph-viewer')\n      .call(\n        d3.zoom().on('zoom', (event, d) => {\n          var scale = event.transform.k,\n            translate = [event.transform.x, event.transform.y]\n\n          if (this.svgTranslate) {\n            translate[0] += this.svgTranslate[0]\n            translate[1] += this.svgTranslate[1]\n          }\n\n          if (this.svgScale) {\n            scale *= this.svgScale\n          }\n\n          this.svg.attr('transform', 'translate(' + translate[0] + ', ' + translate[1] + ') scale(' + scale + ')')\n        })\n      )\n      .on('dblclick.zoom', null)\n      .append('g') // 그룹 요소 추가\n      .attr('width', '100%')\n      .attr('height', '100%')\n\n    // Define arrow markers for graph links\n    this.svg\n      .append('defs')\n      .append('marker')\n      .attr('id', 'arrow')\n      .attr('viewBox', '0 -5 10 10')\n      .attr('refX', 10)\n      .attr('refY', 0)\n      .attr('markerWidth', 6)\n      .attr('markerHeight', 6)\n      .attr('orient', 'auto')\n      .append('path')\n      .attr('d', 'M0,-5L10,0L0,5')\n      .attr('fill', this.options.relationshipColor)\n\n    this.svgNodes = this.svg.append('g').attr('class', 'nodes')\n    this.svgRelationships = this.svg.append('g').attr('class', 'relationships')\n    this.simulation = this.initSimulation()\n\n    if (this.options.graphData) {\n      this.updateWithGraphData(this.options.graphData)\n    }\n  }\n\n  initSimulation() {\n    const x = this.svg.node().parentElement.parentElement.clientWidth / 2\n    const y = this.svg.node().parentElement.parentElement.clientHeight / 2\n\n    var simulation = d3\n      .forceSimulation()\n      .force(\n        'collide',\n        d3\n          .forceCollide()\n          .radius(d => {\n            return this.options.minCollision\n          })\n          .iterations(2)\n      )\n      .force('charge', d3.forceManyBody())\n      .force(\n        'link',\n        d3.forceLink().id(d => {\n          return d.id\n        })\n      )\n      .force('center', d3.forceCenter(x, y))\n      .on('tick', () => {\n        this.tick()\n      })\n      .on('end', () => {\n        if (this.options.zoomFit && this.needZoomFit) {\n          this.needZoomFit = false\n          this.zoomFit()\n        }\n      })\n\n    return simulation\n  }\n\n  private tick() {\n    this.svgNodes.selectAll('.node').attr('transform', (d: any) => `translate(${d.x}, ${d.y})`)\n\n    this.svgRelationships\n      .selectAll('.relationship')\n      .attr('x1', (d: any) => this.calculateIntersection(d.source, d.target).x1)\n      .attr('y1', (d: any) => this.calculateIntersection(d.source, d.target).y1)\n      .attr('x2', (d: any) => this.calculateIntersection(d.source, d.target).x2)\n      .attr('y2', (d: any) => this.calculateIntersection(d.source, d.target).y2)\n\n    this.svgRelationships.selectAll('.relationship-text').attr('transform', (d: any) => {\n      const midX =\n        (this.calculateIntersection(d.source, d.target).x1 + this.calculateIntersection(d.source, d.target).x2) / 2\n      const midY =\n        (this.calculateIntersection(d.source, d.target).y1 + this.calculateIntersection(d.source, d.target).y2) / 2\n      return `translate(${midX}, ${midY})`\n    })\n  }\n\n  private calculateIntersection(source, target) {\n    const dx = target.x - source.x\n    const dy = target.y - source.y\n    const distance = Math.sqrt(dx * dx + dy * dy)\n    const ratio = (distance - this.options.nodeRadius) / distance\n\n    const x1 = source.x + dx * (this.options.nodeRadius / distance)\n    const y1 = source.y + dy * (this.options.nodeRadius / distance)\n    const x2 = target.x - dx * (this.options.nodeRadius / distance)\n    const y2 = target.y - dy * (this.options.nodeRadius / distance)\n\n    return { x1, y1, x2, y2 }\n  }\n\n  private colors() {\n    return [\n      '#68bdf6', // light blue\n      '#6dce9e', // green #1\n      '#faafc2', // light pink\n      '#f2baf6', // purple\n      '#ff928c', // light red\n      '#fcea7e', // light yellow\n      '#ffc766', // light orange\n      '#405f9e', // navy blue\n      '#a5abb6', // dark gray\n      '#78cecb', // green #2,\n      '#b88cbb', // dark purple\n      '#ced2d9', // light gray\n      '#e84646', // dark red\n      '#fa5f86', // dark pink\n      '#ffab1a', // dark orange\n      '#fcda19', // dark yellow\n      '#797b80', // black\n      '#c9d96f', // pistachio\n      '#47991f', // green #3\n      '#70edee', // turquoise\n      '#ff75ea' // pink\n    ]\n  }\n\n  updateWithGraphData(graphData: GraphData) {\n    this.nodes = graphData.results[0].data[0].graph.nodes\n    this.relationships = graphData.results[0].data[0].graph.relationships\n\n    this.relationships.forEach(rel => {\n      const sourceNode = this.nodes.find(node => node.id === rel.startNode)\n      const targetNode = this.nodes.find(node => node.id === rel.endNode)\n\n      if (!sourceNode || !targetNode) {\n        console.warn(`Node not found for relationship: ${rel.id}`)\n        return\n      }\n\n      rel.source = sourceNode\n      rel.target = targetNode\n    })\n\n    this.updateNodesAndRelationships()\n  }\n\n  private updateNodesAndRelationships() {\n    this.needZoomFit = true\n\n    this.svgNodes.selectAll('.node').remove()\n    this.svgRelationships.selectAll('.relationship').remove()\n    this.svgRelationships.selectAll('.relationship-text').remove()\n\n    this.appendNodesToGraph()\n    this.appendRelationshipsToGraph()\n\n    this.simulation.nodes(this.nodes)\n    ;(this.simulation.force('link') as d3.ForceLink<Node, Relationship>).links(this.relationships)\n\n    // 시뮬레이션을 강제로 재시작하여 레이아웃이 적절히 재정렬되도록 함\n    this.simulation.alpha(1).restart()\n  }\n\n  private appendNodesToGraph() {\n    const nodeEnter = this.svgNodes\n      .selectAll('.node')\n      .data(this.nodes, (d: any) => d.id)\n      .enter()\n      .append('g')\n      .attr('class', d => {\n        var highlight,\n          i,\n          classes = 'node',\n          label = d.labels[0]\n\n        if (d.icon) {\n          classes += ' node-icon'\n        }\n\n        return classes\n      })\n      .on('click', (event, d) => {\n        d.fx = d.fy = null\n\n        if (typeof this.options.onNodeClick === 'function') {\n          this.options.onNodeClick(d)\n        }\n      })\n      .on('dblclick', (event, d) => {\n        this.stickNode(event, d)\n\n        if (typeof this.options.onNodeDoubleClick === 'function') {\n          this.options.onNodeDoubleClick(d)\n        }\n      })\n      .on('mouseenter', (event, d) => {\n        event.target.dispatchEvent(\n          new CustomEvent('node-mouseenter', {\n            detail: d,\n            bubbles: true\n          })\n        )\n      })\n      .on('mouseleave', (event, d) => {\n        event.target.dispatchEvent(\n          new CustomEvent('node-mouseleave', {\n            detail: d,\n            bubbles: true\n          })\n        )\n      })\n      .call(\n        d3\n          .drag()\n          .on('start', this.dragStarted.bind(this))\n          .on('drag', this.dragged.bind(this))\n          .on('end', this.dragEnded.bind(this))\n      )\n\n    nodeEnter\n      .append('circle')\n      .attr('class', 'outline')\n      .attr('r', this.options.nodeRadius)\n      .style('fill', d => this.class2color(d.labels[0]))\n      .style('stroke', d => this.class2darkenColor(d.labels[0]))\n      .style('stroke-width', 2)\n\n    nodeEnter\n      .append('text')\n      .attr('class', 'text icon')\n      .attr('x', 0)\n      .attr('y', 0)\n      .attr('text-anchor', 'middle')\n      .attr('dominant-baseline', 'central')\n      .attr('font-family', 'Material Symbols Outlined')\n      .attr('font-size', '24px')\n      .attr('fill', '#000')\n      .text(d => this.getNodeIcon(d))\n\n    nodeEnter\n      .append('text')\n      .attr('dy', 40)\n      .attr('text-anchor', 'middle')\n      .text(d => d.properties.name || d.id)\n  }\n\n  stickNode(event: d3.event, d) {\n    d.fx = event.x\n    d.fy = event.y\n  }\n\n  private appendRelationshipsToGraph() {\n    const relationshipEnter = this.svgRelationships\n      .selectAll('.relationship')\n      .data(\n        this.relationships.filter(rel => rel.source && rel.target),\n        d => d.id\n      )\n      .enter()\n      .append('g')\n      .attr('class', 'relationship-group')\n\n    relationshipEnter\n      .append('line')\n      .attr('class', 'relationship')\n      .style('stroke', this.options.relationshipColor)\n      .style('stroke-width', 2)\n      .attr('marker-end', 'url(#arrow)')\n\n    relationshipEnter\n      .append('text')\n      .attr('class', 'relationship-text')\n      .attr('fill', '#000000')\n      .attr('font-size', '8px')\n      .attr('pointer-events', 'none')\n      .attr('text-anchor', 'middle')\n      .text(d => d.type)\n  }\n\n  private getNodeIcon(d: Node): string {\n    return d.icon || ''\n  }\n\n  private class2color(cls: string) {\n    if (!this.options.classes2colors[cls]) {\n      this.options.classes2colors[cls] = this.options.colors[this.options.numClasses % this.options.colors.length]\n      this.options.numClasses++\n    }\n    return this.options.classes2colors[cls]\n  }\n\n  private class2darkenColor(cls: string) {\n    return d3.rgb(this.class2color(cls)).darker(1)\n  }\n\n  private dragStarted(event: any, d: Node) {\n    if (!event.active) this.simulation.alphaTarget(0.3).restart()\n    d.fx = d.x\n    d.fy = d.y\n  }\n\n  private dragged(event: any, d: Node) {\n    d.fx = event.x\n    d.fy = event.y\n  }\n\n  private dragEnded(event: any, d: Node) {\n    if (!event.active) this.simulation.alphaTarget(0)\n    d.fx = null\n    d.fy = null\n  }\n\n  zoomFit() {\n    var bounds = this.svg.node().getBBox(),\n      parent = this.svg.node().parentElement.parentElement,\n      fullWidth = parent.clientWidth,\n      fullHeight = parent.clientHeight,\n      width = bounds.width,\n      height = bounds.height,\n      midX = bounds.x + width / 2,\n      midY = bounds.y + height / 2\n\n    if (width === 0 || height === 0) {\n      return // nothing to fit\n    }\n\n    this.svgScale = 0.85 / Math.max(width / fullWidth, height / fullHeight)\n    this.svgTranslate = [fullWidth / 2 - this.svgScale * midX, fullHeight / 2 - this.svgScale * midY]\n\n    this.svg.attr(\n      'transform',\n      'translate(' + this.svgTranslate[0] + ', ' + this.svgTranslate[1] + ') scale(' + this.svgScale + ')'\n    )\n  }\n\n  size() {\n    return {\n      nodes: this.nodes.length,\n      relationships: this.relationships.length\n    }\n  }\n}\n"]}

package/dist-client/analysis/node.d.ts

@@ -0,0 +1,4 @@
+import { Node } from './graph-data.js';
+import * as d3 from 'd3';
+export declare function appendNodeToGraph(svgNodes: d3.Selection<SVGGElement, unknown, HTMLElement, any>, // 타입 지정
+nodes: Node[], options: any): any;

package/dist-client/analysis/node.js

@@ -0,0 +1,59 @@
+import * as d3 from 'd3';
+import { class2color, class2darkenColor } from './utils.js';
+export function appendNodeToGraph(svgNodes, // 타입 지정
+nodes, options) {
+    const nodeEnter = svgNodes
+        .selectAll('.node')
+        .data(nodes, d => d.id)
+        .enter()
+        .append('g')
+        .attr('class', d => {
+        let classes = 'node';
+        if (d.icon)
+            classes += ' node-icon';
+        if (d.image)
+            classes += ' node-image';
+        if (options.highlight) {
+            options.highlight.forEach((highlight) => {
+                if (d.labels[0] === highlight.class && d.properties[highlight.property] === highlight.value) {
+                    classes += ' node-highlighted';
+                }
+            });
+        }
+        return classes;
+    })
+        .call(d3
+        .drag() // 제네릭 타입 지정
+        .on('start', (event, d) => dragStarted(event, d, options.simulation))
+        .on('drag', (event, d) => dragged(event, d))
+        .on('end', (event, d) => dragEnded(event, d, options.simulation)));
+    nodeEnter
+        .append('circle')
+        .attr('r', options.nodeRadius)
+        .style('fill', d => class2color(options.classes2colors, d.labels[0], options.colors, options.numClasses))
+        .style('stroke', d => class2darkenColor(class2color(options.classes2colors, d.labels[0], options.colors, options.numClasses)))
+        .style('stroke-width', 2);
+    nodeEnter
+        .append('text')
+        .attr('dy', 4)
+        .attr('text-anchor', 'middle')
+        .text(d => d.properties.name || d.id);
+    return nodeEnter;
+}
+function dragStarted(event, d, simulation) {
+    if (!event.active)
+        simulation.alphaTarget(0.3).restart();
+    d.fx = d.x;
+    d.fy = d.y;
+}
+function dragged(event, d) {
+    d.fx = event.x;
+    d.fy = event.y;
+}
+function dragEnded(event, d, simulation) {
+    if (!event.active)
+        simulation.alphaTarget(0);
+    d.fx = null;
+    d.fy = null;
+}
+//# sourceMappingURL=node.js.map

package/dist-client/analysis/node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sourceRoot":"","sources":["../../client/analysis/node.ts"],"names":[],"mappings":"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","sourcesContent":["import { Node } from './graph-data.js'\nimport * as d3 from 'd3'\nimport { class2color, class2darkenColor } from './utils.js'\n\nexport function appendNodeToGraph(\n  svgNodes: d3.Selection<SVGGElement, unknown, HTMLElement, any>, // 타입 지정\n  nodes: Node[],\n  options: any\n) {\n  const nodeEnter = svgNodes\n    .selectAll<SVGGElement, Node>('.node')\n    .data(nodes, d => d.id)\n    .enter()\n    .append('g')\n    .attr('class', d => {\n      let classes = 'node'\n      if (d.icon) classes += ' node-icon'\n      if (d.image) classes += ' node-image'\n      if (options.highlight) {\n        options.highlight.forEach((highlight: any) => {\n          if (d.labels[0] === highlight.class && d.properties[highlight.property] === highlight.value) {\n            classes += ' node-highlighted'\n          }\n        })\n      }\n      return classes\n    })\n    .call(\n      d3\n        .drag<SVGGElement, Node>() // 제네릭 타입 지정\n        .on('start', (event, d) => dragStarted(event, d, options.simulation))\n        .on('drag', (event, d) => dragged(event, d))\n        .on('end', (event, d) => dragEnded(event, d, options.simulation))\n    )\n\n  nodeEnter\n    .append('circle')\n    .attr('r', options.nodeRadius)\n    .style('fill', d => class2color(options.classes2colors, d.labels[0], options.colors, options.numClasses))\n    .style('stroke', d =>\n      class2darkenColor(class2color(options.classes2colors, d.labels[0], options.colors, options.numClasses))\n    )\n    .style('stroke-width', 2)\n\n  nodeEnter\n    .append('text')\n    .attr('dy', 4)\n    .attr('text-anchor', 'middle')\n    .text(d => d.properties.name || d.id)\n\n  return nodeEnter\n}\n\nfunction dragStarted(\n  event: d3.D3DragEvent<SVGGElement, Node, any>,\n  d: Node,\n  simulation: d3.Simulation<Node, undefined>\n) {\n  if (!event.active) simulation.alphaTarget(0.3).restart()\n  d.fx = d.x\n  d.fy = d.y\n}\n\nfunction dragged(event: d3.D3DragEvent<SVGGElement, Node, any>, d: Node) {\n  d.fx = event.x\n  d.fy = event.y\n}\n\nfunction dragEnded(event: d3.D3DragEvent<SVGGElement, Node, any>, d: Node, simulation: d3.Simulation<Node, undefined>) {\n  if (!event.active) simulation.alphaTarget(0)\n  d.fx = null\n  d.fy = null\n}\n"]}

package/dist-client/analysis/relationship.d.ts

@@ -0,0 +1,4 @@
+import { Relationship } from './graph-data.js';
+import * as d3 from 'd3';
+export declare function appendRelationshipToGraph(svgRelationships: d3.Selection<SVGGElement, unknown, HTMLElement, any>, // 타입 지정
+relationships: Relationship[], options: any): any;

package/dist-client/analysis/relationship.js

@@ -0,0 +1,13 @@
+export function appendRelationshipToGraph(svgRelationships, // 타입 지정
+relationships, options) {
+    const relationshipEnter = svgRelationships
+        .selectAll('.relationship')
+        .data(relationships, d => d.id)
+        .enter()
+        .append('line')
+        .attr('class', 'relationship')
+        .style('stroke', '#aaa')
+        .style('stroke-width', 2);
+    return relationshipEnter;
+}
+//# sourceMappingURL=relationship.js.map