feat(echarts): adapt theme names

.changeset/tame-emus-poke.md

@@ -0,0 +1,5 @@
+---
+"@siemens/ix-echarts": patch
+---
+
+The __echarts__ theme names have been adapted to the default theme names

packages/angular-test-app/src/preview-examples/echarts-bar-horizontal-stacked.ts

@@ -8,7 +8,7 @@
  */
 
 import { Component, OnInit } from '@angular/core';
-import { convertThemeName, registerTheme } from '@siemens/ix-echarts';
+import { registerTheme } from '@siemens/ix-echarts';
 import { themeSwitcher } from '@siemens/ix';
 import * as echarts from 'echarts/core';
 import { BarSeriesOption, EChartsOption } from 'echarts';
@@ -19,7 +19,7 @@ import { BarSeriesOption, EChartsOption } from 'echarts';
   styleUrls: ['./echarts-bar-horizontal-stacked.css'],
 })
 export default class EchartsBarHorizontalStacked implements OnInit {
-  theme = convertThemeName(themeSwitcher.getCurrentTheme());
+  theme = themeSwitcher.getCurrentTheme();
 
   data = {
     years: ['2023', '2022', '2021', '2020', '2019'],
@@ -66,7 +66,7 @@ export default class EchartsBarHorizontalStacked implements OnInit {
     registerTheme(echarts);
 
     themeSwitcher.themeChanged.on((theme: string) => {
-      this.theme = convertThemeName(theme);
+      this.theme = theme;
     });
   }
 }

packages/angular-test-app/src/preview-examples/echarts-bar-simple.ts

@@ -8,20 +8,27 @@
  */
 
 import { Component, OnInit } from '@angular/core';
-import { convertThemeName, registerTheme } from '@siemens/ix-echarts';
+import { registerTheme } from '@siemens/ix-echarts';
 import { themeSwitcher } from '@siemens/ix';
 import * as echarts from 'echarts/core';
 import { EChartsOption } from 'echarts';
 
 @Component({
   selector: 'app-example',
   templateUrl: './echarts-bar-simple.html',
-  styleUrls: ["./echarts-bar-simple.css"],
+  styleUrls: ['./echarts-bar-simple.css'],
 })
 export default class EchartsBarSimple implements OnInit {
-  theme = convertThemeName(themeSwitcher.getCurrentTheme());
+  theme = themeSwitcher.getCurrentTheme();
   data = {
-    products: ['Product A', 'Product B', 'Product C', 'Product D', 'Product E', 'Product F'],
+    products: [
+      'Product A',
+      'Product B',
+      'Product C',
+      'Product D',
+      'Product E',
+      'Product F',
+    ],
     sales: [10.3, 9.2, 7.3, 6.4, 6.2, 4.4],
   };
 
@@ -50,7 +57,7 @@ export default class EchartsBarSimple implements OnInit {
     registerTheme(echarts);
 
     themeSwitcher.themeChanged.on((theme: string) => {
-      this.theme = convertThemeName(theme);
+      this.theme = theme;
     });
   }
 }

packages/angular-test-app/src/preview-examples/echarts-circle.ts

@@ -8,22 +8,18 @@
  */
 
 import { Component, OnInit } from '@angular/core';
-import {
-  convertThemeName,
-  getComputedCSSProperty,
-  registerTheme,
-} from '@siemens/ix-echarts';
+import { getComputedCSSProperty, registerTheme } from '@siemens/ix-echarts';
 import { themeSwitcher } from '@siemens/ix';
 import * as echarts from 'echarts/core';
 import { EChartsOption } from 'echarts';
 
 @Component({
   selector: 'app-example',
   templateUrl: './echarts-circle.html',
-  styleUrls: ["./echarts-circle.css"],
+  styleUrls: ['./echarts-circle.css'],
 })
 export default class EchartsCircle implements OnInit {
-  theme = convertThemeName(themeSwitcher.getCurrentTheme());
+  theme = themeSwitcher.getCurrentTheme();
 
   data = [
     { value: 72.17, name: 'Windows' },
@@ -70,7 +66,7 @@ export default class EchartsCircle implements OnInit {
     registerTheme(echarts);
 
     themeSwitcher.themeChanged.on((theme: string) => {
-      this.theme = convertThemeName(theme);
+      this.theme = theme;
     });
   }
 }

packages/angular-test-app/src/preview-examples/echarts-empty-state.ts

@@ -8,7 +8,7 @@
  */
 
 import { Component, OnInit } from '@angular/core';
-import { convertThemeName, registerTheme } from '@siemens/ix-echarts';
+import { registerTheme } from '@siemens/ix-echarts';
 import { themeSwitcher } from '@siemens/ix';
 import * as echarts from 'echarts/core';
 import { EChartsOption } from 'echarts';
@@ -19,7 +19,7 @@ import { EChartsOption } from 'echarts';
   styleUrls: ['./echarts-empty-state.css'],
 })
 export default class EchartsLineSimple implements OnInit {
-  theme = convertThemeName(themeSwitcher.getCurrentTheme());
+  theme = themeSwitcher.getCurrentTheme();
   data = {
     weekdays: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
     value: [],
@@ -45,7 +45,7 @@ export default class EchartsLineSimple implements OnInit {
     registerTheme(echarts);
 
     themeSwitcher.themeChanged.on((theme: string) => {
-      this.theme = convertThemeName(theme);
+      this.theme = theme;
     });
   }
 }

packages/angular-test-app/src/preview-examples/echarts-gauge.ts

@@ -8,22 +8,18 @@
  */
 
 import { Component, OnInit } from '@angular/core';
-import {
-  convertThemeName,
-  getComputedCSSProperty,
-  registerTheme,
-} from '@siemens/ix-echarts';
+import { getComputedCSSProperty, registerTheme } from '@siemens/ix-echarts';
 import { themeSwitcher } from '@siemens/ix';
 import * as echarts from 'echarts/core';
 import { EChartsOption } from 'echarts';
 
 @Component({
   selector: 'app-example',
   templateUrl: './echarts-gauge.html',
-  styleUrls: ["./echarts-gauge.css"],
+  styleUrls: ['./echarts-gauge.css'],
 })
 export default class EchartsGauge implements OnInit {
-  theme = convertThemeName(themeSwitcher.getCurrentTheme());
+  theme = themeSwitcher.getCurrentTheme();
 
   value = 45.3;
 
@@ -132,7 +128,7 @@ export default class EchartsGauge implements OnInit {
     registerTheme(echarts);
 
     themeSwitcher.themeChanged.on((theme: string) => {
-      this.theme = convertThemeName(theme);
+      this.theme = theme;
     });
   }
 }

packages/angular-test-app/src/preview-examples/echarts-line-advanced.ts

@@ -8,22 +8,18 @@
  */
 
 import { Component, OnInit } from '@angular/core';
-import {
-  convertThemeName,
-  registerTheme,
-  getComputedCSSProperty,
-} from '@siemens/ix-echarts';
+import { registerTheme, getComputedCSSProperty } from '@siemens/ix-echarts';
 import { themeSwitcher } from '@siemens/ix';
 import * as echarts from 'echarts/core';
 import { EChartsOption } from 'echarts';
 
 @Component({
   selector: 'app-example',
   templateUrl: './echarts-line-advanced.html',
-  styleUrls: ["./echarts-line-advanced.css"],
+  styleUrls: ['./echarts-line-advanced.css'],
 })
 export default class EchartsLineAdvanced implements OnInit {
-  theme = convertThemeName(themeSwitcher.getCurrentTheme());
+  theme = themeSwitcher.getCurrentTheme();
 
   dates = Array.from({ length: 2025 - 2013 }, (_, i) => (2013 + i).toString());
 
@@ -76,7 +72,7 @@ export default class EchartsLineAdvanced implements OnInit {
     registerTheme(echarts);
 
     themeSwitcher.themeChanged.on((theme: string) => {
-      this.theme = convertThemeName(theme);
+      this.theme = theme;
     });
   }
 }

packages/angular-test-app/src/preview-examples/echarts-line-multiple-y-axis.ts

@@ -8,11 +8,7 @@
  */
 
 import { Component, OnInit } from '@angular/core';
-import {
-  convertThemeName,
-  getComputedCSSProperty,
-  registerTheme,
-} from '@siemens/ix-echarts';
+import { getComputedCSSProperty, registerTheme } from '@siemens/ix-echarts';
 import { themeSwitcher } from '@siemens/ix';
 import * as echarts from 'echarts/core';
 import { EChartsOption, SeriesOption } from 'echarts';
@@ -21,10 +17,10 @@ import { YAXisOption } from 'echarts/types/dist/shared';
 @Component({
   selector: 'app-example',
   templateUrl: './echarts-line-multiple-y-axis.html',
-  styleUrls: ["./echarts-line-multiple-y-axis.css"],
+  styleUrls: ['./echarts-line-multiple-y-axis.css'],
 })
 export default class EchartsLineMultipleYAxis implements OnInit {
-  theme = convertThemeName(themeSwitcher.getCurrentTheme());
+  theme = themeSwitcher.getCurrentTheme();
 
   dates = Array.from({ length: 2025 - 2013 }, (_, i) => (2013 + i).toString());
 
@@ -169,7 +165,7 @@ export default class EchartsLineMultipleYAxis implements OnInit {
     registerTheme(echarts);
 
     themeSwitcher.themeChanged.on((theme: string) => {
-      this.theme = convertThemeName(theme);
+      this.theme = theme;
     });
   }
 }

packages/angular-test-app/src/preview-examples/echarts-line-simple.ts

@@ -8,18 +8,18 @@
  */
 
 import { Component, OnInit } from '@angular/core';
-import { convertThemeName, registerTheme } from '@siemens/ix-echarts';
+import { registerTheme } from '@siemens/ix-echarts';
 import { themeSwitcher } from '@siemens/ix';
 import * as echarts from 'echarts/core';
 import { EChartsOption } from 'echarts';
 
 @Component({
   selector: 'app-example',
   templateUrl: './echarts-line-simple.html',
-  styleUrls: ["./echarts-line-simple.css"],
+  styleUrls: ['./echarts-line-simple.css'],
 })
 export default class EchartsLineSimple implements OnInit {
-  theme = convertThemeName(themeSwitcher.getCurrentTheme());
+  theme = themeSwitcher.getCurrentTheme();
 
   data = {
     weekdays: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
@@ -48,7 +48,7 @@ export default class EchartsLineSimple implements OnInit {
     registerTheme(echarts);
 
     themeSwitcher.themeChanged.on((theme: string) => {
-      this.theme = convertThemeName(theme);
+      this.theme = theme;
     });
   }
 }

packages/angular-test-app/src/preview-examples/echarts-pie.ts

@@ -8,18 +8,18 @@
  */
 
 import { Component, OnInit } from '@angular/core';
-import {convertThemeName, getComputedCSSProperty, registerTheme} from '@siemens/ix-echarts';
+import { getComputedCSSProperty, registerTheme } from '@siemens/ix-echarts';
 import { themeSwitcher } from '@siemens/ix';
 import * as echarts from 'echarts/core';
 import { EChartsOption } from 'echarts';
 
 @Component({
   selector: 'app-example',
   templateUrl: './echarts-pie.html',
-  styleUrls: ["./echarts-pie.css"],
+  styleUrls: ['./echarts-pie.css'],
 })
 export default class EchartsPie implements OnInit {
-  theme = convertThemeName(themeSwitcher.getCurrentTheme());
+  theme = themeSwitcher.getCurrentTheme();
 
   data = [
     { value: 29.4, name: 'China' },
@@ -65,7 +65,7 @@ export default class EchartsPie implements OnInit {
     registerTheme(echarts);
 
     themeSwitcher.themeChanged.on((theme: string) => {
-      this.theme = convertThemeName(theme);
+      this.theme = theme;
     });
   }
 }

packages/angular-test-app/src/preview-examples/echarts-progress-arc.ts

@@ -8,22 +8,18 @@
  */
 
 import { Component, OnInit } from '@angular/core';
-import {
-  convertThemeName,
-  getComputedCSSProperty,
-  registerTheme,
-} from '@siemens/ix-echarts';
+import { getComputedCSSProperty, registerTheme } from '@siemens/ix-echarts';
 import { themeSwitcher } from '@siemens/ix';
 import * as echarts from 'echarts/core';
 import { EChartsOption } from 'echarts';
 
 @Component({
   selector: 'app-example',
   templateUrl: './echarts-progress-arc.html',
-  styleUrls: ["./echarts-progress-arc.css"],
+  styleUrls: ['./echarts-progress-arc.css'],
 })
 export default class EchartsProgressArc implements OnInit {
-  theme = convertThemeName(themeSwitcher.getCurrentTheme());
+  theme = themeSwitcher.getCurrentTheme();
 
   value = 60;
 
@@ -36,9 +32,7 @@ export default class EchartsProgressArc implements OnInit {
           show: true,
           lineStyle: {
             width: 15,
-            color: [
-              [1, getComputedCSSProperty('color-neutral-40')],
-            ],
+            color: [[1, getComputedCSSProperty('color-neutral-40')]],
           },
         },
         axisTick: {
@@ -91,7 +85,7 @@ export default class EchartsProgressArc implements OnInit {
     registerTheme(echarts);
 
     themeSwitcher.themeChanged.on((theme: string) => {
-      this.theme = convertThemeName(theme);
+      this.theme = theme;
     });
   }
 }

packages/angular-test-app/src/preview-examples/echarts-progress-circle.ts

@@ -8,22 +8,18 @@
  */
 
 import { Component, OnInit } from '@angular/core';
-import {
-  convertThemeName,
-  getComputedCSSProperty,
-  registerTheme,
-} from '@siemens/ix-echarts';
+import { getComputedCSSProperty, registerTheme } from '@siemens/ix-echarts';
 import { themeSwitcher } from '@siemens/ix';
 import * as echarts from 'echarts/core';
 import { EChartsOption } from 'echarts';
 
 @Component({
   selector: 'app-example',
   templateUrl: './echarts-progress-circle.html',
-  styleUrls: ["./echarts-progress-circle.css"],
+  styleUrls: ['./echarts-progress-circle.css'],
 })
 export default class EchartsProgressCircle implements OnInit {
-  theme = convertThemeName(themeSwitcher.getCurrentTheme());
+  theme = themeSwitcher.getCurrentTheme();
 
   value = 60;
 
@@ -36,9 +32,7 @@ export default class EchartsProgressCircle implements OnInit {
           show: true,
           lineStyle: {
             width: 15,
-            color: [
-              [1, getComputedCSSProperty('color-neutral-40')],
-            ],
+            color: [[1, getComputedCSSProperty('color-neutral-40')]],
           },
         },
         axisTick: {
@@ -99,7 +93,7 @@ export default class EchartsProgressCircle implements OnInit {
     registerTheme(echarts);
 
     themeSwitcher.themeChanged.on((theme: string) => {
-      this.theme = convertThemeName(theme);
+      this.theme = theme;
     });
   }
 }