feat: Update widget-linechart to version 1.6.7; register theme in constructor and update demo usage

Author: Marko Petzold

demo/index.html

@@ -32,10 +32,10 @@
 
             render(
                 html`
-                    <widget-linechart-1.6.6 .theme="${theme}" .inputData=${data}>
+                    <widget-linechart-1.6.7 .theme="${theme}" .inputData=${data}>
                         web component is not registered. Make sure to use the tag with the correct version
                         string from the package.json
-                    </widget-linechart-1.6.6>
+                    </widget-linechart-1.6.7>
                 `,
                 document.querySelector('#demo')
             )

src/widget-linechart.ts

@@ -184,6 +184,7 @@ export class WidgetLinechart extends LitElement {
         this.chartContainer = this.shadowRoot?.querySelector('.chart-container')
         this.transformData()
         this.applyData()
+        this.registerTheme(this.theme)
         // Add ResizeObserver for chart container
         if (this.chartContainer) {
             this.resizeObserver = new ResizeObserver(() => {
@@ -196,16 +197,16 @@ export class WidgetLinechart extends LitElement {
     }
 
     registerTheme(theme?: Theme) {
-        if (!theme || !theme.theme_object || !theme.theme_name) return
-
-        console.log('Registering theme', theme)
-        echarts.registerTheme(theme.theme_name, theme.theme_object)
         const cssTextColor = getComputedStyle(this).getPropertyValue('--re-text-color').trim()
         const cssBgColor = getComputedStyle(this).getPropertyValue('--re-background-color').trim()
         this.themeBgColor = cssBgColor || this.theme?.theme_object?.backgroundColor
         this.themeTitleColor = cssTextColor || this.theme?.theme_object?.title?.textStyle?.color
         this.themeSubtitleColor =
             cssTextColor || this.theme?.theme_object?.title?.subtextStyle?.color || this.themeTitleColor
+
+        if (!theme || !theme.theme_object || !theme.theme_name) return
+
+        echarts.registerTheme(theme.theme_name, theme.theme_object)
     }
 
     transformData() {