stickyflow 0.0.0-stage → 0.2.0
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/CHANGELOG.md +157 -0
- package/LICENSE +202 -0
- package/README.md +167 -2
- package/dist/chunk-34PK7HEU.cjs +842 -0
- package/dist/chunk-34PK7HEU.cjs.map +1 -0
- package/dist/chunk-6JKNT2YC.js +4685 -0
- package/dist/chunk-6JKNT2YC.js.map +1 -0
- package/dist/chunk-6LQJUAD4.js +801 -0
- package/dist/chunk-6LQJUAD4.js.map +1 -0
- package/dist/chunk-IIOJFR73.cjs +3671 -0
- package/dist/chunk-IIOJFR73.cjs.map +1 -0
- package/dist/chunk-KFJIFHXG.js +8559 -0
- package/dist/chunk-KFJIFHXG.js.map +1 -0
- package/dist/chunk-N6WVHOUQ.js +3665 -0
- package/dist/chunk-N6WVHOUQ.js.map +1 -0
- package/dist/chunk-S5BVAAEF.cjs +8568 -0
- package/dist/chunk-S5BVAAEF.cjs.map +1 -0
- package/dist/chunk-YM3XFBI4.cjs +4814 -0
- package/dist/chunk-YM3XFBI4.cjs.map +1 -0
- package/dist/index.cjs +1167 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +335 -0
- package/dist/index.d.ts +335 -0
- package/dist/index.js +1097 -0
- package/dist/index.js.map +1 -0
- package/dist/interaction/index.cjs +7358 -0
- package/dist/interaction/index.cjs.map +1 -0
- package/dist/interaction/index.d.cts +273 -0
- package/dist/interaction/index.d.ts +273 -0
- package/dist/interaction/index.js +7333 -0
- package/dist/interaction/index.js.map +1 -0
- package/dist/render-r1GYvjNm.d.cts +970 -0
- package/dist/render-r1GYvjNm.d.ts +970 -0
- package/dist/runtimeTypes-ByiafBwg.d.ts +239 -0
- package/dist/runtimeTypes-DwLeD-em.d.cts +239 -0
- package/dist/stickyflow-diagram.global.js +1442 -0
- package/dist/stickyflow-diagram.global.js.map +1 -0
- package/dist/types-T7W2yTQF.d.cts +116 -0
- package/dist/types-ndGA1kbl.d.ts +116 -0
- package/dist/viewer/index.cjs +31 -0
- package/dist/viewer/index.cjs.map +1 -0
- package/dist/viewer/index.d.cts +44 -0
- package/dist/viewer/index.d.ts +44 -0
- package/dist/viewer/index.js +6 -0
- package/dist/viewer/index.js.map +1 -0
- package/dist/web-component/index.cjs +144 -0
- package/dist/web-component/index.cjs.map +1 -0
- package/dist/web-component/index.d.cts +31 -0
- package/dist/web-component/index.d.ts +31 -0
- package/dist/web-component/index.js +141 -0
- package/dist/web-component/index.js.map +1 -0
- package/package.json +81 -4
|
@@ -0,0 +1,970 @@
|
|
|
1
|
+
interface ChartZone {
|
|
2
|
+
label: string;
|
|
3
|
+
color?: string;
|
|
4
|
+
offsetX?: number;
|
|
5
|
+
offsetY?: number;
|
|
6
|
+
}
|
|
7
|
+
interface ChartRule {
|
|
8
|
+
id: string;
|
|
9
|
+
at: number;
|
|
10
|
+
text?: string;
|
|
11
|
+
color?: string;
|
|
12
|
+
strokeWidth?: number;
|
|
13
|
+
dash?: number[];
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
interface ChartAxis {
|
|
17
|
+
min: number;
|
|
18
|
+
max: number;
|
|
19
|
+
step: number;
|
|
20
|
+
label?: string;
|
|
21
|
+
unit?: string;
|
|
22
|
+
thresholds?: number[];
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
interface ColorStop {
|
|
26
|
+
position: number;
|
|
27
|
+
color: string;
|
|
28
|
+
}
|
|
29
|
+
interface GradientColor {
|
|
30
|
+
type: 'gradient';
|
|
31
|
+
angle: number;
|
|
32
|
+
stops: ColorStop[];
|
|
33
|
+
}
|
|
34
|
+
interface MeshPoint {
|
|
35
|
+
id: string;
|
|
36
|
+
x: number;
|
|
37
|
+
y: number;
|
|
38
|
+
color: string;
|
|
39
|
+
}
|
|
40
|
+
interface MeshGradientColor {
|
|
41
|
+
type: 'mesh';
|
|
42
|
+
points: MeshPoint[];
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
interface ShadowStyle {
|
|
46
|
+
enabled: boolean;
|
|
47
|
+
color?: string;
|
|
48
|
+
opacity?: number;
|
|
49
|
+
blur?: number;
|
|
50
|
+
angle?: number;
|
|
51
|
+
distance?: number;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
interface CategoryChartConfig {
|
|
55
|
+
categories?: string[];
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
interface BarChartConfig extends CategoryChartConfig {
|
|
59
|
+
barCornerRadius?: number;
|
|
60
|
+
barBorderColor?: string | GradientColor | MeshGradientColor;
|
|
61
|
+
barBorderWidth?: number;
|
|
62
|
+
barGroupGap?: number;
|
|
63
|
+
barGlow?: number;
|
|
64
|
+
barSegments?: number;
|
|
65
|
+
barSegmentGap?: number;
|
|
66
|
+
barSegmentSnap?: boolean;
|
|
67
|
+
barGlassBlur?: number;
|
|
68
|
+
barGlassSaturation?: number;
|
|
69
|
+
barGlassTint?: string;
|
|
70
|
+
barThickness?: number;
|
|
71
|
+
orientation?: 'horizontal' | 'vertical';
|
|
72
|
+
barTrack?: boolean;
|
|
73
|
+
barRoundedBottom?: boolean;
|
|
74
|
+
barLabelMaxOnly?: boolean;
|
|
75
|
+
barTrackColor?: string;
|
|
76
|
+
barTrackHatch?: boolean;
|
|
77
|
+
barTrackHatchColor?: string;
|
|
78
|
+
barTrackHatchAngle?: number;
|
|
79
|
+
barTrackHatchSpacing?: number;
|
|
80
|
+
barTrackHatchWidth?: number;
|
|
81
|
+
showBarLabels?: boolean;
|
|
82
|
+
barLabelPosition?: 'outside' | 'inside' | 'center' | 'axis';
|
|
83
|
+
barLabelFontSize?: number;
|
|
84
|
+
barLabelFontFamily?: string;
|
|
85
|
+
barLabelFontWeight?: 'normal' | 'bold';
|
|
86
|
+
barLabelColor?: string;
|
|
87
|
+
barLabelPill?: boolean;
|
|
88
|
+
barLabelPillColor?: string;
|
|
89
|
+
barLabelBorderColor?: string;
|
|
90
|
+
barLabelBorderWidth?: number;
|
|
91
|
+
barLabelFormat?: string;
|
|
92
|
+
barGap?: number;
|
|
93
|
+
stacked?: 'none' | 'true' | 'percent' | 'waterfall';
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
interface BoxplotChartConfig {
|
|
97
|
+
boxWidth?: number;
|
|
98
|
+
orientation?: 'horizontal' | 'vertical';
|
|
99
|
+
barCornerRadius?: number;
|
|
100
|
+
showBoxplotPoints?: boolean;
|
|
101
|
+
barBorderColor?: string | GradientColor | MeshGradientColor;
|
|
102
|
+
barBorderWidth?: number;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
interface CustomChartConfig extends CategoryChartConfig {
|
|
106
|
+
zones?: ChartZone[];
|
|
107
|
+
orientation?: 'horizontal' | 'vertical';
|
|
108
|
+
connectPoints?: boolean;
|
|
109
|
+
reverseComparison?: boolean;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
interface ChartRamp {
|
|
113
|
+
type: 'ramp';
|
|
114
|
+
stops: Array<{
|
|
115
|
+
position: number;
|
|
116
|
+
color: string;
|
|
117
|
+
}>;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
interface FieldChartConfig {
|
|
121
|
+
scale?: ChartRamp;
|
|
122
|
+
interpolate?: 'idw';
|
|
123
|
+
idwPower?: number;
|
|
124
|
+
isolines?: number[];
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
interface HeatmapChartConfig extends CategoryChartConfig {
|
|
128
|
+
zones?: ChartZone[];
|
|
129
|
+
cellGap?: number;
|
|
130
|
+
showValues?: boolean;
|
|
131
|
+
squareCells?: boolean;
|
|
132
|
+
barCornerRadius?: number;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
interface HexbinChartConfig {
|
|
136
|
+
hexRadius?: number;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
interface LineChartConfig extends CategoryChartConfig {
|
|
140
|
+
areaOpacity?: number;
|
|
141
|
+
lineTension?: number;
|
|
142
|
+
lineWidth?: number;
|
|
143
|
+
lineGlow?: number;
|
|
144
|
+
pointSize?: number;
|
|
145
|
+
pointFill?: string;
|
|
146
|
+
pointStrokeWidth?: number;
|
|
147
|
+
highlightPoints?: number[];
|
|
148
|
+
highlightSize?: number;
|
|
149
|
+
highlightColor?: string;
|
|
150
|
+
highlightGuide?: boolean;
|
|
151
|
+
highlightLabels?: boolean;
|
|
152
|
+
highlightLabelColor?: string;
|
|
153
|
+
highlightLabelFormat?: string;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
interface MekkoChartConfig extends CategoryChartConfig {
|
|
157
|
+
barCornerRadius?: number;
|
|
158
|
+
mekkoVaryHeight?: boolean;
|
|
159
|
+
tileGradient?: boolean;
|
|
160
|
+
showColumnBackdrop?: boolean;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
interface PieChartConfig {
|
|
164
|
+
innerRadius?: number;
|
|
165
|
+
pieCornerRadius?: number;
|
|
166
|
+
pieSliceGap?: number;
|
|
167
|
+
pieStartAngle?: number;
|
|
168
|
+
pieSweep?: number;
|
|
169
|
+
pieExplode?: number;
|
|
170
|
+
pieGlow?: number;
|
|
171
|
+
pieStroke?: string;
|
|
172
|
+
pieStrokeWidth?: number;
|
|
173
|
+
pieLabelPosition?: 'auto' | 'inside' | 'outside';
|
|
174
|
+
pieLabelContent?: 'both' | 'percent' | 'name' | 'inline';
|
|
175
|
+
pieLabelColor?: string;
|
|
176
|
+
pieCenterText?: string;
|
|
177
|
+
pieCenterSize?: number;
|
|
178
|
+
pieCenterColor?: string;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
interface RadarChartConfig extends CategoryChartConfig {
|
|
182
|
+
areaOpacity?: number;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
interface RadialBarChartConfig {
|
|
186
|
+
ringThickness?: number;
|
|
187
|
+
ringGap?: number;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
interface SankeyChartConfig {
|
|
191
|
+
zones?: ChartZone[];
|
|
192
|
+
barCornerRadius?: number;
|
|
193
|
+
labelPosition?: 'outside' | 'inside';
|
|
194
|
+
labelOrientation?: 'horizontal' | 'vertical';
|
|
195
|
+
labelColor?: string;
|
|
196
|
+
linkGradient?: boolean;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
interface TreemapChartConfig {
|
|
200
|
+
zones?: ChartZone[];
|
|
201
|
+
cellGap?: number;
|
|
202
|
+
barCornerRadius?: number;
|
|
203
|
+
headerColor?: string;
|
|
204
|
+
tileGradient?: boolean;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
interface ChartConfigCapabilities extends BarChartConfig, BoxplotChartConfig, CustomChartConfig, FieldChartConfig, HeatmapChartConfig, HexbinChartConfig, LineChartConfig, MekkoChartConfig, PieChartConfig, RadarChartConfig, RadialBarChartConfig, SankeyChartConfig, TreemapChartConfig {
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
interface PolarAreaChartConfig extends PieChartConfig {
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
interface RadialChartConfig extends RadarChartConfig {
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
interface ScatterChartConfig extends CategoryChartConfig {
|
|
217
|
+
}
|
|
218
|
+
|
|
219
|
+
interface ChartSeries {
|
|
220
|
+
id: string;
|
|
221
|
+
label: string;
|
|
222
|
+
color?: string | GradientColor | MeshGradientColor;
|
|
223
|
+
colors?: Array<string | GradientColor | MeshGradientColor | null>;
|
|
224
|
+
opacity?: number;
|
|
225
|
+
group?: string;
|
|
226
|
+
values: number[] | [number, number][] | [number, number, number][] | [number, number, number, number][];
|
|
227
|
+
error?: Array<number | [number, number] | null>;
|
|
228
|
+
source?: string;
|
|
229
|
+
target?: string;
|
|
230
|
+
size?: number;
|
|
231
|
+
symbol?: {
|
|
232
|
+
points: Array<[number, number]>;
|
|
233
|
+
normalized?: boolean;
|
|
234
|
+
tension?: number;
|
|
235
|
+
};
|
|
236
|
+
stroke?: string;
|
|
237
|
+
strokeWidth?: number;
|
|
238
|
+
offset?: number;
|
|
239
|
+
dash?: number[];
|
|
240
|
+
labelOffsetX?: number;
|
|
241
|
+
labelOffsetY?: number;
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
declare const CHART_TYPES: readonly ["bar", "line", "scatter", "radar", "radial", "field", "heatmap", "boxplot", "sankey", "treemap", "mekko", "hexbin", "pie", "radialBar", "polarArea", "custom"];
|
|
245
|
+
type ChartType = (typeof CHART_TYPES)[number];
|
|
246
|
+
|
|
247
|
+
interface ChartBase {
|
|
248
|
+
id: string;
|
|
249
|
+
x: number;
|
|
250
|
+
y: number;
|
|
251
|
+
width: number;
|
|
252
|
+
height: number;
|
|
253
|
+
title?: string | null;
|
|
254
|
+
axisX: ChartAxis;
|
|
255
|
+
axisY: ChartAxis;
|
|
256
|
+
series: ChartSeries[];
|
|
257
|
+
rules?: ChartRule[];
|
|
258
|
+
strokeColor?: string;
|
|
259
|
+
strokeWidth?: number;
|
|
260
|
+
cornerRadius?: number;
|
|
261
|
+
fillColor?: string | GradientColor | MeshGradientColor;
|
|
262
|
+
fillImage?: {
|
|
263
|
+
url: string;
|
|
264
|
+
overlay?: string;
|
|
265
|
+
};
|
|
266
|
+
gridColor?: string;
|
|
267
|
+
gridWidth?: number;
|
|
268
|
+
gridShape?: 'rect' | 'circle';
|
|
269
|
+
gridLineStyle?: 'solid' | 'dashed' | 'dotted';
|
|
270
|
+
gridRoundedCorners?: boolean;
|
|
271
|
+
textColor?: string;
|
|
272
|
+
axisLabelColor?: string;
|
|
273
|
+
legendColor?: string;
|
|
274
|
+
axisLineWidth?: number;
|
|
275
|
+
axisLineColor?: string;
|
|
276
|
+
axisLineStyle?: 'solid' | 'dashed' | 'dotted';
|
|
277
|
+
tickLength?: number;
|
|
278
|
+
axisFontSize?: number;
|
|
279
|
+
axisFontFamily?: string;
|
|
280
|
+
showValueAxis?: boolean;
|
|
281
|
+
categoryAlign?: 'center' | 'left' | 'inside';
|
|
282
|
+
titleSize?: number;
|
|
283
|
+
titleWeight?: 'normal' | 'bold';
|
|
284
|
+
titleColor?: string;
|
|
285
|
+
gridAxes?: 'both' | 'x' | 'y';
|
|
286
|
+
fontFamily?: string;
|
|
287
|
+
fontSize?: number;
|
|
288
|
+
showGrid?: boolean;
|
|
289
|
+
showAxisLabels?: boolean;
|
|
290
|
+
showLegend?: boolean;
|
|
291
|
+
legendPosition?: 'top' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'right';
|
|
292
|
+
shadowStyle?: ShadowStyle;
|
|
293
|
+
order?: number;
|
|
294
|
+
sourceIndex?: number;
|
|
295
|
+
isVisible?: boolean;
|
|
296
|
+
}
|
|
297
|
+
interface TypedChart<TType extends ChartType = ChartType, TConfig extends object = ChartConfigCapabilities> extends ChartBase {
|
|
298
|
+
chartType: TType;
|
|
299
|
+
config?: TConfig;
|
|
300
|
+
}
|
|
301
|
+
interface BarChart extends TypedChart<'bar', BarChartConfig> {
|
|
302
|
+
}
|
|
303
|
+
interface LineChart extends TypedChart<'line', LineChartConfig> {
|
|
304
|
+
}
|
|
305
|
+
interface ScatterChart extends TypedChart<'scatter', ScatterChartConfig> {
|
|
306
|
+
}
|
|
307
|
+
interface BoxplotChart extends TypedChart<'boxplot', BoxplotChartConfig> {
|
|
308
|
+
}
|
|
309
|
+
interface FieldChart extends TypedChart<'field', FieldChartConfig> {
|
|
310
|
+
}
|
|
311
|
+
interface HeatmapChart extends TypedChart<'heatmap', HeatmapChartConfig> {
|
|
312
|
+
}
|
|
313
|
+
interface HexbinChart extends TypedChart<'hexbin', HexbinChartConfig> {
|
|
314
|
+
}
|
|
315
|
+
interface MekkoChart extends TypedChart<'mekko', MekkoChartConfig> {
|
|
316
|
+
}
|
|
317
|
+
interface PieChart extends TypedChart<'pie', PieChartConfig> {
|
|
318
|
+
}
|
|
319
|
+
interface PolarAreaChart extends TypedChart<'polarArea', PolarAreaChartConfig> {
|
|
320
|
+
}
|
|
321
|
+
interface RadarChart extends TypedChart<'radar', RadarChartConfig> {
|
|
322
|
+
}
|
|
323
|
+
interface RadialChart extends TypedChart<'radial', RadialChartConfig> {
|
|
324
|
+
}
|
|
325
|
+
interface RadialBarChart extends TypedChart<'radialBar', RadialBarChartConfig> {
|
|
326
|
+
}
|
|
327
|
+
interface SankeyChart extends TypedChart<'sankey', SankeyChartConfig> {
|
|
328
|
+
}
|
|
329
|
+
interface TreemapChart extends TypedChart<'treemap', TreemapChartConfig> {
|
|
330
|
+
}
|
|
331
|
+
interface CustomChart extends TypedChart<'custom', CustomChartConfig> {
|
|
332
|
+
}
|
|
333
|
+
type Chart = BarChart | BoxplotChart | CustomChart | FieldChart | HeatmapChart | HexbinChart | LineChart | MekkoChart | PieChart | PolarAreaChart | RadarChart | RadialBarChart | RadialChart | SankeyChart | ScatterChart | TreemapChart;
|
|
334
|
+
|
|
335
|
+
interface Point {
|
|
336
|
+
x: number;
|
|
337
|
+
y: number;
|
|
338
|
+
}
|
|
339
|
+
interface Bounds {
|
|
340
|
+
minX: number;
|
|
341
|
+
minY: number;
|
|
342
|
+
maxX: number;
|
|
343
|
+
maxY: number;
|
|
344
|
+
}
|
|
345
|
+
type Side = 'top' | 'right' | 'bottom' | 'left';
|
|
346
|
+
|
|
347
|
+
type IsometricFace = 'top' | 'bottom' | 'front' | 'back' | 'left' | 'right';
|
|
348
|
+
interface IsometricObject {
|
|
349
|
+
id: string;
|
|
350
|
+
x: number;
|
|
351
|
+
y: number;
|
|
352
|
+
width: number;
|
|
353
|
+
height: number;
|
|
354
|
+
depth: number;
|
|
355
|
+
rotation?: number;
|
|
356
|
+
order?: number;
|
|
357
|
+
sourceIndex?: number;
|
|
358
|
+
text?: string;
|
|
359
|
+
icon?: string;
|
|
360
|
+
fill?: string;
|
|
361
|
+
strokeColor?: string;
|
|
362
|
+
strokeWidth?: number;
|
|
363
|
+
cornerRadius?: number;
|
|
364
|
+
hasShadow?: boolean;
|
|
365
|
+
shadowStyle?: ShadowStyle;
|
|
366
|
+
labelOffsetX?: number;
|
|
367
|
+
labelOffsetY?: number;
|
|
368
|
+
labelBackground?: string;
|
|
369
|
+
parentFrameId?: string;
|
|
370
|
+
}
|
|
371
|
+
|
|
372
|
+
type StrokeStyle = 'solid' | 'dashed' | 'dotted';
|
|
373
|
+
type PathType = 'straight' | 'curved' | 'orthogonal';
|
|
374
|
+
type ArrowDirection = 'none' | 'forward' | 'backward' | 'bidirectional';
|
|
375
|
+
type MarkerType = 'none' | 'arrow' | 'filled_arrow' | 'circle' | 'filled_circle' | 'diamond' | 'filled_diamond' | 'bar' | 'triangle' | 'one' | 'zero_one' | 'many' | 'one_many' | 'zero_many';
|
|
376
|
+
interface LinkStyle {
|
|
377
|
+
color?: string | GradientColor;
|
|
378
|
+
strokeWidth?: number;
|
|
379
|
+
strokeStyle?: StrokeStyle;
|
|
380
|
+
pathType?: PathType;
|
|
381
|
+
arrowDirection?: ArrowDirection;
|
|
382
|
+
opacity?: number;
|
|
383
|
+
fontSize?: number;
|
|
384
|
+
fontFamily?: string;
|
|
385
|
+
shadow?: ShadowStyle;
|
|
386
|
+
startLabel?: string;
|
|
387
|
+
endLabel?: string;
|
|
388
|
+
}
|
|
389
|
+
type LinkEndpoint = {
|
|
390
|
+
kind: 'side';
|
|
391
|
+
side: 'top' | 'right' | 'bottom' | 'left';
|
|
392
|
+
offset?: number;
|
|
393
|
+
} | {
|
|
394
|
+
kind: 'absolute';
|
|
395
|
+
x: number;
|
|
396
|
+
y: number;
|
|
397
|
+
} | {
|
|
398
|
+
kind: 'port';
|
|
399
|
+
port: string;
|
|
400
|
+
} | {
|
|
401
|
+
kind: 'face';
|
|
402
|
+
face: IsometricFace;
|
|
403
|
+
};
|
|
404
|
+
interface Link {
|
|
405
|
+
id: string;
|
|
406
|
+
name?: string;
|
|
407
|
+
fromId?: string;
|
|
408
|
+
toId?: string;
|
|
409
|
+
weight?: number;
|
|
410
|
+
showWeight?: boolean;
|
|
411
|
+
text?: string;
|
|
412
|
+
showText?: boolean;
|
|
413
|
+
style?: LinkStyle;
|
|
414
|
+
fromPoint?: LinkEndpoint;
|
|
415
|
+
toPoint?: LinkEndpoint;
|
|
416
|
+
segmentOffsets?: number[];
|
|
417
|
+
waypoints?: Array<{
|
|
418
|
+
x: number;
|
|
419
|
+
y: number;
|
|
420
|
+
}>;
|
|
421
|
+
startMarker?: MarkerType;
|
|
422
|
+
endMarker?: MarkerType;
|
|
423
|
+
layerGroup?: string;
|
|
424
|
+
orderKey?: string;
|
|
425
|
+
order?: number;
|
|
426
|
+
sourceIndex?: number;
|
|
427
|
+
isVisible?: boolean;
|
|
428
|
+
isLocked?: boolean;
|
|
429
|
+
parentFrameId?: string;
|
|
430
|
+
parentSwimlaneId?: string;
|
|
431
|
+
laneId?: string;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
type PathPoint = Point;
|
|
435
|
+
interface FreeformPath {
|
|
436
|
+
id: string;
|
|
437
|
+
x: number;
|
|
438
|
+
y: number;
|
|
439
|
+
width: number;
|
|
440
|
+
height: number;
|
|
441
|
+
points: PathPoint[];
|
|
442
|
+
value?: number;
|
|
443
|
+
strokeColor?: string;
|
|
444
|
+
strokeWidth?: number;
|
|
445
|
+
dash?: number[];
|
|
446
|
+
opacity?: number;
|
|
447
|
+
tension?: number;
|
|
448
|
+
startMarker?: Extract<MarkerType, 'none' | 'arrow' | 'filled_arrow'>;
|
|
449
|
+
endMarker?: Extract<MarkerType, 'none' | 'arrow' | 'filled_arrow'>;
|
|
450
|
+
closed?: boolean;
|
|
451
|
+
fillColor?: string;
|
|
452
|
+
order?: number;
|
|
453
|
+
sourceIndex?: number;
|
|
454
|
+
isVisible?: boolean;
|
|
455
|
+
}
|
|
456
|
+
|
|
457
|
+
type ShaderParameter = string | number | boolean;
|
|
458
|
+
interface Shader {
|
|
459
|
+
name: string;
|
|
460
|
+
program: string;
|
|
461
|
+
parameters: Record<string, ShaderParameter>;
|
|
462
|
+
}
|
|
463
|
+
|
|
464
|
+
type FontWeight = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
|
|
465
|
+
type ShapeStrokeStyle = 'solid' | 'dashed' | 'dotted' | 'double';
|
|
466
|
+
type ShapeType = 'rounded_rectangle' | 'rectangle' | 'diamond' | 'oval' | 'circle' | 'cylinder' | 'document' | 'pill' | 'person' | 'triangle' | 'hexagon' | 'parallelogram' | 'trapezoid' | 'note' | 'cloud' | 'predefined_process' | 'symbol';
|
|
467
|
+
interface Shape {
|
|
468
|
+
id: string;
|
|
469
|
+
name?: string;
|
|
470
|
+
shapeType: ShapeType;
|
|
471
|
+
x: number;
|
|
472
|
+
y: number;
|
|
473
|
+
width: number;
|
|
474
|
+
height: number;
|
|
475
|
+
rotation?: number | null;
|
|
476
|
+
text?: string | null;
|
|
477
|
+
textColor?: string | null;
|
|
478
|
+
fontSize?: number;
|
|
479
|
+
fontWeight?: FontWeight;
|
|
480
|
+
letterSpacing?: number;
|
|
481
|
+
isText?: boolean;
|
|
482
|
+
fontFamily?: string;
|
|
483
|
+
textAlign?: 'left' | 'center' | 'right';
|
|
484
|
+
textVerticalAlign?: 'top' | 'middle' | 'bottom';
|
|
485
|
+
lineHeight?: number;
|
|
486
|
+
strokeColor?: string | GradientColor | null;
|
|
487
|
+
strokeWidth?: number;
|
|
488
|
+
fillColor?: string | GradientColor | MeshGradientColor | null;
|
|
489
|
+
cornerRadius?: number | null;
|
|
490
|
+
dash?: number[];
|
|
491
|
+
strokeStyle?: ShapeStrokeStyle;
|
|
492
|
+
opacity?: number;
|
|
493
|
+
hasShadow?: boolean;
|
|
494
|
+
shadowStyle?: ShadowStyle;
|
|
495
|
+
layerGroup?: string;
|
|
496
|
+
orderKey?: string;
|
|
497
|
+
sourceIndex?: number;
|
|
498
|
+
isVisible?: boolean;
|
|
499
|
+
isLocked?: boolean;
|
|
500
|
+
parentFrameId?: string | null;
|
|
501
|
+
parentSwimlaneId?: string | null;
|
|
502
|
+
laneId?: string | null;
|
|
503
|
+
symbol?: SymbolDef | null;
|
|
504
|
+
shader?: Shader;
|
|
505
|
+
}
|
|
506
|
+
interface SymbolDef {
|
|
507
|
+
name: string;
|
|
508
|
+
points: Array<[number, number]>;
|
|
509
|
+
tension?: number;
|
|
510
|
+
ports?: Array<{
|
|
511
|
+
name: string;
|
|
512
|
+
at: [number, number];
|
|
513
|
+
}>;
|
|
514
|
+
}
|
|
515
|
+
|
|
516
|
+
type WidgetType = 'rollingNumber' | 'tickScale' | 'ruler';
|
|
517
|
+
interface RollingNumberWidgetStyle {
|
|
518
|
+
color?: string;
|
|
519
|
+
surface?: string;
|
|
520
|
+
divider?: string;
|
|
521
|
+
labelColor?: string;
|
|
522
|
+
fontFamily?: string;
|
|
523
|
+
variant?: 'flip' | 'plain';
|
|
524
|
+
motion?: 'roll' | 'fade';
|
|
525
|
+
fontWeight?: string;
|
|
526
|
+
}
|
|
527
|
+
interface RollingNumberWidget {
|
|
528
|
+
id: string;
|
|
529
|
+
type: 'rollingNumber';
|
|
530
|
+
value: string;
|
|
531
|
+
digits?: number;
|
|
532
|
+
duration?: number;
|
|
533
|
+
label?: string;
|
|
534
|
+
x: number;
|
|
535
|
+
y: number;
|
|
536
|
+
width: number;
|
|
537
|
+
height: number;
|
|
538
|
+
rotation?: number;
|
|
539
|
+
order?: number;
|
|
540
|
+
sourceIndex?: number;
|
|
541
|
+
parentFrameId?: string;
|
|
542
|
+
style: RollingNumberWidgetStyle;
|
|
543
|
+
}
|
|
544
|
+
interface TickScaleWidget {
|
|
545
|
+
id: string;
|
|
546
|
+
type: 'tickScale';
|
|
547
|
+
value: string;
|
|
548
|
+
max?: number;
|
|
549
|
+
label?: string;
|
|
550
|
+
x: number;
|
|
551
|
+
y: number;
|
|
552
|
+
width: number;
|
|
553
|
+
height: number;
|
|
554
|
+
rotation?: number;
|
|
555
|
+
order?: number;
|
|
556
|
+
sourceIndex?: number;
|
|
557
|
+
parentFrameId?: string;
|
|
558
|
+
parameters: Record<string, string | number>;
|
|
559
|
+
labels?: {
|
|
560
|
+
size?: number;
|
|
561
|
+
color?: string;
|
|
562
|
+
offset?: number;
|
|
563
|
+
weight?: string;
|
|
564
|
+
fontFamily?: string;
|
|
565
|
+
};
|
|
566
|
+
}
|
|
567
|
+
interface RulerWidget {
|
|
568
|
+
id: string;
|
|
569
|
+
type: 'ruler';
|
|
570
|
+
value: string;
|
|
571
|
+
min?: number;
|
|
572
|
+
max?: number;
|
|
573
|
+
label?: string;
|
|
574
|
+
x: number;
|
|
575
|
+
y: number;
|
|
576
|
+
width: number;
|
|
577
|
+
height: number;
|
|
578
|
+
rotation?: number;
|
|
579
|
+
order?: number;
|
|
580
|
+
sourceIndex?: number;
|
|
581
|
+
parentFrameId?: string;
|
|
582
|
+
parameters: Record<string, string | number>;
|
|
583
|
+
labels?: {
|
|
584
|
+
size?: number;
|
|
585
|
+
color?: string;
|
|
586
|
+
offset?: number;
|
|
587
|
+
weight?: string;
|
|
588
|
+
fontFamily?: string;
|
|
589
|
+
};
|
|
590
|
+
}
|
|
591
|
+
type Widget = RollingNumberWidget | TickScaleWidget | RulerWidget;
|
|
592
|
+
|
|
593
|
+
interface Diagnostic {
|
|
594
|
+
severity: 'warning' | 'error';
|
|
595
|
+
code: string;
|
|
596
|
+
message: string;
|
|
597
|
+
ownerId?: string;
|
|
598
|
+
}
|
|
599
|
+
|
|
600
|
+
interface Frame {
|
|
601
|
+
id: string;
|
|
602
|
+
name?: string;
|
|
603
|
+
x: number;
|
|
604
|
+
y: number;
|
|
605
|
+
width: number;
|
|
606
|
+
height: number;
|
|
607
|
+
title?: string | null;
|
|
608
|
+
strokeColor: string;
|
|
609
|
+
strokeWidth: number;
|
|
610
|
+
dash?: number[];
|
|
611
|
+
cornerRadius: number;
|
|
612
|
+
fillColor: string;
|
|
613
|
+
textColor: string;
|
|
614
|
+
fontSize: number;
|
|
615
|
+
fontWeight: 'normal' | 'bold';
|
|
616
|
+
fontFamily?: string;
|
|
617
|
+
showLabel: boolean;
|
|
618
|
+
labelPosition?: 'top' | 'bottom' | 'left' | 'right';
|
|
619
|
+
shadow?: boolean;
|
|
620
|
+
layerGroup?: string;
|
|
621
|
+
orderKey?: string;
|
|
622
|
+
order?: number;
|
|
623
|
+
sourceIndex?: number;
|
|
624
|
+
isVisible?: boolean;
|
|
625
|
+
isLocked?: boolean;
|
|
626
|
+
}
|
|
627
|
+
|
|
628
|
+
interface Lane {
|
|
629
|
+
id: string;
|
|
630
|
+
label: string;
|
|
631
|
+
size: number;
|
|
632
|
+
color?: string | null;
|
|
633
|
+
}
|
|
634
|
+
interface Swimlane {
|
|
635
|
+
id: string;
|
|
636
|
+
name?: string;
|
|
637
|
+
x: number;
|
|
638
|
+
y: number;
|
|
639
|
+
width: number;
|
|
640
|
+
height: number;
|
|
641
|
+
title?: string | null;
|
|
642
|
+
orientation: 'horizontal' | 'vertical';
|
|
643
|
+
lanes: Lane[];
|
|
644
|
+
strokeColor: string;
|
|
645
|
+
strokeWidth: number;
|
|
646
|
+
dash?: number[];
|
|
647
|
+
cornerRadius: number;
|
|
648
|
+
fillColor: string;
|
|
649
|
+
shadowStyle?: ShadowStyle;
|
|
650
|
+
textColor: string;
|
|
651
|
+
fontSize: number;
|
|
652
|
+
fontWeight: 'normal' | 'bold';
|
|
653
|
+
fontFamily?: string;
|
|
654
|
+
showLaneLabels: boolean;
|
|
655
|
+
layerGroup?: string;
|
|
656
|
+
orderKey?: string;
|
|
657
|
+
order?: number;
|
|
658
|
+
sourceIndex?: number;
|
|
659
|
+
isVisible?: boolean;
|
|
660
|
+
isLocked?: boolean;
|
|
661
|
+
}
|
|
662
|
+
|
|
663
|
+
interface RenderInputLink {
|
|
664
|
+
link: Link;
|
|
665
|
+
from: Point;
|
|
666
|
+
to: Point;
|
|
667
|
+
kind?: string;
|
|
668
|
+
}
|
|
669
|
+
interface RenderInput {
|
|
670
|
+
shapes: Shape[];
|
|
671
|
+
frames: Frame[];
|
|
672
|
+
swimlanes: Swimlane[];
|
|
673
|
+
isometricObjects?: IsometricObject[];
|
|
674
|
+
paths?: FreeformPath[];
|
|
675
|
+
charts?: Chart[];
|
|
676
|
+
widgets?: Widget[];
|
|
677
|
+
links: RenderInputLink[];
|
|
678
|
+
diagnostics?: Diagnostic[];
|
|
679
|
+
}
|
|
680
|
+
|
|
681
|
+
type RenderDiagnostic = Diagnostic;
|
|
682
|
+
|
|
683
|
+
type ScenePaint = {
|
|
684
|
+
kind: 'none';
|
|
685
|
+
} | {
|
|
686
|
+
kind: 'solid';
|
|
687
|
+
color: string;
|
|
688
|
+
} | {
|
|
689
|
+
kind: 'linear-gradient';
|
|
690
|
+
angle: number;
|
|
691
|
+
stops: Array<{
|
|
692
|
+
offset: number;
|
|
693
|
+
color: string;
|
|
694
|
+
}>;
|
|
695
|
+
} | {
|
|
696
|
+
kind: 'mesh-gradient';
|
|
697
|
+
points: Array<{
|
|
698
|
+
x: number;
|
|
699
|
+
y: number;
|
|
700
|
+
color: string;
|
|
701
|
+
}>;
|
|
702
|
+
};
|
|
703
|
+
interface SceneStyle {
|
|
704
|
+
fill?: ScenePaint;
|
|
705
|
+
stroke?: ScenePaint;
|
|
706
|
+
strokeWidth?: number;
|
|
707
|
+
dash?: number[];
|
|
708
|
+
lineCap?: 'butt' | 'round' | 'square';
|
|
709
|
+
lineJoin?: 'miter' | 'round' | 'bevel';
|
|
710
|
+
opacity?: number;
|
|
711
|
+
pointerEvents?: 'none' | 'all' | 'stroke';
|
|
712
|
+
shadow?: {
|
|
713
|
+
color: string;
|
|
714
|
+
opacity: number;
|
|
715
|
+
blur: number;
|
|
716
|
+
dx: number;
|
|
717
|
+
dy: number;
|
|
718
|
+
};
|
|
719
|
+
innerShadow?: {
|
|
720
|
+
color: string;
|
|
721
|
+
opacity: number;
|
|
722
|
+
blur: number;
|
|
723
|
+
dx: number;
|
|
724
|
+
dy: number;
|
|
725
|
+
};
|
|
726
|
+
blur?: number;
|
|
727
|
+
saturate?: number;
|
|
728
|
+
clip?: {
|
|
729
|
+
type: 'rect';
|
|
730
|
+
x: number;
|
|
731
|
+
y: number;
|
|
732
|
+
width: number;
|
|
733
|
+
height: number;
|
|
734
|
+
rx: number;
|
|
735
|
+
} | {
|
|
736
|
+
type: 'path';
|
|
737
|
+
d: string;
|
|
738
|
+
};
|
|
739
|
+
}
|
|
740
|
+
type SceneRole = 'shape' | 'link' | 'frame' | 'swimlane' | 'path' | 'chart' | 'widget' | 'isometric';
|
|
741
|
+
interface SceneIdentity {
|
|
742
|
+
role: SceneRole;
|
|
743
|
+
id: string;
|
|
744
|
+
kind?: string;
|
|
745
|
+
primary?: boolean;
|
|
746
|
+
label?: string;
|
|
747
|
+
parentFrameId?: string;
|
|
748
|
+
}
|
|
749
|
+
interface SceneLinkSegment {
|
|
750
|
+
ax: number;
|
|
751
|
+
ay: number;
|
|
752
|
+
bx: number;
|
|
753
|
+
by: number;
|
|
754
|
+
ox: number;
|
|
755
|
+
oy: number;
|
|
756
|
+
movable: boolean;
|
|
757
|
+
}
|
|
758
|
+
type SceneDetail = {
|
|
759
|
+
of: 'link';
|
|
760
|
+
fromId?: string;
|
|
761
|
+
toId?: string;
|
|
762
|
+
route?: PathType;
|
|
763
|
+
fromSide?: Side;
|
|
764
|
+
toSide?: Side;
|
|
765
|
+
fromFace?: IsometricFace;
|
|
766
|
+
toFace?: IsometricFace;
|
|
767
|
+
labelGap?: boolean;
|
|
768
|
+
segments?: SceneLinkSegment[];
|
|
769
|
+
} | {
|
|
770
|
+
of: 'chartValue';
|
|
771
|
+
series: string;
|
|
772
|
+
valueIndex: number;
|
|
773
|
+
mark?: 'bar' | 'pie-slice' | 'radar-vertex' | 'radial-bar-ring' | 'polar-area-wedge';
|
|
774
|
+
radius?: number;
|
|
775
|
+
colorProp?: string;
|
|
776
|
+
hasColorOverride?: boolean;
|
|
777
|
+
pieStart?: number;
|
|
778
|
+
pieEnd?: number;
|
|
779
|
+
pieValue?: number;
|
|
780
|
+
} | {
|
|
781
|
+
of: 'chartScale';
|
|
782
|
+
valueScale: string;
|
|
783
|
+
} | {
|
|
784
|
+
of: 'pieGeometry';
|
|
785
|
+
pieGeometry: string;
|
|
786
|
+
} | {
|
|
787
|
+
of: 'radarGeometry';
|
|
788
|
+
radarGeometry: string;
|
|
789
|
+
} | {
|
|
790
|
+
of: 'chartSeries';
|
|
791
|
+
series: string;
|
|
792
|
+
lineTension?: number;
|
|
793
|
+
mark?: string;
|
|
794
|
+
pulled?: boolean;
|
|
795
|
+
midAngle?: number;
|
|
796
|
+
wedgeRadius?: number;
|
|
797
|
+
} | {
|
|
798
|
+
of: 'frameBoundary';
|
|
799
|
+
cornerRadius: number;
|
|
800
|
+
squareCorner: 'topLeft' | 'topRight' | 'bottomRight' | 'bottomLeft';
|
|
801
|
+
} | {
|
|
802
|
+
of: 'symbolGeometry';
|
|
803
|
+
points: Array<[number, number]>;
|
|
804
|
+
tension: number;
|
|
805
|
+
declaredBounds: {
|
|
806
|
+
x: number;
|
|
807
|
+
y: number;
|
|
808
|
+
width: number;
|
|
809
|
+
height: number;
|
|
810
|
+
};
|
|
811
|
+
} | {
|
|
812
|
+
of: 'declaredBounds';
|
|
813
|
+
bounds: {
|
|
814
|
+
x: number;
|
|
815
|
+
y: number;
|
|
816
|
+
width: number;
|
|
817
|
+
height: number;
|
|
818
|
+
};
|
|
819
|
+
} | {
|
|
820
|
+
of: 'pathGeometry';
|
|
821
|
+
points: Array<[number, number]>;
|
|
822
|
+
tension: number;
|
|
823
|
+
closed: boolean;
|
|
824
|
+
} | {
|
|
825
|
+
of: 'isometricGeometry';
|
|
826
|
+
width: number;
|
|
827
|
+
height: number;
|
|
828
|
+
depth: number;
|
|
829
|
+
cornerRadius: number;
|
|
830
|
+
bounds: {
|
|
831
|
+
x: number;
|
|
832
|
+
y: number;
|
|
833
|
+
width: number;
|
|
834
|
+
height: number;
|
|
835
|
+
};
|
|
836
|
+
labelOffsetX: number;
|
|
837
|
+
labelOffsetY: number;
|
|
838
|
+
};
|
|
839
|
+
interface SceneBase {
|
|
840
|
+
id: string;
|
|
841
|
+
order: number;
|
|
842
|
+
rank?: number;
|
|
843
|
+
sequence?: number;
|
|
844
|
+
bounds: Bounds;
|
|
845
|
+
identity?: SceneIdentity;
|
|
846
|
+
detail?: SceneDetail;
|
|
847
|
+
prop?: string;
|
|
848
|
+
propKind?: 'value' | 'color';
|
|
849
|
+
propSolidOnly?: boolean;
|
|
850
|
+
zoneGradient?: {
|
|
851
|
+
axis: 'x' | 'y';
|
|
852
|
+
min: number;
|
|
853
|
+
max: number;
|
|
854
|
+
};
|
|
855
|
+
mark?: string;
|
|
856
|
+
}
|
|
857
|
+
interface SceneRect extends SceneBase {
|
|
858
|
+
type: 'rect';
|
|
859
|
+
x: number;
|
|
860
|
+
y: number;
|
|
861
|
+
width: number;
|
|
862
|
+
height: number;
|
|
863
|
+
rx?: number;
|
|
864
|
+
rotation?: number;
|
|
865
|
+
style: SceneStyle;
|
|
866
|
+
}
|
|
867
|
+
interface SceneEllipse extends SceneBase {
|
|
868
|
+
type: 'ellipse';
|
|
869
|
+
cx: number;
|
|
870
|
+
cy: number;
|
|
871
|
+
rx: number;
|
|
872
|
+
ry: number;
|
|
873
|
+
rotation?: number;
|
|
874
|
+
style: SceneStyle;
|
|
875
|
+
}
|
|
876
|
+
interface ScenePath extends SceneBase {
|
|
877
|
+
type: 'path';
|
|
878
|
+
d: string;
|
|
879
|
+
rotation?: number;
|
|
880
|
+
rotationCenter?: Point;
|
|
881
|
+
style: SceneStyle;
|
|
882
|
+
markerStart?: MarkerType;
|
|
883
|
+
markerEnd?: MarkerType;
|
|
884
|
+
}
|
|
885
|
+
interface SceneText extends SceneBase {
|
|
886
|
+
type: 'text';
|
|
887
|
+
x: number;
|
|
888
|
+
y: number;
|
|
889
|
+
width: number;
|
|
890
|
+
height: number;
|
|
891
|
+
lines: string[];
|
|
892
|
+
fontFamily: string;
|
|
893
|
+
fontSize: number;
|
|
894
|
+
fontWeight: 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
|
|
895
|
+
letterSpacing?: number;
|
|
896
|
+
color: string;
|
|
897
|
+
align: 'left' | 'center' | 'right';
|
|
898
|
+
verticalAlign: 'top' | 'middle' | 'bottom';
|
|
899
|
+
lineHeight: number;
|
|
900
|
+
rotation?: number;
|
|
901
|
+
rotationCenter?: Point;
|
|
902
|
+
richLines?: Array<Array<{
|
|
903
|
+
text: string;
|
|
904
|
+
bold: boolean;
|
|
905
|
+
}>>;
|
|
906
|
+
}
|
|
907
|
+
interface SceneShaderSurface extends SceneBase {
|
|
908
|
+
type: 'shader-surface';
|
|
909
|
+
x: number;
|
|
910
|
+
y: number;
|
|
911
|
+
width: number;
|
|
912
|
+
height: number;
|
|
913
|
+
rotation?: number;
|
|
914
|
+
shader: Shader;
|
|
915
|
+
mask: 'ellipse' | 'rect';
|
|
916
|
+
fillColor?: string;
|
|
917
|
+
}
|
|
918
|
+
interface SceneRollingNumber extends SceneBase {
|
|
919
|
+
type: 'rolling-number';
|
|
920
|
+
x: number;
|
|
921
|
+
y: number;
|
|
922
|
+
width: number;
|
|
923
|
+
height: number;
|
|
924
|
+
rotation?: number;
|
|
925
|
+
value: string;
|
|
926
|
+
digits?: number;
|
|
927
|
+
duration: number;
|
|
928
|
+
label?: string;
|
|
929
|
+
widgetStyle: Required<RollingNumberWidgetStyle>;
|
|
930
|
+
}
|
|
931
|
+
interface SceneImage extends SceneBase {
|
|
932
|
+
type: 'image';
|
|
933
|
+
x: number;
|
|
934
|
+
y: number;
|
|
935
|
+
width: number;
|
|
936
|
+
height: number;
|
|
937
|
+
href: string;
|
|
938
|
+
style: SceneStyle;
|
|
939
|
+
}
|
|
940
|
+
type RenderNode = SceneRect | SceneEllipse | ScenePath | SceneText | SceneShaderSurface | SceneRollingNumber | SceneImage;
|
|
941
|
+
interface RenderScene {
|
|
942
|
+
nodes: RenderNode[];
|
|
943
|
+
bounds: Bounds;
|
|
944
|
+
diagnostics: RenderDiagnostic[];
|
|
945
|
+
}
|
|
946
|
+
|
|
947
|
+
interface TextMetrics {
|
|
948
|
+
measure: (text: string, bold: boolean) => number;
|
|
949
|
+
spaceWidth: number;
|
|
950
|
+
}
|
|
951
|
+
type MeasureTextFactory = (fontFamily: string, fontSize: number) => TextMetrics;
|
|
952
|
+
|
|
953
|
+
interface RenderResult {
|
|
954
|
+
svg: string;
|
|
955
|
+
width: number;
|
|
956
|
+
height: number;
|
|
957
|
+
diagnostics: RenderDiagnostic[];
|
|
958
|
+
scene: RenderScene;
|
|
959
|
+
}
|
|
960
|
+
interface RenderOptions {
|
|
961
|
+
padding?: number;
|
|
962
|
+
includeXmlDeclaration?: boolean;
|
|
963
|
+
idPrefix?: string;
|
|
964
|
+
measureText?: MeasureTextFactory;
|
|
965
|
+
linkHitAreas?: boolean;
|
|
966
|
+
}
|
|
967
|
+
declare function renderCanvas(input: RenderInput, options?: RenderOptions): RenderResult;
|
|
968
|
+
declare function render(source: string, options?: RenderOptions): RenderResult;
|
|
969
|
+
|
|
970
|
+
export { renderCanvas as A, type Bounds as B, type Chart as C, type Diagnostic as D, type Side as E, type Frame as F, type IsometricFace as I, type LinkStyle as L, type MeasureTextFactory as M, type PathPoint as P, type RenderInput as R, type Shader as S, type TextMetrics as T, type Widget as W, type ShadowStyle as a, type Shape as b, type Link as c, type Swimlane as d, type IsometricObject as e, type FreeformPath as f, type RenderOptions as g, type RenderResult as h, CHART_TYPES as i, type ChartAxis as j, type ChartRamp as k, type ChartSeries as l, type ChartType as m, type Point as n, type RenderDiagnostic as o, type RenderNode as p, type RenderScene as q, type RollingNumberWidget as r, type RollingNumberWidgetStyle as s, type RulerWidget as t, type SceneRole as u, type ShaderParameter as v, type ShapeType as w, type TickScaleWidget as x, type WidgetType as y, render as z };
|