@siemens/ix-echarts 3.0.0-alpha.0 → 3.0.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.
Files changed (9) hide show
  1. package/dist/index.js +1463 -0
  2. package/dist/types/computecss.d.ts +1 -0
  3. package/dist/types/index.d.ts +6 -0
  4. package/dist/types/register.d.ts +7 -0
  5. package/dist/types/themes/brand-dark.d.ts +331 -0
  6. package/dist/types/themes/brand-light.d.ts +331 -0
  7. package/dist/types/themes/classic-dark.d.ts +331 -0
  8. package/dist/types/themes/classic-light.d.ts +331 -0
  9. package/package.json +1 -1
package/dist/index.js ADDED
@@ -0,0 +1,1463 @@
1
+ /*
2
+ * SPDX-FileCopyrightText: 2024 Siemens AG
3
+ *
4
+ * SPDX-License-Identifier: MIT
5
+ *
6
+ * This source code is licensed under the MIT license found in the
7
+ * LICENSE file in the root directory of this source tree.
8
+ */
9
+ const colors$3 = [
10
+ '#00C1B6' /* theme-chart-3 */,
11
+ '#85E9D2' /* theme-chart-2 */,
12
+ '#3664C6' /* theme-chart-8 */,
13
+ '#00FFB9' /* theme-chart-1 */,
14
+ '#6895F6' /* theme-chart-6 */,
15
+ '#CCF5F5' /* theme-chart-4 */,
16
+ '#805CFF' /* theme-chart-10 */,
17
+ '#BFB0F3' /* theme-chart-9 */,
18
+ '#B95CC9' /* theme-chart-11 */,
19
+ '#BE5925' /* theme-chart-14 */,
20
+ '#FF98C4' /* theme-chart-13 */,
21
+ '#E5659B' /* theme-chart-12 */,
22
+ '#97C7FF' /* theme-chart-7 */,
23
+ '#FFBC66' /* theme-chart-15 */,
24
+ '#FFF7D6' /* theme-chart-16 */,
25
+ '#AAAA96' /* theme-chart-17 */,
26
+ '#FFBC66' /* theme-chart-5 */,
27
+ ];
28
+ var brandDark = {
29
+ themeName: 'theme-brand-dark',
30
+ theme: {
31
+ color: colors$3,
32
+ backgroundColor: 'rgba(0,0,0,0)',
33
+ textStyle: {},
34
+ title: {
35
+ textStyle: {
36
+ color: '#ffffff',
37
+ },
38
+ subtextStyle: {
39
+ color: '#ffffff',
40
+ },
41
+ },
42
+ line: {
43
+ itemStyle: {
44
+ borderWidth: 1,
45
+ },
46
+ lineStyle: {
47
+ width: 2,
48
+ },
49
+ symbolSize: 4,
50
+ symbol: 'emptyCircle',
51
+ smooth: false,
52
+ },
53
+ radar: {
54
+ itemStyle: {
55
+ borderWidth: 1,
56
+ },
57
+ lineStyle: {
58
+ width: 2,
59
+ },
60
+ symbolSize: 4,
61
+ symbol: 'emptyCircle',
62
+ smooth: false,
63
+ },
64
+ bar: {
65
+ itemStyle: {
66
+ barBorderWidth: 0,
67
+ barBorderColor: '#ffffff',
68
+ },
69
+ },
70
+ pie: {
71
+ itemStyle: {
72
+ borderWidth: 0,
73
+ borderColor: '#ffffff',
74
+ },
75
+ },
76
+ scatter: {
77
+ itemStyle: {
78
+ borderWidth: 0,
79
+ borderColor: '#ffffff',
80
+ },
81
+ },
82
+ boxplot: {
83
+ itemStyle: {
84
+ borderWidth: 0,
85
+ borderColor: '#ffffff',
86
+ },
87
+ },
88
+ parallel: {
89
+ itemStyle: {
90
+ borderWidth: 0,
91
+ borderColor: '#ffffff',
92
+ },
93
+ },
94
+ sankey: {
95
+ itemStyle: {
96
+ borderWidth: 0,
97
+ borderColor: '#ffffff',
98
+ },
99
+ },
100
+ funnel: {
101
+ itemStyle: {
102
+ borderWidth: 0,
103
+ borderColor: '#ffffff',
104
+ },
105
+ },
106
+ gauge: {
107
+ itemStyle: {
108
+ borderWidth: 0,
109
+ borderColor: '#ffffff',
110
+ },
111
+ },
112
+ candlestick: {
113
+ itemStyle: {
114
+ color: '#ff2640',
115
+ color0: '#01d65a',
116
+ borderColor: '#ff2640',
117
+ borderColor0: '#01d65a',
118
+ borderWidth: 1,
119
+ },
120
+ },
121
+ graph: {
122
+ itemStyle: {
123
+ borderWidth: 0,
124
+ borderColor: '#ffffff',
125
+ },
126
+ lineStyle: {
127
+ width: 1,
128
+ color: '#ffffff',
129
+ },
130
+ symbolSize: 4,
131
+ symbol: 'emptyCircle',
132
+ smooth: false,
133
+ color: colors$3,
134
+ label: {
135
+ color: '#000000',
136
+ },
137
+ },
138
+ categoryAxis: {
139
+ axisLine: {
140
+ show: true,
141
+ lineStyle: {
142
+ color: 'rgba(255,255,255,0.35)',
143
+ },
144
+ },
145
+ axisTick: {
146
+ show: true,
147
+ lineStyle: {
148
+ color: 'rgba(255,255,255,0.35)',
149
+ },
150
+ },
151
+ axisLabel: {
152
+ show: true,
153
+ color: '#ffffff',
154
+ },
155
+ splitLine: {
156
+ show: true,
157
+ lineStyle: {
158
+ color: ['rgba(255,255,255,0.1)'],
159
+ },
160
+ },
161
+ splitArea: {
162
+ show: false,
163
+ areaStyle: {
164
+ color: ['rgba(0,0,0,0)', 'rgba(255,255,255,0.1)'],
165
+ },
166
+ },
167
+ },
168
+ valueAxis: {
169
+ axisLine: {
170
+ show: true,
171
+ lineStyle: {
172
+ color: 'rgba(255,255,255,0.35)',
173
+ },
174
+ },
175
+ axisTick: {
176
+ show: true,
177
+ lineStyle: {
178
+ color: 'rgba(255,255,255,0.35)',
179
+ },
180
+ },
181
+ axisLabel: {
182
+ show: true,
183
+ color: '#ffffff',
184
+ },
185
+ splitLine: {
186
+ show: true,
187
+ lineStyle: {
188
+ color: ['rgba(255,255,255,0.1)'],
189
+ },
190
+ },
191
+ splitArea: {
192
+ show: false,
193
+ areaStyle: {
194
+ color: ['rgba(0,0,0,0)', 'rgba(255,255,255,0.1)'],
195
+ },
196
+ },
197
+ },
198
+ logAxis: {
199
+ axisLine: {
200
+ show: true,
201
+ lineStyle: {
202
+ color: 'rgba(255,255,255,0.35)',
203
+ },
204
+ },
205
+ axisTick: {
206
+ show: true,
207
+ lineStyle: {
208
+ color: 'rgba(255,255,255,0.35)',
209
+ },
210
+ },
211
+ axisLabel: {
212
+ show: true,
213
+ color: '#ffffff',
214
+ },
215
+ splitLine: {
216
+ show: true,
217
+ lineStyle: {
218
+ color: ['rgba(255,255,255,0.1)'],
219
+ },
220
+ },
221
+ splitArea: {
222
+ show: false,
223
+ areaStyle: {
224
+ color: ['rgba(0,0,0,0)', 'rgba(255,255,255,0.1)'],
225
+ },
226
+ },
227
+ },
228
+ timeAxis: {
229
+ axisLine: {
230
+ show: true,
231
+ lineStyle: {
232
+ color: 'rgba(255,255,255,0.35)',
233
+ },
234
+ },
235
+ axisTick: {
236
+ show: true,
237
+ lineStyle: {
238
+ color: 'rgba(255,255,255,0.35)',
239
+ },
240
+ },
241
+ axisLabel: {
242
+ show: true,
243
+ color: '#ffffff',
244
+ },
245
+ splitLine: {
246
+ show: true,
247
+ lineStyle: {
248
+ color: ['rgba(255,255,255,0.1)'],
249
+ },
250
+ },
251
+ splitArea: {
252
+ show: false,
253
+ areaStyle: {
254
+ color: ['rgba(0,0,0,0)', 'rgba(255,255,255,0.1)'],
255
+ },
256
+ },
257
+ },
258
+ toolbox: {
259
+ iconStyle: {
260
+ borderColor: '#ffffff',
261
+ },
262
+ emphasis: {
263
+ iconStyle: {
264
+ borderColor: '#00ffb9',
265
+ },
266
+ },
267
+ },
268
+ legend: {
269
+ textStyle: {
270
+ color: '#ffffff',
271
+ },
272
+ },
273
+ tooltip: {
274
+ backgroundColor: '#23233c',
275
+ borderColor: '#23233c',
276
+ textStyle: {
277
+ color: '#ffffff',
278
+ },
279
+ axisPointer: {
280
+ lineStyle: {
281
+ color: '#ffffff',
282
+ width: '1',
283
+ },
284
+ crossStyle: {
285
+ color: '#ffffff',
286
+ width: '1',
287
+ },
288
+ },
289
+ },
290
+ timeline: {
291
+ lineStyle: {
292
+ color: 'transparent',
293
+ width: '1',
294
+ },
295
+ itemStyle: {
296
+ color: '#ffffff',
297
+ borderWidth: '1',
298
+ },
299
+ controlStyle: {
300
+ color: '#00cccc',
301
+ borderColor: '#00cccc',
302
+ borderWidth: '1',
303
+ },
304
+ checkpointStyle: {
305
+ color: '#00ffb9',
306
+ borderColor: '#000028',
307
+ },
308
+ label: {
309
+ color: '#ffffff',
310
+ },
311
+ emphasis: {
312
+ itemStyle: {
313
+ color: '#ffffff',
314
+ },
315
+ controlStyle: {
316
+ color: '#00cccc',
317
+ borderColor: '#00cccc',
318
+ borderWidth: '1',
319
+ },
320
+ label: {
321
+ color: '#ffffff',
322
+ },
323
+ },
324
+ },
325
+ visualMap: {
326
+ color: ['#ff2640', '#ff9000', '#ffd732'],
327
+ },
328
+ dataZoom: {
329
+ handleSize: 'undefined%',
330
+ textStyle: {},
331
+ },
332
+ nameTextStyle: {
333
+ color: '#fff',
334
+ },
335
+ markPoint: {
336
+ label: {
337
+ color: '#fff',
338
+ textBorderColor: '#000028',
339
+ textBorderWidth: 1,
340
+ },
341
+ },
342
+ markLine: {
343
+ label: {
344
+ color: '#fff',
345
+ textBorderColor: '#000028',
346
+ textBorderWidth: 1,
347
+ },
348
+ },
349
+ markArea: {
350
+ label: {
351
+ color: '#fff',
352
+ textBorderColor: '#000028',
353
+ textBorderWidth: 1,
354
+ },
355
+ },
356
+ },
357
+ };
358
+
359
+ /*
360
+ * SPDX-FileCopyrightText: 2024 Siemens AG
361
+ *
362
+ * SPDX-License-Identifier: MIT
363
+ *
364
+ * This source code is licensed under the MIT license found in the
365
+ * LICENSE file in the root directory of this source tree.
366
+ */
367
+ const colors$2 = [
368
+ '#009999' /* theme-chart-3 */,
369
+ '#005159' /* theme-chart-2 */,
370
+ '#00004A' /* theme-chart-8 */,
371
+ '#1A747D' /* theme-chart-1 */,
372
+ '#3664C6' /* theme-chart-6 */,
373
+ '#002949' /* theme-chart-4 */,
374
+ '#7353E5' /* theme-chart-10 */,
375
+ '#553BA3' /* theme-chart-9 */,
376
+ '#740089' /* theme-chart-11 */,
377
+ '#BE5925' /* theme-chart-14 */,
378
+ '#4F153D' /* theme-chart-13 */,
379
+ '#C04774' /* theme-chart-12 */,
380
+ '#00237A' /* theme-chart-7 */,
381
+ '#801100' /* theme-chart-15 */,
382
+ '#805800' /* theme-chart-16 */,
383
+ '#5E5E4A' /* theme-chart-17 */,
384
+ '#801100' /* theme-chart-5 */,
385
+ ];
386
+ var brandLight = {
387
+ themeName: 'theme-brand-light',
388
+ theme: {
389
+ color: colors$2,
390
+ backgroundColor: 'rgba(0,0,0,0)',
391
+ textStyle: {},
392
+ title: {
393
+ textStyle: {
394
+ color: '#000028',
395
+ },
396
+ subtextStyle: {
397
+ color: '#000028',
398
+ },
399
+ },
400
+ line: {
401
+ itemStyle: {
402
+ borderWidth: 1,
403
+ },
404
+ lineStyle: {
405
+ width: 2,
406
+ },
407
+ symbolSize: 4,
408
+ symbol: 'circle',
409
+ smooth: false,
410
+ },
411
+ radar: {
412
+ itemStyle: {
413
+ borderWidth: 1,
414
+ },
415
+ lineStyle: {
416
+ width: 2,
417
+ },
418
+ symbolSize: 4,
419
+ symbol: 'circle',
420
+ smooth: false,
421
+ },
422
+ bar: {
423
+ itemStyle: {
424
+ barBorderWidth: 0,
425
+ barBorderColor: '#000028',
426
+ },
427
+ },
428
+ pie: {
429
+ itemStyle: {
430
+ borderWidth: 0,
431
+ borderColor: '#000028',
432
+ },
433
+ },
434
+ scatter: {
435
+ itemStyle: {
436
+ borderWidth: 0,
437
+ borderColor: '#000028',
438
+ },
439
+ },
440
+ boxplot: {
441
+ itemStyle: {
442
+ borderWidth: 0,
443
+ borderColor: '#000028',
444
+ },
445
+ },
446
+ parallel: {
447
+ itemStyle: {
448
+ borderWidth: 0,
449
+ borderColor: '#000028',
450
+ },
451
+ },
452
+ sankey: {
453
+ itemStyle: {
454
+ borderWidth: 0,
455
+ borderColor: '#000028',
456
+ },
457
+ },
458
+ funnel: {
459
+ itemStyle: {
460
+ borderWidth: 0,
461
+ borderColor: '#000028',
462
+ },
463
+ },
464
+ gauge: {
465
+ itemStyle: {
466
+ borderWidth: 0,
467
+ borderColor: '#000028',
468
+ },
469
+ },
470
+ candlestick: {
471
+ itemStyle: {
472
+ color: '#01893a',
473
+ color0: '#d72339',
474
+ borderColor: '#01893a',
475
+ borderColor0: '#d72339',
476
+ borderWidth: 1,
477
+ },
478
+ },
479
+ graph: {
480
+ itemStyle: {
481
+ borderWidth: 0,
482
+ borderColor: '#000028',
483
+ },
484
+ lineStyle: {
485
+ width: '1',
486
+ color: '#000028',
487
+ },
488
+ symbolSize: 4,
489
+ symbol: 'circle',
490
+ smooth: false,
491
+ color: colors$2,
492
+ label: {
493
+ color: '#ffffff',
494
+ },
495
+ },
496
+ categoryAxis: {
497
+ axisLine: {
498
+ show: true,
499
+ lineStyle: {
500
+ color: 'rgba(0,0,40,0.3)',
501
+ },
502
+ },
503
+ axisTick: {
504
+ show: true,
505
+ lineStyle: {
506
+ color: 'rgba(0,0,40,0.3)',
507
+ },
508
+ },
509
+ axisLabel: {
510
+ show: true,
511
+ color: '#000028',
512
+ },
513
+ splitLine: {
514
+ show: true,
515
+ lineStyle: {
516
+ color: ['rgba(0,0,40,0.1)'],
517
+ },
518
+ },
519
+ splitArea: {
520
+ show: false,
521
+ areaStyle: {
522
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
523
+ },
524
+ },
525
+ },
526
+ valueAxis: {
527
+ axisLine: {
528
+ show: true,
529
+ lineStyle: {
530
+ color: 'rgba(0,0,40,0.3)',
531
+ },
532
+ },
533
+ axisTick: {
534
+ show: true,
535
+ lineStyle: {
536
+ color: 'rgba(0,0,40,0.3)',
537
+ },
538
+ },
539
+ axisLabel: {
540
+ show: true,
541
+ color: '#000028',
542
+ },
543
+ splitLine: {
544
+ show: true,
545
+ lineStyle: {
546
+ color: ['rgba(0,0,40,0.1)'],
547
+ },
548
+ },
549
+ splitArea: {
550
+ show: false,
551
+ areaStyle: {
552
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
553
+ },
554
+ },
555
+ },
556
+ logAxis: {
557
+ axisLine: {
558
+ show: true,
559
+ lineStyle: {
560
+ color: 'rgba(0,0,40,0.3)',
561
+ },
562
+ },
563
+ axisTick: {
564
+ show: true,
565
+ lineStyle: {
566
+ color: 'rgba(0,0,40,0.3)',
567
+ },
568
+ },
569
+ axisLabel: {
570
+ show: true,
571
+ color: '#000028',
572
+ },
573
+ splitLine: {
574
+ show: true,
575
+ lineStyle: {
576
+ color: ['rgba(0,0,40,0.1)'],
577
+ },
578
+ },
579
+ splitArea: {
580
+ show: false,
581
+ areaStyle: {
582
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
583
+ },
584
+ },
585
+ },
586
+ timeAxis: {
587
+ axisLine: {
588
+ show: true,
589
+ lineStyle: {
590
+ color: 'rgba(0,0,40,0.3)',
591
+ },
592
+ },
593
+ axisTick: {
594
+ show: true,
595
+ lineStyle: {
596
+ color: 'rgba(0,0,40,0.3)',
597
+ },
598
+ },
599
+ axisLabel: {
600
+ show: true,
601
+ color: '#000028',
602
+ },
603
+ splitLine: {
604
+ show: true,
605
+ lineStyle: {
606
+ color: ['rgba(0,0,40,0.1)'],
607
+ },
608
+ },
609
+ splitArea: {
610
+ show: false,
611
+ areaStyle: {
612
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
613
+ },
614
+ },
615
+ },
616
+ toolbox: {
617
+ iconStyle: {
618
+ borderColor: '#000028',
619
+ },
620
+ emphasis: {
621
+ iconStyle: {
622
+ borderColor: '#196269',
623
+ },
624
+ },
625
+ },
626
+ legend: {
627
+ textStyle: {
628
+ color: '#000028',
629
+ },
630
+ },
631
+ tooltip: {
632
+ backgroundColor: '#f3f3f0',
633
+ borderColor: '#f3f3f0',
634
+ textStyle: {
635
+ color: '#000028',
636
+ },
637
+ axisPointer: {
638
+ lineStyle: {
639
+ color: '#000028',
640
+ width: '1',
641
+ },
642
+ crossStyle: {
643
+ color: '#000028',
644
+ width: '1',
645
+ },
646
+ },
647
+ },
648
+ timeline: {
649
+ lineStyle: {
650
+ color: 'transparent',
651
+ width: '1',
652
+ },
653
+ itemStyle: {
654
+ color: '#000028',
655
+ borderWidth: '1',
656
+ },
657
+ controlStyle: {
658
+ color: '#007993',
659
+ borderColor: '#007993',
660
+ borderWidth: '1',
661
+ },
662
+ checkpointStyle: {
663
+ color: '#196269',
664
+ borderColor: '#ffffff',
665
+ },
666
+ label: {
667
+ color: '#000028',
668
+ },
669
+ emphasis: {
670
+ itemStyle: {
671
+ color: '#000028',
672
+ },
673
+ controlStyle: {
674
+ color: '#007993',
675
+ borderColor: '#007993',
676
+ borderWidth: '1',
677
+ },
678
+ label: {
679
+ color: '#000028',
680
+ },
681
+ },
682
+ },
683
+ visualMap: {
684
+ color: ['#d72339', '#e96401', '#e9c32a'],
685
+ },
686
+ dataZoom: {
687
+ handleSize: 'undefined%',
688
+ textStyle: {},
689
+ },
690
+ nameTextStyle: {
691
+ color: '#000028',
692
+ },
693
+ markPoint: {
694
+ label: {
695
+ color: '#000028',
696
+ textBorderColor: '#fff',
697
+ textBorderWidth: 1,
698
+ },
699
+ },
700
+ markLine: {
701
+ label: {
702
+ color: '#000028',
703
+ textBorderColor: '#fff',
704
+ textBorderWidth: 1,
705
+ },
706
+ },
707
+ markArea: {
708
+ label: {
709
+ color: '#000028',
710
+ textBorderColor: '#fff',
711
+ textBorderWidth: 1,
712
+ },
713
+ },
714
+ },
715
+ };
716
+
717
+ /*
718
+ * SPDX-FileCopyrightText: 2024 Siemens AG
719
+ *
720
+ * SPDX-License-Identifier: MIT
721
+ *
722
+ * This source code is licensed under the MIT license found in the
723
+ * LICENSE file in the root directory of this source tree.
724
+ */
725
+ const colors$1 = [
726
+ '#00C2CC' /* theme-chart-3 */,
727
+ '#94FFC9' /* theme-chart-2 */,
728
+ '#3664C6' /* theme-chart-8 */,
729
+ '#00FFE7' /* theme-chart-1 */,
730
+ '#42C6FF' /* theme-chart-6 */,
731
+ '#A3EEFF' /* theme-chart-4 */,
732
+ '#B999FF' /* theme-chart-10 */,
733
+ '#9EA3FF' /* theme-chart-9 */,
734
+ '#D08FFF' /* theme-chart-11 */,
735
+ '#EF9A9A' /* theme-chart-14 */,
736
+ '#F38FC2' /* theme-chart-13 */,
737
+ '#ED85FF' /* theme-chart-12 */,
738
+ '#7AAAFF' /* theme-chart-7 */,
739
+ '#FFB180' /* theme-chart-15 */,
740
+ '#CACAB4' /* theme-chart-16 */,
741
+ '#AAAA96' /* theme-chart-17 */,
742
+ '#90B4C5' /* theme-chart-5 */,
743
+ ];
744
+ var classicDark = {
745
+ themeName: 'theme-classic-dark',
746
+ theme: {
747
+ color: colors$1,
748
+ backgroundColor: 'rgba(0,0,0,0)',
749
+ textStyle: {},
750
+ title: {
751
+ textStyle: {
752
+ color: '#ffffff',
753
+ },
754
+ subtextStyle: {
755
+ color: '#ffffff',
756
+ },
757
+ },
758
+ line: {
759
+ itemStyle: {
760
+ borderWidth: 1,
761
+ },
762
+ lineStyle: {
763
+ width: 2,
764
+ },
765
+ symbolSize: 4,
766
+ symbol: 'circle',
767
+ smooth: false,
768
+ },
769
+ radar: {
770
+ itemStyle: {
771
+ borderWidth: 1,
772
+ },
773
+ lineStyle: {
774
+ width: 2,
775
+ },
776
+ symbolSize: 4,
777
+ symbol: 'circle',
778
+ smooth: false,
779
+ },
780
+ bar: {
781
+ itemStyle: {
782
+ barBorderWidth: 0,
783
+ barBorderColor: '#ffffff',
784
+ },
785
+ },
786
+ pie: {
787
+ itemStyle: {
788
+ borderWidth: 0,
789
+ borderColor: '#ffffff',
790
+ },
791
+ },
792
+ scatter: {
793
+ itemStyle: {
794
+ borderWidth: 0,
795
+ borderColor: '#ffffff',
796
+ },
797
+ },
798
+ boxplot: {
799
+ itemStyle: {
800
+ borderWidth: 0,
801
+ borderColor: '#ffffff',
802
+ },
803
+ },
804
+ parallel: {
805
+ itemStyle: {
806
+ borderWidth: 0,
807
+ borderColor: '#ffffff',
808
+ },
809
+ },
810
+ sankey: {
811
+ itemStyle: {
812
+ borderWidth: 0,
813
+ borderColor: '#ffffff',
814
+ },
815
+ },
816
+ funnel: {
817
+ itemStyle: {
818
+ borderWidth: 0,
819
+ borderColor: '#ffffff',
820
+ },
821
+ },
822
+ gauge: {
823
+ itemStyle: {
824
+ borderWidth: 0,
825
+ borderColor: '#ffffff',
826
+ },
827
+ },
828
+ candlestick: {
829
+ itemStyle: {
830
+ color: '#40c200',
831
+ color0: '#fe0137',
832
+ borderColor: '#40c200',
833
+ borderColor0: '#fe0137',
834
+ borderWidth: 1,
835
+ },
836
+ },
837
+ graph: {
838
+ itemStyle: {
839
+ borderWidth: 0,
840
+ borderColor: '#ffffff',
841
+ },
842
+ lineStyle: {
843
+ width: '1',
844
+ color: '#ffffff',
845
+ },
846
+ symbolSize: 4,
847
+ symbol: 'circle',
848
+ smooth: false,
849
+ color: colors$1,
850
+ label: {
851
+ color: '#000000',
852
+ },
853
+ },
854
+ categoryAxis: {
855
+ axisLine: {
856
+ show: true,
857
+ lineStyle: {
858
+ color: 'rgba(255,255,255,0.3)',
859
+ },
860
+ },
861
+ axisTick: {
862
+ show: true,
863
+ lineStyle: {
864
+ color: 'rgba(255,255,255,0.3)',
865
+ },
866
+ },
867
+ axisLabel: {
868
+ show: true,
869
+ color: 'rgba(255,255,255,0.85)',
870
+ },
871
+ splitLine: {
872
+ show: true,
873
+ lineStyle: {
874
+ color: ['rgba(255,255,255,0.1)'],
875
+ },
876
+ },
877
+ splitArea: {
878
+ show: false,
879
+ areaStyle: {
880
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
881
+ },
882
+ },
883
+ },
884
+ valueAxis: {
885
+ axisLine: {
886
+ show: true,
887
+ lineStyle: {
888
+ color: 'rgba(255,255,255,0.3)',
889
+ },
890
+ },
891
+ axisTick: {
892
+ show: true,
893
+ lineStyle: {
894
+ color: 'rgba(255,255,255,0.3)',
895
+ },
896
+ },
897
+ axisLabel: {
898
+ show: true,
899
+ color: 'rgba(255,255,255,0.85)',
900
+ },
901
+ splitLine: {
902
+ show: true,
903
+ lineStyle: {
904
+ color: ['rgba(255,255,255,0.1)'],
905
+ },
906
+ },
907
+ splitArea: {
908
+ show: false,
909
+ areaStyle: {
910
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
911
+ },
912
+ },
913
+ },
914
+ logAxis: {
915
+ axisLine: {
916
+ show: true,
917
+ lineStyle: {
918
+ color: 'rgba(255,255,255,0.3)',
919
+ },
920
+ },
921
+ axisTick: {
922
+ show: true,
923
+ lineStyle: {
924
+ color: 'rgba(255,255,255,0.3)',
925
+ },
926
+ },
927
+ axisLabel: {
928
+ show: true,
929
+ color: 'rgba(255,255,255,0.85)',
930
+ },
931
+ splitLine: {
932
+ show: true,
933
+ lineStyle: {
934
+ color: ['rgba(255,255,255,0.1)'],
935
+ },
936
+ },
937
+ splitArea: {
938
+ show: false,
939
+ areaStyle: {
940
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
941
+ },
942
+ },
943
+ },
944
+ timeAxis: {
945
+ axisLine: {
946
+ show: true,
947
+ lineStyle: {
948
+ color: 'rgba(255,255,255,0.3)',
949
+ },
950
+ },
951
+ axisTick: {
952
+ show: true,
953
+ lineStyle: {
954
+ color: 'rgba(255,255,255,0.3)',
955
+ },
956
+ },
957
+ axisLabel: {
958
+ show: true,
959
+ color: 'rgba(255,255,255,0.85)',
960
+ },
961
+ splitLine: {
962
+ show: true,
963
+ lineStyle: {
964
+ color: ['rgba(255,255,255,0.1)'],
965
+ },
966
+ },
967
+ splitArea: {
968
+ show: false,
969
+ areaStyle: {
970
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
971
+ },
972
+ },
973
+ },
974
+ toolbox: {
975
+ iconStyle: {
976
+ borderColor: '#ffffff',
977
+ },
978
+ emphasis: {
979
+ iconStyle: {
980
+ borderColor: '#ffffff',
981
+ },
982
+ },
983
+ },
984
+ legend: {
985
+ textStyle: {
986
+ color: '#ffffff',
987
+ },
988
+ },
989
+ tooltip: {
990
+ backgroundColor: '#283236',
991
+ borderColor: '#283236',
992
+ textStyle: {
993
+ color: 'rgba(245, 252, 255, .93)',
994
+ },
995
+ axisPointer: {
996
+ lineStyle: {
997
+ color: '#ffffff',
998
+ width: '1',
999
+ },
1000
+ crossStyle: {
1001
+ color: '#ffffff',
1002
+ width: '1',
1003
+ },
1004
+ },
1005
+ },
1006
+ timeline: {
1007
+ lineStyle: {
1008
+ color: 'transparent',
1009
+ width: '1',
1010
+ },
1011
+ itemStyle: {
1012
+ color: '#ffffff',
1013
+ borderWidth: '1',
1014
+ },
1015
+ controlStyle: {
1016
+ color: '#41aaaa',
1017
+ borderColor: '#41aaaa',
1018
+ borderWidth: '1',
1019
+ },
1020
+ checkpointStyle: {
1021
+ color: '#41aaaa',
1022
+ borderColor: 'transparent',
1023
+ },
1024
+ label: {
1025
+ color: '#ffffff',
1026
+ },
1027
+ emphasis: {
1028
+ itemStyle: {
1029
+ color: '#ffffff',
1030
+ },
1031
+ controlStyle: {
1032
+ color: '#41aaaa',
1033
+ borderColor: '#41aaaa',
1034
+ borderWidth: '1',
1035
+ },
1036
+ label: {
1037
+ color: '#ffffff',
1038
+ },
1039
+ },
1040
+ },
1041
+ visualMap: {
1042
+ color: ['#fe0137', '#eb780a', '#ffb900'],
1043
+ },
1044
+ dataZoom: {
1045
+ handleSize: 'undefined%',
1046
+ textStyle: {},
1047
+ },
1048
+ nameTextStyle: {
1049
+ color: 'rgba(245, 252, 255, .93)',
1050
+ },
1051
+ markPoint: {
1052
+ label: {
1053
+ color: 'rgba(245, 252, 255, .93)',
1054
+ textBorderColor: '#000',
1055
+ textBorderWidth: 1,
1056
+ },
1057
+ },
1058
+ markLine: {
1059
+ label: {
1060
+ color: 'rgba(245, 252, 255, .93)',
1061
+ textBorderColor: '#000',
1062
+ textBorderWidth: 1,
1063
+ },
1064
+ },
1065
+ markArea: {
1066
+ label: {
1067
+ color: 'rgba(245, 252, 255, .93)',
1068
+ textBorderColor: '#000',
1069
+ textBorderWidth: 1,
1070
+ },
1071
+ },
1072
+ },
1073
+ };
1074
+
1075
+ /*
1076
+ * SPDX-FileCopyrightText: 2024 Siemens AG
1077
+ *
1078
+ * SPDX-License-Identifier: MIT
1079
+ *
1080
+ * This source code is licensed under the MIT license found in the
1081
+ * LICENSE file in the root directory of this source tree.
1082
+ */
1083
+ const colors = [
1084
+ '#00838F' /* theme-chart-3 */,
1085
+ '#00572B' /* theme-chart-2 */,
1086
+ '#0041D6' /* theme-chart-8 */,
1087
+ '#008A7C' /* theme-chart-1 */,
1088
+ '#0076A8' /* theme-chart-6 */,
1089
+ '#003C61' /* theme-chart-4 */,
1090
+ '#7C40FF' /* theme-chart-10 */,
1091
+ '#4A52F2' /* theme-chart-9 */,
1092
+ '#900EEC' /* theme-chart-11 */,
1093
+ '#9E5833' /* theme-chart-14 */,
1094
+ '#6F2542' /* theme-chart-13 */,
1095
+ '#AA32BE' /* theme-chart-12 */,
1096
+ '#182171' /* theme-chart-7 */,
1097
+ '#B74E2A' /* theme-chart-15 */,
1098
+ '#73735E' /* theme-chart-16 */,
1099
+ '#7A8000' /* theme-chart-17 */,
1100
+ '#61778C' /* theme-chart-5 */,
1101
+ ];
1102
+ var classicLight = {
1103
+ themeName: 'theme-classic-light',
1104
+ theme: {
1105
+ color: colors,
1106
+ backgroundColor: 'rgba(0,0,0,0)',
1107
+ textStyle: {},
1108
+ title: {
1109
+ textStyle: {
1110
+ color: '#000000',
1111
+ },
1112
+ subtextStyle: {
1113
+ color: '#000000',
1114
+ },
1115
+ },
1116
+ line: {
1117
+ itemStyle: {
1118
+ borderWidth: 1,
1119
+ },
1120
+ lineStyle: {
1121
+ width: 2,
1122
+ },
1123
+ symbolSize: 4,
1124
+ symbol: 'circle',
1125
+ smooth: false,
1126
+ },
1127
+ radar: {
1128
+ itemStyle: {
1129
+ borderWidth: 1,
1130
+ },
1131
+ lineStyle: {
1132
+ width: 2,
1133
+ },
1134
+ symbolSize: 4,
1135
+ symbol: 'circle',
1136
+ smooth: false,
1137
+ },
1138
+ bar: {
1139
+ itemStyle: {
1140
+ barBorderWidth: 0,
1141
+ barBorderColor: '#000000',
1142
+ },
1143
+ },
1144
+ pie: {
1145
+ itemStyle: {
1146
+ borderWidth: 0,
1147
+ borderColor: '#000000',
1148
+ },
1149
+ },
1150
+ scatter: {
1151
+ itemStyle: {
1152
+ borderWidth: 0,
1153
+ borderColor: '#000000',
1154
+ },
1155
+ },
1156
+ boxplot: {
1157
+ itemStyle: {
1158
+ borderWidth: 0,
1159
+ borderColor: '#000000',
1160
+ },
1161
+ },
1162
+ parallel: {
1163
+ itemStyle: {
1164
+ borderWidth: 0,
1165
+ borderColor: '#000000',
1166
+ },
1167
+ },
1168
+ sankey: {
1169
+ itemStyle: {
1170
+ borderWidth: 0,
1171
+ borderColor: '#000000',
1172
+ },
1173
+ },
1174
+ funnel: {
1175
+ itemStyle: {
1176
+ borderWidth: 0,
1177
+ borderColor: '#000000',
1178
+ },
1179
+ },
1180
+ gauge: {
1181
+ itemStyle: {
1182
+ borderWidth: 0,
1183
+ borderColor: '#000000',
1184
+ },
1185
+ },
1186
+ candlestick: {
1187
+ itemStyle: {
1188
+ color: '#339b00',
1189
+ color0: '#dc0031',
1190
+ borderColor: '#339b00',
1191
+ borderColor0: '#dc0031',
1192
+ borderWidth: 1,
1193
+ },
1194
+ },
1195
+ graph: {
1196
+ itemStyle: {
1197
+ borderWidth: 0,
1198
+ borderColor: '#000000',
1199
+ },
1200
+ lineStyle: {
1201
+ width: '1',
1202
+ color: '#000000',
1203
+ },
1204
+ symbolSize: 4,
1205
+ symbol: 'circle',
1206
+ smooth: false,
1207
+ color: colors,
1208
+ label: {
1209
+ color: '#ffffff',
1210
+ },
1211
+ },
1212
+ categoryAxis: {
1213
+ axisLine: {
1214
+ show: true,
1215
+ lineStyle: {
1216
+ color: 'rgba(0,0,0,0.3)',
1217
+ },
1218
+ },
1219
+ axisTick: {
1220
+ show: true,
1221
+ lineStyle: {
1222
+ color: 'rgba(0,0,0,0.3)',
1223
+ },
1224
+ },
1225
+ axisLabel: {
1226
+ show: true,
1227
+ color: 'rgba(0,0,0,0.75)',
1228
+ },
1229
+ splitLine: {
1230
+ show: true,
1231
+ lineStyle: {
1232
+ color: ['rgba(0,0,0,0.1)'],
1233
+ },
1234
+ },
1235
+ splitArea: {
1236
+ show: false,
1237
+ areaStyle: {
1238
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
1239
+ },
1240
+ },
1241
+ },
1242
+ valueAxis: {
1243
+ axisLine: {
1244
+ show: true,
1245
+ lineStyle: {
1246
+ color: 'rgba(0,0,0,0.3)',
1247
+ },
1248
+ },
1249
+ axisTick: {
1250
+ show: true,
1251
+ lineStyle: {
1252
+ color: 'rgba(0,0,0,0.3)',
1253
+ },
1254
+ },
1255
+ axisLabel: {
1256
+ show: true,
1257
+ color: 'rgba(0,0,0,0.75)',
1258
+ },
1259
+ splitLine: {
1260
+ show: true,
1261
+ lineStyle: {
1262
+ color: ['rgba(0,0,0,0.1)'],
1263
+ },
1264
+ },
1265
+ splitArea: {
1266
+ show: false,
1267
+ areaStyle: {
1268
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
1269
+ },
1270
+ },
1271
+ },
1272
+ logAxis: {
1273
+ axisLine: {
1274
+ show: true,
1275
+ lineStyle: {
1276
+ color: 'rgba(0,0,0,0.3)',
1277
+ },
1278
+ },
1279
+ axisTick: {
1280
+ show: true,
1281
+ lineStyle: {
1282
+ color: 'rgba(0,0,0,0.3)',
1283
+ },
1284
+ },
1285
+ axisLabel: {
1286
+ show: true,
1287
+ color: 'rgba(0,0,0,0.75)',
1288
+ },
1289
+ splitLine: {
1290
+ show: true,
1291
+ lineStyle: {
1292
+ color: ['rgba(0,0,0,0.1)'],
1293
+ },
1294
+ },
1295
+ splitArea: {
1296
+ show: false,
1297
+ areaStyle: {
1298
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
1299
+ },
1300
+ },
1301
+ },
1302
+ timeAxis: {
1303
+ axisLine: {
1304
+ show: true,
1305
+ lineStyle: {
1306
+ color: 'rgba(0,0,0,0.3)',
1307
+ },
1308
+ },
1309
+ axisTick: {
1310
+ show: true,
1311
+ lineStyle: {
1312
+ color: 'rgba(0,0,0,0.3)',
1313
+ },
1314
+ },
1315
+ axisLabel: {
1316
+ show: true,
1317
+ color: 'rgba(0,0,0,0.75)',
1318
+ },
1319
+ splitLine: {
1320
+ show: true,
1321
+ lineStyle: {
1322
+ color: ['rgba(0,0,0,0.1)'],
1323
+ },
1324
+ },
1325
+ splitArea: {
1326
+ show: false,
1327
+ areaStyle: {
1328
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
1329
+ },
1330
+ },
1331
+ },
1332
+ toolbox: {
1333
+ iconStyle: {
1334
+ borderColor: '#000000',
1335
+ },
1336
+ emphasis: {
1337
+ iconStyle: {
1338
+ borderColor: '#000000',
1339
+ },
1340
+ },
1341
+ },
1342
+ legend: {
1343
+ textStyle: {
1344
+ color: '#000000',
1345
+ },
1346
+ },
1347
+ tooltip: {
1348
+ backgroundColor: '#eff0f1',
1349
+ borderColor: '#eff0f1',
1350
+ textStyle: {
1351
+ color: 'rgba(0, 10, 20, .9)',
1352
+ },
1353
+ axisPointer: {
1354
+ lineStyle: {
1355
+ color: '#000000',
1356
+ width: '1',
1357
+ },
1358
+ crossStyle: {
1359
+ color: '#000000',
1360
+ width: '1',
1361
+ },
1362
+ },
1363
+ },
1364
+ timeline: {
1365
+ lineStyle: {
1366
+ color: 'transparent',
1367
+ width: '1',
1368
+ },
1369
+ itemStyle: {
1370
+ color: '#000000',
1371
+ borderWidth: '1',
1372
+ },
1373
+ controlStyle: {
1374
+ color: '#0e777c',
1375
+ borderColor: '#0e777c',
1376
+ borderWidth: '1',
1377
+ },
1378
+ checkpointStyle: {
1379
+ color: '#0e777c',
1380
+ borderColor: '#ffffff',
1381
+ },
1382
+ label: {
1383
+ color: '#000000',
1384
+ },
1385
+ emphasis: {
1386
+ itemStyle: {
1387
+ color: '#000000',
1388
+ },
1389
+ controlStyle: {
1390
+ color: '#0e777c',
1391
+ borderColor: '#0e777c',
1392
+ borderWidth: '1',
1393
+ },
1394
+ label: {
1395
+ color: '#000000',
1396
+ },
1397
+ },
1398
+ },
1399
+ visualMap: {
1400
+ color: ['#dc0031', '#ff8d00', '#f0b800'],
1401
+ },
1402
+ dataZoom: {
1403
+ handleSize: 'undefined%',
1404
+ textStyle: {},
1405
+ },
1406
+ nameTextStyle: {
1407
+ color: 'rgba(0, 10, 20, .9)',
1408
+ },
1409
+ markPoint: {
1410
+ label: {
1411
+ color: 'rgba(0, 10, 20, .9)',
1412
+ textBorderColor: '#fff',
1413
+ textBorderWidth: 1,
1414
+ },
1415
+ },
1416
+ markLine: {
1417
+ label: {
1418
+ color: 'rgba(0, 10, 20, .9)',
1419
+ textBorderColor: '#fff',
1420
+ textBorderWidth: 1,
1421
+ },
1422
+ },
1423
+ markArea: {
1424
+ label: {
1425
+ color: 'rgba(0, 10, 20, .9)',
1426
+ textBorderColor: '#fff',
1427
+ textBorderWidth: 1,
1428
+ },
1429
+ },
1430
+ },
1431
+ };
1432
+
1433
+ /*
1434
+ * SPDX-FileCopyrightText: 2024 Siemens AG
1435
+ *
1436
+ * SPDX-License-Identifier: MIT
1437
+ *
1438
+ * This source code is licensed under the MIT license found in the
1439
+ * LICENSE file in the root directory of this source tree.
1440
+ */
1441
+ function registerTheme(echartsInstance) {
1442
+ const echarts = echartsInstance !== null && echartsInstance !== void 0 ? echartsInstance : window.echarts;
1443
+ if (!echarts) {
1444
+ throw Error('echarts not found');
1445
+ }
1446
+ [classicDark, classicLight, brandDark, brandLight].forEach((themeBundle) => {
1447
+ echarts.registerTheme(themeBundle.themeName, themeBundle.theme);
1448
+ });
1449
+ }
1450
+
1451
+ /*
1452
+ * SPDX-FileCopyrightText: 2023 Siemens AG
1453
+ *
1454
+ * SPDX-License-Identifier: MIT
1455
+ *
1456
+ * This source code is licensed under the MIT license found in the
1457
+ * LICENSE file in the root directory of this source tree.
1458
+ */
1459
+ function getComputedCSSProperty(cssProperty) {
1460
+ return getComputedStyle(document.body).getPropertyValue(`--theme-${cssProperty}`);
1461
+ }
1462
+
1463
+ export { brandDark, brandLight, classicDark, classicLight, getComputedCSSProperty, registerTheme };