lit-litelements 2.0.8 → 2.0.10

package/dist/component/chart.lit.d.ts

@@ -4,7 +4,7 @@ declare class ChartElement extends LitElement {
     chart: any;
     constructor();
     firstUpdated(): void;
-    willUpdate(changedProperties: any): void;
+    willUpdate(changedProperties: any): Promise<void>;
     customLinePlugin: {
         id: string;
         afterDraw: (chart: any) => void;

package/dist/component/chart.lit.js

@@ -7,6 +7,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { LitElement, html } from "lit";
 import Chart from "chart.js/auto";
 import { customElement, property } from "lit/decorators.js";
@@ -43,18 +52,25 @@ let ChartElement = class ChartElement extends LitElement {
     }
     // First updated is called after the element has been rendered into the DOM
     firstUpdated() {
+        console.log("firstUpdated called");
         this._createChart();
     }
-    // Called when properties (like stockData) are about to be updated
     willUpdate(changedProperties) {
-        console.log("Updated stockData:1", this.stockData);
-        if (changedProperties.has("stockData")) {
-            console.log("Updated stockData:2", this.stockData);
-            if (this.chart) {
-                console.log("Updated stockData:3", this.stockData);
-                this._updateChart();
+        return __awaiter(this, void 0, void 0, function* () {
+            console.log("willUpdate called");
+            console.log("Updated stockData:1", this.stockData);
+            if (changedProperties.has("stockData")) {
+                console.log("Updated stockData:2", this.stockData);
+                if (!this.chart) {
+                    console.log("Chart is undefined, creating chart now.");
+                    this._createChart(); // Ensure the chart is created
+                }
+                else {
+                    console.log("Updated stockData:3", this.stockData);
+                    this._updateChart(); // Update the chart if it exists
+                }
             }
-        }
+        });
     }
     _getChartData() {
         const data = {
@@ -95,9 +111,12 @@ let ChartElement = class ChartElement extends LitElement {
         const { dates, closePrices, ma20, ma50, ma200, RSI, MACDLine, SignalLine, MACDHistogram, } = this._getChartData();
         const canvas = this.shadowRoot.getElementById("stockChart");
         const ctx = canvas.getContext("2d");
+        if (this.chart) {
+            this.chart.destroy(); // Destroy existing chart if necessary
+        }
         // Register the custom plugin
         Chart.register(this.customLinePlugin);
-        new Chart(ctx, {
+        this.chart = new Chart(ctx, {
             type: "line",
             data: {
                 labels: dates,