{"_id":"svelte-lightweight-charts","_rev":"27-4cab92e1600e6d9d3f202f7fe2cdd16f","name":"svelte-lightweight-charts","dist-tags":{"latest":"2.2.0","repl":"1.6.0-repl","next":"2.2.0","rc":"2.0.0-rc.0","false":"2.3.0-rc-2"},"versions":{"1.0.0":{"name":"svelte-lightweight-charts","version":"1.0.0","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","devDependencies":{"@tsconfig/svelte":"1.0.10","@typescript-eslint/eslint-plugin":"4.15.1","@typescript-eslint/parser":"4.15.1","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"7.20.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.1.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","lightweight-charts":"3.3.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.31.2","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.6.9","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.0.3","webpack":"5.23.0","webpack-cli":"4.5.0","webpack-dev-server":"3.11.2"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.0.0","_nodeVersion":"12.20.1","_npmVersion":"6.14.11","dist":{"integrity":"sha512-TbCPK+quTDmjw4/Sk5oPBx3xk7bA/z9BXvRMfMQiAlmYqbFIS1p6cyg/FKudD3skjwgFAp+WkWny9sdp6LywkA==","shasum":"d81df3f230bfe9138b1f32ade437b636d45433ce","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.0.0.tgz","fileCount":25,"unpackedSize":64805,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgaLUlCRA9TVsSAnZWagAADscP/jTwR+7NIppAs6oGMcCR\nPZoACBTkTujXS25Nlk+BkmzlrB4YoZDxCVSQWSLvJB62G0uZJsFfMYn2k1A5\nH3mGmorYXzYibjcG/E+mmyEQzQwhRSGIGhxXWh1SAlT8UJZCHvwKoh5uST4H\nwbWu1u9gnhW3XQZfAmsncseVAH0zKnX0OEohYeGytikDsdsmfVDgl5cO/lC/\nn1GoKbMIpFhBVF9/0M2YHnneoZ7Tk4S4cbMWRIahq5y4sKIl2qY+atQLuTXN\nddsAz51Jt91zGdyZ++rt/CiEUVIJN0+rQc/FhMWrlEH3su9Pd8GryG1ye4p5\nV0WomHJsngbwJkrrh8Dhyv7yxtwmsvKu4ZFKBB2FHe5GC/DjL/TU5G3SZKvM\n7KM9fIh055k38n3l/uVy1JgjSL0GjQJze2Jvxyw9+mSTBeJO6c30KHaKJNNJ\nE2k8gLpi/836yfkJL0lWnn9R7HC+W+hizv9PYEuASheKv6VkQGjAtOJmRIin\nWOoB7lKJF7Tl5B+mZWzJmewyOR5Bw4kOLgBcx2odtqiht8ZLnqjz0ePDUYjy\n2dpMvAEHpFO7SFZQcydh4pAF+z8EX6vreRndGTng7LOlaQuLHFY75qVDoUzM\nSj7C6Umvp7XoquzSxA2UryhrgK9IWw0n8eCx09ezohVk39rB7ZnKfOMJleFU\nYmlP\r\n=dJ0G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC/twj/JvY5bDA6HEjTHjTN9Ga2r4wBe9zoqEBKDjipiwIgYXWPR/2oRlZt6yiOB3BwhM9574jT/mUijsoXpyPin9s="}]},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.0.0_1617474853145_0.2791361901096905"},"_hasShrinkwrap":false},"1.1.0":{"name":"svelte-lightweight-charts","version":"1.1.0","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","devDependencies":{"@tsconfig/svelte":"1.0.10","@typescript-eslint/eslint-plugin":"4.15.1","@typescript-eslint/parser":"4.15.1","axios":"0.21.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"7.20.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.1.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","lightweight-charts":"3.3.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.31.2","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.6.9","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.0.3","webpack":"5.23.0","webpack-cli":"4.5.0","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.1.0","_nodeVersion":"12.20.1","_npmVersion":"6.14.11","dist":{"integrity":"sha512-dUaYxx9ihFAUUynDg+Kte9Praan037NnFZuWfRsvzyAcU1aBgMYjEmzTDeYrvPeQLDq4gBfteHoYMjBh2D/TCQ==","shasum":"933fcc209d9e99fa9abdc153947b1b5a9ba156fd","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.1.0.tgz","fileCount":31,"unpackedSize":42679,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgmagLCRA9TVsSAnZWagAAa/gP/1doAa73oGI4FwPu3Nfs\nEIBTzG55jIUYExxJLWLE7q/0+FlH8yvaFm/ImiBVlC0lyr7qwjV2XSAhwfTY\njEl0N/FVCDdXY5dGuqUUDd45ZeiZD0fBOUTQPDcr2FXya2a6pXxviLviPI6D\nEmiGqYBmevgBQzvlccWnUczv3dp4KvjCHeCEDUHm6GhzWLq+sTN5WKR6RQ6r\naM8AdjuMcrVOQCXq2TgwzH7oP5JICNQUWUTJ7UxaAs2dvQ51ZALHlbcSCppK\n0t7tJnB9f5LNc8ENjN94/+iyPjI975DcTp/2LJfwZh9ouhvtOmvXt6uRr83O\ndkKzB4vza9psgeLoCKOFEMiseKc/VQW6TZXuwlV56WDfS4twB2ncQHTE8Djq\nhVmmrv56JqMkrtAmV2c8KdOEHS3+5dqpD308SwSypQebsY2NLCh0oXpdazM9\nknTl2H7tYpi/a35HBuPujdpJR7gP8bvzACwbQISrUxZk9JoP/K5Ff01qfrRW\nv2f1oDvfgGcpDGMphL92sCqo3NgWeXlhuMvwAv6d+m+/IbVbtxBd0T7hcQZ/\nOxGRyXmi9EbZ/57hwQnxz7aGarOLrfr6wQGODCqVDXp3rgVR6I/6fdTAzqvw\nP8/oNK0sy6VdsQ7kcgCxR/QlXI7DbWMT+Vr6H9SosYaRbMYISaNSKlbePCro\n7RqP\r\n=gjHR\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGmMYijKRoif0CUOqmgJ+QQG6llVsUV6cssevkWHG89XAiEA6A6Hj427JxDWPwQG5/k48ZGnlbzt7Cpm84GUKjkNBTA="}]},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.1.0_1620682762705_0.7247662562190016"},"_hasShrinkwrap":false},"1.1.1":{"name":"svelte-lightweight-charts","version":"1.1.1","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","devDependencies":{"@tsconfig/svelte":"1.0.10","@typescript-eslint/eslint-plugin":"4.15.1","@typescript-eslint/parser":"4.15.1","axios":"0.21.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"7.20.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.1.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","lightweight-charts":"3.3.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.31.2","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.6.9","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.0.3","webpack":"5.23.0","webpack-cli":"4.5.0","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.1.1","_nodeVersion":"14.17.2","_npmVersion":"6.14.13","dist":{"integrity":"sha512-69TIxJrTnOVrYq8syRLupFWw6fMs+IbaXcc1e2hAQ/1CgtR7wLIWD/EbXxEmesfImp42OYCL7XMOI244lv8u4w==","shasum":"ffcdb2f25cc5c2d498fe2766456be11f52b2e494","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.1.1.tgz","fileCount":31,"unpackedSize":42346,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJh28fCCRA9TVsSAnZWagAAr7AP/jwguhmy8UGda/nuzfg8\nhETtj58Aj7sZHN0ZT/cmfo2j3MalUbIKQZPdKMomjT1Y/rP2rPSOp7Tc7R2r\nDPNr2x7piSM71uuue0CJc6z2iE71WhR8X+fEKv5OmiH+0gxPScE2cWUCGuHM\nFR0r6R4dJoy0baWQPslfmvqomSbw/GYMb9I/4W7OGhKukcIazGwPsmaZ3OFd\n52U/4nuZbfuU5Xibu5dukgFPnPuAAeNij3ouyChYCE/v2t+E6h5PJRnOy3/1\nMOOyMUd6evjzRfZVTdGQzUbfLV46FdD3uQNNM30cgoN88Gny4hbFSIKA0wao\noMC/Z2v1bPqPMdW80XRptMc9NMAanCk49sy9F41j5kH5PkBrZ5J9Vo2hyrCw\noDf0d3lixxRrbYPfCu3omCaojxktxvEASYatCvI3m/oXxkC6mEHqWjOt7Wi9\nkeS7mUbMM9flB30T4cJtWaXoNq31ST9Eoq0bDDekIY7k1Vq7MLyaJ6kSpR17\ntN5FnLa3ebbAJia0uBho45/KIuKeC3o9rbSA/n0cyYuX44UShEPpWDJVvvdU\nR4i6YKCLmEsBmTdWN98HVVlyDcD4/faZ1MChb0W028RyTLySkAyCrg1Tv1ex\nxrMqKQ0NUylmYPk/v+J9IdojaYnWnvrRu6fL0nLZsrmRxfoZFcM3FAKNCHjF\nuy1C\r\n=H0aq\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCxSJAK9Z6cOHEu8Rhyo7dIVp6ImkaXfcM7dDHiq6VZKgIgGorD+E03NEzhm/8aeG8UR26F9nw+2cG2mV7Pn4xv+LY="}]},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.1.1_1632343550467_0.03547600267002604"},"_hasShrinkwrap":false},"1.1.1-repl":{"name":"svelte-lightweight-charts","version":"1.1.1-repl","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","devDependencies":{"@tsconfig/svelte":"1.0.10","@typescript-eslint/eslint-plugin":"4.15.1","@typescript-eslint/parser":"4.15.1","axios":"0.21.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"7.20.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.1.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","lightweight-charts":"3.3.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.31.2","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.6.9","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.0.3","webpack":"5.23.0","webpack-cli":"4.5.0","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"readme":"This package is a Svelte wrapper for [lightweight-charts](https://github.com/tradingview/lightweight-charts)\n\nThe package is under development.\n\n# [Demo](https://trash-and-fire.github.io/svelte-lightweight-charts/official-samples.html)\n\nHere are some official examples rewritten on Svelte. Each example you can open in the REPL to modify or fork\n\nIf you need more information you can see [demo app sources](./src/demo) or [example sources](./src/demo/samples)\n\n# Installing\n\n```bash\nnpm install lightweight-charts svelte-lightweight-charts\n```\n\n# Usage\n\nThere are two ways to use this package:\n- As set of components\n\n```html\n<script>\n    import Chart from \"svelte-lightweight-charts/components/chart.svelte\";\n    import LineSeries from \"svelte-lightweight-charts/components/line-series.svelte\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<Chart width={800} height={600}>\n    <LineSeries data={data}/>\n</Chart>\n```\n\n- As action\n```html\n<script>\n    import chart from \"svelte-lightweight-charts\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<div use:chart={{\n    options: { width: 800, height: 600 },\n    series: [{\n        id: 'main',\n        type: 'Line',\n        data\n    }]\n}}/>\n```\n# Core API\n`svelte-lightweight-charts` supports chart object and all kind of series objects from `lightweight-charts`. \n\n## Getting reference to lightweight-chart objects\n\nTo get reference of lightweight-chart (`IChartApi`, `ISeriesApi<T>`, etc) instance of a node you can use `ref` property.\n```html\n<script>\n    let chartApi;\n</script>\n<Chart width={400} height={300} ref={(ref) => chartApi = ref}/>\n<button on:click={() => chartApi.priceScale().fitContent()}>Fit Content</button>\n```\n\n## Supported components\n- `<Chart>` - main chart container (`IChartApi`).\n- `<[Type]Series>` - series with specified `[Type]` (`ISeriesApi<Type>`). It has to be nested inside `<Chart>` component.\n- `<PriceLine>` - price line (`IPriceLine`). It has to be nested inside `<[Type]Series>` component.\n\n# Typescript support\nPackage is written on TypeScript and transpiled to plain `*.js` and `*.svelte` files. Definition files (including `*.svelte.d.ts`) are provided with package. It is a good place to find list of available properties that can be passed to each component.\n","readmeFilename":"README.md","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.1.1-repl","_nodeVersion":"14.17.2","_npmVersion":"6.14.13","dist":{"integrity":"sha512-DiQTbKOcdoFks0nebGOxF5RxnGK5BHjLJO7c45JxTxq2HHWZg8dUhhs8J5Iq/q03r4n47ZYHWCGK5TNePoaDnQ==","shasum":"09ce85e8ecf5fad76ec12bc19770b596be558c4d","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.1.1-repl.tgz","fileCount":31,"unpackedSize":42358,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDeKgB75ygqiGGli8W3RDqAyQGUNtwCl6aknFPlyFo7qwIgUFnmy7u6yp0bPSXtfAM4JyAuSy4G32OiYK+xEtQ5G6s="}]},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.1.1-repl_1633996115846_0.031274845050769606"},"_hasShrinkwrap":false},"1.2.0":{"name":"svelte-lightweight-charts","version":"1.2.0","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","devDependencies":{"@babel/core":"7.14.0","@babel/preset-env":"7.14.1","@babel/preset-typescript":"7.13.0","@tsconfig/svelte":"1.0.10","@types/jest":"27.0.2","@typescript-eslint/eslint-plugin":"5.4.0","@typescript-eslint/parser":"5.4.0","axios":"0.23.0","babel-jest":"27.3.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"8.2.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.2.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","jest":"27.3.1","lightweight-charts":"3.7.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.44.0","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.9.8","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.2.4","webpack":"5.23.0","webpack-cli":"4.9.1","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"]},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","gitHead":"ef42dfbb4c9b4577b3694a583776590af18c1ecc","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.2.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-2Xa2u4QERYJkS5dHnooQaADDO8PLSqVPA5GFlvb6nnf9SwG6OBeubD94jCsrbjA2IsEc71lu+H7A5HmQH24epg==","shasum":"ee38f9fbc2a5dcebc2950c60870d050727147599","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.2.0.tgz","fileCount":33,"unpackedSize":49110,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDZadBPq60NsnS5HuRErTFJT+J2DwqXtV1giHsy0dIScAIhANciUwst6rAq3OLFiULHmNgWkTbtmICIt2BpwDUDEj8k"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiTtdwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpgtg/5AcW3qHrwA1DCIQ0RwYUVijP2olEfEQsCyPAmDd+moDp8KzeK\r\n/GalwT6YB0SKKbfX78kmqaeXOZJKvQvMSNEe19hmpnVMs7Z+UmYmpDOLKCN5\r\nYR0S4OoxIZ6A4lIuzzRMqQhjDel6E4E5vg2rKNbA11WVds9uR5bYOgeiz+ph\r\nrGwF+nT3ZDS+exoJP446xWOuJZRRMPfuUHo7y24spt/5lDuCKwV7jBQ3vsBl\r\nZ+fS+QVVdKR/tjW5rhMJOsT3qlhTr73mYJtdkdEB4EB9tkCynxtWCBJPkpuE\r\n9nQcqUmSuThSZQzyB9RsC2p2k/YfA4DH8TNBC9ivsbUqYmSzr50FoaFAxLaQ\r\nXDbZlFqSj+EXxodNAMIGdbfRD2VKGQSJxmA56BjU3iLIXAq8haQadB6lQ5+g\r\ncafkiLghKVSX5o2rBnF/5sf/QteM9KO2Oy4MKB7xCvY8xz90vBQ38QydDxdq\r\nxRsEaCbca6/0YzFUBnMdC7QiOqx8K3OaXsmqOGQg2Rr7Me4FpZlVq4bVRiRh\r\nB8atV2InpGaQddbZSDqp4vhRs++Ns2mdZZGa/jrmXFyihK8MCo0oAlZJ9hsP\r\n4fiUcKgJ79Ki0gd/cmwy5ayME8xWA4AHKN4+0OOM/Fk7+FFPN8Sp3myyOCpK\r\nlPuOA99crNbTdSwvwjD7KaCGMcnLSQhc4Z0=\r\n=ltJg\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.2.0_1649334128634_0.4851377072623868"},"_hasShrinkwrap":false},"1.3.0":{"name":"svelte-lightweight-charts","version":"1.3.0","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","devDependencies":{"@babel/core":"7.14.0","@babel/preset-env":"7.14.1","@babel/preset-typescript":"7.13.0","@tsconfig/svelte":"1.0.10","@types/jest":"27.0.2","@typescript-eslint/eslint-plugin":"5.4.0","@typescript-eslint/parser":"5.4.0","axios":"0.23.0","babel-jest":"27.3.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"8.2.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.2.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","jest":"27.3.1","lightweight-charts":"3.7.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.44.0","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.9.8","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.2.4","webpack":"5.23.0","webpack-cli":"4.9.1","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"]},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","gitHead":"6ee91f8a72fc84271427f252bb7d8d6490a1807b","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.3.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-oY2im5altd9EMbQieXgI/2K2ZwBaKmFzXMfQ4iEHxUhBowfJdMO2kE+KP+bu8U9ajEWxyIHi4ca3B5+ezydpSw==","shasum":"a27f1295eaa4011c877d3758d66a7e072a59cc46","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.3.0.tgz","fileCount":35,"unpackedSize":50221,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCocdu4WfUIjhuQKpKmeFKMEngoOBJghIRGumm9Qt0M6gIhALDZv4IHuwqyrxFrQ+Mi24Q15SYejqQyj2zM1679Pjyc"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWZd4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmo/Kg/7BAafNzoiY6ixOO3DTWTw6rKDE93134V7GAL/mHdTNeqUOr6I\r\nW05kkW+C0w61fjvs5nr3T+iWAjATNdYJPqHEjTLXQFE+MIdowoZGytSJomg/\r\n2lK8lM4F6JB2HHaOJ6nhvU+T7BQbQfsXPO++aY9SODzD7hPkQzpsq20195pr\r\nwM89BSP3IMHB1USgwLbhoGs5L3+qgFRzLxhh9yY22A0VvO+WnQ0KI6uHDINw\r\nh3nG1p5opdFZGATAxnr59iTPPGSTIUGve1FKGTYZy2ZmN3wh42JSTWKnPizd\r\nhY2QYNaIUI3W1ZkuuwuzHb8NN1sn9StUplw0Yu7LJhuIaonIEtO6ocJ2wGBh\r\no1y5TaSXj5RzkFueWIvz8m5toxKMmI/PIV2iEuNc6dQfpabIRSIIjT7uav3q\r\nfHRzDvwpwM5VHPm/Jou4917CNBkTqld4szjvqtd/hFKpciEjVuJieEY6aVS5\r\nHa4DUbd9XFHTjeBVd3bcntG6ARf/GNepW0H3ZalvEZ50tqyIzl5NC0Rh3ZUl\r\nuyWF81XcEFw9R4N8b16SlJKMfJ4mfiSP1P/SoNgJZ8Te24EPa0R2nucbgvlj\r\nv80uD8izbnbDKIHnS2TqlTZjYvDKxK2P9+5cGGskcYD+cAA7JGafVdK9PlkH\r\nLDBVyJJyRHB/mKUZ2o0EcVFJ2etE7yonZWo=\r\n=Jf6C\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.3.0_1650038648676_0.1458256293456408"},"_hasShrinkwrap":false},"1.3.0-repl":{"name":"svelte-lightweight-charts","version":"1.3.0-repl","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","devDependencies":{"@babel/core":"7.14.0","@babel/preset-env":"7.14.1","@babel/preset-typescript":"7.13.0","@tsconfig/svelte":"1.0.10","@types/jest":"27.0.2","@typescript-eslint/eslint-plugin":"5.4.0","@typescript-eslint/parser":"5.4.0","axios":"0.23.0","babel-jest":"27.3.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"8.2.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.2.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","jest":"27.3.1","lightweight-charts":"3.7.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.44.0","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.9.8","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.2.4","webpack":"5.23.0","webpack-cli":"4.9.1","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"]},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","readme":"This package is a Svelte wrapper for [lightweight-charts](https://github.com/tradingview/lightweight-charts)\n\nThe package is under development.\n\n# [Demo](https://trash-and-fire.github.io/svelte-lightweight-charts/official-samples.html)\n\nHere are some official examples rewritten on Svelte. Each example you can open in the REPL to modify or fork\n\nIf you need more information you can see [demo app sources](./src/demo) or [example sources](./src/demo/samples)\n\n# Installing\n\n```bash\nnpm install lightweight-charts svelte-lightweight-charts\n```\n\n# Usage\n\nThere are two ways to use this package:\n- As set of components\n\n```html\n<script>\n    import Chart from \"svelte-lightweight-charts/components/chart.svelte\";\n    import LineSeries from \"svelte-lightweight-charts/components/line-series.svelte\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<Chart width={800} height={600}>\n    <LineSeries data={data}/>\n</Chart>\n```\n\n- As action\n```html\n<script>\n    import chart from \"svelte-lightweight-charts\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<div use:chart={{\n    options: { width: 800, height: 600 },\n    series: [{\n        id: 'main',\n        type: 'Line',\n        data\n    }]\n}}/>\n```\n# Core API\n`svelte-lightweight-charts` supports chart object and all kind of series objects from `lightweight-charts`. \n\n## Getting reference to lightweight-chart objects\n\nTo get reference of lightweight-chart (`IChartApi`, `ISeriesApi<T>`, etc) instance of a node you can use `ref` property.\n```html\n<script>\n    let chartApi;\n</script>\n<Chart width={400} height={300} ref={(ref) => chartApi = ref}/>\n<button on:click={() => chartApi.priceScale().fitContent()}>Fit Content</button>\n```\n\n## Supported components\n- `<Chart>` - main chart container (`IChartApi`).\n- `<[Type]Series>` - series with specified `[Type]` (`ISeriesApi<Type>`). It has to be nested inside `<Chart>` component.\n- `<PriceLine>` - price line (`IPriceLine`). It has to be nested inside `<[Type]Series>` component.\n\n# Typescript support\nPackage is written on TypeScript and transpiled to plain `*.js` and `*.svelte` files. Definition files (including `*.svelte.d.ts`) are provided with package. It is a good place to find list of available properties that can be passed to each component.\n","readmeFilename":"README.md","gitHead":"1bf91b2d5788f1f68f7e89ec1759a71eeab0362a","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.3.0-repl","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-g7J69PsZV9217PLXwrjKBCIefE2fUAkba0G24wrcyO7v/yDn0JQrB1Q7k5ou9LVwhyXdGZdFlnjMldT/POh87Q==","shasum":"973ca942f6e179aefa57601012803c299e5f65e9","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.3.0-repl.tgz","fileCount":35,"unpackedSize":50226,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCQB4W0dAKgergX3VPZy6p62htEhuEXW/tJ2OBf3t8SWAIhALkQJDLCDdLBhuy2F6r2wDZuun80uII1YMg/aFmKH4q+"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWZl2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoFBw/8CQtfYZOgbA/jyVMM9WDzxOfTg1KYkzwod9fJ+n018tdEIU5o\r\nhkOVHB5p9/lt6tcBn8hqucM11qDaCN6wexYoorvGv7oSpagtCK4Y35T8ZBy8\r\noP9ACiEwGAoohmnXlxYa+bLa5TTv0ph2rOy9EDgxNiub/A4f4sj2uXiXF9iR\r\nDuM/aJhoZHM6UQ6PMbCwGRaO2knPgBin+ws3qmBU6CNNcsn3O2J/n9qokaXa\r\nbt9CzBHcUWGfukIXlANph32spy+fnOxPsOtwfug3W9s46nVqeHekzzKK3BC+\r\nQpeuAv+3OOxf3agdsDQ4VxlC/zwp+UFCp4fbcS5fCPzhZfOQcxCLlMk0V2uz\r\noAlu0tVFKyCnU9qxDRwhFCnktIz3lrB4eWwrmjv58UBaxELhLqS3Vc/5OuOT\r\n/y/9eXF/1QS8YSJyoTZZdam9VuZuXQxbLXPklinBLLPPzKzwJsqkvHHRuwdy\r\nuKvdBU+BtPRkZdPS9lIg549Ud+NEhTrRcLEUYfoDH4Zl6ZVyrFFJNKpMZgNI\r\nLXB5tsksCmBhd56YdRjplyeigR9JMB/CvK0+ALjCeaj2LxQjKD7Ulg5uW3q6\r\nokKsQpffbjpXjL+ts5slk4ukSmzl9k3wX6JZjeInPu5Sbm/wd1+DPhcYzSol\r\nwnSjMFodzvQPU+9xtQiDspXqoCsaWs6Z8oQ=\r\n=4xwe\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.3.0-repl_1650039158570_0.4858486835246114"},"_hasShrinkwrap":false},"1.3.0-repl-1":{"name":"svelte-lightweight-charts","version":"1.3.0-repl-1","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","devDependencies":{"@babel/core":"7.14.0","@babel/preset-env":"7.14.1","@babel/preset-typescript":"7.13.0","@tsconfig/svelte":"1.0.10","@types/jest":"27.0.2","@typescript-eslint/eslint-plugin":"5.4.0","@typescript-eslint/parser":"5.4.0","axios":"0.23.0","babel-jest":"27.3.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"8.2.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.2.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","jest":"27.3.1","lightweight-charts":"3.7.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.44.0","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.9.8","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.2.4","webpack":"5.23.0","webpack-cli":"4.9.1","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"]},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","readme":"This package is a Svelte wrapper for [lightweight-charts](https://github.com/tradingview/lightweight-charts)\n\nThe package is under development.\n\n# [Demo](https://trash-and-fire.github.io/svelte-lightweight-charts/official-samples.html)\n\nHere are some official examples rewritten on Svelte. Each example you can open in the REPL to modify or fork\n\nIf you need more information you can see [demo app sources](./src/demo) or [example sources](./src/demo/samples)\n\n# Installing\n\n```bash\nnpm install lightweight-charts svelte-lightweight-charts\n```\n\n# Usage\n\nThere are two ways to use this package:\n- As set of components\n\n```html\n<script>\n    import Chart from \"svelte-lightweight-charts/components/chart.svelte\";\n    import LineSeries from \"svelte-lightweight-charts/components/line-series.svelte\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<Chart width={800} height={600}>\n    <LineSeries data={data}/>\n</Chart>\n```\n\n- As action\n```html\n<script>\n    import chart from \"svelte-lightweight-charts\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<div use:chart={{\n    options: { width: 800, height: 600 },\n    series: [{\n        id: 'main',\n        type: 'Line',\n        data\n    }]\n}}/>\n```\n# Core API\n`svelte-lightweight-charts` supports chart object and all kind of series objects from `lightweight-charts`. \n\n## Getting reference to lightweight-chart objects\n\nTo get reference of lightweight-chart (`IChartApi`, `ISeriesApi<T>`, etc) instance of a node you can use `ref` property.\n```html\n<script>\n    let chartApi;\n</script>\n<Chart width={400} height={300} ref={(ref) => chartApi = ref}/>\n<button on:click={() => chartApi.priceScale().fitContent()}>Fit Content</button>\n```\n\n## Supported components\n- `<Chart>` - main chart container (`IChartApi`).\n- `<[Type]Series>` - series with specified `[Type]` (`ISeriesApi<Type>`). It has to be nested inside `<Chart>` component.\n- `<PriceLine>` - price line (`IPriceLine`). It has to be nested inside `<[Type]Series>` component.\n\n# Typescript support\nPackage is written on TypeScript and transpiled to plain `*.js` and `*.svelte` files. Definition files (including `*.svelte.d.ts`) are provided with package. It is a good place to find list of available properties that can be passed to each component.\n","readmeFilename":"README.md","gitHead":"14b9b2b6b79bee2e7e74584f791345a6ff2e855a","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.3.0-repl-1","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-+S0EYrILMKEI2ZS6eovPOLSN20WXtoELQmbUOze59QMwTSBOw0AQThUQwH1WycJLgVmxNifMGLkqM5/LiR5n9Q==","shasum":"ad12b90d4ef157b2c6f417fb6d8fce7b90ead64f","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.3.0-repl-1.tgz","fileCount":35,"unpackedSize":50235,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHKmzsagVKtq8TzS5Jb9S6isEbrysrg0EJzkFrQ6zbllAiAWR7F5XEjWPkIHctJTg+TQBrXD9uc8zFWi9vohmhpH2g=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiWZp3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoJIg/9F2ZNYuIcjFuYEB8NqPXLtbAVhqhXlJtreufRukRfm4Qw6Uf3\r\n6fZC6+iUsVfnsXr/f3blOWsViHbyGHA3+MMPWFCjCxZst/8vs6Hol4z6kxIc\r\nvsaK+BaUqxWVkEVf5GQz0AfM2Lf0q6Rw1SOXfbgTGkfRjaueDKNAJRwIAAAo\r\n9Lxy3+Miq73npAqVkM5q8P6PWmvK/WSVGExftFvU8k8gSRglcQrHvH624Ekp\r\n7OTpv6JMKxjYVLbfFMWEA+JLEsHGAmiS9xEsje+81meeBWsKnX6u3Deqh39L\r\nqLfxJkFtVTb285weuYFkPfk/Vuc9BZPIaxuNCNdI72nqV0GTutnkOuI7OetX\r\nBupKfbH/FayiGdgmamY1DhBGTpTpQlybHJ+L2DlzsMPIeA5EZvK9KZTRBoWh\r\nyDl8CyU2IjSe3yTidFPZ/TyMqAWzqWHOFdDSPOrTy5yvnYKOky8wQnF8tzQu\r\nsKLCt3IwTWkEnr1WIHA2c1mJyThMijD/qhVI3HDK4PANImO3J2lBsGghSe8c\r\ncn7UJ0el4B/s/y038erQsJgZ0fpqnH6m/XSH8/rkIaJ0Ny2im5+BQjhQIpHu\r\nrdR7VTWg0nRXE0U/j1YttoglIfvOpGSMew4iGUjlVoZSsf12s3Wt3TMQC4vn\r\nuUn+7DnaCNNiMiaQnIOrcmN8RqYUqnTYFk8=\r\n=FXtc\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.3.0-repl-1_1650039414779_0.7488930775619644"},"_hasShrinkwrap":false},"1.4.0":{"name":"svelte-lightweight-charts","version":"1.4.0","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","devDependencies":{"@babel/core":"7.14.0","@babel/preset-env":"7.14.1","@babel/preset-typescript":"7.13.0","@tsconfig/svelte":"1.0.10","@types/jest":"27.0.2","@typescript-eslint/eslint-plugin":"5.4.0","@typescript-eslint/parser":"5.4.0","axios":"0.23.0","babel-jest":"27.3.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"8.2.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.2.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","jest":"27.3.1","lightweight-charts":"3.7.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.44.0","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.9.8","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.2.4","webpack":"5.23.0","webpack-cli":"4.9.1","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"]},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","gitHead":"99e98b01e1b2b89464975afe02a990983719b446","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.4.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-u2F52/hLtV9f9z/KkhpRC6FMpnPYtch+yeiqcFAscZIzQ30oLSomqji299oXYK0uZO4sUmVZLfDHIqiCod23bg==","shasum":"628a69d90cd3b2dd1ce43af0dcd93d2d92cd1e82","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.4.0.tgz","fileCount":39,"unpackedSize":59682,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDgyhhbh4HOKZUiv2R6rLJKyiv5TTMWtHddni3VfLnB7AIhANEYJSkUzk9jOG98pL7m3eqpIoxF2LrLXvAPSIfzHltN"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXdxiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpIFQ/+P/iADEB2fgoAKVMDQUA8dxkBzqgvcwNRBgv/duXBIqdO/uyA\r\nJuWPQ/sbASlIuEOnGwlHL84JV3+F+UwkdHSA/tJopZ+5CCJrVZhIZ94dmjbL\r\nDmaBXHOUT7RZbtsQuCVbsUrWzVMLv4I+vRKI4YVIy4YyZaHdNkfFbmd0tCc/\r\n2VhvCNeyB3vHYSJb/6u1H8HNbM0zhn5Mk4G/M2YBzeIIEMeB5uWUOPQLpc1S\r\noa8vIVAjFSO5x4nflVx3SrkPWZnRWaEl7t5HodCweOAJn6vWNfTdsqv3sQ5P\r\nJh21zoNmDB1LHqYBWTQDlHA8i/J3W1zOeUTOStW2J4IUuxGaJE5mCpdJInHO\r\nZBh3OsjTJmRaPbOjVDO7bL0ZjCYmPGxZ+pLKSzwpQ5/Gg+8u58/w/Se+vmnA\r\n85QLOZrFxLjhyaZd55rGEQWYb4MfuriUSR7fdBze8iwXln+jWURboFCjUIMn\r\nQwIlhzpA9yCXshp73KDnOSDyF1GuX9cmtVHySzjEf3IVwV4o/XS1T0ughzWI\r\n7nnS4IUFn+WV+8Y5XT/8Bijdn9Sjw8Si8iSv+inELINc6cNyy4jHlD8k1Jjv\r\nIzQdw+8jCYUVX9ODcI8kGAmAdtom6XdjDPvTybecyJU1A3w88QbRF8ZwW0E5\r\nY451bC2XMhhu+gjB3WY8lvsXOHKxGjoaKUA=\r\n=q5p+\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.4.0_1650318434368_0.48616384080762187"},"_hasShrinkwrap":false},"1.4.0-repl":{"name":"svelte-lightweight-charts","version":"1.4.0-repl","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","devDependencies":{"@babel/core":"7.14.0","@babel/preset-env":"7.14.1","@babel/preset-typescript":"7.13.0","@tsconfig/svelte":"1.0.10","@types/jest":"27.0.2","@typescript-eslint/eslint-plugin":"5.4.0","@typescript-eslint/parser":"5.4.0","axios":"0.23.0","babel-jest":"27.3.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"8.2.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.2.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","jest":"27.3.1","lightweight-charts":"3.7.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.44.0","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.9.8","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.2.4","webpack":"5.23.0","webpack-cli":"4.9.1","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"]},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","readme":"This package is a Svelte wrapper for [lightweight-charts](https://github.com/tradingview/lightweight-charts)\n\nThe package is under development.\n\n# [Demo](https://trash-and-fire.github.io/svelte-lightweight-charts/official-samples.html)\n\nHere are some official examples rewritten on Svelte. Each example you can open in the REPL to modify or fork\n\nIf you need more information you can see [demo app sources](./src/demo) or [example sources](./src/demo/samples)\n\n# Installing\n\n```bash\nnpm install lightweight-charts svelte-lightweight-charts\n```\n\n# Usage\n\nThere are two ways to use this package:\n- As set of components\n\n```html\n<script>\n    import Chart from \"svelte-lightweight-charts/components/chart.svelte\";\n    import LineSeries from \"svelte-lightweight-charts/components/line-series.svelte\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<Chart width={800} height={600}>\n    <LineSeries data={data}/>\n</Chart>\n```\n\n- As action\n```html\n<script>\n    import chart from \"svelte-lightweight-charts\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<div use:chart={{\n    options: { width: 800, height: 600 },\n    series: [{\n        id: 'main',\n        type: 'Line',\n        data\n    }]\n}}/>\n```\n# Core API\n`svelte-lightweight-charts` supports chart object and all kind of series objects from `lightweight-charts`. \n\n## Getting reference to lightweight-chart objects\n\nTo get reference of lightweight-chart (`IChartApi`, `ISeriesApi<T>`, etc) instance of a node you can use `ref` property.\n```html\n<script>\n    let chartApi;\n</script>\n<Chart width={400} height={300} ref={(ref) => chartApi = ref}/>\n<button on:click={() => chartApi.priceScale().fitContent()}>Fit Content</button>\n```\n\n## Supported components\n- `<Chart>` - main chart container (`IChartApi`).\n- `<[Type]Series>` - series with specified `[Type]` (`ISeriesApi<Type>`). It has to be nested inside `<Chart>` component.\n- `<PriceLine>` - price line (`IPriceLine`). It has to be nested inside `<[Type]Series>` component.\n\n# Typescript support\nPackage is written on TypeScript and transpiled to plain `*.js` and `*.svelte` files. Definition files (including `*.svelte.d.ts`) are provided with package. It is a good place to find list of available properties that can be passed to each component.\n","readmeFilename":"README.md","gitHead":"4d3352882dcd79013102fe42aab3b23ae31e0c8d","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.4.0-repl","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-cNuIeq0OONXsG25YJnyhzvj2bbScRG91lMHRyiRRRqUOqEbiPWl00l08q4WITEHeCIacANBqUda/uT5rkNPY9Q==","shasum":"f6d227b3982ef6843e7598dca83cffe888befd94","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.4.0-repl.tgz","fileCount":39,"unpackedSize":59694,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC4xR/C1v4vxxEo7wye540N9YMD7tZKjrkrwWqx1u2uXgIhAIAQJRtKZERmx8/w+qH+7y1NOY0DuzQPukKK/JnK053X"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiXdz8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqpeBAAn4u7Mkz3cFoLq0P+IPRi4rc6xB0T3KG3/ZOQMpfVOmePKZt6\r\nFdKLL2o5/0Vh7cg3l72sy8++5thfMbWu+Lo+hsm86xwrf4A5OfmC6k5syxOF\r\nxZKBEb7DHMH/rYuRqA6oHLY5essqHjc+JTw7313T64n36zue3rA73QNeGR0r\r\nhbTrya2yLJDSS3nPYybqEMBwmuthXF+5lel9SKUQ5q1UaSau/dlXQQrrweq9\r\nvwFerKjfBrgNBRNcMdLVA7NHVF/YY+L5zKVNVPBxUEP8v9AoTuHB3+oO4+Oi\r\n8NCy43uvZuma8dE3HGZ18eBVM3gqh2YVuC8QXQ9YIacxWxMr6rpuktmCxsPv\r\nfqAMK414fe0wClSEUvXAWQDf5Sd7BFhGdwKO/HJxjpIUrcazId6A0QpKLs/v\r\nRhWqaMAYCMYjQhxyp0U18MyaFdnJ82EVxTbwfzty1RPYvr2bnE0vuIfyABUT\r\npiL1xVvafo1ccce2lIbHQUT//qwdvuQnY8/66O6kTBTI9Z6Ic94a+z/385Dx\r\n4O1gMjlslq7HV2Ms+wQH+7CxxFQuv3I49MPP0BGJd6XPCTDO9lgzDBgKTvCc\r\nMzpiDIT8g5nyo3mE0J0cgOrifRu3lJXIiZBefIOgqxS0TdUjN1p89rxhLZVK\r\nqG26hdWuLXM5HiLVvGlwjO3XvFlCBaiNJQE=\r\n=6kGz\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.4.0-repl_1650318588623_0.026026324980108484"},"_hasShrinkwrap":false},"1.5.0":{"name":"svelte-lightweight-charts","version":"1.5.0","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","devDependencies":{"@babel/core":"7.14.0","@babel/preset-env":"7.14.1","@babel/preset-typescript":"7.13.0","@tsconfig/svelte":"1.0.10","@types/jest":"27.0.2","@typescript-eslint/eslint-plugin":"5.4.0","@typescript-eslint/parser":"5.4.0","axios":"0.23.0","babel-jest":"27.3.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"8.2.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.2.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","jest":"27.3.1","lightweight-charts":"3.7.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.44.0","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.9.8","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.2.4","webpack":"5.23.0","webpack-cli":"4.9.1","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"]},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","gitHead":"0f668a138e8d002269c6d7d80e9568ef5cd1d513","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.5.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-cnff9iVTS6W3QT3IviOP5mqjKNtWpg1mL+KY8a5UDtFg/qypzU4Fg2nKyMWsqT1SOE2AQMuzbaMUHsXAtk4R1w==","shasum":"3b29dc33fb6e607f9421e4871f0a2307cb3a0f7a","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.5.0.tgz","fileCount":43,"unpackedSize":66450,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDtIBes81O01pwya8DPhxnC8brMFn0R04lCrFymUn20AwIgKfQ4oyH9WFhMTTwdt+cwnp5TAsDsFmElWFVpqaBxDTM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiadc7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrUPw//Q4mKHbYow0vIVKF3mSduHRpyTfEuCE4K7VdRrf0kX04iSM9P\r\nYarWLHi0Q8uXE/GtdGoi6QFdUH8yOYMEI9hzpi7qdNHfxinT+FaY/59MsN8r\r\nL2n6zqi3bV9w/emkOH/XIm9tpMki+lKd8thWHrV2KGgRjeS0HHKft7o/cgpd\r\nbc0z7j1IAu4NcgV6BgpNMeXnOvwLoCneJUXDbclljAr+jM+T3Mhu9LDp4Ujf\r\nJJAuej2owgQpW+xVEyilmAqcgp//V7KXII6MoxwzGFqd7K84UbRXal8OBkzZ\r\nMNq2cJWtkxem9rRRpQjlWBd7NbRqU1W/DC0+Rn6+2r5IqRJ5hYAa3qwasUX3\r\nPa/FDrg4l8cxE/92qVtizwNCTRqBeYc4akE4e+MTjPBx1pixGtEOAc/ntc8x\r\n+lxrNaB+3sgBzp5tT0qBL+BXpex0zw5dQ/4ry/nEidtqK2M3z3qJIpqaiaZI\r\n6Y4tWE4HObHih5Dddsq2Xpylyx/YM8iUmeSvAtzT8730Cx3xICBPyhRwj3KC\r\nJ7ewPW/wQ3T/0ol2act7TjT4YNwLPXuLXICAzqhGOHnUnaG919xxVGcLM6pt\r\nZNNxYkerdMaRiLwftroD1uAFn5TdD0OojGCYh3AzRMydTNR0PkEvzJaGFzsN\r\nvhbX+l3sxpsfRfEWss0kcpkTSF2BbnalgrA=\r\n=zXwv\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.5.0_1651103547146_0.9499659445423538"},"_hasShrinkwrap":false},"1.5.0-repl":{"name":"svelte-lightweight-charts","version":"1.5.0-repl","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","devDependencies":{"@babel/core":"7.14.0","@babel/preset-env":"7.14.1","@babel/preset-typescript":"7.13.0","@tsconfig/svelte":"1.0.10","@types/jest":"27.0.2","@typescript-eslint/eslint-plugin":"5.4.0","@typescript-eslint/parser":"5.4.0","axios":"0.23.0","babel-jest":"27.3.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"8.2.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.2.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","jest":"27.3.1","lightweight-charts":"3.7.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.44.0","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.9.8","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.2.4","webpack":"5.23.0","webpack-cli":"4.9.1","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"]},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","readme":"# svelte-lightweight-charts\n\nThis package is a Svelte wrapper for [lightweight-charts](https://github.com/tradingview/lightweight-charts)\n\n## [Demo](https://trash-and-fire.github.io/svelte-lightweight-charts/official-samples.html)\n\nHere are some official examples rewritten on Svelte. Each example you can open in the REPL to modify or fork\n\nIf you need more information you can see [demo app sources](./src/demo) or [example sources](./src/demo/samples)\n\n## Installing\n\n```bash\nnpm install lightweight-charts svelte-lightweight-charts\n```\n\n## Usage\n\n```svelte\n<script>\n    import Chart from \"svelte-lightweight-charts/components/chart.svelte\";\n    import LineSeries from \"svelte-lightweight-charts/components/line-series.svelte\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<Chart width={800} height={600}>\n    <LineSeries data={data}/>\n</Chart>\n```\n\n## Getting reference to lightweight-chart objects\n\nYou can use the `ref` property to get a reference to a lightweight-chart api-instance from any component.\n```svelte\n<script>\n    let chartApi;\n</script>\n<Chart width={400} height={300} ref={(ref) => chartApi = ref}/>\n<button on:click={() => chartApi.timeScale().fitContent()}>Fit Content</button>\n```\n\n## Components\n\n### Chart\n\n`<Chart>` - main chart container and wrapping dom element.\nYou can pass any option from [`ChartOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ChartOptions) as separate property.\n\nUsing `container` property you can get access to containing element:\n```ts\ncontainer?: {\n    ref?: (element: HTMLElement | null) => void;\n    class?: string;\n    id?: string;\n}\n```\nIt might be helpful to [auto-size](https://svelte.dev/repl/22c14c4729d44d65a69346d1e3cc6e89) your chart container via ResizeObserver. \n```svelte\n<Chart {width} {height} container={{ref}}>\n    <CandlestickSeries {data}/>\n</Chart>\n<script>\n    let observer;\n    let width = 600;\n    let height = 300;\n    let ref = (element) => {\n        if (observer) {\n            observer.disconnect();\n        }\n        if (!element) {\n                return;\n        }\n        observer = new ResizeObserver(([entry]) => {\n            width = entry.contentRect.width;\n            height = entry.contentRect.height;\n        });\n        observer.observe(element);\n    }\n</script>\n```\nEvents:\n- [`on:crosshairMove`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi#subscribeclick): `(event: CustomEvent<MouseEventParams>) => void`\n- [`on:click`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi#subscribecrosshairmove): `(event: CustomEvent<MouseEventParams>) => void`\n\nUse the `ref` property to get a reference to a [`IChartApi`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi) instance\n\n### Series\n\nFollowing types of series are supported:\n- `<AreaSeries>`\n- `<BarSeries>`\n- `<BaselineSeries>`\n- `<CandlestickSeries>`\n- `<HistogramSeries>`\n- `<LineSeries>`\n\nSeries components should be nested inside a chart component. \n\nYou can pass any series option as separate property. \nList of available options corresponding to each type of series can be found [here](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesOptionsMap)\n\nUse the `ref` property to get reference to a [`ISeriesApi<SeriesType>`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ISeriesApi) instance.\n\n#### Passing data\nTo pass a data to a series you can use the `data` property. Look [here](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesDataItemTypeMap) to find what shape of data you need for each series type.\n\nBy default `data` represents only the **initial** data. Any subsequent data update does not update series.\nIf you want to change this behavior please add [`reactive={true}`](https://svelte.dev/repl/0efb2840a9844ed5a1d84f2a1c9a2269) to your series component. In this case series will apply a new data if it is not reference equal to previous array. \n\n### Other components\n\n- `<PriceLine>` - price line (`IPriceLine`). It has to be nested inside `<[Type]Series>` component.\n- `<TimeScale>` - time-scale (`ITimeScaleApi`). It has to be nested inside `<Chart>` component.\n- `<PriceScale>` - price-scale (`IPriceScaleApi`). It has to be nested inside `<Chart>` component.\n\n## Typescript\nPackage is written on TypeScript and transpiled to plain `*.js` and `*.svelte` files. Definition files (including `*.svelte.d.ts`) are provided with package. It is a good place to find list of available properties that can be passed to each component.\n","readmeFilename":"README.md","gitHead":"7bd3f1d4c824946c0f5e132867a028adbdbf3166","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.5.0-repl","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-6RC1iT6N967A8MlX5OZmyDjNdoYlmwpUIM63kBXDOLbAYpQAyuNcGINhNZeVbTX4RmQRDlMd9tvYDVX7lCcNaQ==","shasum":"d44fade8e12bbd9211258313d1dd11b04244ec84","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.5.0-repl.tgz","fileCount":43,"unpackedSize":66462,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDsjIhdDWVKsIyrjsF1uuCUoHEiH7mF85SARLvJ9e4axAiEAp8xAnwuSaLBBOM3AFYGrgkEAAs4QfbBk9GCII83puEw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiadmBACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoO6Q//XKTTeEOgOhEpM3D50X5NGBhPhMxiTZPW/O6FETPPPikjYLL9\r\nl+hl8TyViswNC7Tgdw5uUU3Mj5l+PQvjUX2R51w8/PjLvKI3eE40wNR3MIxg\r\nLEW6ium1fReG2tGzBe5AzqpOKjadVLarxfw1Tihq4gwuRRARax1fP8wZqc+P\r\nCapfoXawh5WnP5O3YrvHZ41/cpxo7WiuQm3qDTVTrN1ElOHpYyX75R/3tyhP\r\nAl6yp4X/6ZXP6v1DLokNbXoLnmoETiWulS+nREBX6A6ekkSTeZopA0uN6r4B\r\n+Lqjnu9LnihY6xvg0XijZPT3zI9+YVjcTMEJvKfc0bZyRUnk1S5Nlm94dvMy\r\nCXF4eUybWmAeAREu6ZiMPEoShHT/z3skeba56kg1UczADCaq3o45zByIDxml\r\nBHrrMH8e+xrt7TGsumN585HBnxLhqP7hb+IiDqidU/6QwrzkbHsP7jwBTtuS\r\ncnKue8mun2fU3H4zHlpnQUwxI5umpYphWEY+3zyGPMPaLt4VYe/ycnUvM8rI\r\n2b8Hkd6shaMljdnkfH4nUxh5CpXf2M6+eHI2qyaphlMGUGtw1kyCC8UfYLJl\r\n/HcHuugFyqoWr+DX9iR87xlKjnfo3kDNCI8Dl5StYjYufdCtzcOIZ1vOqWV7\r\nbHD4oz6IOvUVQYzYcT4LC5BfhkQ4NS7wBME=\r\n=CsfW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.5.0-repl_1651104129159_0.85481765725935"},"_hasShrinkwrap":false},"1.6.0":{"name":"svelte-lightweight-charts","version":"1.6.0","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","sideEffects":false,"devDependencies":{"@babel/core":"7.14.0","@babel/preset-env":"7.14.1","@babel/preset-typescript":"7.13.0","@tsconfig/svelte":"1.0.10","@types/jest":"27.0.2","@typescript-eslint/eslint-plugin":"5.4.0","@typescript-eslint/parser":"5.4.0","axios":"0.23.0","babel-jest":"27.3.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"8.2.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.2.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","jest":"27.3.1","lightweight-charts":"3.7.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.44.0","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.9.8","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.2.4","webpack":"5.23.0","webpack-cli":"4.9.1","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"]},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","gitHead":"f263a5a3bdbe48622beaac8e7d2e7a3fc71f74b4","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.6.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-TGNJJ/22RRvnBj6A6uoPhmvgSSG6IS1iuw2NI3CKGTIojT7lorSLBc6ooIHk1So/adcJiNGnrn/Amqp3XMFN9g==","shasum":"2237320e2327d16ea2a1f544ee9a6b496b9ade11","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.6.0.tgz","fileCount":43,"unpackedSize":69272,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIALCJeqqkcGOoEYrwrjMhTax2bLCcjo4s1Gclo/N2vN1AiEAtA0rPcEoN8ZpNzDFO27DLxCdTdYRgkPGEj63cr1DP34="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicv/XACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqA2g/+MUk34A6PHcjxckjDXYiI1bA5QpNObUgHkKB/2ofmSr9RX/ef\r\nHgRx3d2/N5Ml47IPA0Uf96SdwBKUr+r/zV7A1w1BWItqsQPktokhteHdtQTI\r\n+tsD0vQYbBSwZH39FC1dHXVcpZk89bfSehpVueD/j5pvEBuf9tjRWFNZfWD4\r\nIXT61xyoYq7ApJtQE02tpad6F013mFD33cevAVBsTjAbnPtzQoJdoEyU2W9h\r\nxjoKJ7I8+B6K5jpL/PvMlLdt2PpCqOXvmyiLP2VBWJ58VSkcifuRV7ZEzcfe\r\nkER1g1GGDDJJxSzwL787fqJRBJP/FJh1xZaxLVfiTnnTNbm9jLLmZamMQ4xN\r\nsFsqFE47CeFXlggxruITu5j5uX/5Y05ohRAjlbtXXI4SGTOM2AzoBWHgEdfy\r\nDqE56eWnxBFHP7EOZ2Y8fWrO7IS/rGDL7Fik7ao0UffzrIGnSa1/p/y+G5RJ\r\ny9NJHC2sIApBrDTTY4UQCdrz8j/EM3wvX6uuxYX/PoBpFkeVCMFSxdf6TeYq\r\nVCHeANnpi7JB8NJIzEc49gl3R5rRWv5UzUus15Opp6GVwq5+jzADJKFziQb5\r\nsj3TX/7pbBUeVYu3JRJG5/nT2J/Qj47qtbHURaY7NdDcwemaHkbs2uws6Nkw\r\nLiMM7rLojIRp8s6FfOq/AYSNPJNAfI+0odE=\r\n=fUHn\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.6.0_1651703767291_0.9063804818007704"},"_hasShrinkwrap":false},"1.6.0-repl":{"name":"svelte-lightweight-charts","version":"1.6.0-repl","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","sideEffects":false,"devDependencies":{"@babel/core":"7.14.0","@babel/preset-env":"7.14.1","@babel/preset-typescript":"7.13.0","@tsconfig/svelte":"1.0.10","@types/jest":"27.0.2","@typescript-eslint/eslint-plugin":"5.4.0","@typescript-eslint/parser":"5.4.0","axios":"0.23.0","babel-jest":"27.3.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"8.2.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.2.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","jest":"27.3.1","lightweight-charts":"3.7.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.44.0","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.9.8","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.2.4","webpack":"5.23.0","webpack-cli":"4.9.1","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"]},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","readme":"# svelte-lightweight-charts\n\nThis package is a Svelte wrapper for [lightweight-charts](https://github.com/tradingview/lightweight-charts)\n\n## [Demo](https://trash-and-fire.github.io/svelte-lightweight-charts/official-samples.html)\n\nHere are some official examples rewritten on Svelte. Each example you can open in the REPL to modify or fork\n\nIf you need more information you can see [demo app sources](./src/demo) or [example sources](./src/demo/samples)\n\n## Installing\n\n```bash\nnpm install lightweight-charts svelte-lightweight-charts\n```\n\n## Usage\n\n```svelte\n<script>\n    import { Chart, LineSeries } from \"svelte-lightweight-charts\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<Chart width={800} height={600}>\n    <LineSeries data={data}/>\n</Chart>\n```\n\n## Getting reference to lightweight-chart objects\n\nYou can use the `ref` property to get a reference to a lightweight-chart api-instance from any component.\n```svelte\n<script>\n    let chartApi;\n</script>\n<Chart width={400} height={300} ref={(ref) => chartApi = ref}/>\n<button on:click={() => chartApi.timeScale().fitContent()}>Fit Content</button>\n```\n\n## Components\n\n### Chart\n\n`<Chart>` - main chart container and wrapping dom element.\nYou can pass any option from [`ChartOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ChartOptions) as separate property.\n\nUsing `container` property you can get access to containing element:\n```ts\ncontainer?: {\n    ref?: (element: HTMLElement | null) => void;\n    class?: string;\n    id?: string;\n}\n```\nIt might be helpful to [auto-size](https://svelte.dev/repl/22c14c4729d44d65a69346d1e3cc6e89) your chart container via ResizeObserver. \n```svelte\n<Chart {width} {height} container={{ref}}>\n    <CandlestickSeries {data}/>\n</Chart>\n<script>\n    let observer;\n    let width = 600;\n    let height = 300;\n    let ref = (element) => {\n        if (observer) {\n            observer.disconnect();\n        }\n        if (!element) {\n                return;\n        }\n        observer = new ResizeObserver(([entry]) => {\n            width = entry.contentRect.width;\n            height = entry.contentRect.height;\n        });\n        observer.observe(element);\n    }\n</script>\n```\nEvents:\n- [`on:crosshairMove`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi#subscribeclick): `(event: CustomEvent<MouseEventParams>) => void`\n- [`on:click`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi#subscribecrosshairmove): `(event: CustomEvent<MouseEventParams>) => void`\n\nUse the `ref` property to get a reference to a [`IChartApi`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi) instance\n\n### Series\n\nFollowing types of series are supported:\n- `<AreaSeries>`\n- `<BarSeries>`\n- `<BaselineSeries>`\n- `<CandlestickSeries>`\n- `<HistogramSeries>`\n- `<LineSeries>`\n\nSeries components should be nested inside a chart component. \n\nYou can pass any series option as separate property. \nList of available options corresponding to each type of series can be found [here](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesOptionsMap)\n\nUse the `ref` property to get reference to a [`ISeriesApi<SeriesType>`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ISeriesApi) instance.\n\n#### Passing data\nTo pass a data to a series you can use the `data` property. Look [here](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesDataItemTypeMap) to find what shape of data you need for each series type.\n\nBy default `data` represents only the **initial** data. Any subsequent data update does not update series.\nIf you want to change this behavior please add [`reactive={true}`](https://svelte.dev/repl/0efb2840a9844ed5a1d84f2a1c9a2269) to your series component. In this case series will apply a new data if it is not reference equal to previous array. \n\n### Other components\n\n- `<PriceLine>` - price line (`IPriceLine`). It has to be nested inside `<[Type]Series>` component.\n- `<TimeScale>` - time-scale (`ITimeScaleApi`). It has to be nested inside `<Chart>` component.\n- `<PriceScale>` - price-scale (`IPriceScaleApi`). It has to be nested inside `<Chart>` component.\n\n## Typescript\nPackage is written on TypeScript and transpiled to plain `*.js` and `*.svelte` files. Definition files (including `*.svelte.d.ts`) are provided with package. It is a good place to find list of available properties that can be passed to each component.\n","readmeFilename":"README.md","gitHead":"3245cac8d6598794fc6571718537c5f9830f50ae","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.6.0-repl","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-dP3n6FoHmPiAPV1lq+uXlLGYOa833BJxnVi4X+KQcZKMXo5apDUnOYOR4SMK9X05X/ulDJOY/tQkzDSWv1EDiw==","shasum":"2cd2618b1fd27af55d4e96e606ed9ce6fb804864","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.6.0-repl.tgz","fileCount":43,"unpackedSize":69284,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCICnjsGSGMtWBKToW/GfptxfLeaHOXysAmQx5l/W4aSUgAiEA2dIghrnPWZJL+IKJBhiT1z0OUb5oC25j6zZ6KTtzZu4="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJicwBaACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoC5A/+JAtE0dZoE8LAZD0XYYE4MAWartt3mftA1Byh/TZI9LrHshdn\r\ndIFe6zkKN+76jSWR7mHHT3NQe+5ord567qK23S6xhALjVq2lgFxN4ENA8PD0\r\nCMQ+JRoTEQgP8CVU7FQy06qTi92PImBXocBHCbOlRrdGu0sXrTd7XvJ1ENAJ\r\nJUSMT7dUbqTmVJkSGc25YWBfvM3cnYnHGVrxadajFwOhzG/QFl8CL2rkJ0p2\r\nY5zroHhF/4aw1Zn5Qzm44qrEYKt+RdyqrHK+Gr8wk/NkWVzdFSoMLsg3Esx1\r\nh92l0PThUXSm+/AC/9nW5MGDu61A3lZAdPcABzJQ5TSLs8lRX36V12HFF6dq\r\nByUFLLLxD+ClvtPwjO1P/mr46aqUtITyn+3nYDDs8RipQEstcSTWLTo7MqUP\r\nKXkghitnXyHi0g9FzR7WGCn7zrHmOxSZFZ3Zr2x32UwDc4ceBLpijmrd6Ch2\r\nZVL2opzgt2J+ENJxvdB4dJBipGNdgC6rpnYkc1HMqP8Uq67YzI2bkGc56vip\r\n9+VYLmpv4CnhFpx5L52pcuzb3/9OicHmin8JBf247oV07BeOeXdtD3ois1VM\r\neFCBXZEPDFqhZnisI+dkqOqKjqsMLrjYs6kwX4gDc0BVyMaEATvi0uCY5r56\r\nrba4/OAJ9oH1cvCw2EmJCdXD++OmKnjHT64=\r\n=tqLo\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.6.0-repl_1651703898538_0.6858141301784029"},"_hasShrinkwrap":false},"1.6.1":{"name":"svelte-lightweight-charts","version":"1.6.1","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","sideEffects":false,"devDependencies":{"@babel/core":"7.14.0","@babel/preset-env":"7.14.1","@babel/preset-typescript":"7.13.0","@tsconfig/svelte":"1.0.10","@types/jest":"27.0.2","@typescript-eslint/eslint-plugin":"5.4.0","@typescript-eslint/parser":"5.4.0","axios":"0.23.0","babel-jest":"27.3.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"8.2.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.2.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","jest":"27.3.1","lightweight-charts":"3.7.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.44.0","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.9.8","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.2.4","webpack":"5.23.0","webpack-cli":"4.9.1","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"]},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","gitHead":"40d040465ff58262070019285ad1ca47a7f87629","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.6.1","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-CtvEpDs6QS7IVCCQAxA4m/jAsVyQae3C+FSKqdnksbTWPkKh1Tst2KWn8VDXebJMPqf9akUuxYp+uQcZBwvhQQ==","shasum":"3130ec76b79e8d4cdfa0448e1a6399f650605b8d","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.6.1.tgz","fileCount":43,"unpackedSize":69295,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDfLrqi5fNBkdncozW/HcWqcsWxD9dwWq1QdVCrfV+hjAIhAMVWuAhJZeSlgwchOD2hlG2rAexo+gX2nbRH9LREluFr"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidGPsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp47w/+PQXbSUwbLgWhIBAQpwkJ5kfoHX7u1Pp4Ao2l+uZCxY7sPPKG\r\nFdeTwE4GTqCSuIIZzbtWfHAGos9V7AIMSGI7uDiGxTtEEz71jpRH7e/ArPbv\r\nULRxIyVX8cyFNmWdQ6tUu7l+B/816kHLsklI+/P8BpETw+bgIrvSWNp8YuBO\r\nELfFvXgjotwzj3GyE4tFbFB4dXWD6r82Em6f978yf5QK5SA5IxA14Ob4OpRv\r\nqxRSg+dP4D+22vrkF4ezuCwUzqW1jgt8PqUmRrg7EGLZP3Gx+ysmVTOAB8nf\r\nrErFgNYbqjXBn1wMFKUHsxNpXfEwkGDTK1gY5bNA1vrwbFoxHHI/Pp5o4NeG\r\nIuVe8rcngBjf4clXTgUs1Ob8c1Vc5lVkwtfqIxogs7TDswsXBV94jb30n6xE\r\n6qfq4R6B+0e2dFnnaOU13PtDaBy0MBu+JqojzVRc50L0bxAEJlMOnSgAV5Mn\r\nNNUo9CMDuEjiseyRHLAtUCV2EgrH29DjzncR4k1rUTH4jSIh0js8XFUOLx02\r\n0mOC8qhYAjQlbQZycZjIrpQ3hzRBgsBKTpxs4lqQOyInGOmFuFu3HvWTQ+4d\r\ne55J0zv0/BGxGjnjlNgeWRvEo4NS5zlI5T2reNVwOlztI8SsfS4j+H5147Zd\r\nRYEyoPQsn0E629uvvl0G0Pa4wsim2JvD7i0=\r\n=s06l\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.6.1_1651794923805_0.5275456347511376"},"_hasShrinkwrap":false},"1.6.2":{"name":"svelte-lightweight-charts","version":"1.6.2","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","module":"index.js","sideEffects":false,"devDependencies":{"@babel/core":"7.14.0","@babel/preset-env":"7.14.1","@babel/preset-typescript":"7.13.0","@tsconfig/svelte":"1.0.10","@types/jest":"27.0.2","@typescript-eslint/eslint-plugin":"5.4.0","@typescript-eslint/parser":"5.4.0","axios":"0.23.0","babel-jest":"27.3.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"8.2.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.2.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","jest":"27.3.1","lightweight-charts":"3.7.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.44.0","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.9.8","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.2.4","webpack":"5.23.0","webpack-cli":"4.9.1","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0","svelte":">=3.44.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"]},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","gitHead":"e8038b4d29b4124a03d9eb289ff788030cf81492","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.6.2","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-gXj9b92lpYcI0qntHM07PAPKO6y4Qfe4uterMxLTAYw+Z8/cWab5Uv+xzC/Z1B6FcDXDLksckTWtqgMb033Ghg==","shasum":"e2284518495898de90c42274deb514de68e641b5","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.6.2.tgz","fileCount":43,"unpackedSize":69345,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHF1B3dwG+ztsDJh4kjBHgYnLhQ/aDStSUYhvI3cFqblAiEA87z2JKEoaxsQFqjx2Kd1pUkAKl4gaubI4SMbhfOHxiI="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJidGaEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmopdQ/9H39w1YS5CwRRM8daBE7biavPUaNeEsGAam5KPwljXxyTuthI\r\nStHAvJ1JVAgmzDVwC5QQj0ooFdARa4GIljeQIbjdJcQyBMOwLBw0tyaI8+fU\r\nw6cpsN9mw9AP/Kvslv4jXvPHdvfqBEbfp2tRa72UCiMI6x/S0DyzZOB6AYEu\r\nVytzMkL6ZChS6Guu+Fmxe0sUcn9kODJt7Fmrs8A89rja/Pfaq/E/ZDon2cke\r\nLvRmokWnuQ+SbO0HyqCpp+UWE0VNz5Og5f68haTlsheNKMYfeHifETknZkp3\r\nOaGK3umcD/NYXKVW6kLBQOsa5x1B+CghHpHkCKuLyHco1+Bk3kFUMQvzPrtH\r\nNnHwfRVyLHS2PWzElnWdaRj+1do9qwlsVaeaXB1eqoXv03BAnHlgbcM+mRTE\r\nhJIv6Kdx4u+sDdlLJkWTsckpMOaI1ZPDFhdr1n4NOsqflCnGDrXOKTuceL65\r\ng0mEFAcY1PY3P/xJeYeh4ZlSp4mNx4EUuO7JVLb1KK5QShuo7Ss58FQR6q3t\r\n6uyHWkN9NHWVCe/w5xW5LGeT/vxlp0tu6Ka/9tAKtyK9H4Ghe0h62jz0MIzC\r\nKykX3pZFi0Ri/v/G1CINp4+m+s4uD4kD7n1Gkl7lpTXQkdQ1J47ftIiuq19V\r\nuGh7GRJU1Qas+bk/QhTcKlQ33k/rp1LW4hE=\r\n=IRa6\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.6.2_1651795588080_0.7744679923760149"},"_hasShrinkwrap":false},"1.6.3":{"name":"svelte-lightweight-charts","version":"1.6.3","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","module":"index.js","sideEffects":false,"devDependencies":{"@babel/core":"7.14.0","@babel/preset-env":"7.14.1","@babel/preset-typescript":"7.13.0","@tsconfig/svelte":"1.0.10","@types/jest":"27.0.2","@typescript-eslint/eslint-plugin":"5.4.0","@typescript-eslint/parser":"5.4.0","axios":"0.23.0","babel-jest":"27.3.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"8.2.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.2.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","jest":"27.3.1","lightweight-charts":"3.7.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.44.0","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.9.8","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.2.4","webpack":"5.23.0","webpack-cli":"4.9.1","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0","svelte":">=3.44.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"]},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","gitHead":"8528826f70ecf1320771bdb05a9d980383002c21","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.6.3","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-vzOduKp1ZkkQzRMQbFn1FYHDg90zQEshOuDESGT3KZhTIErxPDeWSrc84v/oosxaNLYUO69p/7KvFO7Ixc2yiA==","shasum":"22b8d0109431ca664b226ac6c8036bce6791d084","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.6.3.tgz","fileCount":43,"unpackedSize":69354,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDqwZLHLzd64GXOjUoOaO7PDt3OU1fNyPHOizsXAbQoAAIhAKeN54CIH7t9z13oY1rpI6gsAm8dg/5OTyAQs1KxqQZz"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJifWGSACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrGhxAAnunjqq5hGMxtNeV39ADLpMEsQ/HAQI9s/OQG/k+gY4kog0Fi\r\nJ05fQitIcFeTFfdXz8dwcrj3ikuvZ7yU0Uns/4ocXaBVX5Fpi28qJdFRfK/j\r\n+/x0KjDZ5MzIn+nC8F4DCuaZ4V2qSxwK6QG6cs+2OUYQdrMuJ/9zUfBotBD7\r\n5OVBiJ4uPCr5GJBjBPy/tJRFRyReYgx42f7fuo3swFgm7UsHZjM74CyNOsga\r\n710jM+timUEmuJWe8P7o+2d0yvnmXHUVSJEqwGoZE7lz9TCar5u3SOCuBr6B\r\niF6AtAPAYVBTHXDzwGBmNtRBi7apHFu600hbIK9PIw5F197rNrpqt/n6cWe0\r\ncDKCSMwSLvPszmqkwtCZIJITTM7WTsP2SKqE5CygzKtHAG9vXHq/L8LwIJyG\r\nLZuyCrbXKr/bWdsQJRDbgGddQKrPF1xXUSg0mJ8mscTfvOAJAg/zY9E3yPG3\r\n1G6v93eYas9a/zUW+x3EJX1+x6cOjGYz0fuGcHhMlpKJLo8hnfthrHzII9K9\r\nwup1HpU4WnCTX/klz/w+G9mrVH0HX3oYy0NxXn/2B/IIZOXCooQq/qbFEZCM\r\nUzUZRzbogsosoreJo0aCPx8znJp6pVRpfV21s9jnqRSypeYke0iKv4pnpqWx\r\nFh6sKjWN2jOqvfW7n5abIxb1HLmBLinwuFM=\r\n=6HNk\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.6.3_1652384146802_0.858743495433455"},"_hasShrinkwrap":false},"1.7.0-next.0":{"name":"svelte-lightweight-charts","version":"1.7.0-next.0","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"main":"index.js","module":"index.js","sideEffects":false,"devDependencies":{"@babel/core":"7.14.0","@babel/preset-env":"7.14.1","@babel/preset-typescript":"7.13.0","@tsconfig/svelte":"1.0.10","@types/jest":"27.0.2","@typescript-eslint/eslint-plugin":"5.4.0","@typescript-eslint/parser":"5.4.0","axios":"0.23.0","babel-jest":"27.3.1","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"5.0.1","eslint":"8.2.0","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"3.2.1","fork-ts-checker-webpack-plugin":"6.1.1","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.3.1","husky":"4.3.8","jest":"27.3.1","lightweight-charts":"3.7.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"1.3.4","plugin-error":"1.0.1","svelte":"3.44.0","svelte-check":"1.3.0","svelte-loader":"3.0.0","svelte-preprocess":"4.9.8","ts-loader":"8.0.4","tslib":"2.0.1","typescript":"4.2.4","webpack":"5.23.0","webpack-cli":"4.9.1","webpack-dev-server":"3.11.2","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=3.3.0","svelte":">=3.44.0"},"exports":{".":{"node":"./server.js","default":"./index.js"},"./*":"./*"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"]},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","scripts":{"start":"node server.js"},"readme":"# svelte-lightweight-charts\n\nThis package is a Svelte wrapper for [lightweight-charts](https://github.com/tradingview/lightweight-charts)\n\n## [Demo](https://trash-and-fire.github.io/svelte-lightweight-charts/official-samples.html)\n\nHere are some official examples rewritten on Svelte. Each example you can open in the REPL to modify or fork\n\nIf you need more information you can see [demo app sources](./src/demo) or [example sources](./src/demo/samples)\n\n## Installing\n\n```bash\nnpm install lightweight-charts svelte-lightweight-charts\n```\n\n## Usage\n\n```svelte\n<script>\n    import { Chart, LineSeries } from \"svelte-lightweight-charts\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<Chart width={800} height={600}>\n    <LineSeries data={data}/>\n</Chart>\n```\n\n## Getting reference to lightweight-chart objects\n\nYou can use the `ref` property to get a reference to a lightweight-chart api-instance from any component.\n```svelte\n<script>\n    let chartApi;\n</script>\n<Chart width={400} height={300} ref={(ref) => chartApi = ref}/>\n<button on:click={() => chartApi.timeScale().fitContent()}>Fit Content</button>\n```\n\n## Components\n\n### Chart\n\n`<Chart>` - main chart container and wrapping dom element.\nYou can pass any option from [`ChartOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ChartOptions) as separate property.\n\nUsing `container` property you can get access to containing element:\n```ts\ncontainer?: {\n    ref?: (element: HTMLElement | null) => void;\n    class?: string;\n    id?: string;\n}\n```\nIt might be helpful to [auto-size](https://svelte.dev/repl/22c14c4729d44d65a69346d1e3cc6e89) your chart container via ResizeObserver. \n```svelte\n<Chart {width} {height} container={{ref}}>\n    <CandlestickSeries {data}/>\n</Chart>\n<script>\n    let observer;\n    let width = 600;\n    let height = 300;\n    let ref = (element) => {\n        if (observer) {\n            observer.disconnect();\n        }\n        if (!element) {\n                return;\n        }\n        observer = new ResizeObserver(([entry]) => {\n            width = entry.contentRect.width;\n            height = entry.contentRect.height;\n        });\n        observer.observe(element);\n    }\n</script>\n```\nEvents:\n- [`on:crosshairMove`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi#subscribeclick): `(event: CustomEvent<MouseEventParams>) => void`\n- [`on:click`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi#subscribecrosshairmove): `(event: CustomEvent<MouseEventParams>) => void`\n\nUse the `ref` property to get a reference to a [`IChartApi`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi) instance\n\n### Series\n\nFollowing types of series are supported:\n- `<AreaSeries>`\n- `<BarSeries>`\n- `<BaselineSeries>`\n- `<CandlestickSeries>`\n- `<HistogramSeries>`\n- `<LineSeries>`\n\nSeries components should be nested inside a chart component. \n\nYou can pass any series option as separate property. \nList of available options corresponding to each type of series can be found [here](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesOptionsMap)\n\nUse the `ref` property to get reference to a [`ISeriesApi<SeriesType>`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ISeriesApi) instance.\n\n#### Passing data\nTo pass a data to a series you can use the `data` property. Look [here](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesDataItemTypeMap) to find what shape of data you need for each series type.\n\nBy default `data` represents only the **initial** data. Any subsequent data update does not update series.\nIf you want to change this behavior please add [`reactive={true}`](https://svelte.dev/repl/0efb2840a9844ed5a1d84f2a1c9a2269) to your series component. In this case series will apply a new data if it is not reference equal to previous array. \n\n### Other components\n\n- `<PriceLine>` - price line (`IPriceLine`). It has to be nested inside `<[Type]Series>` component.\n- `<TimeScale>` - time-scale (`ITimeScaleApi`). It has to be nested inside `<Chart>` component.\n- `<PriceScale>` - price-scale (`IPriceScaleApi`). It has to be nested inside `<Chart>` component.\n\n## Typescript\nPackage is written on TypeScript and transpiled to plain `*.js` and `*.svelte` files. Definition files (including `*.svelte.d.ts`) are provided with package. It is a good place to find list of available properties that can be passed to each component.\n","readmeFilename":"README.md","gitHead":"d4dcfd0fb96f0f3196c11cb0151570dc66869666","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@1.7.0-next.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-b6+KVIL52xUDGdj+ILAkXIfF9oAL9/I7VaEfJo0P3HcD2wWTD9crC+DVlexQBYg6vs+j9WKHvELpDobqhaochg==","shasum":"0f1bdef2e7d04ad1ad4da9828a834fbe282156b9","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-1.7.0-next.0.tgz","fileCount":49,"unpackedSize":75725,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDReCdwASU3QW4nvkkcrd1PtaNTO8CaMUT4i11gphFwGAiA3+MkX3FAGXxLbxqYNr3bk/XErz/2AqcU+jWOv5My8xQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiq445ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmp+Ag/6AsRHLdCru3iT/eWQ7Qxvt2C3eKT32Wn8v2SLVAT+wyLe3kN6\r\nUymXpA4HBRKH7bgp7hnLhR0KnT4Ysg815ZG6W78RXJLACiuFCoj/aZ3uzqk5\r\nlu2UV4pdNHqY8pYQwGwRWVgX9U4RSH1U4UPCdyyAOAIVxCFGLr/AQOUr4clD\r\nIHG0ydp3SGRXj5aFS4FsoOVPLtu3kJ5iNHpEV1fmmigt+pZ8YosktV89/BM/\r\n3P5x6vipOZs25fflbUHm8JtqvdHb2ewuJb1N3xF9nM6FFqT0H0tGz++p9qrX\r\nIws0zWB4NMS3LDx4aUnMHZJ5QjwgLE2OlBI/NSY/ODDY+RWe3goSFSCeAQG/\r\nPgMGZ+AKoRLSvB5cudpJi15lVxR8BFJyedcUnf2A9X/r0zgWSDMvscDKLHHi\r\nJBIgOJfVJWXvCMJ9zpMjVNdWGIWRtaYsXanlWGOmbkuaDbGUdFucv4EBHYDa\r\nI1NkSpRIPBuMvRzTBhRNpSv1l1P9PR/mfX0P5G1hqwe1NBy1R1FZMems4nYs\r\n7L/a0FPEwOX65y6fisBIvrFLbjnl9REmCuoGdAXWNhRZnkLFuqjLtvU7OokK\r\nAzaK+43oYbpwspiO7Yg09nyFeQxMNZtb5enakkCf7nsyB446KuO9/4GwISaF\r\ntZW/gqGuLrWKNOwY5++yIh8R56PtR6h9bfY=\r\n=945P\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_1.7.0-next.0_1655410233262_0.4710054298714832"},"_hasShrinkwrap":false},"2.0.0-rc.0":{"name":"svelte-lightweight-charts","version":"2.0.0-rc.0","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"type":"module","exports":"./index.js","main":"index.js","module":"index.js","sideEffects":false,"packageManager":"pnpm@7.27.0","devDependencies":{"@babel/core":"7.20.12","@babel/preset-env":"7.20.2","@babel/preset-typescript":"7.13.0","@jest/globals":"29.4.2","@types/jest":"29.4.0","@typescript-eslint/eslint-plugin":"5.51.0","@typescript-eslint/parser":"5.51.0","axios":"0.23.0","babel-jest":"29.4.2","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"6.7.3","eslint":"8.34.0","eslint-plugin-import":"2.27.5","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"4.0.0","fork-ts-checker-webpack-plugin":"7.3.0","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.5.0","husky":"4.3.8","jest":"29.4.2","jest-environment-jsdom":"29.4.2","lightweight-charts":"4.0.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"2.7.2","plugin-error":"1.0.1","svelte":"3.55.1","svelte-check":"3.0.3","svelte-loader":"3.0.0","svelte-preprocess":"5.0.1","ts-loader":"9.4.2","tslib":"2.5.0","typescript":"4.9.5","webpack":"5.75.0","webpack-cli":"5.0.1","webpack-dev-server":"4.11.1","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=4.0.0","svelte":">=3.44.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"],"moduleNameMapper":{"(.*)\\.js":"$1"}},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","readme":"# svelte-lightweight-charts\n\nThis package is a Svelte wrapper for [lightweight-charts](https://github.com/tradingview/lightweight-charts)\n\n## [Demo](https://trash-and-fire.github.io/svelte-lightweight-charts/official-samples.html)\n\nHere are some official examples rewritten on Svelte. Each example you can open in the REPL to modify or fork\n\nIf you need more information you can see [demo app sources](./src/demo) or [example sources](./src/demo/samples)\n\n## Installing\n\n```bash\nnpm install lightweight-charts svelte-lightweight-charts\n```\n\n## Usage\n\n```svelte\n<script>\n    import { Chart, LineSeries } from \"svelte-lightweight-charts\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<Chart width={800} height={600}>\n    <LineSeries data={data}/>\n</Chart>\n```\n\n### SSR and SvelteKit\n\n`lightweight-charts` are not currently compatible with the node environment. Direct import of this module will throw an exception.\n\nI made an experimental version of the package that should solve this problem. To install the next version, run:\n```bash\nnpm install svelte-lightweight-charts@next\n```\nAdd to your `svelte.config.js`:\n```\nvite: {\n    ssr: {\n        noExternal: ['svelte-lightweight-charts', 'lightweight-charts']\n    }\n}\n```\n\n## Getting reference to lightweight-chart objects\n\nYou can use the `ref` property to get a reference to a lightweight-chart api-instance from any component.\n```svelte\n<script>\n    let chartApi;\n</script>\n<Chart width={400} height={300} ref={(ref) => chartApi = ref}/>\n<button on:click={() => chartApi.timeScale().fitContent()}>Fit Content</button>\n```\nThe value of `ref` property must be a function: `(api: T | null) => void`.\n\nIt is guaranteed that ref-callback will be called with some value when the component is mounted and with null value when the component is unmounted.\nIf you change the ref-callback, then the previous callback will be called with a null value, and the next callback will be called with the actual value.\n\n## Components\n\n### Chart\n\n`<Chart>` - main chart container and wrapping dom element.\nYou can pass any option from [`ChartOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ChartOptions) as separate property.\n\nUsing `container` property you can get access to containing element:\n```ts\ncontainer?: {\n    ref?: (element: HTMLElement | null) => void;\n    class?: string;\n    id?: string;\n}\n```\nIt might be helpful to [auto-size](https://svelte.dev/repl/22c14c4729d44d65a69346d1e3cc6e89) your chart container via ResizeObserver. \n```svelte\n<Chart {width} {height} container={{ref}}>\n    <CandlestickSeries {data}/>\n</Chart>\n<script>\n    let observer;\n    let width = 600;\n    let height = 300;\n    let ref = (element) => {\n        if (observer) {\n            observer.disconnect();\n        }\n        if (!element) {\n            return;\n        }\n        observer = new ResizeObserver(([entry]) => {\n            width = entry.contentRect.width;\n            height = entry.contentRect.height;\n        });\n        observer.observe(element);\n    }\n</script>\n```\nEvents:\n- [`on:crosshairMove`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi#subscribeclick): `(event: CustomEvent<MouseEventParams>) => void`\n- [`on:click`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi#subscribecrosshairmove): `(event: CustomEvent<MouseEventParams>) => void`\n\nUse the `ref` property to get a reference to a [`IChartApi`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi) instance\n\n### Series\n\nFollowing types of series are supported:\n- `<AreaSeries>`\n- `<BarSeries>`\n- `<BaselineSeries>`\n- `<CandlestickSeries>`\n- `<HistogramSeries>`\n- `<LineSeries>`\n\nSeries components should be nested inside a chart component. \n\nYou can pass any series option as separate property. \nList of available options corresponding to each type of series can be found [here](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesOptionsMap)\n\nUse the `ref` property to get reference to a [`ISeriesApi<SeriesType>`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ISeriesApi) instance.\n\n#### Passing data\nTo pass a data to a series you can use the `data` property. Look [here](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesDataItemTypeMap) to find what shape of data you need for each series type.\n\nBy default `data` represents only the **initial** data. Any subsequent data update does not update series.\nIf you want to change this behavior please add [`reactive={true}`](https://svelte.dev/repl/0efb2840a9844ed5a1d84f2a1c9a2269) to your series component. In this case series will apply a new data if it is not reference equal to previous array. \n\n### Price line\n\nTo draw price line add `<PriceLine>` component inside any series.\n```svelte\n    <Chart width={600} height={300}>\n        <LineSeries data={data}>\n            <PriceLine\n                title=\"minimum price\"\n                price={minimumPrice}\n            />\n            <PriceLine\n                title=\"average price\"\n                price={avgPrice}\n            />\n            <PriceLine\n                title=\"maximum price\"\n                price={maximumPrice}\n            />\n        </LineSeries>\n    </Chart>\n```\n\nYou can pass any options from [`PriceLineOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/PriceLineOptions) as separate property. The `price` property is mandatory in dev mode.\n\nUse the `ref` property to get reference to a [`IPriceLine`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IPriceLine) instance.\n\n#### Line drawing on click\n\nYou can draw price lines dynamically. For [example](https://svelte.dev/repl/3294790e6b5048a5abfb3d239405214b), you can draw a price line at a user-specified point.\n\n### Time scale\n\n`<TimeScale>` - the component is a binding to the current time scale of the current chart.\nThis component has to be nested inside a chart component and should not have duplicates. Each chart has only one time scale.\n\nYou can pass any option from [`TimeScaleOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/TimeScaleOptions) as separate property.\n\nEvents:\n- [`on:visibleTimeRangeChange`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi#subscribevisibletimerangechange) - `(event: CustomEvent<TimeRange | null>) => void`\n- [`on:visibleLogicalRangeChange`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi#subscribevisiblelogicalrangechange) - `(event: CustomEvent<LogicalRange | null>) => void`\n- [`on:sizeChange`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi#subscribesizechange) - `(event: CustomEvent<{ width: number; height: number }>) => void`\n\nUse the `ref` property to get reference to a [`ITimeScaleApi`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi) instance.\n\nNote: don't use `ChartOptions['timeScale']` and `<TimeScale>` component at the same time. This can lead to uncontrolled overwriting of options.\n\n### Price scale\n\n`<PriceScale>` - the component is a bindings to a certain price scale.\nThis component has to be nested inside chart component and requires an `id` property. Two price scales with the same `id` within the same chart result in undefined behaviour. \n\nYou can pass any option from [`PriceScaleOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/PriceScaleOptions) as separate property.\n\nNote: don't use `ChartOptions['leftPriceScale']'` or `ChartOptions['rightPriceScale']` or `ChartOptions['overlayPriceScale']` and `<PriceScale>` at the same time. This can lead to uncontrolled overwriting of options.\n\n## Typescript\nPackage is written on TypeScript and transpiled to plain `*.js` and `*.svelte` files. Definition files (including `*.svelte.d.ts`) are provided with package. It is a good place to find list of available properties that can be passed to each component.\n\n## Related projects\n\nNeed a wrapper for another framework? Check out my [lightweight-charts-react-wrapper](https://github.com/trash-and-fire/lightweight-charts-react-wrapper)\n","readmeFilename":"README.md","gitHead":"8f58b47a66d040849e545b1709f356f33517ebee","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@2.0.0-rc.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-r8Egiv8hTyc2QryFamVClyO7WwYLAwWdW2XOQLGPxwf0tl/2k3MjjofSiGR5vIbyWaymfeM5ZERAl8G1SB+mbg==","shasum":"b963000b69c4b5528f8442be56dd147c377667f5","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-2.0.0-rc.0.tgz","fileCount":41,"unpackedSize":69498,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDTpCPEjXYY37WhNHtROQME9B8gcYk5va+rEoqhiEhWGQIgR1ilyt+T9FwNWLZ75FMc1EN38LNZP5K3S6yxqUPcoxk="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6Vk+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqVuxAAirAMFJymWquQjSyBRWy6acKOITfWiM6gRLU0AEXNlnz1Xndm\r\nZyiVvCqChIocgj84C6grdH3S6uASW7CILPu91nfYEIbZO13WY6qFfBLvsGvt\r\nJlHt2vgPn9GPQ5wcwJ1safxpsYq4Rzd2D7OOTGEexgoivhQqhBsVk8QIsvM/\r\n9neIg3GLUD7R90EqyJBIJ4s8LxJ1QtJLQG/6s16hbUfRuLaSrq2oXEagyDwM\r\n8A9WaP74BSPnwwFWoYi0CwH2sHQ/GitJjLNMElZcwXa04STt7Qwd+sfm6YV5\r\ntTOluTMpzkxk4miP1iARJiKvbt4klNH5Rlt1wlf/VU9t/LBBDrEHAL47TnBe\r\n1oBBdquidXe53KopE9Kl/5P20N4ztR/ZdrIZbCr1Qz5LL8lQVA2XWfGt/BDS\r\nYn8C8umQLXU1+pOSCloWkKyHOePTlGl46R1wezBOlxPCjbk8OLzDPLXI4yqE\r\ng/KDoX5iSRynnALOoRDsOVMeWBIjYzbCawwlfiPd8tY3HplIHEll8iOAzVRL\r\nJtU9G4xSlGqpfnm5FuMa3IJYCH6OqQMr//LyRxOUXbJe7R4PxUG3DR28x08I\r\nIlVYMpIlHstop7vIWo2S5cUHLVeB71a6vNSCfDglhtJM6rAUIYJSi1P/gv5b\r\n8cKr5UrfO52yipcC9W6Xn/ja8wsyXLjd4H0=\r\n=E8fb\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_2.0.0-rc.0_1676237118292_0.29490331379720547"},"_hasShrinkwrap":false},"2.0.0":{"name":"svelte-lightweight-charts","version":"2.0.0","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"type":"module","exports":"./index.js","main":"index.js","module":"index.js","sideEffects":false,"packageManager":"pnpm@7.27.0","devDependencies":{"@babel/core":"7.20.12","@babel/preset-env":"7.20.2","@babel/preset-typescript":"7.13.0","@jest/globals":"29.4.2","@types/jest":"29.4.0","@typescript-eslint/eslint-plugin":"5.51.0","@typescript-eslint/parser":"5.51.0","axios":"0.23.0","babel-jest":"29.4.2","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"6.7.3","eslint":"8.34.0","eslint-plugin-import":"2.27.5","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"4.0.0","fork-ts-checker-webpack-plugin":"7.3.0","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.5.0","husky":"4.3.8","jest":"29.4.2","jest-environment-jsdom":"29.4.2","lightweight-charts":"4.0.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"2.7.2","plugin-error":"1.0.1","svelte":"3.55.1","svelte-check":"3.0.3","svelte-loader":"3.0.0","svelte-preprocess":"5.0.1","ts-loader":"9.4.2","tslib":"2.5.0","typescript":"4.9.5","webpack":"5.75.0","webpack-cli":"5.0.1","webpack-dev-server":"4.11.1","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=4.0.0","svelte":">=3.44.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"],"moduleNameMapper":{"(.*)\\.js":"$1"}},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","gitHead":"b2a5e1909d17fbeed46760184370ec9fde973c7b","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@2.0.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-dNvdBIiMtefUoysnF/3HbkkNk0iyytbT78gpTQz/y67A65l8eKtJFxAJForWx0kXdAX58RU6Cfp7ZGSq7XxjGg==","shasum":"d2b7918e4f484e25d4f7cbf7baa035254a86e741","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-2.0.0.tgz","fileCount":41,"unpackedSize":69217,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC2z8L3ydbUVolZ2gihQEvOPJ1RBjUThETHJfvBAMJ1qAiBvAqHIMJzUQsyTG2iKcgXo0syjftb/iCID+AdQ7aUCng=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj6W5uACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrauw/6Atw7dkXg2qbm5ui6yyJPrVIOz0gSHkktcnOnavHR/TBUo9g/\r\ndE44l0y+rKFxV2Q5arYrQz0aJVMhdDoRPOGZPH1bvO1J19vGQdN8kjd78A2J\r\nlQRfmu9jAkBBCoSZOLmiKJlsQNDEdbG3nW7FcCcWXmOt8u/cjAxI7dEInmnn\r\niKf6SE8IaUFL83P+QTMK1mzTFJfXEB54yE1MQQWJbex9BL4LykWjCYsORW6a\r\ngPO4noJWJ39eOoQNau5QOloJvDBF6fPN8pATco+rfed52XScearS4tpmo6VE\r\nSv76esLk9IGwLbLWOueMFlOsPjezDmQr9Gj0NCQEkvm1P4Bxmqx5fIAf7xMx\r\nezYC9CqJXihuPby+R/GmFE58ZMmsWcpnubZCyWM1pqQsa7a9YYTG8SiT8AkG\r\nwE0Rz0dhX/mSOWQdaHF16RTNdxKgWRMXIt+1Q4byWOgm0CAS3j8ARxObGe2X\r\nW7VvCBPY2p3yD4C6GBOx9znd1mgXEskvQfnZcepc4mu82F/xusqzzWStvhQW\r\nsbKDkJ8FicG5fPPp/087qnglbUQzh8bh2rDmajUM7Q5hYRiRUnmndqVNVCLS\r\nB5OzqpOdijo1K58rQTstRyxaUhxfVJ1qLdGboItGB7YuzdqoymoAMaVlqUP8\r\n6bIOHL9TNekoGIuBxfWbAOxPYdGxeVr7mIM=\r\n=q/Dt\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_2.0.0_1676242542385_0.6901083063648272"},"_hasShrinkwrap":false},"2.1.0":{"name":"svelte-lightweight-charts","version":"2.1.0","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"type":"module","exports":"./index.js","main":"index.js","module":"index.js","sideEffects":false,"packageManager":"pnpm@7.27.0","devDependencies":{"@babel/core":"7.20.12","@babel/preset-env":"7.20.2","@babel/preset-typescript":"7.13.0","@jest/globals":"29.4.2","@types/jest":"29.4.0","@typescript-eslint/eslint-plugin":"5.51.0","@typescript-eslint/parser":"5.51.0","axios":"0.23.0","babel-jest":"29.4.2","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"6.7.3","eslint":"8.34.0","eslint-plugin-import":"2.27.5","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"4.0.0","fork-ts-checker-webpack-plugin":"7.3.0","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.5.0","husky":"4.3.8","jest":"29.4.2","jest-environment-jsdom":"29.4.2","lightweight-charts":"4.0.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"2.7.2","plugin-error":"1.0.1","svelte":"3.55.1","svelte-check":"3.0.3","svelte-loader":"3.0.0","svelte-preprocess":"5.0.1","ts-loader":"9.4.2","tslib":"2.5.0","typescript":"4.9.5","webpack":"5.75.0","webpack-cli":"5.0.1","webpack-dev-server":"4.11.1","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=4.0.0","svelte":">=3.44.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"],"moduleNameMapper":{"(.*)\\.js":"$1"}},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","gitHead":"7498a686ef8c6f0c7c7fe8e8095df69e8381cf20","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@2.1.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-rbqExrAx74iRQ8CUKHSn0EEFv55AaKZmBC+XN60LydM14rL7Yq9U1RlcVCtFmgxGU+PdXvq6OaFf1LnEyL6zwg==","shasum":"68f779c24233c8c80e6c136f9df16e5648bf49ad","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-2.1.0.tgz","fileCount":41,"unpackedSize":71979,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDP38pwOdbqt0ADkHTgYbWOnMNpicN5tng48Q+BVGWpwwIgYNK7k012Uu5ya4qkDXtATssl1CkGN1JWP63QTGQMzro="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkDif8ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqyBBAAhdnIxBY4/txsHOcgjKGBvNjt6mQs3FDmLFF8k0qDd3tPMSwN\r\nwckVeQ2J69vweigLu1x46ywvAtH2GcESkqTcaHqfgqFaK4IO46wvBTI5QTcj\r\nycZZ12EwovbjjxZ0mXkRzFDndU/+mB7Jp4FjlEMbsCzOTID+BSK4XEEOBiTL\r\ndcYzNB4hLZ/WfYfcjwlsZrQqb4tc717KWi2BtRBTo3ee6sLKNdm0IGWC8rpx\r\nodG5sTd0oS9UeSaUls86v6nv1gG/59EpORuNkxh09Ye7DGS6Gqf0lcGpE6/d\r\n2Se+jN/Vpa0aeNL4KJVClzY7Tx4stDXslp0wOtXRZfPgd0yqQXpXlkkoz19D\r\nzBJW4zcCrgMCbmI40ZpiWOxraK6ImZpS6SJ7sGXX8wKQJZtL1b2GzW9mzeW3\r\nk8nGg8DzezKYz46Id9ys0xuwV+ymDJ4u7PDapdy1+tXdGwdorqzqdxVi4QaW\r\n0vkP91DymQd88UVYCEYlN3MOCrHjWTqB9VLNnFuWRjNa4wNh+6cyL9XfwFa9\r\nS+pnwFtRX8CYz8bw3VpLPD1sh+5Zt8g9mEzVBVJ4oNXSQM9SKIYQHj1R9YYs\r\nPaPQuLQ6hRsr7zqfjFn/x1Z5pb50wfpxst/uvrOV47/16LpyFe6URBGre8oc\r\nSK6VpTWq9dKq5wx9uLD6rkcHflqOdVgjrvk=\r\n=LSEW\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_2.1.0_1678649340060_0.6721777934660338"},"_hasShrinkwrap":false},"2.2.0":{"name":"svelte-lightweight-charts","version":"2.2.0","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"type":"module","exports":"./index.js","main":"index.js","module":"index.js","sideEffects":false,"packageManager":"pnpm@7.27.0","devDependencies":{"@babel/core":"7.20.12","@babel/preset-env":"7.20.2","@babel/preset-typescript":"7.13.0","@jest/globals":"29.4.2","@types/jest":"29.4.0","@typescript-eslint/eslint-plugin":"5.51.0","@typescript-eslint/parser":"5.51.0","axios":"0.23.0","babel-jest":"29.4.2","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"6.7.3","eslint":"8.34.0","eslint-plugin-import":"2.27.5","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"4.0.0","fork-ts-checker-webpack-plugin":"7.3.0","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.5.0","husky":"4.3.8","jest":"29.4.2","jest-environment-jsdom":"29.4.2","lightweight-charts":"4.0.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"2.7.2","plugin-error":"1.0.1","svelte":"3.55.1","svelte-check":"3.0.3","svelte-loader":"3.0.0","svelte-preprocess":"5.0.1","ts-loader":"9.4.2","tslib":"2.5.0","typescript":"4.9.5","webpack":"5.75.0","webpack-cli":"5.0.1","webpack-dev-server":"4.11.1","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=4.0.0","svelte":">=3.44.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"],"moduleNameMapper":{"(.*)\\.js":"$1"}},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","gitHead":"544e6bd2d3c93988701c9b4f419d321148e2631b","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@2.2.0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-LXdha4vfLMuOPc0Yyetu+DLSDJkPryGkufUQgpCkfguCscSQUcrLiI9MdqKwQk6Fkm6AZbg8SQ5qDIYxcyC+Dg==","shasum":"7e1ebedab7fa27443d678ce42e9e2ced31ed914d","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-2.2.0.tgz","fileCount":41,"unpackedSize":72113,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCp1T3OlkyQga+xw8BlsTEPfyDd/336q9KbWRoytG9asgIgNX/mscknp5clpk2azv8WWUOpAylocr2UTDTLC4/qqpE="}]},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_2.2.0_1684450502371_0.431818069834607"},"_hasShrinkwrap":false},"2.3.0-rc-0":{"name":"svelte-lightweight-charts","version":"2.3.0-rc-0","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"type":"module","exports":"./index.js","main":"index.js","module":"index.js","sideEffects":false,"packageManager":"pnpm@7.27.0","devDependencies":{"@babel/core":"7.20.12","@babel/preset-env":"7.20.2","@babel/preset-typescript":"7.13.0","@jest/globals":"29.4.2","@types/jest":"29.4.0","@typescript-eslint/eslint-plugin":"5.51.0","@typescript-eslint/parser":"5.51.0","axios":"0.23.0","babel-jest":"29.4.2","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"6.7.3","eslint":"8.34.0","eslint-plugin-import":"2.27.5","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"4.0.0","fancy-canvas":"2.1.0","fork-ts-checker-webpack-plugin":"7.3.0","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.5.0","husky":"4.3.8","jest":"29.4.2","jest-environment-jsdom":"29.4.2","lightweight-charts":"4.1.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"2.7.2","plugin-error":"1.0.1","svelte":"3.55.1","svelte-check":"3.0.3","svelte-loader":"3.0.0","svelte-preprocess":"5.0.1","ts-loader":"9.4.2","tslib":"2.5.0","typescript":"4.9.5","webpack":"5.75.0","webpack-cli":"5.0.1","webpack-dev-server":"4.11.1","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=4.0.0","svelte":">=3.44.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"],"moduleNameMapper":{"(.*)\\.js":"$1"}},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","readme":"# svelte-lightweight-charts\n\nThis package is a Svelte wrapper for [lightweight-charts](https://github.com/tradingview/lightweight-charts)\n\n## [Demo](https://trash-and-fire.github.io/svelte-lightweight-charts/official-samples.html)\n\nHere are some official examples rewritten on Svelte. Each example you can open in the REPL to modify or fork\n\nIf you need more information you can see [demo app sources](./src/demo) or [example sources](./src/demo/samples)\n\n## Installing\n\n```bash\nnpm install lightweight-charts svelte-lightweight-charts\n```\n\n## Usage\n\n```svelte\n<script>\n    import { Chart, LineSeries } from \"svelte-lightweight-charts\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<Chart width={800} height={600}>\n    <LineSeries data={data}/>\n</Chart>\n```\n\n## Getting reference to lightweight-chart objects\n\nYou can use the `ref` property to get a reference to a lightweight-chart api-instance from any component.\n```svelte\n<script>\n    let chartApi;\n</script>\n<Chart width={400} height={300} ref={(ref) => chartApi = ref}/>\n<button on:click={() => chartApi.timeScale().fitContent()}>Fit Content</button>\n```\nThe value of `ref` property must be a function: `(api: T | null) => void`.\n\nIt is guaranteed that ref-callback will be called with some value when the component is mounted and with null value when the component is unmounted.\nIf you change the ref-callback, then the previous callback will be called with a null value, and the next callback will be called with the actual value.\n\n## Components\n\n### Chart\n\n`<Chart>` - main chart container and wrapping dom element.\nYou can pass any option from [`ChartOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ChartOptions) as separate property.\n\nUsing `container` property you can get access to containing element:\n```ts\ncontainer?: {\n    ref?: (element: HTMLElement | null) => void;\n    class?: string;\n    id?: string;\n    style?: string;\n}\n```\nIf you need a reference to the containing dom element you can use `ref` property. It might be useful to setup IntersectionObserver on this dom element.\n\nUse `class` or `style` properties with `<Chart autoSize={true}/>` to set up an adaptive chart: \n```svelte\n<Chart\n    autoSize={true}\n    container={{class: 'chart-container'}}\n>\n    <LineSeries data={data}/>\n</Chart>\n<style>\n:global(.chart-container) {\n    aspect-ratio: 16 / 9;\n    width: 80%;\n    margin: auto;\n}\n</style>\n```\n\n#### SSR\nThe chart component will reserve the specified `width` and `height` during SSR if the chart is not auto-sized. \n\nEvents:\n- [`on:crosshairMove`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi#subscribeclick): `(event: CustomEvent<MouseEventParams>) => void`\n- [`on:click`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi#subscribecrosshairmove): `(event: CustomEvent<MouseEventParams>) => void`\n\nUse the `ref` property to get a reference to a [`IChartApi`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi) instance\n\n### Series\n\nFollowing types of series are supported:\n- `<AreaSeries>`\n- `<BarSeries>`\n- `<BaselineSeries>`\n- `<CandlestickSeries>`\n- `<HistogramSeries>`\n- `<LineSeries>`\n\nSeries components should be nested inside a chart component. \n\nYou can pass any series option as separate property. \nList of available options corresponding to each type of series can be found [here](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesOptionsMap)\n\nUse the `ref` property to get reference to a [`ISeriesApi<SeriesType>`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ISeriesApi) instance.\n\n#### Passing data\nTo pass a data to a series you can use the `data` property. Look [here](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesDataItemTypeMap) to find what shape of data you need for each series type.\n\nBy default `data` represents only the **initial** data. Any subsequent data update does not update series.\nIf you want to change this behavior please add [`reactive={true}`](https://svelte.dev/repl/0efb2840a9844ed5a1d84f2a1c9a2269) to your series component. In this case series will apply a new data if it is not reference equal to previous array.\n\n#### Passing markers\nTo pass markers to a series you can use the `markers` property. Markers should be an array of `SeriesMarker<Time>`.\n\n### Price line\n\nTo draw price line add `<PriceLine>` component inside any series.\n```svelte\n    <Chart width={600} height={300}>\n        <LineSeries data={data}>\n            <PriceLine\n                title=\"minimum price\"\n                price={minimumPrice}\n            />\n            <PriceLine\n                title=\"average price\"\n                price={avgPrice}\n            />\n            <PriceLine\n                title=\"maximum price\"\n                price={maximumPrice}\n            />\n        </LineSeries>\n    </Chart>\n```\n\nYou can pass any options from [`PriceLineOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/PriceLineOptions) as separate property. The `price` property is mandatory in dev mode.\n\nUse the `ref` property to get reference to a [`IPriceLine`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IPriceLine) instance.\n\n#### Line drawing on click\n\nYou can draw price lines dynamically. For [example](https://svelte.dev/repl/3294790e6b5048a5abfb3d239405214b), you can draw a price line at a user-specified point.\n\n### Time scale\n\n`<TimeScale>` - the component is a binding to the current time scale of the current chart.\nThis component has to be nested inside a chart component and should not have duplicates. Each chart has only one time scale.\n\nYou can pass any option from [`TimeScaleOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/TimeScaleOptions) as separate property.\n\nEvents:\n- [`on:visibleTimeRangeChange`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi#subscribevisibletimerangechange) - `(event: CustomEvent<TimeRange | null>) => void`\n- [`on:visibleLogicalRangeChange`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi#subscribevisiblelogicalrangechange) - `(event: CustomEvent<LogicalRange | null>) => void`\n- [`on:sizeChange`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi#subscribesizechange) - `(event: CustomEvent<{ width: number; height: number }>) => void`\n\nUse the `ref` property to get reference to a [`ITimeScaleApi`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi) instance.\n\nNote: don't use `ChartOptions['timeScale']` and `<TimeScale>` component at the same time. This can lead to uncontrolled overwriting of options.\n\n### Price scale\n\n`<PriceScale>` - the component is a bindings to a certain price scale.\nThis component has to be nested inside chart component and requires an `id` property. Two price scales with the same `id` within the same chart result in undefined behaviour. \n\nYou can pass any option from [`PriceScaleOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/PriceScaleOptions) as separate property.\n\nNote: don't use `ChartOptions['leftPriceScale']'` or `ChartOptions['rightPriceScale']` or `ChartOptions['overlayPriceScale']` and `<PriceScale>` at the same time. This can lead to uncontrolled overwriting of options.\n\n## Typescript\nPackage is written on TypeScript and transpiled to plain `*.js` and `*.svelte` files. Definition files (including `*.svelte.d.ts`) are provided with package. It is a good place to find list of available properties that can be passed to each component.\n\n## Related projects\n\nNeed a wrapper for another framework? Check out my [lightweight-charts-react-wrapper](https://github.com/trash-and-fire/lightweight-charts-react-wrapper)\n\n## Licence\n\nMIT\n\nReview the license [requirements](https://github.com/tradingview/lightweight-charts#license) for the required \"attribution notice\" in the Lightweight Chart Repository.\n","readmeFilename":"README.md","gitHead":"001b7b4aa1413bb5413651e7915681e98ef7b5d8","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@2.3.0-rc-0","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-0SPOQEcBLOsWW/4YWBFeTGnovJgVCwotEWtjNSnSjFJxAcLA2ax8rUxU3e4XDOqPhWfy+sBWrmuVQ+Pk+zgtoQ==","shasum":"c5dfb5f5f0fefe812cd43be757aa34a1aa0d2d72","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-2.3.0-rc-0.tgz","fileCount":43,"unpackedSize":75862,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGfA11nrtdewShKAvEUMKvfnJRJmWgduKpFGXAswk/Q0AiEAyB1gXS9aTAni2HvXFzmGDQ3WK5gb9aNbc0l2jhgJVJM="}]},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_2.3.0-rc-0_1697279842546_0.526153789006294"},"_hasShrinkwrap":false},"2.3.0-rc-1":{"name":"svelte-lightweight-charts","version":"2.3.0-rc-1","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"type":"module","exports":"./index.js","main":"index.js","module":"index.js","sideEffects":false,"packageManager":"pnpm@7.27.0","devDependencies":{"@babel/core":"7.20.12","@babel/preset-env":"7.20.2","@babel/preset-typescript":"7.13.0","@jest/globals":"29.4.2","@types/jest":"29.4.0","@typescript-eslint/eslint-plugin":"5.51.0","@typescript-eslint/parser":"5.51.0","axios":"0.23.0","babel-jest":"29.4.2","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"6.7.3","eslint":"8.34.0","eslint-plugin-import":"2.27.5","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"4.0.0","fancy-canvas":"2.1.0","fork-ts-checker-webpack-plugin":"7.3.0","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.5.0","husky":"4.3.8","jest":"29.4.2","jest-environment-jsdom":"29.4.2","lightweight-charts":"4.1.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"2.7.2","plugin-error":"1.0.1","svelte":"3.55.1","svelte-check":"3.0.3","svelte-loader":"3.0.0","svelte-preprocess":"5.0.1","ts-loader":"9.4.2","tslib":"2.5.0","typescript":"4.9.5","webpack":"5.75.0","webpack-cli":"5.0.1","webpack-dev-server":"4.11.1","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=4.0.0","svelte":">=3.44.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"],"moduleNameMapper":{"(.*)\\.js":"$1"}},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","readme":"# svelte-lightweight-charts\n\nThis package is a Svelte wrapper for [lightweight-charts](https://github.com/tradingview/lightweight-charts)\n\n## [Demo](https://trash-and-fire.github.io/svelte-lightweight-charts/official-samples.html)\n\nHere are some official examples rewritten on Svelte. Each example you can open in the REPL to modify or fork\n\nIf you need more information you can see [demo app sources](./src/demo) or [example sources](./src/demo/samples)\n\n## Installing\n\n```bash\nnpm install lightweight-charts svelte-lightweight-charts\n```\n\n## Usage\n\n```svelte\n<script>\n    import { Chart, LineSeries } from \"svelte-lightweight-charts\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<Chart width={800} height={600}>\n    <LineSeries data={data}/>\n</Chart>\n```\n\n## Getting reference to lightweight-chart objects\n\nYou can use the `ref` property to get a reference to a lightweight-chart api-instance from any component.\n```svelte\n<script>\n    let chartApi;\n</script>\n<Chart width={400} height={300} ref={(ref) => chartApi = ref}/>\n<button on:click={() => chartApi.timeScale().fitContent()}>Fit Content</button>\n```\nThe value of `ref` property must be a function: `(api: T | null) => void`.\n\nIt is guaranteed that ref-callback will be called with some value when the component is mounted and with null value when the component is unmounted.\nIf you change the ref-callback, then the previous callback will be called with a null value, and the next callback will be called with the actual value.\n\n## Components\n\n### Chart\n\n`<Chart>` - main chart container and wrapping dom element.\nYou can pass any option from [`ChartOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ChartOptions) as separate property.\n\nUsing `container` property you can get access to containing element:\n```ts\ncontainer?: {\n    ref?: (element: HTMLElement | null) => void;\n    class?: string;\n    id?: string;\n    style?: string;\n}\n```\nIf you need a reference to the containing dom element you can use `ref` property. It might be useful to setup IntersectionObserver on this dom element.\n\nUse `class` or `style` properties with `<Chart autoSize={true}/>` to set up an adaptive chart: \n```svelte\n<Chart\n    autoSize={true}\n    container={{class: 'chart-container'}}\n>\n    <LineSeries data={data}/>\n</Chart>\n<style>\n:global(.chart-container) {\n    aspect-ratio: 16 / 9;\n    width: 80%;\n    margin: auto;\n}\n</style>\n```\n\n#### SSR\nThe chart component will reserve the specified `width` and `height` during SSR if the chart is not auto-sized. \n\nEvents:\n- [`on:crosshairMove`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi#subscribeclick): `(event: CustomEvent<MouseEventParams>) => void`\n- [`on:click`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi#subscribecrosshairmove): `(event: CustomEvent<MouseEventParams>) => void`\n\nUse the `ref` property to get a reference to a [`IChartApi`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi) instance\n\n### Series\n\nFollowing types of series are supported:\n- `<AreaSeries>`\n- `<BarSeries>`\n- `<BaselineSeries>`\n- `<CandlestickSeries>`\n- `<HistogramSeries>`\n- `<LineSeries>`\n\nSeries components should be nested inside a chart component. \n\nYou can pass any series option as separate property. \nList of available options corresponding to each type of series can be found [here](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesOptionsMap)\n\nUse the `ref` property to get reference to a [`ISeriesApi<SeriesType>`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ISeriesApi) instance.\n\n#### Passing data\nTo pass a data to a series you can use the `data` property. Look [here](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesDataItemTypeMap) to find what shape of data you need for each series type.\n\nBy default `data` represents only the **initial** data. Any subsequent data update does not update series.\nIf you want to change this behavior please add [`reactive={true}`](https://svelte.dev/repl/0efb2840a9844ed5a1d84f2a1c9a2269) to your series component. In this case series will apply a new data if it is not reference equal to previous array.\n\n#### Passing markers\nTo pass markers to a series you can use the `markers` property. Markers should be an array of `SeriesMarker<Time>`.\n\n### Price line\n\nTo draw price line add `<PriceLine>` component inside any series.\n```svelte\n    <Chart width={600} height={300}>\n        <LineSeries data={data}>\n            <PriceLine\n                title=\"minimum price\"\n                price={minimumPrice}\n            />\n            <PriceLine\n                title=\"average price\"\n                price={avgPrice}\n            />\n            <PriceLine\n                title=\"maximum price\"\n                price={maximumPrice}\n            />\n        </LineSeries>\n    </Chart>\n```\n\nYou can pass any options from [`PriceLineOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/PriceLineOptions) as separate property. The `price` property is mandatory in dev mode.\n\nUse the `ref` property to get reference to a [`IPriceLine`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IPriceLine) instance.\n\n#### Line drawing on click\n\nYou can draw price lines dynamically. For [example](https://svelte.dev/repl/3294790e6b5048a5abfb3d239405214b), you can draw a price line at a user-specified point.\n\n### Time scale\n\n`<TimeScale>` - the component is a binding to the current time scale of the current chart.\nThis component has to be nested inside a chart component and should not have duplicates. Each chart has only one time scale.\n\nYou can pass any option from [`TimeScaleOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/TimeScaleOptions) as separate property.\n\nEvents:\n- [`on:visibleTimeRangeChange`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi#subscribevisibletimerangechange) - `(event: CustomEvent<TimeRange | null>) => void`\n- [`on:visibleLogicalRangeChange`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi#subscribevisiblelogicalrangechange) - `(event: CustomEvent<LogicalRange | null>) => void`\n- [`on:sizeChange`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi#subscribesizechange) - `(event: CustomEvent<{ width: number; height: number }>) => void`\n\nUse the `ref` property to get reference to a [`ITimeScaleApi`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi) instance.\n\nNote: don't use `ChartOptions['timeScale']` and `<TimeScale>` component at the same time. This can lead to uncontrolled overwriting of options.\n\n### Price scale\n\n`<PriceScale>` - the component is a bindings to a certain price scale.\nThis component has to be nested inside chart component and requires an `id` property. Two price scales with the same `id` within the same chart result in undefined behaviour. \n\nYou can pass any option from [`PriceScaleOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/PriceScaleOptions) as separate property.\n\nNote: don't use `ChartOptions['leftPriceScale']'` or `ChartOptions['rightPriceScale']` or `ChartOptions['overlayPriceScale']` and `<PriceScale>` at the same time. This can lead to uncontrolled overwriting of options.\n\n## Typescript\nPackage is written on TypeScript and transpiled to plain `*.js` and `*.svelte` files. Definition files (including `*.svelte.d.ts`) are provided with package. It is a good place to find list of available properties that can be passed to each component.\n\n## Related projects\n\nNeed a wrapper for another framework? Check out my [lightweight-charts-react-wrapper](https://github.com/trash-and-fire/lightweight-charts-react-wrapper)\n\n## Licence\n\nMIT\n\nReview the license [requirements](https://github.com/tradingview/lightweight-charts#license) for the required \"attribution notice\" in the Lightweight Chart Repository.\n","readmeFilename":"README.md","gitHead":"ef8c362a0e3f2107a68a730abf323ac00098c40e","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@2.3.0-rc-1","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-uACkZPlww+XcNhbpN4RNf4yUkLgY4Sv1CDJudVm4c11zQuoQt1DXqtcUjsWAw3/Vsiss1DgwD8VNBZ1+Uw4eBQ==","shasum":"e5614cd8bd955b48b4372bd2da04ecf3d1b09e7b","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-2.3.0-rc-1.tgz","fileCount":47,"unpackedSize":78384,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCCC+CueOfHMxWFRJXKc5u4q0ktIClo75bnlw1ZTLugwgIgSjpMDsZhR0kpyksze5rbhTATqzpW0iFUoABgcYSJ+xM="}]},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_2.3.0-rc-1_1697369524233_0.46882297017410157"},"_hasShrinkwrap":false},"2.3.0-rc-2":{"name":"svelte-lightweight-charts","version":"2.3.0-rc-2","description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","license":"MIT","repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"type":"module","exports":"./index.js","main":"index.js","module":"index.js","sideEffects":false,"packageManager":"pnpm@7.27.0","devDependencies":{"@babel/core":"7.20.12","@babel/preset-env":"7.20.2","@babel/preset-typescript":"7.13.0","@jest/globals":"29.4.2","@types/jest":"29.4.0","@typescript-eslint/eslint-plugin":"5.51.0","@typescript-eslint/parser":"5.51.0","axios":"0.23.0","babel-jest":"29.4.2","crc-32":"1.2.0","cross-env":"7.0.3","css-loader":"6.7.3","eslint":"8.34.0","eslint-plugin-import":"2.27.5","eslint-plugin-node":"11.1.0","eslint-plugin-svelte3":"4.0.0","fancy-canvas":"2.1.0","fork-ts-checker-webpack-plugin":"7.3.0","gulp":"4.0.2","gulp-clean":"0.4.0","gulp-rename":"2.0.0","gulp-transform":"3.0.5","html-webpack-plugin":"5.5.0","husky":"4.3.8","jest":"29.4.2","jest-environment-jsdom":"29.4.2","lightweight-charts":"4.1.0","lint-staged":"10.5.4","lodash":"4.17.21","mini-css-extract-plugin":"2.7.2","plugin-error":"1.0.1","svelte":"3.55.1","svelte-check":"3.0.3","svelte-loader":"3.0.0","svelte-preprocess":"5.0.1","ts-loader":"9.4.2","tslib":"2.5.0","typescript":"4.9.5","webpack":"5.75.0","webpack-cli":"5.0.1","webpack-dev-server":"4.11.1","yargs":"16.2.0"},"peerDependencies":{"lightweight-charts":">=4.0.0","svelte":">=3.44.0"},"jest":{"testEnvironment":"jsdom","roots":["<rootDir>/src/package"],"collectCoverageFrom":["src/package/**/*.{js,jsx,ts,tsx}","!src/package/**/*.d.ts","!src/package/**/*.interface.ts"],"testMatch":["<rootDir>/src/package/**/__tests__/**/*.{mjs,js,jsx,ts,tsx}","<rootDir>/src/package/**/*.{spec,test}.{mjs,js,jsx,ts,tsx}"],"transform":{"^.+\\.(js|jsx|ts|tsx)$":"babel-jest","^.+\\.svelte$":"<rootDir>/scripts/svelte-jest.mjs"},"extensionsToTreatAsEsm":[".svelte",".ts"],"transformIgnorePatterns":["[/\\\\]node_modules[/\\\\].+\\.(js|jsx|ts|tsx)$"],"moduleNameMapper":{"(.*)\\.js":"$1"}},"babel":{"presets":[["@babel/preset-env",{"modules":false,"targets":{"node":"current"}}],"@babel/preset-typescript"]},"types":"./index.d.ts","readme":"# svelte-lightweight-charts\n\nThis package is a Svelte wrapper for [lightweight-charts](https://github.com/tradingview/lightweight-charts)\n\n## [Demo](https://trash-and-fire.github.io/svelte-lightweight-charts/official-samples.html)\n\nHere are some official examples rewritten on Svelte. Each example you can open in the REPL to modify or fork\n\nIf you need more information you can see [demo app sources](./src/demo) or [example sources](./src/demo/samples)\n\n## Installing\n\n```bash\nnpm install lightweight-charts svelte-lightweight-charts\n```\n\n## Usage\n\n```svelte\n<script>\n    import { Chart, LineSeries } from \"svelte-lightweight-charts\";\n    const data = [\n        { time: '2019-04-11', value: 80.01 },\n        { time: '2019-04-12', value: 96.63 },\n        { time: '2019-04-13', value: 76.64 },\n        { time: '2019-04-14', value: 81.89 },\n        { time: '2019-04-15', value: 74.43 },\n        { time: '2019-04-16', value: 80.01 },\n        { time: '2019-04-17', value: 96.63 },\n        { time: '2019-04-18', value: 76.64 },\n        { time: '2019-04-19', value: 81.89 },\n        { time: '2019-04-20', value: 74.43 },\n    ];\n</script>\n<Chart width={800} height={600}>\n    <LineSeries data={data}/>\n</Chart>\n```\n\n## Getting reference to lightweight-chart objects\n\nYou can use the `ref` property to get a reference to a lightweight-chart api-instance from any component.\n```svelte\n<script>\n    let chartApi;\n</script>\n<Chart width={400} height={300} ref={(ref) => chartApi = ref}/>\n<button on:click={() => chartApi.timeScale().fitContent()}>Fit Content</button>\n```\nThe value of `ref` property must be a function: `(api: T | null) => void`.\n\nIt is guaranteed that ref-callback will be called with some value when the component is mounted and with null value when the component is unmounted.\nIf you change the ref-callback, then the previous callback will be called with a null value, and the next callback will be called with the actual value.\n\n## Components\n\n### Chart\n\n`<Chart>` - main chart container and wrapping dom element.\nYou can pass any option from [`ChartOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ChartOptions) as separate property.\n\nUsing `container` property you can get access to containing element:\n```ts\ncontainer?: {\n    ref?: (element: HTMLElement | null) => void;\n    class?: string;\n    id?: string;\n    style?: string;\n}\n```\nIf you need a reference to the containing dom element you can use `ref` property. It might be useful to setup IntersectionObserver on this dom element.\n\nUse `class` or `style` properties with `<Chart autoSize={true}/>` to set up an adaptive chart: \n```svelte\n<Chart\n    autoSize={true}\n    container={{class: 'chart-container'}}\n>\n    <LineSeries data={data}/>\n</Chart>\n<style>\n:global(.chart-container) {\n    aspect-ratio: 16 / 9;\n    width: 80%;\n    margin: auto;\n}\n</style>\n```\n\n#### SSR\nThe chart component will reserve the specified `width` and `height` during SSR if the chart is not auto-sized. \n\nEvents:\n- [`on:crosshairMove`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi#subscribeclick): `(event: CustomEvent<MouseEventParams>) => void`\n- [`on:click`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi#subscribecrosshairmove): `(event: CustomEvent<MouseEventParams>) => void`\n\nUse the `ref` property to get a reference to a [`IChartApi`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IChartApi) instance\n\n### Series\n\nFollowing types of series are supported:\n- `<AreaSeries>`\n- `<BarSeries>`\n- `<BaselineSeries>`\n- `<CandlestickSeries>`\n- `<HistogramSeries>`\n- `<LineSeries>`\n\nSeries components should be nested inside a chart component. \n\nYou can pass any series option as separate property. \nList of available options corresponding to each type of series can be found [here](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesOptionsMap)\n\nUse the `ref` property to get reference to a [`ISeriesApi<SeriesType>`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ISeriesApi) instance.\n\n#### Passing data\nTo pass a data to a series you can use the `data` property. Look [here](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/SeriesDataItemTypeMap) to find what shape of data you need for each series type.\n\nBy default `data` represents only the **initial** data. Any subsequent data update does not update series.\nIf you want to change this behavior please add [`reactive={true}`](https://svelte.dev/repl/0efb2840a9844ed5a1d84f2a1c9a2269) to your series component. In this case series will apply a new data if it is not reference equal to previous array.\n\n#### Passing markers\nTo pass markers to a series you can use the `markers` property. Markers should be an array of `SeriesMarker<Time>`.\n\n### Price line\n\nTo draw price line add `<PriceLine>` component inside any series.\n```svelte\n    <Chart width={600} height={300}>\n        <LineSeries data={data}>\n            <PriceLine\n                title=\"minimum price\"\n                price={minimumPrice}\n            />\n            <PriceLine\n                title=\"average price\"\n                price={avgPrice}\n            />\n            <PriceLine\n                title=\"maximum price\"\n                price={maximumPrice}\n            />\n        </LineSeries>\n    </Chart>\n```\n\nYou can pass any options from [`PriceLineOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/PriceLineOptions) as separate property. The `price` property is mandatory in dev mode.\n\nUse the `ref` property to get reference to a [`IPriceLine`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/IPriceLine) instance.\n\n#### Line drawing on click\n\nYou can draw price lines dynamically. For [example](https://svelte.dev/repl/3294790e6b5048a5abfb3d239405214b), you can draw a price line at a user-specified point.\n\n### Time scale\n\n`<TimeScale>` - the component is a binding to the current time scale of the current chart.\nThis component has to be nested inside a chart component and should not have duplicates. Each chart has only one time scale.\n\nYou can pass any option from [`TimeScaleOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/TimeScaleOptions) as separate property.\n\nEvents:\n- [`on:visibleTimeRangeChange`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi#subscribevisibletimerangechange) - `(event: CustomEvent<TimeRange | null>) => void`\n- [`on:visibleLogicalRangeChange`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi#subscribevisiblelogicalrangechange) - `(event: CustomEvent<LogicalRange | null>) => void`\n- [`on:sizeChange`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi#subscribesizechange) - `(event: CustomEvent<{ width: number; height: number }>) => void`\n\nUse the `ref` property to get reference to a [`ITimeScaleApi`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/ITimeScaleApi) instance.\n\nNote: don't use `ChartOptions['timeScale']` and `<TimeScale>` component at the same time. This can lead to uncontrolled overwriting of options.\n\n### Price scale\n\n`<PriceScale>` - the component is a bindings to a certain price scale.\nThis component has to be nested inside chart component and requires an `id` property. Two price scales with the same `id` within the same chart result in undefined behaviour. \n\nYou can pass any option from [`PriceScaleOptions`](https://tradingview.github.io/lightweight-charts/docs/api/interfaces/PriceScaleOptions) as separate property.\n\nNote: don't use `ChartOptions['leftPriceScale']'` or `ChartOptions['rightPriceScale']` or `ChartOptions['overlayPriceScale']` and `<PriceScale>` at the same time. This can lead to uncontrolled overwriting of options.\n\n## Typescript\nPackage is written on TypeScript and transpiled to plain `*.js` and `*.svelte` files. Definition files (including `*.svelte.d.ts`) are provided with package. It is a good place to find list of available properties that can be passed to each component.\n\n## Related projects\n\nNeed a wrapper for another framework? Check out my [lightweight-charts-react-wrapper](https://github.com/trash-and-fire/lightweight-charts-react-wrapper)\n\n## Licence\n\nMIT\n\nReview the license [requirements](https://github.com/tradingview/lightweight-charts#license) for the required \"attribution notice\" in the Lightweight Chart Repository.\n","readmeFilename":"README.md","gitHead":"1101e4dc394c7b514797bcacee828d3854ca9052","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","_id":"svelte-lightweight-charts@2.3.0-rc-2","_nodeVersion":"16.14.2","_npmVersion":"8.5.0","dist":{"integrity":"sha512-i/9dWkh2eEDmHEbxXCiQ5tf4oAMwwN6kL613JlhE5bQBcEUiBG+nRCsrgfXTaKX+OsNkLjiDS6oIRr0Dkk8ABQ==","shasum":"5ffb62c574c05d1f1f4fc0602dcbe5211d867264","tarball":"https://registry.npmjs.org/svelte-lightweight-charts/-/svelte-lightweight-charts-2.3.0-rc-2.tgz","fileCount":47,"unpackedSize":79018,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAOlwVC3QNRhVsrTQvqMnfcxCCEyjRGlm5A07baO0zQ8AiEAsRbDkKlzBgZnQlsHFF74nw2EdaaAl/iu+pxKyMxqzCY="}]},"_npmUser":{"name":"trash-and-fire","email":"trashandfire@gmail.com"},"directories":{},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/svelte-lightweight-charts_2.3.0-rc-2_1701208193536_0.866632705129128"},"_hasShrinkwrap":false}},"time":{"created":"2021-04-03T18:34:13.144Z","1.0.0":"2021-04-03T18:34:13.289Z","modified":"2023-11-28T21:49:53.868Z","1.1.0":"2021-05-10T21:39:22.866Z","1.1.1":"2021-09-22T20:45:50.614Z","1.1.1-repl":"2021-10-11T23:48:35.978Z","1.2.0":"2022-04-07T12:22:08.797Z","1.3.0":"2022-04-15T16:04:08.833Z","1.3.0-repl":"2022-04-15T16:12:38.940Z","1.3.0-repl-1":"2022-04-15T16:16:54.985Z","1.4.0":"2022-04-18T21:47:14.495Z","1.4.0-repl":"2022-04-18T21:49:48.795Z","1.5.0":"2022-04-27T23:52:27.276Z","1.5.0-repl":"2022-04-28T00:02:09.338Z","1.6.0":"2022-05-04T22:36:07.476Z","1.6.0-repl":"2022-05-04T22:38:18.719Z","1.6.1":"2022-05-05T23:55:24.002Z","1.6.2":"2022-05-06T00:06:28.277Z","1.6.3":"2022-05-12T19:35:46.942Z","1.7.0-next.0":"2022-06-16T20:10:33.598Z","2.0.0-rc.0":"2023-02-12T21:25:18.454Z","2.0.0":"2023-02-12T22:55:42.546Z","2.1.0":"2023-03-12T19:29:00.197Z","2.2.0":"2023-05-18T22:55:02.647Z","2.3.0-rc-0":"2023-10-14T10:37:22.766Z","2.3.0-rc-1":"2023-10-15T11:32:04.470Z","2.3.0-rc-2":"2023-11-28T21:49:53.703Z"},"maintainers":[{"name":"trash-and-fire","email":"trashandfire@gmail.com"}],"description":"Svelte wrapper for financial lightweight charts built with HTML5 canvas","homepage":"https://github.com/trash-and-fire/svelte-lightweight-charts#readme","keywords":["svelte","lightweight-charts","financial-charting-library","charting-library","html5-charts","canvas","typescript","charting","charts"],"repository":{"type":"git","url":"git+https://github.com/trash-and-fire/svelte-lightweight-charts.git"},"bugs":{"url":"https://github.com/trash-and-fire/svelte-lightweight-charts/issues"},"license":"MIT","readme":"","readmeFilename":""}