lit-litelements 2.0.9 → 2.1.0

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,22 +52,19 @@ 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();
     }
     willUpdate(changedProperties) {
-        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("Updated stockData:3", this.stockData);
-                this._updateChart();
-            }
-            else {
-                console.log("Chart is undefined, it hasn't been created yet.");
+        return __awaiter(this, void 0, void 0, function* () {
+            if (changedProperties.has("stockData")) {
+                if (!this.chart) {
+                    this._createChart(); // Ensure the chart is created
+                }
+                else {
+                    this._updateChart(); // Update the chart if it exists
+                }
             }
-        }
+        });
     }
     _getChartData() {
         const data = {
@@ -72,11 +78,9 @@ let ChartElement = class ChartElement extends LitElement {
             SignalLine: this.stockData.map((data) => data === null || data === void 0 ? void 0 : data.SignalLine),
             MACDHistogram: this.stockData.map((data) => data === null || data === void 0 ? void 0 : data.MACDHistogram),
         };
-        console.log("Chart data:", data);
         return data;
     }
     _updateChart() {
-        console.log("_updateChart");
         if (this.chart) {
             const { dates, closePrices, ma20, ma50, ma200, RSI, MACDLine, SignalLine, MACDHistogram, } = this._getChartData();
             // Update labels (dates)
@@ -99,9 +103,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,