New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

lit-litelements

Package Overview
Dependencies
Maintainers
0
Versions
24
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

lit-litelements - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1

2

package.json
{
"name": "lit-litelements",
"version": "2.0.0",
"version": "2.0.1",
"description": "My LitElement component build for loading spinner with 10 types, and chart-display",

@@ -5,0 +5,0 @@ "main": "dist/main.js",

@@ -16,3 +16,49 @@ # This is web-component using lit

## display stock chart
using chart.js to build reuse char
- ex:
<loading-spinner-element center name="spinner11" style="color: red;"></loading-spinner-element>
<loading-spinner-element center name="spinner11" style="color: red;" size="100px"></loading-spinner-element>
<loading-spinner-element center name="spinner11" style="color: red;" size="100px" backgroundColor="white"></loading-spinner-element>
## stock-chart-display
stock-chart-display take the prop as array
dataArray=[
{
"volume": 2431872,
"open": 10.15,
"close": 9.52,
"high": 10.44,
"low": 9.32,
"date": "2024-10-23T04:00:00.000Z",
"MA20": 10.06,
"MA50": 10.29,
"MA200": 18.62,
"RSI": 63.85793018983466,
"MACDLine": 0.024551282051284318,
"SignalLine": -0.2835965963696013,
"MACDHistogram": 0.3081478784208856
},
]
<stock-chart-display stockData=dataArray>
## Integrate
### angular
add to angular.json
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
...
],
"styles": [
],
"scripts": [
"./node_modules/lit-litelements/dist/main.js"
]
}
}
}
### html
<script type="module" src="./node_modules/lit-litelements/dist/main.js"></script>
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc