@siemens/ix-echarts 0.0.0-20240419081748 → 0.0.0-pr-1642-20250313082857

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/index.js CHANGED
@@ -1,7 +1,3 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
1
  /*
6
2
  * SPDX-FileCopyrightText: 2024 Siemens AG
7
3
  *
@@ -10,21 +6,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
10
6
  * This source code is licensed under the MIT license found in the
11
7
  * LICENSE file in the root directory of this source tree.
12
8
  */
13
- const brandDarkProject = {
14
- themeName: 'brand-dark',
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',
15
30
  theme: {
16
- color: [
17
- '#00ffb9',
18
- '#41b7e6',
19
- '#cd31e7',
20
- '#b3b3be',
21
- '#0087be',
22
- '#86a0f6',
23
- '#baba9d',
24
- '#009e78',
25
- '#ffb180',
26
- '#b5bd00',
27
- ],
31
+ color: colors$3,
28
32
  backgroundColor: 'rgba(0,0,0,0)',
29
33
  textStyle: {},
30
34
  title: {
@@ -126,18 +130,7 @@ const brandDarkProject = {
126
130
  symbolSize: 4,
127
131
  symbol: 'emptyCircle',
128
132
  smooth: false,
129
- color: [
130
- '#00ffb9',
131
- '#41b7e6',
132
- '#cd31e7',
133
- '#b3b3be',
134
- '#0087be',
135
- '#86a0f6',
136
- '#baba9d',
137
- '#009e78',
138
- '#ffb180',
139
- '#b5bd00',
140
- ],
133
+ color: colors$3,
141
134
  label: {
142
135
  color: '#000000',
143
136
  },
@@ -371,21 +364,29 @@ const brandDarkProject = {
371
364
  * This source code is licensed under the MIT license found in the
372
365
  * LICENSE file in the root directory of this source tree.
373
366
  */
374
- const brandLightProject = {
375
- themeName: 'brand-light',
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',
376
388
  theme: {
377
- color: [
378
- '#00af8e',
379
- '#0087be',
380
- '#aa32be',
381
- '#71758f',
382
- '#00557c',
383
- '#4660b4',
384
- '#94947b',
385
- '#007362',
386
- '#dd886a',
387
- '#909700',
388
- ],
389
+ color: colors$2,
389
390
  backgroundColor: 'rgba(0,0,0,0)',
390
391
  textStyle: {},
391
392
  title: {
@@ -487,18 +488,7 @@ const brandLightProject = {
487
488
  symbolSize: 4,
488
489
  symbol: 'circle',
489
490
  smooth: false,
490
- color: [
491
- '#00af8e',
492
- '#0087be',
493
- '#aa32be',
494
- '#71758f',
495
- '#00557c',
496
- '#4660b4',
497
- '#94947b',
498
- '#007362',
499
- '#dd886a',
500
- '#909700',
501
- ],
491
+ color: colors$2,
502
492
  label: {
503
493
  color: '#ffffff',
504
494
  },
@@ -732,21 +722,29 @@ const brandLightProject = {
732
722
  * This source code is licensed under the MIT license found in the
733
723
  * LICENSE file in the root directory of this source tree.
734
724
  */
735
- const classicDarkProject = {
736
- themeName: 'classic-dark',
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',
737
746
  theme: {
738
- color: [
739
- '#00ebd5',
740
- '#42b3ff',
741
- '#dd65b5',
742
- '#86acc0',
743
- '#2473ff',
744
- '#757eff',
745
- '#baba9d',
746
- '#009e78',
747
- '#ffb180',
748
- '#b5bd00',
749
- ],
747
+ color: colors$1,
750
748
  backgroundColor: 'rgba(0,0,0,0)',
751
749
  textStyle: {},
752
750
  title: {
@@ -848,18 +846,7 @@ const classicDarkProject = {
848
846
  symbolSize: 4,
849
847
  symbol: 'circle',
850
848
  smooth: false,
851
- color: [
852
- '#00ebd5',
853
- '#42b3ff',
854
- '#dd65b5',
855
- '#86acc0',
856
- '#2473ff',
857
- '#757eff',
858
- '#baba9d',
859
- '#009e78',
860
- '#ffb180',
861
- '#b5bd00',
862
- ],
849
+ color: colors$1,
863
850
  label: {
864
851
  color: '#000000',
865
852
  },
@@ -1093,21 +1080,29 @@ const classicDarkProject = {
1093
1080
  * This source code is licensed under the MIT license found in the
1094
1081
  * LICENSE file in the root directory of this source tree.
1095
1082
  */
1096
- const classicLightProject = {
1097
- themeName: 'classic-light',
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',
1098
1104
  theme: {
1099
- color: [
1100
- '#00b8a6',
1101
- '#0094f0',
1102
- '#b63b8c',
1103
- '#617d8c',
1104
- '#2351a4',
1105
- '#5560ff',
1106
- '#94947b',
1107
- '#007362',
1108
- '#dd886a',
1109
- '#909700',
1110
- ],
1105
+ color: colors,
1111
1106
  backgroundColor: 'rgba(0,0,0,0)',
1112
1107
  textStyle: {},
1113
1108
  title: {
@@ -1209,18 +1204,7 @@ const classicLightProject = {
1209
1204
  symbolSize: 4,
1210
1205
  symbol: 'circle',
1211
1206
  smooth: false,
1212
- color: [
1213
- '#00b8a6',
1214
- '#0094f0',
1215
- '#b63b8c',
1216
- '#617d8c',
1217
- '#2351a4',
1218
- '#5560ff',
1219
- '#94947b',
1220
- '#007362',
1221
- '#dd886a',
1222
- '#909700',
1223
- ],
1207
+ color: colors,
1224
1208
  label: {
1225
1209
  color: '#ffffff',
1226
1210
  },
@@ -1454,36 +1438,26 @@ const classicLightProject = {
1454
1438
  * This source code is licensed under the MIT license found in the
1455
1439
  * LICENSE file in the root directory of this source tree.
1456
1440
  */
1457
- function registerEChartsThemes(echartsInstance) {
1441
+ function registerTheme(echartsInstance) {
1458
1442
  const echarts = echartsInstance !== null && echartsInstance !== void 0 ? echartsInstance : window.echarts;
1459
1443
  if (!echarts) {
1460
1444
  throw Error('echarts not found');
1461
1445
  }
1462
- [
1463
- classicDarkProject,
1464
- classicLightProject,
1465
- brandDarkProject,
1466
- brandLightProject,
1467
- ].forEach((themeBundle) => {
1446
+ [classicDark, classicLight, brandDark, brandLight].forEach((themeBundle) => {
1468
1447
  echarts.registerTheme(themeBundle.themeName, themeBundle.theme);
1469
1448
  });
1470
1449
  }
1471
1450
 
1472
1451
  /*
1473
- * SPDX-FileCopyrightText: 2024 Siemens AG
1452
+ * SPDX-FileCopyrightText: 2023 Siemens AG
1474
1453
  *
1475
1454
  * SPDX-License-Identifier: MIT
1476
1455
  *
1477
1456
  * This source code is licensed under the MIT license found in the
1478
1457
  * LICENSE file in the root directory of this source tree.
1479
1458
  */
1480
- function convertThemeName(conventionalName) {
1481
- return conventionalName.replace('theme-', '');
1459
+ function getComputedCSSProperty(cssProperty) {
1460
+ return getComputedStyle(document.body).getPropertyValue(`--theme-${cssProperty}`);
1482
1461
  }
1483
1462
 
1484
- exports.brandDark = brandDarkProject;
1485
- exports.brandLight = brandLightProject;
1486
- exports.classicDark = classicDarkProject;
1487
- exports.classicLight = classicLightProject;
1488
- exports.convertThemeName = convertThemeName;
1489
- exports.registerTheme = registerEChartsThemes;
1463
+ export { brandDark, brandLight, classicDark, classicLight, getComputedCSSProperty, registerTheme };
@@ -0,0 +1 @@
1
+ export default function getComputedCSSProperty(cssProperty: string): string;
@@ -1,6 +1,6 @@
1
1
  export { default as registerTheme } from './register';
2
+ export { default as getComputedCSSProperty } from './computecss';
2
3
  export { default as brandDark } from './themes/brand-dark';
3
4
  export { default as brandLight } from './themes/brand-light';
4
5
  export { default as classicDark } from './themes/classic-dark';
5
6
  export { default as classicLight } from './themes/classic-light';
6
- export declare function convertThemeName(conventionalName: string): string;
@@ -4,4 +4,4 @@ declare global {
4
4
  echarts: ECharts;
5
5
  }
6
6
  }
7
- export default function registerEChartsThemes(echartsInstance?: any): void;
7
+ export default function registerTheme(echartsInstance?: any): void;
package/package.json CHANGED
@@ -7,10 +7,9 @@
7
7
  "url": "https://github.com/siemens/ix",
8
8
  "directory": "packages/echarts"
9
9
  },
10
- "version": "0.0.0-20240419081748",
10
+ "version": "0.0.0-pr-1642-20250313082857",
11
11
  "description": "Siemens iX theme for echarts",
12
12
  "main": "dist/index.js",
13
- "module": "dist/index.esm.js",
14
13
  "types": "dist/types/index.d.ts",
15
14
  "files": [
16
15
  "dist"
@@ -18,19 +17,18 @@
18
17
  "author": "",
19
18
  "license": "MIT",
20
19
  "devDependencies": {
21
- "@playwright/test": "^1.32.1",
22
- "@rollup/plugin-typescript": "^8.4.0",
23
- "echarts": "^5.4.1",
20
+ "@playwright/test": "^1.49.1",
21
+ "@rollup/plugin-typescript": "^8.5.0",
22
+ "echarts": "^5.5.1",
24
23
  "http-server": "^14.1.1",
25
24
  "rimraf": "^3.0.2",
26
- "rollup": "^2.78.1",
27
- "rollup-plugin-dts": "^4.2.0",
25
+ "rollup": "^2.79.1",
26
+ "rollup-plugin-dts": "^4.2.3",
28
27
  "rollup-plugin-peer-deps-external": "^2.2.4",
29
28
  "rollup-plugin-sourcemaps": "^0.6.3",
30
29
  "rollup-plugin-terser": "^7.0.2",
31
- "typescript": "^4.5.5"
30
+ "typescript": "^4.9.5"
32
31
  },
33
- "dependencies": {},
34
32
  "peerDependencies": {
35
33
  "echarts": "^5.3.3"
36
34
  },