@siemens/ix-echarts 0.0.0-pr-1642-20250313082857 → 0.0.0-pr-2300-20260107140403

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 (2) hide show
  1. package/dist/index.js +148 -492
  2. package/package.json +3 -2
package/dist/index.js CHANGED
@@ -23,8 +23,38 @@ const colors$3 = [
23
23
  '#FFBC66' /* theme-chart-15 */,
24
24
  '#FFF7D6' /* theme-chart-16 */,
25
25
  '#AAAA96' /* theme-chart-17 */,
26
- '#FFBC66' /* theme-chart-5 */,
26
+ '#7D8099' /* theme-chart-5 */,
27
27
  ];
28
+ const axisCommon$3 = {
29
+ axisLine: {
30
+ show: true,
31
+ lineStyle: {
32
+ color: 'rgba(255,255,255,0.3)',
33
+ },
34
+ },
35
+ axisTick: {
36
+ show: true,
37
+ lineStyle: {
38
+ color: 'rgba(255,255,255,0.35)',
39
+ },
40
+ },
41
+ axisLabel: {
42
+ show: true,
43
+ color: '#ffffff',
44
+ },
45
+ splitLine: {
46
+ show: true,
47
+ lineStyle: {
48
+ color: ['rgba(255,255,255,0.1)'],
49
+ },
50
+ },
51
+ splitArea: {
52
+ show: false,
53
+ areaStyle: {
54
+ color: ['rgba(0,0,0,0)', 'rgba(255,255,255,0.1)'],
55
+ },
56
+ },
57
+ };
28
58
  var brandDark = {
29
59
  themeName: 'theme-brand-dark',
30
60
  theme: {
@@ -135,126 +165,10 @@ var brandDark = {
135
165
  color: '#000000',
136
166
  },
137
167
  },
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
- },
168
+ categoryAxis: axisCommon$3,
169
+ valueAxis: axisCommon$3,
170
+ logAxis: axisCommon$3,
171
+ timeAxis: axisCommon$3,
258
172
  toolbox: {
259
173
  iconStyle: {
260
174
  borderColor: '#ffffff',
@@ -271,8 +185,8 @@ var brandDark = {
271
185
  },
272
186
  },
273
187
  tooltip: {
274
- backgroundColor: '#23233c',
275
- borderColor: '#23233c',
188
+ backgroundColor: '#000028cc',
189
+ borderColor: '#ffffff40',
276
190
  textStyle: {
277
191
  color: '#ffffff',
278
192
  },
@@ -381,8 +295,38 @@ const colors$2 = [
381
295
  '#801100' /* theme-chart-15 */,
382
296
  '#805800' /* theme-chart-16 */,
383
297
  '#5E5E4A' /* theme-chart-17 */,
384
- '#801100' /* theme-chart-5 */,
298
+ '#4C4C68' /* theme-chart-5 */,
385
299
  ];
300
+ const axisCommon$2 = {
301
+ axisLine: {
302
+ show: true,
303
+ lineStyle: {
304
+ color: 'rgba(0,0,40,0.3)',
305
+ },
306
+ },
307
+ axisTick: {
308
+ show: true,
309
+ lineStyle: {
310
+ color: 'rgba(0,0,40,0.3)',
311
+ },
312
+ },
313
+ axisLabel: {
314
+ show: true,
315
+ color: '#000028',
316
+ },
317
+ splitLine: {
318
+ show: true,
319
+ lineStyle: {
320
+ color: ['rgba(0,0,40,0.1)'],
321
+ },
322
+ },
323
+ splitArea: {
324
+ show: false,
325
+ areaStyle: {
326
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
327
+ },
328
+ },
329
+ };
386
330
  var brandLight = {
387
331
  themeName: 'theme-brand-light',
388
332
  theme: {
@@ -493,126 +437,10 @@ var brandLight = {
493
437
  color: '#ffffff',
494
438
  },
495
439
  },
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
- },
440
+ categoryAxis: axisCommon$2,
441
+ valueAxis: axisCommon$2,
442
+ logAxis: axisCommon$2,
443
+ timeAxis: axisCommon$2,
616
444
  toolbox: {
617
445
  iconStyle: {
618
446
  borderColor: '#000028',
@@ -629,8 +457,8 @@ var brandLight = {
629
457
  },
630
458
  },
631
459
  tooltip: {
632
- backgroundColor: '#f3f3f0',
633
- borderColor: '#f3f3f0',
460
+ backgroundColor: '#ffffffcc',
461
+ borderColor: '#00002833',
634
462
  textStyle: {
635
463
  color: '#000028',
636
464
  },
@@ -725,7 +553,7 @@ var brandLight = {
725
553
  const colors$1 = [
726
554
  '#00C2CC' /* theme-chart-3 */,
727
555
  '#94FFC9' /* theme-chart-2 */,
728
- '#3664C6' /* theme-chart-8 */,
556
+ '#9EBBFF' /* theme-chart-8 */,
729
557
  '#00FFE7' /* theme-chart-1 */,
730
558
  '#42C6FF' /* theme-chart-6 */,
731
559
  '#A3EEFF' /* theme-chart-4 */,
@@ -738,9 +566,39 @@ const colors$1 = [
738
566
  '#7AAAFF' /* theme-chart-7 */,
739
567
  '#FFB180' /* theme-chart-15 */,
740
568
  '#CACAB4' /* theme-chart-16 */,
741
- '#AAAA96' /* theme-chart-17 */,
569
+ '#B5BD00' /* theme-chart-17 */,
742
570
  '#90B4C5' /* theme-chart-5 */,
743
571
  ];
572
+ const axisCommon$1 = {
573
+ axisLine: {
574
+ show: true,
575
+ lineStyle: {
576
+ color: 'rgba(255,255,255,0.3)',
577
+ },
578
+ },
579
+ axisTick: {
580
+ show: true,
581
+ lineStyle: {
582
+ color: 'rgba(255,255,255,0.35)',
583
+ },
584
+ },
585
+ axisLabel: {
586
+ show: true,
587
+ color: 'rgba(255,255,255,0.85)',
588
+ },
589
+ splitLine: {
590
+ show: true,
591
+ lineStyle: {
592
+ color: ['rgba(255,255,255,0.1)'],
593
+ },
594
+ },
595
+ splitArea: {
596
+ show: false,
597
+ areaStyle: {
598
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
599
+ },
600
+ },
601
+ };
744
602
  var classicDark = {
745
603
  themeName: 'theme-classic-dark',
746
604
  theme: {
@@ -851,126 +709,10 @@ var classicDark = {
851
709
  color: '#000000',
852
710
  },
853
711
  },
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
- },
712
+ categoryAxis: axisCommon$1,
713
+ valueAxis: axisCommon$1,
714
+ logAxis: axisCommon$1,
715
+ timeAxis: axisCommon$1,
974
716
  toolbox: {
975
717
  iconStyle: {
976
718
  borderColor: '#ffffff',
@@ -987,8 +729,8 @@ var classicDark = {
987
729
  },
988
730
  },
989
731
  tooltip: {
990
- backgroundColor: '#283236',
991
- borderColor: '#283236',
732
+ backgroundColor: '#0f1619cc',
733
+ borderColor: '#ffffff40',
992
734
  textStyle: {
993
735
  color: 'rgba(245, 252, 255, .93)',
994
736
  },
@@ -1099,6 +841,36 @@ const colors = [
1099
841
  '#7A8000' /* theme-chart-17 */,
1100
842
  '#61778C' /* theme-chart-5 */,
1101
843
  ];
844
+ const axisCommon = {
845
+ axisLine: {
846
+ show: true,
847
+ lineStyle: {
848
+ color: 'rgba(0,0,0,0.3)',
849
+ },
850
+ },
851
+ axisTick: {
852
+ show: true,
853
+ lineStyle: {
854
+ color: 'rgba(0,0,0,0.3)',
855
+ },
856
+ },
857
+ axisLabel: {
858
+ show: true,
859
+ color: 'rgba(0,0,0,0.75)',
860
+ },
861
+ splitLine: {
862
+ show: true,
863
+ lineStyle: {
864
+ color: ['rgba(0,0,0,0.1)'],
865
+ },
866
+ },
867
+ splitArea: {
868
+ show: false,
869
+ areaStyle: {
870
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
871
+ },
872
+ },
873
+ };
1102
874
  var classicLight = {
1103
875
  themeName: 'theme-classic-light',
1104
876
  theme: {
@@ -1209,126 +981,10 @@ var classicLight = {
1209
981
  color: '#ffffff',
1210
982
  },
1211
983
  },
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
- },
984
+ categoryAxis: axisCommon,
985
+ valueAxis: axisCommon,
986
+ logAxis: axisCommon,
987
+ timeAxis: axisCommon,
1332
988
  toolbox: {
1333
989
  iconStyle: {
1334
990
  borderColor: '#000000',
@@ -1345,8 +1001,8 @@ var classicLight = {
1345
1001
  },
1346
1002
  },
1347
1003
  tooltip: {
1348
- backgroundColor: '#eff0f1',
1349
- borderColor: '#eff0f1',
1004
+ backgroundColor: '#ffffffcc',
1005
+ borderColor: '#00000033',
1350
1006
  textStyle: {
1351
1007
  color: 'rgba(0, 10, 20, .9)',
1352
1008
  },
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "https://github.com/siemens/ix",
8
8
  "directory": "packages/echarts"
9
9
  },
10
- "version": "0.0.0-pr-1642-20250313082857",
10
+ "version": "0.0.0-pr-2300-20260107140403",
11
11
  "description": "Siemens iX theme for echarts",
12
12
  "main": "dist/index.js",
13
13
  "types": "dist/types/index.d.ts",
@@ -17,7 +17,7 @@
17
17
  "author": "",
18
18
  "license": "MIT",
19
19
  "devDependencies": {
20
- "@playwright/test": "^1.49.1",
20
+ "@playwright/test": "^1.54.1",
21
21
  "@rollup/plugin-typescript": "^8.5.0",
22
22
  "echarts": "^5.5.1",
23
23
  "http-server": "^14.1.1",
@@ -33,6 +33,7 @@
33
33
  "echarts": "^5.3.3"
34
34
  },
35
35
  "scripts": {
36
+ "test.setup": "playwright install chromium --with-deps",
36
37
  "build": "npm run clean && npm run compile",
37
38
  "clean": "rimraf dist",
38
39
  "compile": "rollup -c",