@shumoku/core 0.1.1 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/constants.d.ts +23 -0
- package/dist/constants.d.ts.map +1 -0
- package/dist/constants.js +25 -0
- package/dist/constants.js.map +1 -0
- package/dist/icons/build-icons.js +3 -3
- package/dist/icons/build-icons.js.map +1 -1
- package/dist/icons/generated-icons.js +10 -10
- package/dist/icons/generated-icons.js.map +1 -1
- package/dist/index.d.ts +3 -3
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -6
- package/dist/index.js.map +1 -1
- package/dist/layout/hierarchical.d.ts +13 -40
- package/dist/layout/hierarchical.d.ts.map +1 -1
- package/dist/layout/hierarchical.js +726 -1028
- package/dist/layout/hierarchical.js.map +1 -1
- package/dist/layout/index.d.ts +1 -1
- package/dist/layout/index.d.ts.map +1 -1
- package/dist/layout/index.js.map +1 -1
- package/dist/models/types.d.ts +30 -0
- package/dist/models/types.d.ts.map +1 -1
- package/dist/models/types.js +13 -13
- package/dist/models/types.js.map +1 -1
- package/dist/themes/dark.d.ts.map +1 -1
- package/dist/themes/dark.js +1 -1
- package/dist/themes/dark.js.map +1 -1
- package/dist/themes/index.d.ts +3 -3
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/themes/index.js +4 -4
- package/dist/themes/index.js.map +1 -1
- package/dist/themes/modern.d.ts.map +1 -1
- package/dist/themes/modern.js.map +1 -1
- package/dist/themes/types.d.ts.map +1 -1
- package/dist/themes/utils.d.ts +1 -1
- package/dist/themes/utils.d.ts.map +1 -1
- package/dist/themes/utils.js +5 -4
- package/dist/themes/utils.js.map +1 -1
- package/package.json +88 -92
- package/src/constants.ts +35 -0
- package/src/icons/build-icons.ts +12 -6
- package/src/icons/generated-icons.ts +12 -12
- package/src/index.test.ts +66 -0
- package/src/index.ts +6 -10
- package/src/layout/hierarchical.ts +1251 -1543
- package/src/layout/index.ts +1 -1
- package/src/models/types.ts +84 -37
- package/src/themes/dark.ts +15 -15
- package/src/themes/index.ts +7 -7
- package/src/themes/modern.ts +22 -22
- package/src/themes/types.ts +26 -26
- package/src/themes/utils.ts +25 -24
- package/dist/renderer/components/index.d.ts +0 -8
- package/dist/renderer/components/index.d.ts.map +0 -1
- package/dist/renderer/components/index.js +0 -8
- package/dist/renderer/components/index.js.map +0 -1
- package/dist/renderer/components/link-renderer.d.ts +0 -11
- package/dist/renderer/components/link-renderer.d.ts.map +0 -1
- package/dist/renderer/components/link-renderer.js +0 -340
- package/dist/renderer/components/link-renderer.js.map +0 -1
- package/dist/renderer/components/node-renderer.d.ts +0 -14
- package/dist/renderer/components/node-renderer.d.ts.map +0 -1
- package/dist/renderer/components/node-renderer.js +0 -242
- package/dist/renderer/components/node-renderer.js.map +0 -1
- package/dist/renderer/components/port-renderer.d.ts +0 -8
- package/dist/renderer/components/port-renderer.d.ts.map +0 -1
- package/dist/renderer/components/port-renderer.js +0 -85
- package/dist/renderer/components/port-renderer.js.map +0 -1
- package/dist/renderer/components/subgraph-renderer.d.ts +0 -13
- package/dist/renderer/components/subgraph-renderer.d.ts.map +0 -1
- package/dist/renderer/components/subgraph-renderer.js +0 -85
- package/dist/renderer/components/subgraph-renderer.js.map +0 -1
- package/dist/renderer/icon-registry/index.d.ts +0 -6
- package/dist/renderer/icon-registry/index.d.ts.map +0 -1
- package/dist/renderer/icon-registry/index.js +0 -5
- package/dist/renderer/icon-registry/index.js.map +0 -1
- package/dist/renderer/icon-registry/registry.d.ts +0 -25
- package/dist/renderer/icon-registry/registry.d.ts.map +0 -1
- package/dist/renderer/icon-registry/registry.js +0 -85
- package/dist/renderer/icon-registry/registry.js.map +0 -1
- package/dist/renderer/icon-registry/types.d.ts +0 -44
- package/dist/renderer/icon-registry/types.d.ts.map +0 -1
- package/dist/renderer/icon-registry/types.js +0 -5
- package/dist/renderer/icon-registry/types.js.map +0 -1
- package/dist/renderer/index.d.ts +0 -6
- package/dist/renderer/index.d.ts.map +0 -1
- package/dist/renderer/index.js +0 -5
- package/dist/renderer/index.js.map +0 -1
- package/dist/renderer/render-model/builder.d.ts +0 -43
- package/dist/renderer/render-model/builder.d.ts.map +0 -1
- package/dist/renderer/render-model/builder.js +0 -646
- package/dist/renderer/render-model/builder.js.map +0 -1
- package/dist/renderer/render-model/index.d.ts +0 -6
- package/dist/renderer/render-model/index.d.ts.map +0 -1
- package/dist/renderer/render-model/index.js +0 -5
- package/dist/renderer/render-model/index.js.map +0 -1
- package/dist/renderer/render-model/types.d.ts +0 -216
- package/dist/renderer/render-model/types.d.ts.map +0 -1
- package/dist/renderer/render-model/types.js +0 -6
- package/dist/renderer/render-model/types.js.map +0 -1
- package/dist/renderer/renderer-types.d.ts +0 -55
- package/dist/renderer/renderer-types.d.ts.map +0 -1
- package/dist/renderer/renderer-types.js +0 -5
- package/dist/renderer/renderer-types.js.map +0 -1
- package/dist/renderer/svg-builder.d.ts +0 -152
- package/dist/renderer/svg-builder.d.ts.map +0 -1
- package/dist/renderer/svg-builder.js +0 -176
- package/dist/renderer/svg-builder.js.map +0 -1
- package/dist/renderer/svg-dom/builders/defs.d.ts +0 -10
- package/dist/renderer/svg-dom/builders/defs.d.ts.map +0 -1
- package/dist/renderer/svg-dom/builders/defs.js +0 -82
- package/dist/renderer/svg-dom/builders/defs.js.map +0 -1
- package/dist/renderer/svg-dom/builders/index.d.ts +0 -9
- package/dist/renderer/svg-dom/builders/index.d.ts.map +0 -1
- package/dist/renderer/svg-dom/builders/index.js +0 -9
- package/dist/renderer/svg-dom/builders/index.js.map +0 -1
- package/dist/renderer/svg-dom/builders/link.d.ts +0 -18
- package/dist/renderer/svg-dom/builders/link.d.ts.map +0 -1
- package/dist/renderer/svg-dom/builders/link.js +0 -188
- package/dist/renderer/svg-dom/builders/link.js.map +0 -1
- package/dist/renderer/svg-dom/builders/node.d.ts +0 -15
- package/dist/renderer/svg-dom/builders/node.d.ts.map +0 -1
- package/dist/renderer/svg-dom/builders/node.js +0 -262
- package/dist/renderer/svg-dom/builders/node.js.map +0 -1
- package/dist/renderer/svg-dom/builders/subgraph.d.ts +0 -14
- package/dist/renderer/svg-dom/builders/subgraph.d.ts.map +0 -1
- package/dist/renderer/svg-dom/builders/subgraph.js +0 -63
- package/dist/renderer/svg-dom/builders/subgraph.js.map +0 -1
- package/dist/renderer/svg-dom/builders/utils.d.ts +0 -40
- package/dist/renderer/svg-dom/builders/utils.d.ts.map +0 -1
- package/dist/renderer/svg-dom/builders/utils.js +0 -79
- package/dist/renderer/svg-dom/builders/utils.js.map +0 -1
- package/dist/renderer/svg-dom/index.d.ts +0 -9
- package/dist/renderer/svg-dom/index.d.ts.map +0 -1
- package/dist/renderer/svg-dom/index.js +0 -7
- package/dist/renderer/svg-dom/index.js.map +0 -1
- package/dist/renderer/svg-dom/interaction.d.ts +0 -69
- package/dist/renderer/svg-dom/interaction.d.ts.map +0 -1
- package/dist/renderer/svg-dom/interaction.js +0 -296
- package/dist/renderer/svg-dom/interaction.js.map +0 -1
- package/dist/renderer/svg-dom/renderer.d.ts +0 -47
- package/dist/renderer/svg-dom/renderer.d.ts.map +0 -1
- package/dist/renderer/svg-dom/renderer.js +0 -188
- package/dist/renderer/svg-dom/renderer.js.map +0 -1
- package/dist/renderer/svg-string/builders/defs.d.ts +0 -10
- package/dist/renderer/svg-string/builders/defs.d.ts.map +0 -1
- package/dist/renderer/svg-string/builders/defs.js +0 -43
- package/dist/renderer/svg-string/builders/defs.js.map +0 -1
- package/dist/renderer/svg-string/builders/link.d.ts +0 -10
- package/dist/renderer/svg-string/builders/link.d.ts.map +0 -1
- package/dist/renderer/svg-string/builders/link.js +0 -149
- package/dist/renderer/svg-string/builders/link.js.map +0 -1
- package/dist/renderer/svg-string/builders/node.d.ts +0 -10
- package/dist/renderer/svg-string/builders/node.d.ts.map +0 -1
- package/dist/renderer/svg-string/builders/node.js +0 -134
- package/dist/renderer/svg-string/builders/node.js.map +0 -1
- package/dist/renderer/svg-string/builders/subgraph.d.ts +0 -10
- package/dist/renderer/svg-string/builders/subgraph.d.ts.map +0 -1
- package/dist/renderer/svg-string/builders/subgraph.js +0 -59
- package/dist/renderer/svg-string/builders/subgraph.js.map +0 -1
- package/dist/renderer/svg-string/index.d.ts +0 -5
- package/dist/renderer/svg-string/index.d.ts.map +0 -1
- package/dist/renderer/svg-string/index.js +0 -5
- package/dist/renderer/svg-string/index.js.map +0 -1
- package/dist/renderer/svg-string/renderer.d.ts +0 -17
- package/dist/renderer/svg-string/renderer.d.ts.map +0 -1
- package/dist/renderer/svg-string/renderer.js +0 -53
- package/dist/renderer/svg-string/renderer.js.map +0 -1
- package/dist/renderer/svg.d.ts +0 -105
- package/dist/renderer/svg.d.ts.map +0 -1
- package/dist/renderer/svg.js +0 -804
- package/dist/renderer/svg.js.map +0 -1
- package/dist/renderer/text-measurer/browser-measurer.d.ts +0 -25
- package/dist/renderer/text-measurer/browser-measurer.d.ts.map +0 -1
- package/dist/renderer/text-measurer/browser-measurer.js +0 -85
- package/dist/renderer/text-measurer/browser-measurer.js.map +0 -1
- package/dist/renderer/text-measurer/fallback-measurer.d.ts +0 -22
- package/dist/renderer/text-measurer/fallback-measurer.d.ts.map +0 -1
- package/dist/renderer/text-measurer/fallback-measurer.js +0 -113
- package/dist/renderer/text-measurer/fallback-measurer.js.map +0 -1
- package/dist/renderer/text-measurer/index.d.ts +0 -13
- package/dist/renderer/text-measurer/index.d.ts.map +0 -1
- package/dist/renderer/text-measurer/index.js +0 -35
- package/dist/renderer/text-measurer/index.js.map +0 -1
- package/dist/renderer/text-measurer/types.d.ts +0 -30
- package/dist/renderer/text-measurer/types.d.ts.map +0 -1
- package/dist/renderer/text-measurer/types.js +0 -5
- package/dist/renderer/text-measurer/types.js.map +0 -1
- package/dist/renderer/theme.d.ts +0 -29
- package/dist/renderer/theme.d.ts.map +0 -1
- package/dist/renderer/theme.js +0 -80
- package/dist/renderer/theme.js.map +0 -1
- package/src/renderer/index.ts +0 -6
- package/src/renderer/svg.ts +0 -997
|
@@ -1,262 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SVG DOM Node Builder
|
|
3
|
-
* Creates SVG group element for a node
|
|
4
|
-
*/
|
|
5
|
-
import { createElement, createText, createUse, applyStyle, SVG_NS } from './utils.js';
|
|
6
|
-
/**
|
|
7
|
-
* Build node group element
|
|
8
|
-
* Uses absolute coordinates (no transform) to match svg-string renderer
|
|
9
|
-
*/
|
|
10
|
-
export function buildNode(node) {
|
|
11
|
-
const group = createElement('g');
|
|
12
|
-
group.setAttribute('class', node.classes.join(' '));
|
|
13
|
-
group.setAttribute('data-node-id', node.id);
|
|
14
|
-
// Store position for dragging (but don't use transform)
|
|
15
|
-
group.setAttribute('data-x', String(node.position.x));
|
|
16
|
-
group.setAttribute('data-y', String(node.position.y));
|
|
17
|
-
// Data attributes
|
|
18
|
-
for (const [key, value] of Object.entries(node.dataAttributes)) {
|
|
19
|
-
group.setAttribute(key, value);
|
|
20
|
-
}
|
|
21
|
-
// Shape (centered at position)
|
|
22
|
-
const shape = buildShapeAtPosition(node);
|
|
23
|
-
group.appendChild(shape);
|
|
24
|
-
// Icon
|
|
25
|
-
if (node.iconRef && node.iconPosition && node.iconSize) {
|
|
26
|
-
const icon = createUse(node.iconRef, node.iconPosition.x, node.iconPosition.y, node.iconSize.width, node.iconSize.height, 'node-icon');
|
|
27
|
-
group.appendChild(icon);
|
|
28
|
-
}
|
|
29
|
-
// Labels
|
|
30
|
-
for (const label of node.labels) {
|
|
31
|
-
group.appendChild(buildLabel(label));
|
|
32
|
-
}
|
|
33
|
-
// Ports
|
|
34
|
-
for (const port of node.ports) {
|
|
35
|
-
group.appendChild(buildPort(port));
|
|
36
|
-
}
|
|
37
|
-
return group;
|
|
38
|
-
}
|
|
39
|
-
/**
|
|
40
|
-
* Build node shape at absolute position (centered)
|
|
41
|
-
*/
|
|
42
|
-
function buildShapeAtPosition(node) {
|
|
43
|
-
const { position, size, shape, style } = node;
|
|
44
|
-
const x = position.x;
|
|
45
|
-
const y = position.y;
|
|
46
|
-
const w = size.width;
|
|
47
|
-
const h = size.height;
|
|
48
|
-
const halfW = w / 2;
|
|
49
|
-
const halfH = h / 2;
|
|
50
|
-
let el;
|
|
51
|
-
switch (shape) {
|
|
52
|
-
case 'circle': {
|
|
53
|
-
const r = Math.min(halfW, halfH);
|
|
54
|
-
el = createElement('circle', {
|
|
55
|
-
cx: x,
|
|
56
|
-
cy: y,
|
|
57
|
-
r,
|
|
58
|
-
});
|
|
59
|
-
break;
|
|
60
|
-
}
|
|
61
|
-
case 'diamond': {
|
|
62
|
-
const points = `${x},${y - halfH} ${x + halfW},${y} ${x},${y + halfH} ${x - halfW},${y}`;
|
|
63
|
-
el = createElement('polygon', { points });
|
|
64
|
-
break;
|
|
65
|
-
}
|
|
66
|
-
case 'hexagon': {
|
|
67
|
-
const hx = halfW * 0.866;
|
|
68
|
-
const points = `${x - halfW},${y} ${x - hx},${y - halfH} ${x + hx},${y - halfH} ${x + halfW},${y} ${x + hx},${y + halfH} ${x - hx},${y + halfH}`;
|
|
69
|
-
el = createElement('polygon', { points });
|
|
70
|
-
break;
|
|
71
|
-
}
|
|
72
|
-
case 'stadium': {
|
|
73
|
-
el = createElement('rect', {
|
|
74
|
-
x: x - halfW,
|
|
75
|
-
y: y - halfH,
|
|
76
|
-
width: w,
|
|
77
|
-
height: h,
|
|
78
|
-
rx: halfH,
|
|
79
|
-
ry: halfH,
|
|
80
|
-
});
|
|
81
|
-
break;
|
|
82
|
-
}
|
|
83
|
-
case 'cylinder': {
|
|
84
|
-
const ellipseH = h * 0.15;
|
|
85
|
-
const group = createElement('g');
|
|
86
|
-
// Bottom ellipse
|
|
87
|
-
const bottomEllipse = createElement('ellipse', {
|
|
88
|
-
cx: x,
|
|
89
|
-
cy: y + halfH - ellipseH,
|
|
90
|
-
rx: halfW,
|
|
91
|
-
ry: ellipseH,
|
|
92
|
-
});
|
|
93
|
-
applyStyle(bottomEllipse, style);
|
|
94
|
-
group.appendChild(bottomEllipse);
|
|
95
|
-
// Body
|
|
96
|
-
const body = createElement('rect', {
|
|
97
|
-
x: x - halfW,
|
|
98
|
-
y: y - halfH + ellipseH,
|
|
99
|
-
width: w,
|
|
100
|
-
height: h - ellipseH * 2,
|
|
101
|
-
});
|
|
102
|
-
body.setAttribute('fill', style.fill || '');
|
|
103
|
-
group.appendChild(body);
|
|
104
|
-
// Side lines
|
|
105
|
-
const leftLine = createElement('line');
|
|
106
|
-
leftLine.setAttribute('x1', String(x - halfW));
|
|
107
|
-
leftLine.setAttribute('y1', String(y - halfH + ellipseH));
|
|
108
|
-
leftLine.setAttribute('x2', String(x - halfW));
|
|
109
|
-
leftLine.setAttribute('y2', String(y + halfH - ellipseH));
|
|
110
|
-
leftLine.setAttribute('stroke', style.stroke || '');
|
|
111
|
-
leftLine.setAttribute('stroke-width', String(style.strokeWidth || 1));
|
|
112
|
-
group.appendChild(leftLine);
|
|
113
|
-
const rightLine = createElement('line');
|
|
114
|
-
rightLine.setAttribute('x1', String(x + halfW));
|
|
115
|
-
rightLine.setAttribute('y1', String(y - halfH + ellipseH));
|
|
116
|
-
rightLine.setAttribute('x2', String(x + halfW));
|
|
117
|
-
rightLine.setAttribute('y2', String(y + halfH - ellipseH));
|
|
118
|
-
rightLine.setAttribute('stroke', style.stroke || '');
|
|
119
|
-
rightLine.setAttribute('stroke-width', String(style.strokeWidth || 1));
|
|
120
|
-
group.appendChild(rightLine);
|
|
121
|
-
// Top ellipse
|
|
122
|
-
const topEllipse = createElement('ellipse', {
|
|
123
|
-
cx: x,
|
|
124
|
-
cy: y - halfH + ellipseH,
|
|
125
|
-
rx: halfW,
|
|
126
|
-
ry: ellipseH,
|
|
127
|
-
});
|
|
128
|
-
applyStyle(topEllipse, style);
|
|
129
|
-
group.appendChild(topEllipse);
|
|
130
|
-
group.setAttribute('class', 'node-shape');
|
|
131
|
-
return group;
|
|
132
|
-
}
|
|
133
|
-
case 'trapezoid': {
|
|
134
|
-
const indent = w * 0.15;
|
|
135
|
-
const points = `${x - halfW + indent},${y - halfH} ${x + halfW - indent},${y - halfH} ${x + halfW},${y + halfH} ${x - halfW},${y + halfH}`;
|
|
136
|
-
el = createElement('polygon', { points });
|
|
137
|
-
break;
|
|
138
|
-
}
|
|
139
|
-
case 'rounded':
|
|
140
|
-
el = createElement('rect', {
|
|
141
|
-
x: x - halfW,
|
|
142
|
-
y: y - halfH,
|
|
143
|
-
width: w,
|
|
144
|
-
height: h,
|
|
145
|
-
rx: 8,
|
|
146
|
-
ry: 8,
|
|
147
|
-
});
|
|
148
|
-
break;
|
|
149
|
-
case 'rect':
|
|
150
|
-
default: {
|
|
151
|
-
el = createElement('rect', {
|
|
152
|
-
x: x - halfW,
|
|
153
|
-
y: y - halfH,
|
|
154
|
-
width: w,
|
|
155
|
-
height: h,
|
|
156
|
-
rx: 4,
|
|
157
|
-
ry: 4,
|
|
158
|
-
});
|
|
159
|
-
}
|
|
160
|
-
}
|
|
161
|
-
applyStyle(el, style);
|
|
162
|
-
el.setAttribute('class', 'node-shape');
|
|
163
|
-
return el;
|
|
164
|
-
}
|
|
165
|
-
/**
|
|
166
|
-
* Build label
|
|
167
|
-
*/
|
|
168
|
-
function buildLabel(label) {
|
|
169
|
-
// If has background, wrap in group
|
|
170
|
-
if (label.background) {
|
|
171
|
-
const group = document.createElementNS(SVG_NS, 'g');
|
|
172
|
-
const bg = createElement('rect', {
|
|
173
|
-
x: label.background.bounds.x,
|
|
174
|
-
y: label.background.bounds.y,
|
|
175
|
-
width: label.background.bounds.width,
|
|
176
|
-
height: label.background.bounds.height,
|
|
177
|
-
rx: label.background.cornerRadius,
|
|
178
|
-
ry: label.background.cornerRadius,
|
|
179
|
-
});
|
|
180
|
-
applyStyle(bg, label.background.style);
|
|
181
|
-
group.appendChild(bg);
|
|
182
|
-
const text = createText(label.text, label.position.x, label.position.y, {
|
|
183
|
-
className: 'node-label',
|
|
184
|
-
fontFamily: label.textStyle.fontFamily,
|
|
185
|
-
fontSize: label.textStyle.fontSize,
|
|
186
|
-
fontWeight: label.textStyle.fontWeight,
|
|
187
|
-
fill: label.textStyle.fill,
|
|
188
|
-
textAnchor: label.textStyle.textAnchor,
|
|
189
|
-
dominantBaseline: label.textStyle.dominantBaseline,
|
|
190
|
-
});
|
|
191
|
-
group.appendChild(text);
|
|
192
|
-
return group;
|
|
193
|
-
}
|
|
194
|
-
return createText(label.text, label.position.x, label.position.y, {
|
|
195
|
-
className: 'node-label',
|
|
196
|
-
fontFamily: label.textStyle.fontFamily,
|
|
197
|
-
fontSize: label.textStyle.fontSize,
|
|
198
|
-
fontWeight: label.textStyle.fontWeight,
|
|
199
|
-
fill: label.textStyle.fill,
|
|
200
|
-
textAnchor: label.textStyle.textAnchor,
|
|
201
|
-
dominantBaseline: label.textStyle.dominantBaseline,
|
|
202
|
-
});
|
|
203
|
-
}
|
|
204
|
-
/**
|
|
205
|
-
* Build port indicator (uses absolute position)
|
|
206
|
-
*/
|
|
207
|
-
function buildPort(port) {
|
|
208
|
-
const group = createElement('g');
|
|
209
|
-
group.setAttribute('class', 'port');
|
|
210
|
-
group.setAttribute('data-port-id', port.id);
|
|
211
|
-
// Port box (centered at absolute position)
|
|
212
|
-
const x = port.absolutePosition.x - port.size.width / 2;
|
|
213
|
-
const y = port.absolutePosition.y - port.size.height / 2;
|
|
214
|
-
const rect = createElement('rect', {
|
|
215
|
-
x,
|
|
216
|
-
y,
|
|
217
|
-
width: port.size.width,
|
|
218
|
-
height: port.size.height,
|
|
219
|
-
rx: 2,
|
|
220
|
-
});
|
|
221
|
-
applyStyle(rect, port.style);
|
|
222
|
-
group.appendChild(rect);
|
|
223
|
-
// Port label background
|
|
224
|
-
if (port.label.background) {
|
|
225
|
-
const bg = port.label.background;
|
|
226
|
-
const bgRect = createElement('rect', {
|
|
227
|
-
x: bg.bounds.x,
|
|
228
|
-
y: bg.bounds.y,
|
|
229
|
-
width: bg.bounds.width,
|
|
230
|
-
height: bg.bounds.height,
|
|
231
|
-
rx: bg.cornerRadius,
|
|
232
|
-
});
|
|
233
|
-
applyStyle(bgRect, bg.style);
|
|
234
|
-
group.appendChild(bgRect);
|
|
235
|
-
}
|
|
236
|
-
// Port label text
|
|
237
|
-
if (port.label.text) {
|
|
238
|
-
const text = createText(port.label.text, port.label.position.x, port.label.position.y, {
|
|
239
|
-
className: 'port-label',
|
|
240
|
-
fontFamily: port.label.textStyle.fontFamily,
|
|
241
|
-
fontSize: port.label.textStyle.fontSize,
|
|
242
|
-
fill: port.label.textStyle.fill,
|
|
243
|
-
textAnchor: port.label.textStyle.textAnchor,
|
|
244
|
-
});
|
|
245
|
-
group.appendChild(text);
|
|
246
|
-
}
|
|
247
|
-
return group;
|
|
248
|
-
}
|
|
249
|
-
/**
|
|
250
|
-
* Update existing node element with new data
|
|
251
|
-
*/
|
|
252
|
-
export function updateNode(element, node) {
|
|
253
|
-
element.setAttribute('transform', `translate(${node.position.x}, ${node.position.y})`);
|
|
254
|
-
// Update style on shape
|
|
255
|
-
const shape = element.querySelector('.node-shape');
|
|
256
|
-
if (shape) {
|
|
257
|
-
applyStyle(shape, node.style);
|
|
258
|
-
}
|
|
259
|
-
// Mark as not dirty
|
|
260
|
-
node.dirty = false;
|
|
261
|
-
}
|
|
262
|
-
//# sourceMappingURL=node.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"node.js","sourceRoot":"","sources":["../../../../src/renderer/svg-dom/builders/node.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SVG DOM Subgraph Builder
|
|
3
|
-
* Creates SVG group element for a subgraph
|
|
4
|
-
*/
|
|
5
|
-
import type { RenderSubgraph } from '../../render-model/types.js';
|
|
6
|
-
/**
|
|
7
|
-
* Build subgraph group element
|
|
8
|
-
*/
|
|
9
|
-
export declare function buildSubgraph(subgraph: RenderSubgraph): SVGGElement;
|
|
10
|
-
/**
|
|
11
|
-
* Update existing subgraph element
|
|
12
|
-
*/
|
|
13
|
-
export declare function updateSubgraph(element: SVGGElement, subgraph: RenderSubgraph): void;
|
|
14
|
-
//# sourceMappingURL=subgraph.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"subgraph.d.ts","sourceRoot":"","sources":["../../../../src/renderer/svg-dom/builders/subgraph.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAGjE;;GAEG;AACH,wBAAgB,aAAa,CAAC,QAAQ,EAAE,cAAc,GAAG,WAAW,CAiDnE;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,GAAG,IAAI,CAanF"}
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SVG DOM Subgraph Builder
|
|
3
|
-
* Creates SVG group element for a subgraph
|
|
4
|
-
*/
|
|
5
|
-
import { createElement, createText, createUse, applyStyle } from './utils.js';
|
|
6
|
-
/**
|
|
7
|
-
* Build subgraph group element
|
|
8
|
-
*/
|
|
9
|
-
export function buildSubgraph(subgraph) {
|
|
10
|
-
const group = createElement('g');
|
|
11
|
-
group.setAttribute('class', subgraph.classes.join(' '));
|
|
12
|
-
group.setAttribute('data-subgraph-id', subgraph.id);
|
|
13
|
-
// Data attributes
|
|
14
|
-
for (const [key, value] of Object.entries(subgraph.dataAttributes)) {
|
|
15
|
-
group.setAttribute(key, value);
|
|
16
|
-
}
|
|
17
|
-
// Background rect
|
|
18
|
-
const rect = createElement('rect', {
|
|
19
|
-
x: subgraph.bounds.x,
|
|
20
|
-
y: subgraph.bounds.y,
|
|
21
|
-
width: subgraph.bounds.width,
|
|
22
|
-
height: subgraph.bounds.height,
|
|
23
|
-
rx: subgraph.cornerRadius,
|
|
24
|
-
ry: subgraph.cornerRadius,
|
|
25
|
-
});
|
|
26
|
-
applyStyle(rect, subgraph.style);
|
|
27
|
-
rect.setAttribute('class', 'subgraph-bg');
|
|
28
|
-
group.appendChild(rect);
|
|
29
|
-
// Icon
|
|
30
|
-
if (subgraph.iconRef && subgraph.iconPosition && subgraph.iconSize) {
|
|
31
|
-
const icon = createUse(subgraph.iconRef, subgraph.iconPosition.x, subgraph.iconPosition.y, subgraph.iconSize.width, subgraph.iconSize.height, 'subgraph-icon');
|
|
32
|
-
group.appendChild(icon);
|
|
33
|
-
}
|
|
34
|
-
// Label
|
|
35
|
-
const { label } = subgraph;
|
|
36
|
-
const text = createText(label.text, label.position.x, label.position.y, {
|
|
37
|
-
className: 'subgraph-label',
|
|
38
|
-
fontFamily: label.textStyle.fontFamily,
|
|
39
|
-
fontSize: label.textStyle.fontSize,
|
|
40
|
-
fontWeight: label.textStyle.fontWeight,
|
|
41
|
-
fill: label.textStyle.fill,
|
|
42
|
-
textAnchor: label.textStyle.textAnchor,
|
|
43
|
-
});
|
|
44
|
-
group.appendChild(text);
|
|
45
|
-
return group;
|
|
46
|
-
}
|
|
47
|
-
/**
|
|
48
|
-
* Update existing subgraph element
|
|
49
|
-
*/
|
|
50
|
-
export function updateSubgraph(element, subgraph) {
|
|
51
|
-
// Update background rect
|
|
52
|
-
const rect = element.querySelector('.subgraph-bg');
|
|
53
|
-
if (rect) {
|
|
54
|
-
rect.setAttribute('x', String(subgraph.bounds.x));
|
|
55
|
-
rect.setAttribute('y', String(subgraph.bounds.y));
|
|
56
|
-
rect.setAttribute('width', String(subgraph.bounds.width));
|
|
57
|
-
rect.setAttribute('height', String(subgraph.bounds.height));
|
|
58
|
-
applyStyle(rect, subgraph.style);
|
|
59
|
-
}
|
|
60
|
-
// Mark as not dirty
|
|
61
|
-
subgraph.dirty = false;
|
|
62
|
-
}
|
|
63
|
-
//# sourceMappingURL=subgraph.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"subgraph.js","sourceRoot":"","sources":["../../../../src/renderer/svg-dom/builders/subgraph.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SVG DOM Builder Utilities
|
|
3
|
-
*/
|
|
4
|
-
export declare const SVG_NS = "http://www.w3.org/2000/svg";
|
|
5
|
-
/**
|
|
6
|
-
* Create SVG element with attributes
|
|
7
|
-
*/
|
|
8
|
-
export declare function createElement<K extends keyof SVGElementTagNameMap>(tagName: K, attributes?: Record<string, string | number | undefined>): SVGElementTagNameMap[K];
|
|
9
|
-
/**
|
|
10
|
-
* Create text element
|
|
11
|
-
*/
|
|
12
|
-
export declare function createText(text: string, x: number, y: number, options?: {
|
|
13
|
-
className?: string;
|
|
14
|
-
fontFamily?: string;
|
|
15
|
-
fontSize?: number;
|
|
16
|
-
fontWeight?: string;
|
|
17
|
-
fill?: string;
|
|
18
|
-
textAnchor?: string;
|
|
19
|
-
dominantBaseline?: string;
|
|
20
|
-
}): SVGTextElement;
|
|
21
|
-
/**
|
|
22
|
-
* Create use element for icon reference
|
|
23
|
-
*/
|
|
24
|
-
export declare function createUse(href: string, x: number, y: number, width: number, height: number, className?: string): SVGUseElement;
|
|
25
|
-
/**
|
|
26
|
-
* Apply visual style to element
|
|
27
|
-
*/
|
|
28
|
-
export declare function applyStyle(el: SVGElement, style: {
|
|
29
|
-
fill?: string;
|
|
30
|
-
stroke?: string;
|
|
31
|
-
strokeWidth?: number;
|
|
32
|
-
strokeDasharray?: string;
|
|
33
|
-
opacity?: number;
|
|
34
|
-
filter?: string;
|
|
35
|
-
}): void;
|
|
36
|
-
/**
|
|
37
|
-
* Escape text for safe display
|
|
38
|
-
*/
|
|
39
|
-
export declare function escapeText(text: string): string;
|
|
40
|
-
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/renderer/svg-dom/builders/utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,MAAM,+BAA+B,CAAA;AAElD;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,MAAM,oBAAoB,EAChE,OAAO,EAAE,CAAC,EACV,UAAU,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAM,GAC3D,oBAAoB,CAAC,CAAC,CAAC,CAQzB;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,MAAM,EACZ,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,OAAO,GAAE;IACP,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CACrB,GACL,cAAc,CAkBhB;AAED;;GAEG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE,MAAM,EACZ,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,SAAS,CAAC,EAAE,MAAM,GACjB,aAAa,CAYf;AAED;;GAEG;AACH,wBAAgB,UAAU,CACxB,EAAE,EAAE,UAAU,EACd,KAAK,EAAE;IACL,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,GACA,IAAI,CAON;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAK/C"}
|
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SVG DOM Builder Utilities
|
|
3
|
-
*/
|
|
4
|
-
export const SVG_NS = 'http://www.w3.org/2000/svg';
|
|
5
|
-
/**
|
|
6
|
-
* Create SVG element with attributes
|
|
7
|
-
*/
|
|
8
|
-
export function createElement(tagName, attributes = {}) {
|
|
9
|
-
const el = document.createElementNS(SVG_NS, tagName);
|
|
10
|
-
for (const [key, value] of Object.entries(attributes)) {
|
|
11
|
-
if (value !== undefined) {
|
|
12
|
-
el.setAttribute(key, String(value));
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
return el;
|
|
16
|
-
}
|
|
17
|
-
/**
|
|
18
|
-
* Create text element
|
|
19
|
-
*/
|
|
20
|
-
export function createText(text, x, y, options = {}) {
|
|
21
|
-
const textEl = createElement('text', {
|
|
22
|
-
x,
|
|
23
|
-
y,
|
|
24
|
-
'text-anchor': options.textAnchor,
|
|
25
|
-
'dominant-baseline': options.dominantBaseline,
|
|
26
|
-
'font-family': options.fontFamily,
|
|
27
|
-
'font-size': options.fontSize,
|
|
28
|
-
'font-weight': options.fontWeight,
|
|
29
|
-
fill: options.fill,
|
|
30
|
-
});
|
|
31
|
-
if (options.className) {
|
|
32
|
-
textEl.setAttribute('class', options.className);
|
|
33
|
-
}
|
|
34
|
-
textEl.textContent = text;
|
|
35
|
-
return textEl;
|
|
36
|
-
}
|
|
37
|
-
/**
|
|
38
|
-
* Create use element for icon reference
|
|
39
|
-
*/
|
|
40
|
-
export function createUse(href, x, y, width, height, className) {
|
|
41
|
-
const use = createElement('use', {
|
|
42
|
-
href: `#${href}`,
|
|
43
|
-
x,
|
|
44
|
-
y,
|
|
45
|
-
width,
|
|
46
|
-
height,
|
|
47
|
-
});
|
|
48
|
-
if (className) {
|
|
49
|
-
use.setAttribute('class', className);
|
|
50
|
-
}
|
|
51
|
-
return use;
|
|
52
|
-
}
|
|
53
|
-
/**
|
|
54
|
-
* Apply visual style to element
|
|
55
|
-
*/
|
|
56
|
-
export function applyStyle(el, style) {
|
|
57
|
-
if (style.fill)
|
|
58
|
-
el.setAttribute('fill', style.fill);
|
|
59
|
-
if (style.stroke)
|
|
60
|
-
el.setAttribute('stroke', style.stroke);
|
|
61
|
-
if (style.strokeWidth)
|
|
62
|
-
el.setAttribute('stroke-width', String(style.strokeWidth));
|
|
63
|
-
if (style.strokeDasharray)
|
|
64
|
-
el.setAttribute('stroke-dasharray', style.strokeDasharray);
|
|
65
|
-
if (style.opacity !== undefined)
|
|
66
|
-
el.setAttribute('opacity', String(style.opacity));
|
|
67
|
-
if (style.filter)
|
|
68
|
-
el.setAttribute('filter', style.filter);
|
|
69
|
-
}
|
|
70
|
-
/**
|
|
71
|
-
* Escape text for safe display
|
|
72
|
-
*/
|
|
73
|
-
export function escapeText(text) {
|
|
74
|
-
return text
|
|
75
|
-
.replace(/&/g, '&')
|
|
76
|
-
.replace(/</g, '<')
|
|
77
|
-
.replace(/>/g, '>');
|
|
78
|
-
}
|
|
79
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/renderer/svg-dom/builders/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SVG DOM Renderer Module
|
|
3
|
-
* Interactive SVG rendering with pan, zoom, and drag
|
|
4
|
-
*/
|
|
5
|
-
export { SVGDOMRenderer, createSVGDOMRenderer } from './renderer.js';
|
|
6
|
-
export type { SVGDOMRendererOptions } from './renderer.js';
|
|
7
|
-
export { InteractionController } from './interaction.js';
|
|
8
|
-
export type { InteractionOptions } from './interaction.js';
|
|
9
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/renderer/svg-dom/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AACpE,YAAY,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/renderer/svg-dom/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAGpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA"}
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* SVG DOM Interaction Controller
|
|
3
|
-
* Handles pan, zoom, and drag interactions
|
|
4
|
-
*/
|
|
5
|
-
import type { ViewportState, RenderEvents, RenderNode, RenderLink } from '../render-model/types.js';
|
|
6
|
-
export interface InteractionOptions {
|
|
7
|
-
/** Enable panning */
|
|
8
|
-
enablePan?: boolean;
|
|
9
|
-
/** Enable zooming */
|
|
10
|
-
enableZoom?: boolean;
|
|
11
|
-
/** Enable node dragging */
|
|
12
|
-
enableNodeDrag?: boolean;
|
|
13
|
-
/** Minimum zoom scale */
|
|
14
|
-
minScale?: number;
|
|
15
|
-
/** Maximum zoom scale */
|
|
16
|
-
maxScale?: number;
|
|
17
|
-
/** Zoom sensitivity (higher = faster) */
|
|
18
|
-
zoomSensitivity?: number;
|
|
19
|
-
}
|
|
20
|
-
export declare class InteractionController {
|
|
21
|
-
private svg;
|
|
22
|
-
private contentGroup;
|
|
23
|
-
private options;
|
|
24
|
-
private events;
|
|
25
|
-
private viewport;
|
|
26
|
-
private isPanning;
|
|
27
|
-
private isDragging;
|
|
28
|
-
private draggedNodeId;
|
|
29
|
-
private lastPointer;
|
|
30
|
-
private boundHandlers;
|
|
31
|
-
private nodeElements;
|
|
32
|
-
private linkElements;
|
|
33
|
-
private nodeDataMap;
|
|
34
|
-
private linkDataMap;
|
|
35
|
-
constructor(svg: SVGSVGElement, contentGroup: SVGGElement, options?: InteractionOptions);
|
|
36
|
-
attach(): void;
|
|
37
|
-
detach(): void;
|
|
38
|
-
setEvents(events: RenderEvents): void;
|
|
39
|
-
setViewport(viewport: ViewportState): void;
|
|
40
|
-
getViewport(): ViewportState;
|
|
41
|
-
resetViewport(): void;
|
|
42
|
-
registerNode(id: string, element: SVGGElement, data: RenderNode): void;
|
|
43
|
-
registerLink(id: string, element: SVGGElement, data: RenderLink): void;
|
|
44
|
-
unregisterNode(id: string): void;
|
|
45
|
-
unregisterLink(id: string): void;
|
|
46
|
-
getNodeElement(nodeId: string): SVGGElement | null;
|
|
47
|
-
getLinkElement(linkId: string): SVGGElement | null;
|
|
48
|
-
clear(): void;
|
|
49
|
-
private applyViewport;
|
|
50
|
-
fitToContent(bounds: {
|
|
51
|
-
x: number;
|
|
52
|
-
y: number;
|
|
53
|
-
width: number;
|
|
54
|
-
height: number;
|
|
55
|
-
}, padding?: number): void;
|
|
56
|
-
private handleWheel;
|
|
57
|
-
private handleMouseDown;
|
|
58
|
-
private handleMouseMove;
|
|
59
|
-
private handleMouseUp;
|
|
60
|
-
private handleMouseLeave;
|
|
61
|
-
private attachNodeHandlers;
|
|
62
|
-
private detachNodeHandlers;
|
|
63
|
-
private attachLinkHandlers;
|
|
64
|
-
private detachLinkHandlers;
|
|
65
|
-
private getPointerPosition;
|
|
66
|
-
private findParentNodeGroup;
|
|
67
|
-
private isBackground;
|
|
68
|
-
}
|
|
69
|
-
//# sourceMappingURL=interaction.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"interaction.d.ts","sourceRoot":"","sources":["../../../src/renderer/svg-dom/interaction.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAS,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAM1G,MAAM,WAAW,kBAAkB;IACjC,qBAAqB;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qBAAqB;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yCAAyC;IACzC,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAeD,qBAAa,qBAAqB;IAChC,OAAO,CAAC,GAAG,CAAe;IAC1B,OAAO,CAAC,YAAY,CAAa;IACjC,OAAO,CAAC,OAAO,CAA8B;IAC7C,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,QAAQ,CAA4D;IAG5E,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,WAAW,CAAwB;IAG3C,OAAO,CAAC,aAAa,CAMpB;IAGD,OAAO,CAAC,YAAY,CAAsC;IAC1D,OAAO,CAAC,YAAY,CAAsC;IAC1D,OAAO,CAAC,WAAW,CAAqC;IACxD,OAAO,CAAC,WAAW,CAAqC;gBAGtD,GAAG,EAAE,aAAa,EAClB,YAAY,EAAE,WAAW,EACzB,OAAO,GAAE,kBAAuB;IAoBlC,MAAM,IAAI,IAAI;IAQd,MAAM,IAAI,IAAI;IAQd,SAAS,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI;IAIrC,WAAW,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI;IAK1C,WAAW,IAAI,aAAa;IAI5B,aAAa,IAAI,IAAI;IAKrB,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;IAMtE,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI;IAMtE,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAShC,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAShC,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAIlD,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI;IAIlD,KAAK,IAAI,IAAI;IAWb,OAAO,CAAC,aAAa;IASrB,YAAY,CAAC,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,OAAO,SAAK,GAAG,IAAI;IAuBjG,OAAO,CAAC,WAAW;IA4BnB,OAAO,CAAC,eAAe;IA8BvB,OAAO,CAAC,eAAe;IA6BvB,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,kBAAkB;IA4B1B,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,YAAY;CAGrB"}
|