lit-litelements 2.1.2 → 2.1.4

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.
Files changed (4) hide show
  1. package/dist/component/chart.lit.d.ts +2 -0
  2. package/dist/component/chart.lit.js +40 -4
  3. package/dist/main.js +3 -3
  4. package/package.json +1 -1
package/dist/component/chart.lit.d.ts CHANGED
@@ -8,6 +8,7 @@ interface StockData {
8
8
  date: string;
9
9
  close: number;
10
10
  MA20?: number;
11
+ MA10?: number;
11
12
  MA50?: number;
12
13
  MA200?: number;
13
14
  MA100?: number;
@@ -42,6 +43,7 @@ declare class ChartElement extends LitElement {
42
43
  _getChartData(): {
43
44
  dates: string[];
44
45
  closePrices: number[];
46
+ ma10: number[];
45
47
  ma20: number[];
46
48
  ma50: number[];
47
49
  ma100: number[];
package/dist/component/chart.lit.js CHANGED
@@ -70,6 +70,7 @@ let ChartElement = class ChartElement extends LitElement {
70
70
  const data = {
71
71
  dates: this.stockData.map((data) => data.date),
72
72
  closePrices: this.stockData.map((data) => data.close),
73
+ ma10: this.stockData.map((data) => { var _a; return (_a = data.MA10) !== null && _a !== void 0 ? _a : null; }),
73
74
  ma20: this.stockData.map((data) => { var _a; return (_a = data.MA20) !== null && _a !== void 0 ? _a : null; }),
74
75
  ma50: this.stockData.map((data) => { var _a; return (_a = data.MA50) !== null && _a !== void 0 ? _a : null; }),
75
76
  ma100: this.stockData.map((data) => { var _a; return (_a = data.MA100) !== null && _a !== void 0 ? _a : null; }),
@@ -84,7 +85,7 @@ let ChartElement = class ChartElement extends LitElement {
84
85
  }
85
86
  _updateChart() {
86
87
  if (this.chart) {
87
- const { dates, closePrices, ma20, ma50, ma100, ma200, RSI, MACDLine, SignalLine, MACDHistogram, volumes } = this._getChartData();
88
+ const { dates, closePrices, ma10, ma20, ma50, ma100, ma200, RSI, MACDLine, SignalLine, MACDHistogram, volumes } = this._getChartData();
88
89
  // Update labels (dates)
89
90
  this.chart.data.labels = dates;
90
91
  // Update each dataset
@@ -98,6 +99,7 @@ let ChartElement = class ChartElement extends LitElement {
98
99
  this.chart.data.datasets[7].data = ma100; // MA50
99
100
  this.chart.data.datasets[8].data = ma200; // MA200
100
101
  this.chart.data.datasets[9].data = volumes; // Volume
102
+ this.chart.data.datasets[10].data = ma10; // Volume
101
103
  // Trigger chart update
102
104
  this.chart.update();
103
105
  }
@@ -105,7 +107,7 @@ let ChartElement = class ChartElement extends LitElement {
105
107
  // This will handle creating the Chart.js chart
106
108
  _createChart() {
107
109
  var _a;
108
- const { dates, closePrices, ma20, ma50, ma100, ma200, RSI, MACDLine, SignalLine, MACDHistogram, volumes } = this._getChartData();
110
+ const { dates, closePrices, ma10, ma20, ma50, ma100, ma200, RSI, MACDLine, SignalLine, MACDHistogram, volumes } = this._getChartData();
109
111
  const canvas = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.getElementById("stockChart");
110
112
  if (!canvas) {
111
113
  return;
@@ -132,6 +134,9 @@ let ChartElement = class ChartElement extends LitElement {
132
134
  fill: false,
133
135
  borderWidth: 2,
134
136
  yAxisID: "yRSI",
137
+ pointRadius: 1,
138
+ pointHoverRadius: 3,
139
+ hidden: true,
135
140
  },
136
141
  {
137
142
  label: "MACDHistogram",
@@ -142,6 +147,8 @@ let ChartElement = class ChartElement extends LitElement {
142
147
  borderWidth: 2,
143
148
  yAxisID: "yMACD",
144
149
  hidden: true,
150
+ pointRadius: 1,
151
+ pointHoverRadius: 3,
145
152
  },
146
153
  {
147
154
  label: "SignalLine",
@@ -152,6 +159,8 @@ let ChartElement = class ChartElement extends LitElement {
152
159
  borderWidth: 1,
153
160
  yAxisID: "yMACD",
154
161
  hidden: true,
162
+ pointRadius: 1,
163
+ pointHoverRadius: 3,
155
164
  },
156
165
  {
157
166
  label: "MACDLine",
@@ -162,6 +171,8 @@ let ChartElement = class ChartElement extends LitElement {
162
171
  borderWidth: 1,
163
172
  yAxisID: "yMACD",
164
173
  hidden: true,
174
+ pointRadius: 1,
175
+ pointHoverRadius: 3,
165
176
  },
166
177
  {
167
178
  label: "Close Price",
@@ -171,6 +182,8 @@ let ChartElement = class ChartElement extends LitElement {
171
182
  fill: true,
172
183
  borderWidth: 1,
173
184
  yAxisID: "yPrice",
185
+ pointRadius: 1,
186
+ pointHoverRadius: 3,
174
187
  },
175
188
  {
176
189
  label: "MA20",
@@ -180,6 +193,8 @@ let ChartElement = class ChartElement extends LitElement {
180
193
  fill: false,
181
194
  borderWidth: 2,
182
195
  yAxisID: "yPrice",
196
+ pointRadius: 1,
197
+ pointHoverRadius: 3,
183
198
  },
184
199
  {
185
200
  label: "MA50",
@@ -189,6 +204,8 @@ let ChartElement = class ChartElement extends LitElement {
189
204
  fill: false,
190
205
  borderWidth: 2,
191
206
  yAxisID: "yPrice",
207
+ pointRadius: 1,
208
+ pointHoverRadius: 3,
192
209
  },
193
210
  {
194
211
  label: "MA100",
@@ -199,6 +216,8 @@ let ChartElement = class ChartElement extends LitElement {
199
216
  borderWidth: 2,
200
217
  yAxisID: "yPrice",
201
218
  hidden: true,
219
+ pointRadius: 1,
220
+ pointHoverRadius: 3,
202
221
  },
203
222
  {
204
223
  label: "MA200",
@@ -208,14 +227,31 @@ let ChartElement = class ChartElement extends LitElement {
208
227
  fill: false,
209
228
  borderWidth: 2,
210
229
  yAxisID: "yPrice",
230
+ hidden: true,
231
+ pointRadius: 1,
232
+ pointHoverRadius: 3,
211
233
  },
212
234
  {
213
235
  label: "Volume",
214
236
  data: volumes, // Volume data
215
- type: "bar", // Use bar chart for volume
216
237
  yAxisID: "yVolume", // Assign to the volume axis
217
- backgroundColor: "rgba(26, 43, 199, 0.5)",
238
+ fill: true,
239
+ backgroundColor: "rgba(252, 3, 57, 0.5)",
218
240
  borderWidth: 1,
241
+ hidden: true,
242
+ pointRadius: 1,
243
+ pointHoverRadius: 3,
244
+ },
245
+ {
246
+ label: "MA10",
247
+ data: ma10,
248
+ borderColor: "rgba(153, 12, 25, 1)",
249
+ backgroundColor: "rgba(153, 12, 25, 0.2)",
250
+ fill: false,
251
+ borderWidth: 1,
252
+ yAxisID: "yPrice",
253
+ pointRadius: 1,
254
+ pointHoverRadius: 3,
219
255
  },
220
256
  ],
221
257
  },