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

simple-sparkline-chart

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

simple-sparkline-chart - npm Package Compare versions

Comparing version 0.2.2 to 0.2.3

@@ -5,3 +5,3 @@ var t,e,i=(t=(t,e)=>{var i=

* Simple SparkLine Chart
* @version 0.2.2
* @version 0.2.3
* @license MIT

@@ -8,0 +8,0 @@ * @author https://github.com/dejurin

/*
*
* Simple SparkLine Chart
* @version 0.2.2
* @version 0.2.3
* @license MIT

@@ -6,0 +6,0 @@ * @author https://github.com/dejurin

@@ -5,3 +5,3 @@ !function(){var t=

* Simple SparkLine Chart
* @version 0.2.2
* @version 0.2.3
* @license MIT

@@ -8,0 +8,0 @@ * @author https://github.com/dejurin

@@ -12,11 +12,11 @@ // modules are defined as an array

var globalObject =
typeof globalThis !== 'undefined'
typeof globalThis !== "undefined"
? globalThis
: typeof self !== 'undefined'
? self
: typeof window !== 'undefined'
? window
: typeof global !== 'undefined'
? global
: {};
: typeof self !== "undefined"
? self
: typeof window !== "undefined"
? window
: typeof global !== "undefined"
? global
: {};
/* eslint-enable no-undef */

@@ -26,3 +26,3 @@

var previousRequire =
typeof globalObject[parcelRequireName] === 'function' &&
typeof globalObject[parcelRequireName] === "function" &&
globalObject[parcelRequireName];

@@ -33,4 +33,4 @@

var nodeRequire =
typeof module !== 'undefined' &&
typeof module.require === 'function' &&
typeof module !== "undefined" &&
typeof module.require === "function" &&
module.require.bind(module);

@@ -45,3 +45,3 @@

var currentRequire =
typeof globalObject[parcelRequireName] === 'function' &&
typeof globalObject[parcelRequireName] === "function" &&
globalObject[parcelRequireName];

@@ -61,3 +61,3 @@ if (!jumped && currentRequire) {

// Try the node require function if it exists.
if (nodeRequire && typeof name === 'string') {
if (nodeRequire && typeof name === "string") {
return nodeRequire(name);

@@ -67,3 +67,3 @@ }

var err = new Error("Cannot find module '" + name + "'");
err.code = 'MODULE_NOT_FOUND';
err.code = "MODULE_NOT_FOUND";
throw err;

@@ -82,3 +82,3 @@ }

module.exports,
this
this,
);

@@ -120,3 +120,3 @@ }

Object.defineProperty(newRequire, 'root', {
Object.defineProperty(newRequire, "root", {
get: function () {

@@ -139,7 +139,7 @@ return globalObject[parcelRequireName];

// CommonJS
if (typeof exports === 'object' && typeof module !== 'undefined') {
if (typeof exports === "object" && typeof module !== "undefined") {
module.exports = mainExports;
// RequireJS
} else if (typeof define === 'function' && define.amd) {
} else if (typeof define === "function" && define.amd) {
define(function () {

@@ -154,12 +154,15 @@ return mainExports;

}
})({"iAtEK":[function(require,module,exports) {
var global = arguments[3];
var HMR_HOST = null;
var HMR_PORT = null;
var HMR_SECURE = false;
var HMR_ENV_HASH = "d6ea1d42532a7575";
var HMR_USE_SSE = false;
module.bundle.HMR_BUNDLE_ID = "f7b66aecb4c0cd89";
"use strict";
/* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, HMR_USE_SSE, chrome, browser, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */ /*::
})(
{
iAtEK: [
function (require, module, exports) {
var global = arguments[3];
var HMR_HOST = null;
var HMR_PORT = null;
var HMR_SECURE = false;
var HMR_ENV_HASH = "d6ea1d42532a7575";
var HMR_USE_SSE = false;
module.bundle.HMR_BUNDLE_ID = "f7b66aecb4c0cd89";
("use strict");
/* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, HMR_USE_SSE, chrome, browser, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */ /*::
import type {

@@ -211,101 +214,143 @@ HMRAsset,

*/ var OVERLAY_ID = "__parcel__error__overlay__";
var OldModule = module.bundle.Module;
function Module(moduleName) {
OldModule.call(this, moduleName);
this.hot = {
data: module.bundle.hotData[moduleName],
_acceptCallbacks: [],
_disposeCallbacks: [],
accept: function(fn) {
this._acceptCallbacks.push(fn || function() {});
},
dispose: function(fn) {
this._disposeCallbacks.push(fn);
var OldModule = module.bundle.Module;
function Module(moduleName) {
OldModule.call(this, moduleName);
this.hot = {
data: module.bundle.hotData[moduleName],
_acceptCallbacks: [],
_disposeCallbacks: [],
accept: function (fn) {
this._acceptCallbacks.push(fn || function () {});
},
dispose: function (fn) {
this._disposeCallbacks.push(fn);
},
};
module.bundle.hotData[moduleName] = undefined;
}
};
module.bundle.hotData[moduleName] = undefined;
}
module.bundle.Module = Module;
module.bundle.hotData = {};
var checkedAssets /*: {|[string]: boolean|} */ , assetsToDispose /*: Array<[ParcelRequire, string]> */ , assetsToAccept /*: Array<[ParcelRequire, string]> */ ;
function getHostname() {
return HMR_HOST || (location.protocol.indexOf("http") === 0 ? location.hostname : "localhost");
}
function getPort() {
return HMR_PORT || location.port;
}
// eslint-disable-next-line no-redeclare
var parent = module.bundle.parent;
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== "undefined") {
var hostname = getHostname();
var port = getPort();
var protocol = HMR_SECURE || location.protocol == "https:" && ![
"localhost",
"127.0.0.1",
"0.0.0.0"
].includes(hostname) ? "wss" : "ws";
var ws;
if (HMR_USE_SSE) ws = new EventSource("/__parcel_hmr");
else try {
ws = new WebSocket(protocol + "://" + hostname + (port ? ":" + port : "") + "/");
} catch (err) {
if (err.message) console.error(err.message);
ws = {};
}
// Web extension context
var extCtx = typeof browser === "undefined" ? typeof chrome === "undefined" ? null : chrome : browser;
// Safari doesn't support sourceURL in error stacks.
// eval may also be disabled via CSP, so do a quick check.
var supportsSourceURL = false;
try {
(0, eval)('throw new Error("test"); //# sourceURL=test.js');
} catch (err) {
supportsSourceURL = err.stack.includes("test.js");
}
// $FlowFixMe
ws.onmessage = async function(event /*: {data: string, ...} */ ) {
checkedAssets = {} /*: {|[string]: boolean|} */ ;
assetsToAccept = [];
assetsToDispose = [];
var data /*: HMRMessage */ = JSON.parse(event.data);
if (data.type === "update") {
// Remove error overlay if there is one
if (typeof document !== "undefined") removeErrorOverlay();
let assets = data.assets.filter((asset)=>asset.envHash === HMR_ENV_HASH);
// Handle HMR Update
let handled = assets.every((asset)=>{
return asset.type === "css" || asset.type === "js" && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle);
});
if (handled) {
module.bundle.Module = Module;
module.bundle.hotData = {};
var checkedAssets /*: {|[string]: boolean|} */,
assetsToDispose /*: Array<[ParcelRequire, string]> */,
assetsToAccept /*: Array<[ParcelRequire, string]> */;
function getHostname() {
return (
HMR_HOST ||
(location.protocol.indexOf("http") === 0
? location.hostname
: "localhost")
);
}
function getPort() {
return HMR_PORT || location.port;
}
// eslint-disable-next-line no-redeclare
var parent = module.bundle.parent;
if (
(!parent || !parent.isParcelRequire) &&
typeof WebSocket !== "undefined"
) {
var hostname = getHostname();
var port = getPort();
var protocol =
HMR_SECURE ||
(location.protocol == "https:" &&
!["localhost", "127.0.0.1", "0.0.0.0"].includes(hostname))
? "wss"
: "ws";
var ws;
if (HMR_USE_SSE) ws = new EventSource("/__parcel_hmr");
else
try {
ws = new WebSocket(
protocol + "://" + hostname + (port ? ":" + port : "") + "/",
);
} catch (err) {
if (err.message) console.error(err.message);
ws = {};
}
// Web extension context
var extCtx =
typeof browser === "undefined"
? typeof chrome === "undefined"
? null
: chrome
: browser;
// Safari doesn't support sourceURL in error stacks.
// eval may also be disabled via CSP, so do a quick check.
var supportsSourceURL = false;
try {
(0, eval)('throw new Error("test"); //# sourceURL=test.js');
} catch (err) {
supportsSourceURL = err.stack.includes("test.js");
}
// $FlowFixMe
ws.onmessage = async function (event /*: {data: string, ...} */) {
checkedAssets = {} /*: {|[string]: boolean|} */;
assetsToAccept = [];
assetsToDispose = [];
var data /*: HMRMessage */ = JSON.parse(event.data);
if (data.type === "update") {
// Remove error overlay if there is one
if (typeof document !== "undefined") removeErrorOverlay();
let assets = data.assets.filter(
(asset) => asset.envHash === HMR_ENV_HASH,
);
// Handle HMR Update
let handled = assets.every((asset) => {
return (
asset.type === "css" ||
(asset.type === "js" &&
hmrAcceptCheck(
module.bundle.root,
asset.id,
asset.depsByBundle,
))
);
});
if (handled) {
console.clear();
// Dispatch custom event so other runtimes (e.g React Refresh) are aware.
if (typeof window !== "undefined" && typeof CustomEvent !== "undefined") window.dispatchEvent(new CustomEvent("parcelhmraccept"));
if (
typeof window !== "undefined" &&
typeof CustomEvent !== "undefined"
)
window.dispatchEvent(new CustomEvent("parcelhmraccept"));
await hmrApplyUpdates(assets);
// Dispose all old assets.
let processedAssets = {} /*: {|[string]: boolean|} */ ;
for(let i = 0; i < assetsToDispose.length; i++){
let id = assetsToDispose[i][1];
if (!processedAssets[id]) {
hmrDispose(assetsToDispose[i][0], id);
processedAssets[id] = true;
}
let processedAssets = {}; /*: {|[string]: boolean|} */
for (let i = 0; i < assetsToDispose.length; i++) {
let id = assetsToDispose[i][1];
if (!processedAssets[id]) {
hmrDispose(assetsToDispose[i][0], id);
processedAssets[id] = true;
}
}
// Run accept callbacks. This will also re-execute other disposed assets in topological order.
processedAssets = {};
for(let i = 0; i < assetsToAccept.length; i++){
let id = assetsToAccept[i][1];
if (!processedAssets[id]) {
hmrAccept(assetsToAccept[i][0], id);
processedAssets[id] = true;
}
for (let i = 0; i < assetsToAccept.length; i++) {
let id = assetsToAccept[i][1];
if (!processedAssets[id]) {
hmrAccept(assetsToAccept[i][0], id);
processedAssets[id] = true;
}
}
} else fullReload();
}
if (data.type === "error") {
// Log parcel errors to console
for (let ansiDiagnostic of data.diagnostics.ansi){
let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack;
console.error("\uD83D\uDEA8 [parcel]: " + ansiDiagnostic.message + "\n" + stack + "\n\n" + ansiDiagnostic.hints.join("\n"));
} else fullReload();
}
if (typeof document !== "undefined") {
if (data.type === "error") {
// Log parcel errors to console
for (let ansiDiagnostic of data.diagnostics.ansi) {
let stack = ansiDiagnostic.codeframe
? ansiDiagnostic.codeframe
: ansiDiagnostic.stack;
console.error(
"\uD83D\uDEA8 [parcel]: " +
ansiDiagnostic.message +
"\n" +
stack +
"\n\n" +
ansiDiagnostic.hints.join("\n"),
);
}
if (typeof document !== "undefined") {
// Render the fancy html overlay

@@ -316,32 +361,37 @@ removeErrorOverlay();

document.body.appendChild(overlay);
}
}
};
if (ws instanceof WebSocket) {
ws.onerror = function (e) {
if (e.message) console.error(e.message);
};
ws.onclose = function () {
console.warn(
"[parcel] \uD83D\uDEA8 Connection to the HMR server was lost",
);
};
}
}
};
if (ws instanceof WebSocket) {
ws.onerror = function(e) {
if (e.message) console.error(e.message);
};
ws.onclose = function() {
console.warn("[parcel] \uD83D\uDEA8 Connection to the HMR server was lost");
};
}
}
function removeErrorOverlay() {
var overlay = document.getElementById(OVERLAY_ID);
if (overlay) {
overlay.remove();
console.log("[parcel] \u2728 Error resolved");
}
}
function createErrorOverlay(diagnostics) {
var overlay = document.createElement("div");
overlay.id = OVERLAY_ID;
let errorHTML = '<div style="background: black; opacity: 0.85; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; font-family: Menlo, Consolas, monospace; z-index: 9999;">';
for (let diagnostic of diagnostics){
let stack = diagnostic.frames.length ? diagnostic.frames.reduce((p, frame)=>{
return `${p}
function removeErrorOverlay() {
var overlay = document.getElementById(OVERLAY_ID);
if (overlay) {
overlay.remove();
console.log("[parcel] \u2728 Error resolved");
}
}
function createErrorOverlay(diagnostics) {
var overlay = document.createElement("div");
overlay.id = OVERLAY_ID;
let errorHTML =
'<div style="background: black; opacity: 0.85; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; font-family: Menlo, Consolas, monospace; z-index: 9999;">';
for (let diagnostic of diagnostics) {
let stack = diagnostic.frames.length
? diagnostic.frames.reduce((p, frame) => {
return `${p}
<a href="/__parcel_launch_editor?file=${encodeURIComponent(frame.location)}" style="text-decoration: underline; color: #888" onclick="fetch(this.href); return false">${frame.location}</a>
${frame.code}`;
}, "") : diagnostic.stack;
errorHTML += `
}, "")
: diagnostic.stack;
errorHTML += `
<div>

@@ -353,3 +403,3 @@ <div style="font-size: 18px; font-weight: bold; margin-top: 20px;">

<div>
${diagnostic.hints.map((hint)=>"<div>\uD83D\uDCA1 " + hint + "</div>").join("")}
${diagnostic.hints.map((hint) => "<div>\uD83D\uDCA1 " + hint + "</div>").join("")}
</div>

@@ -359,514 +409,648 @@ ${diagnostic.documentation ? `<div>\u{1F4DD} <a style="color: violet" href="${diagnostic.documentation}" target="_blank">Learn more</a></div>` : ""}

`;
}
errorHTML += "</div>";
overlay.innerHTML = errorHTML;
return overlay;
}
function fullReload() {
if ("reload" in location) location.reload();
else if (extCtx && extCtx.runtime && extCtx.runtime.reload) extCtx.runtime.reload();
}
function getParents(bundle, id) /*: Array<[ParcelRequire, string]> */ {
var modules = bundle.modules;
if (!modules) return [];
var parents = [];
var k, d, dep;
for(k in modules)for(d in modules[k][1]){
dep = modules[k][1][d];
if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) parents.push([
bundle,
k
]);
}
if (bundle.parent) parents = parents.concat(getParents(bundle.parent, id));
return parents;
}
function updateLink(link) {
var href = link.getAttribute("href");
if (!href) return;
var newLink = link.cloneNode();
newLink.onload = function() {
if (link.parentNode !== null) // $FlowFixMe
link.parentNode.removeChild(link);
};
newLink.setAttribute("href", // $FlowFixMe
href.split("?")[0] + "?" + Date.now());
// $FlowFixMe
link.parentNode.insertBefore(newLink, link.nextSibling);
}
var cssTimeout = null;
function reloadCSS() {
if (cssTimeout) return;
cssTimeout = setTimeout(function() {
var links = document.querySelectorAll('link[rel="stylesheet"]');
for(var i = 0; i < links.length; i++){
// $FlowFixMe[incompatible-type]
var href /*: string */ = links[i].getAttribute("href");
var hostname = getHostname();
var servedFromHMRServer = hostname === "localhost" ? new RegExp("^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):" + getPort()).test(href) : href.indexOf(hostname + ":" + getPort());
var absolute = /^https?:\/\//i.test(href) && href.indexOf(location.origin) !== 0 && !servedFromHMRServer;
if (!absolute) updateLink(links[i]);
}
errorHTML += "</div>";
overlay.innerHTML = errorHTML;
return overlay;
}
cssTimeout = null;
}, 50);
}
function hmrDownload(asset) {
if (asset.type === "js") {
if (typeof document !== "undefined") {
let script = document.createElement("script");
script.src = asset.url + "?t=" + Date.now();
if (asset.outputFormat === "esmodule") script.type = "module";
return new Promise((resolve, reject)=>{
function fullReload() {
if ("reload" in location) location.reload();
else if (extCtx && extCtx.runtime && extCtx.runtime.reload)
extCtx.runtime.reload();
}
function getParents(bundle, id) /*: Array<[ParcelRequire, string]> */ {
var modules = bundle.modules;
if (!modules) return [];
var parents = [];
var k, d, dep;
for (k in modules)
for (d in modules[k][1]) {
dep = modules[k][1][d];
if (
dep === id ||
(Array.isArray(dep) && dep[dep.length - 1] === id)
)
parents.push([bundle, k]);
}
if (bundle.parent)
parents = parents.concat(getParents(bundle.parent, id));
return parents;
}
function updateLink(link) {
var href = link.getAttribute("href");
if (!href) return;
var newLink = link.cloneNode();
newLink.onload = function () {
if (link.parentNode !== null)
// $FlowFixMe
link.parentNode.removeChild(link);
};
newLink.setAttribute(
"href", // $FlowFixMe
href.split("?")[0] + "?" + Date.now(),
);
// $FlowFixMe
link.parentNode.insertBefore(newLink, link.nextSibling);
}
var cssTimeout = null;
function reloadCSS() {
if (cssTimeout) return;
cssTimeout = setTimeout(function () {
var links = document.querySelectorAll('link[rel="stylesheet"]');
for (var i = 0; i < links.length; i++) {
// $FlowFixMe[incompatible-type]
var href /*: string */ = links[i].getAttribute("href");
var hostname = getHostname();
var servedFromHMRServer =
hostname === "localhost"
? new RegExp(
"^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):" +
getPort(),
).test(href)
: href.indexOf(hostname + ":" + getPort());
var absolute =
/^https?:\/\//i.test(href) &&
href.indexOf(location.origin) !== 0 &&
!servedFromHMRServer;
if (!absolute) updateLink(links[i]);
}
cssTimeout = null;
}, 50);
}
function hmrDownload(asset) {
if (asset.type === "js") {
if (typeof document !== "undefined") {
let script = document.createElement("script");
script.src = asset.url + "?t=" + Date.now();
if (asset.outputFormat === "esmodule") script.type = "module";
return new Promise((resolve, reject) => {
var _document$head;
script.onload = ()=>resolve(script);
script.onload = () => resolve(script);
script.onerror = reject;
(_document$head = document.head) === null || _document$head === void 0 || _document$head.appendChild(script);
});
} else if (typeof importScripts === "function") {
// Worker scripts
if (asset.outputFormat === "esmodule") return import(asset.url + "?t=" + Date.now());
else return new Promise((resolve, reject)=>{
try {
(_document$head = document.head) === null ||
_document$head === void 0 ||
_document$head.appendChild(script);
});
} else if (typeof importScripts === "function") {
// Worker scripts
if (asset.outputFormat === "esmodule")
return import(asset.url + "?t=" + Date.now());
else
return new Promise((resolve, reject) => {
try {
importScripts(asset.url + "?t=" + Date.now());
resolve();
} catch (err) {
} catch (err) {
reject(err);
}
});
}
});
}
}
}
}
}
async function hmrApplyUpdates(assets) {
global.parcelHotUpdate = Object.create(null);
let scriptsToRemove;
try {
// If sourceURL comments aren't supported in eval, we need to load
// the update from the dev server over HTTP so that stack traces
// are correct in errors/logs. This is much slower than eval, so
// we only do it if needed (currently just Safari).
// https://bugs.webkit.org/show_bug.cgi?id=137297
// This path is also taken if a CSP disallows eval.
if (!supportsSourceURL) {
let promises = assets.map((asset)=>{
async function hmrApplyUpdates(assets) {
global.parcelHotUpdate = Object.create(null);
let scriptsToRemove;
try {
// If sourceURL comments aren't supported in eval, we need to load
// the update from the dev server over HTTP so that stack traces
// are correct in errors/logs. This is much slower than eval, so
// we only do it if needed (currently just Safari).
// https://bugs.webkit.org/show_bug.cgi?id=137297
// This path is also taken if a CSP disallows eval.
if (!supportsSourceURL) {
let promises = assets.map((asset) => {
var _hmrDownload;
return (_hmrDownload = hmrDownload(asset)) === null || _hmrDownload === void 0 ? void 0 : _hmrDownload.catch((err)=>{
// Web extension fix
if (extCtx && extCtx.runtime && extCtx.runtime.getManifest().manifest_version == 3 && typeof ServiceWorkerGlobalScope != "undefined" && global instanceof ServiceWorkerGlobalScope) {
return (_hmrDownload = hmrDownload(asset)) === null ||
_hmrDownload === void 0
? void 0
: _hmrDownload.catch((err) => {
// Web extension fix
if (
extCtx &&
extCtx.runtime &&
extCtx.runtime.getManifest().manifest_version == 3 &&
typeof ServiceWorkerGlobalScope != "undefined" &&
global instanceof ServiceWorkerGlobalScope
) {
extCtx.runtime.reload();
return;
}
throw err;
});
}
throw err;
});
});
scriptsToRemove = await Promise.all(promises);
}
assets.forEach(function (asset) {
hmrApply(module.bundle.root, asset);
});
scriptsToRemove = await Promise.all(promises);
} finally {
delete global.parcelHotUpdate;
if (scriptsToRemove)
scriptsToRemove.forEach((script) => {
if (script) {
var _document$head2;
(_document$head2 = document.head) === null ||
_document$head2 === void 0 ||
_document$head2.removeChild(script);
}
});
}
}
assets.forEach(function(asset) {
hmrApply(module.bundle.root, asset);
});
} finally{
delete global.parcelHotUpdate;
if (scriptsToRemove) scriptsToRemove.forEach((script)=>{
if (script) {
var _document$head2;
(_document$head2 = document.head) === null || _document$head2 === void 0 || _document$head2.removeChild(script);
}
});
}
}
function hmrApply(bundle /*: ParcelRequire */ , asset /*: HMRAsset */ ) {
var modules = bundle.modules;
if (!modules) return;
if (asset.type === "css") reloadCSS();
else if (asset.type === "js") {
let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID];
if (deps) {
if (modules[asset.id]) {
function hmrApply(bundle /*: ParcelRequire */, asset /*: HMRAsset */) {
var modules = bundle.modules;
if (!modules) return;
if (asset.type === "css") reloadCSS();
else if (asset.type === "js") {
let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID];
if (deps) {
if (modules[asset.id]) {
// Remove dependencies that are removed and will become orphaned.
// This is necessary so that if the asset is added back again, the cache is gone, and we prevent a full page reload.
let oldDeps = modules[asset.id][1];
for(let dep in oldDeps)if (!deps[dep] || deps[dep] !== oldDeps[dep]) {
for (let dep in oldDeps)
if (!deps[dep] || deps[dep] !== oldDeps[dep]) {
let id = oldDeps[dep];
let parents = getParents(module.bundle.root, id);
if (parents.length === 1) hmrDelete(module.bundle.root, id);
}
}
}
if (supportsSourceURL)
// Global eval. We would use `new Function` here but browser
// support for source maps is better with eval.
(0, eval)(asset.output);
// $FlowFixMe
let fn = global.parcelHotUpdate[asset.id];
modules[asset.id] = [fn, deps];
} else if (bundle.parent) hmrApply(bundle.parent, asset);
}
}
function hmrDelete(bundle, id) {
let modules = bundle.modules;
if (!modules) return;
if (modules[id]) {
// Collect dependencies that will become orphaned when this module is deleted.
let deps = modules[id][1];
let orphans = [];
for (let dep in deps) {
let parents = getParents(module.bundle.root, deps[dep]);
if (parents.length === 1) orphans.push(deps[dep]);
}
if (supportsSourceURL) // Global eval. We would use `new Function` here but browser
// support for source maps is better with eval.
(0, eval)(asset.output);
// $FlowFixMe
let fn = global.parcelHotUpdate[asset.id];
modules[asset.id] = [
fn,
deps
];
} else if (bundle.parent) hmrApply(bundle.parent, asset);
}
}
function hmrDelete(bundle, id) {
let modules = bundle.modules;
if (!modules) return;
if (modules[id]) {
// Collect dependencies that will become orphaned when this module is deleted.
let deps = modules[id][1];
let orphans = [];
for(let dep in deps){
let parents = getParents(module.bundle.root, deps[dep]);
if (parents.length === 1) orphans.push(deps[dep]);
// Delete the module. This must be done before deleting dependencies in case of circular dependencies.
delete modules[id];
delete bundle.cache[id];
// Now delete the orphans.
orphans.forEach((id) => {
hmrDelete(module.bundle.root, id);
});
} else if (bundle.parent) hmrDelete(bundle.parent, id);
}
// Delete the module. This must be done before deleting dependencies in case of circular dependencies.
delete modules[id];
delete bundle.cache[id];
// Now delete the orphans.
orphans.forEach((id)=>{
hmrDelete(module.bundle.root, id);
});
} else if (bundle.parent) hmrDelete(bundle.parent, id);
}
function hmrAcceptCheck(bundle /*: ParcelRequire */ , id /*: string */ , depsByBundle /*: ?{ [string]: { [string]: string } }*/ ) {
if (hmrAcceptCheckOne(bundle, id, depsByBundle)) return true;
// Traverse parents breadth first. All possible ancestries must accept the HMR update, or we'll reload.
let parents = getParents(module.bundle.root, id);
let accepted = false;
while(parents.length > 0){
let v = parents.shift();
let a = hmrAcceptCheckOne(v[0], v[1], null);
if (a) // If this parent accepts, stop traversing upward, but still consider siblings.
accepted = true;
else {
// Otherwise, queue the parents in the next level upward.
let p = getParents(module.bundle.root, v[1]);
if (p.length === 0) {
function hmrAcceptCheck(
bundle /*: ParcelRequire */,
id /*: string */,
depsByBundle /*: ?{ [string]: { [string]: string } }*/,
) {
if (hmrAcceptCheckOne(bundle, id, depsByBundle)) return true;
// Traverse parents breadth first. All possible ancestries must accept the HMR update, or we'll reload.
let parents = getParents(module.bundle.root, id);
let accepted = false;
while (parents.length > 0) {
let v = parents.shift();
let a = hmrAcceptCheckOne(v[0], v[1], null);
if (a)
// If this parent accepts, stop traversing upward, but still consider siblings.
accepted = true;
else {
// Otherwise, queue the parents in the next level upward.
let p = getParents(module.bundle.root, v[1]);
if (p.length === 0) {
// If there are no parents, then we've reached an entry without accepting. Reload.
accepted = false;
break;
}
parents.push(...p);
}
parents.push(...p);
}
return accepted;
}
}
return accepted;
}
function hmrAcceptCheckOne(bundle /*: ParcelRequire */ , id /*: string */ , depsByBundle /*: ?{ [string]: { [string]: string } }*/ ) {
var modules = bundle.modules;
if (!modules) return;
if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) {
// If we reached the root bundle without finding where the asset should go,
// there's nothing to do. Mark as "accepted" so we don't reload the page.
if (!bundle.parent) return true;
return hmrAcceptCheck(bundle.parent, id, depsByBundle);
}
if (checkedAssets[id]) return true;
checkedAssets[id] = true;
var cached = bundle.cache[id];
assetsToDispose.push([
bundle,
id
]);
if (!cached || cached.hot && cached.hot._acceptCallbacks.length) {
assetsToAccept.push([
bundle,
id
]);
return true;
}
}
function hmrDispose(bundle /*: ParcelRequire */ , id /*: string */ ) {
var cached = bundle.cache[id];
bundle.hotData[id] = {};
if (cached && cached.hot) cached.hot.data = bundle.hotData[id];
if (cached && cached.hot && cached.hot._disposeCallbacks.length) cached.hot._disposeCallbacks.forEach(function(cb) {
cb(bundle.hotData[id]);
});
delete bundle.cache[id];
}
function hmrAccept(bundle /*: ParcelRequire */ , id /*: string */ ) {
// Execute the module.
bundle(id);
// Run the accept callbacks in the new version of the module.
var cached = bundle.cache[id];
if (cached && cached.hot && cached.hot._acceptCallbacks.length) cached.hot._acceptCallbacks.forEach(function(cb) {
var assetsToAlsoAccept = cb(function() {
return getParents(module.bundle.root, id);
});
if (assetsToAlsoAccept && assetsToAccept.length) {
assetsToAlsoAccept.forEach(function(a) {
hmrDispose(a[0], a[1]);
function hmrAcceptCheckOne(
bundle /*: ParcelRequire */,
id /*: string */,
depsByBundle /*: ?{ [string]: { [string]: string } }*/,
) {
var modules = bundle.modules;
if (!modules) return;
if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) {
// If we reached the root bundle without finding where the asset should go,
// there's nothing to do. Mark as "accepted" so we don't reload the page.
if (!bundle.parent) return true;
return hmrAcceptCheck(bundle.parent, id, depsByBundle);
}
if (checkedAssets[id]) return true;
checkedAssets[id] = true;
var cached = bundle.cache[id];
assetsToDispose.push([bundle, id]);
if (!cached || (cached.hot && cached.hot._acceptCallbacks.length)) {
assetsToAccept.push([bundle, id]);
return true;
}
}
function hmrDispose(bundle /*: ParcelRequire */, id /*: string */) {
var cached = bundle.cache[id];
bundle.hotData[id] = {};
if (cached && cached.hot) cached.hot.data = bundle.hotData[id];
if (cached && cached.hot && cached.hot._disposeCallbacks.length)
cached.hot._disposeCallbacks.forEach(function (cb) {
cb(bundle.hotData[id]);
});
// $FlowFixMe[method-unbinding]
assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept);
delete bundle.cache[id];
}
});
}
},{}],"dPhX3":[function(require,module,exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
var _index = require("../index");
var _indexDefault = parcelHelpers.interopDefault(_index);
if (typeof window !== "undefined") window.SimpleSparkLineChart = (0, _indexDefault.default);
},{"../index":"h7u1C","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"h7u1C":[function(require,module,exports) {
/*
*
* Simple SparkLine Chart
* @version 0.2.2
* @license MIT
* @author https://github.com/dejurin
*
* https://github.com/dejurin/simple-sparkline
*
*/ var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
class SimpleSparkLineChart {
constructor(selector){
const elements = document.querySelectorAll(selector);
elements.forEach((element)=>{
this.createChart(element);
});
}
createChart(element) {
const valuesAttr = element.dataset.values;
let dataValues = [];
let dataObjects = [];
let isObjectData = false;
if (valuesAttr) try {
const parsedData = JSON.parse(valuesAttr);
if (Array.isArray(parsedData) && parsedData.length > 0) {
if (typeof parsedData[0] === "object" && parsedData[0] !== null) {
function hmrAccept(bundle /*: ParcelRequire */, id /*: string */) {
// Execute the module.
bundle(id);
// Run the accept callbacks in the new version of the module.
var cached = bundle.cache[id];
if (cached && cached.hot && cached.hot._acceptCallbacks.length)
cached.hot._acceptCallbacks.forEach(function (cb) {
var assetsToAlsoAccept = cb(function () {
return getParents(module.bundle.root, id);
});
if (assetsToAlsoAccept && assetsToAccept.length) {
assetsToAlsoAccept.forEach(function (a) {
hmrDispose(a[0], a[1]);
});
// $FlowFixMe[method-unbinding]
assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept);
}
});
}
},
{},
],
dPhX3: [
function (require, module, exports) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
var _index = require("../index");
var _indexDefault = parcelHelpers.interopDefault(_index);
if (typeof window !== "undefined")
window.SimpleSparkLineChart = (0, _indexDefault.default);
},
{
"../index": "h7u1C",
"@parcel/transformer-js/src/esmodule-helpers.js": "gkKU3",
},
],
h7u1C: [
function (require, module, exports) {
/*
*
* Simple SparkLine Chart
* @version 0.2.3
* @license MIT
* @author https://github.com/dejurin
*
* https://github.com/dejurin/simple-sparkline
*
*/ var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
parcelHelpers.defineInteropFlag(exports);
class SimpleSparkLineChart {
constructor(selector) {
const elements = document.querySelectorAll(selector);
elements.forEach((element) => {
this.createChart(element);
});
}
createChart(element) {
const valuesAttr = element.dataset.values;
let dataValues = [];
let dataObjects = [];
let isObjectData = false;
if (valuesAttr)
try {
const parsedData = JSON.parse(valuesAttr);
if (Array.isArray(parsedData) && parsedData.length > 0) {
if (
typeof parsedData[0] === "object" &&
parsedData[0] !== null
) {
// Data is an array of objects with 'timestamp' and 'value'
isObjectData = true;
dataObjects = parsedData.map((item)=>({
timestamp: item.timestamp,
value: item.value
}));
dataValues = dataObjects.map((item)=>item.value);
} else if (typeof parsedData[0] === "number") // Data is an array of numbers
dataValues = parsedData.filter(Number.isFinite);
else {
console.warn("Invalid data format in data-values:", element);
dataObjects = parsedData.map((item) => ({
timestamp: item.timestamp,
value: item.value,
}));
dataValues = dataObjects.map((item) => item.value);
} else if (typeof parsedData[0] === "number")
// Data is an array of numbers
dataValues = parsedData.filter(Number.isFinite);
else {
console.warn(
"Invalid data format in data-values:",
element,
);
return;
}
} else {
console.warn(
"Empty or invalid array in data-values:",
element,
);
return;
}
} else {
console.warn("Empty or invalid array in data-values:", element);
return;
} catch (e) {
// If not JSON, try parsing as CSV (comma-separated values)
dataValues = valuesAttr
.split(",")
.map(parseFloat)
.filter(Number.isFinite);
}
else {
console.warn(
"Missing data-values attribute for element:",
element,
);
return;
}
} catch (e) {
// If not JSON, try parsing as CSV (comma-separated values)
dataValues = valuesAttr.split(",").map(parseFloat).filter(Number.isFinite);
}
else {
console.warn("Missing data-values attribute for element:", element);
return;
}
if (dataValues.length === 0) {
console.warn("No valid data values for element:", element);
return;
}
// Read optional attributes with default values
const width = element.dataset.width ? parseInt(element.dataset.width) : 200;
const height = element.dataset.height ? parseInt(element.dataset.height) : Math.round(width * 0.2);
const filled = element.dataset.filled === "true";
const colorStroke = element.dataset.colorStroke || "#8956ff";
const colorFilled = element.dataset.colorFilled || colorStroke;
const strokeWidth = element.dataset.strokeWidth ? parseFloat(element.dataset.strokeWidth) : 2;
const filledOpacity = element.dataset.filledOpacity !== undefined ? parseFloat(element.dataset.filledOpacity) : 0.2;
const ariaLabel = element.dataset.ariaLabel || "Simple SparkLine Chart";
const showTooltip = element.dataset.tooltip !== "false";
const tooltipPosition = element.dataset.tooltipPosition || "above";
const locale = element.dataset.locale || navigator.language || "en-US";
this.makeChart(dataValues, dataObjects, isObjectData, width, height, element, filled, colorStroke, colorFilled, strokeWidth, filledOpacity, ariaLabel, showTooltip, tooltipPosition, locale);
}
makeChart(values, dataObjects, isObjectData, width, height, parent, filled, colorStroke, colorFilled, strokeWidth, filledOpacity, ariaLabel, showTooltip, tooltipPosition, locale) {
const svgNS = "http://www.w3.org/2000/svg";
const adjustedWidth = width;
const adjustedHeight = height;
const max = Math.max(...values);
const min = Math.min(...values);
const range = max - min || 1;
// Function to calculate Y coordinate
const c = (x)=>{
const s = (adjustedHeight - strokeWidth) / range;
return adjustedHeight - strokeWidth / 2 - s * (x - min);
};
// Create SVG element
const svg = document.createElementNS(svgNS, "svg");
svg.setAttribute("role", "img");
svg.setAttribute("width", adjustedWidth.toString());
svg.setAttribute("height", adjustedHeight.toString());
svg.setAttribute("aria-label", ariaLabel);
svg.setAttribute("viewBox", `0 0 ${adjustedWidth} ${adjustedHeight}`);
svg.setAttribute("overflow", "visible");
svg.setAttribute("preserveAspectRatio", "none");
const offset = values.length > 1 ? adjustedWidth / (values.length - 1) : 0;
// Generate points for the line
const linePoints = [];
for(let i = 0; i < values.length; i++){
const x = (i * offset).toFixed(2);
const y = c(values[i]).toFixed(2);
linePoints.push(`${x},${y}`);
}
// Create filled area if 'filled' is true
if (filled) {
const fillPathD = `${linePoints.map((p, i)=>i === 0 ? "M" + p : "L" + p).join(" ")} L${adjustedWidth.toFixed(2)},${adjustedHeight.toFixed(2)} L0,${adjustedHeight.toFixed(2)} Z`;
const fillElm = document.createElementNS(svgNS, "path");
fillElm.setAttribute("d", fillPathD);
fillElm.setAttribute("stroke", "none");
fillElm.setAttribute("fill", colorFilled);
fillElm.setAttribute("fill-opacity", filledOpacity.toString());
fillElm.classList.add("sparkline-fill");
svg.appendChild(fillElm);
}
// Create the line path
const linePathD = `M${linePoints.join(" L")}`;
const pathElm = document.createElementNS(svgNS, "path");
pathElm.setAttribute("d", linePathD);
pathElm.setAttribute("fill", "none");
pathElm.setAttribute("stroke", colorStroke);
pathElm.setAttribute("stroke-width", strokeWidth.toString());
pathElm.setAttribute("stroke-linecap", "butt");
pathElm.setAttribute("stroke-linejoin", "round");
pathElm.classList.add("sparkline-path");
svg.appendChild(pathElm);
// Create container for SVG and Tooltip
const container = document.createElement("div");
container.style.position = "relative";
container.style.display = "inline-block";
container.style.width = adjustedWidth + "px";
// Append SVG to container
container.appendChild(svg);
// Create Tooltip
const tooltip = document.createElement("div");
tooltip.style.position = "absolute";
tooltip.style.pointerEvents = "none";
tooltip.style.background = "#333";
tooltip.style.border = "1px solid #222";
tooltip.style.color = "#fff";
tooltip.style.fontSize = "small";
tooltip.style.whiteSpace = "nowrap";
tooltip.style.padding = "2px 4px";
tooltip.style.borderRadius = "4px";
tooltip.classList.add("sparkline-tooltip");
tooltip.style.display = "none";
// Position the tooltip
if (tooltipPosition === "bottom") tooltip.style.top = adjustedHeight + "px";
else tooltip.style.bottom = adjustedHeight + "px";
if (showTooltip) container.appendChild(tooltip);
// Clear parent element and append container
parent.innerHTML = "";
parent.appendChild(container);
// Create cursor line
const cursorLine = document.createElementNS(svgNS, "line");
cursorLine.setAttribute("class", "sparkline-cursor-line");
cursorLine.setAttribute("x1", "0");
cursorLine.setAttribute("y1", "0");
cursorLine.setAttribute("x2", "0");
cursorLine.setAttribute("y2", adjustedHeight.toString());
cursorLine.setAttribute("stroke", colorStroke);
cursorLine.setAttribute("stroke-width", "1");
cursorLine.setAttribute("stroke-dasharray", "4");
cursorLine.style.display = "none";
svg.appendChild(cursorLine);
// Create spot circle
const spot = document.createElementNS(svgNS, "circle");
spot.setAttribute("class", "sparkline-spot");
spot.setAttribute("r", (strokeWidth * 1.5).toString());
spot.setAttribute("fill", colorStroke);
spot.setAttribute("stroke", "#fff");
spot.setAttribute("stroke-width", "1");
spot.style.display = "none";
svg.appendChild(spot);
// Create interaction layer
const interactionLayer = document.createElementNS(svgNS, "rect");
interactionLayer.setAttribute("width", adjustedWidth.toString());
interactionLayer.setAttribute("height", adjustedHeight.toString());
interactionLayer.setAttribute("fill", "transparent");
interactionLayer.style.cursor = "pointer";
svg.appendChild(interactionLayer);
// Create date formatter
const dateFormatter = new Intl.DateTimeFormat(locale, {
hour: "numeric",
minute: "numeric",
second: "numeric",
day: "numeric",
month: "short",
year: "numeric"
});
// Event handlers
const handleMove = (event)=>{
event.preventDefault();
const rect = svg.getBoundingClientRect();
let clientX;
if (event instanceof MouseEvent) clientX = event.clientX;
else if (event.touches && event.touches.length > 0) clientX = event.touches[0].clientX;
else return;
const x = clientX - rect.left;
const index = Math.round(x / offset);
const clampedIndex = Math.max(0, Math.min(values.length - 1, index));
const cx = clampedIndex * offset;
const cy = c(values[clampedIndex]);
spot.setAttribute("cx", cx.toFixed(2));
spot.setAttribute("cy", cy.toFixed(2));
spot.style.display = "block";
cursorLine.setAttribute("x1", cx.toFixed(2));
cursorLine.setAttribute("x2", cx.toFixed(2));
cursorLine.style.display = "block";
// Update tooltip content
if (isObjectData) {
if (dataValues.length === 0) {
console.warn("No valid data values for element:", element);
return;
}
// Read optional attributes with default values
const width = element.dataset.width
? parseInt(element.dataset.width)
: 200;
const height = element.dataset.height
? parseInt(element.dataset.height)
: Math.round(width * 0.2);
const filled = element.dataset.filled === "true";
const colorStroke = element.dataset.colorStroke || "#8956ff";
const colorFilled = element.dataset.colorFilled || colorStroke;
const strokeWidth = element.dataset.strokeWidth
? parseFloat(element.dataset.strokeWidth)
: 2;
const filledOpacity =
element.dataset.filledOpacity !== undefined
? parseFloat(element.dataset.filledOpacity)
: 0.2;
const ariaLabel =
element.dataset.ariaLabel || "Simple SparkLine Chart";
const showTooltip = element.dataset.tooltip !== "false";
const tooltipPosition = element.dataset.tooltipPosition || "above";
const locale =
element.dataset.locale || navigator.language || "en-US";
this.makeChart(
dataValues,
dataObjects,
isObjectData,
width,
height,
element,
filled,
colorStroke,
colorFilled,
strokeWidth,
filledOpacity,
ariaLabel,
showTooltip,
tooltipPosition,
locale,
);
}
makeChart(
values,
dataObjects,
isObjectData,
width,
height,
parent,
filled,
colorStroke,
colorFilled,
strokeWidth,
filledOpacity,
ariaLabel,
showTooltip,
tooltipPosition,
locale,
) {
const svgNS = "http://www.w3.org/2000/svg";
const adjustedWidth = width;
const adjustedHeight = height;
const max = Math.max(...values);
const min = Math.min(...values);
const range = max - min || 1;
// Function to calculate Y coordinate
const c = (x) => {
const s = (adjustedHeight - strokeWidth) / range;
return adjustedHeight - strokeWidth / 2 - s * (x - min);
};
// Create SVG element
const svg = document.createElementNS(svgNS, "svg");
svg.setAttribute("role", "img");
svg.setAttribute("width", adjustedWidth.toString());
svg.setAttribute("height", adjustedHeight.toString());
svg.setAttribute("aria-label", ariaLabel);
svg.setAttribute(
"viewBox",
`0 0 ${adjustedWidth} ${adjustedHeight}`,
);
svg.setAttribute("overflow", "visible");
svg.setAttribute("preserveAspectRatio", "none");
const offset =
values.length > 1 ? adjustedWidth / (values.length - 1) : 0;
// Generate points for the line
const linePoints = [];
for (let i = 0; i < values.length; i++) {
const x = (i * offset).toFixed(2);
const y = c(values[i]).toFixed(2);
linePoints.push(`${x},${y}`);
}
// Create filled area if 'filled' is true
if (filled) {
const fillPathD = `${linePoints.map((p, i) => (i === 0 ? "M" + p : "L" + p)).join(" ")} L${adjustedWidth.toFixed(2)},${adjustedHeight.toFixed(2)} L0,${adjustedHeight.toFixed(2)} Z`;
const fillElm = document.createElementNS(svgNS, "path");
fillElm.setAttribute("d", fillPathD);
fillElm.setAttribute("stroke", "none");
fillElm.setAttribute("fill", colorFilled);
fillElm.setAttribute("fill-opacity", filledOpacity.toString());
fillElm.classList.add("sparkline-fill");
svg.appendChild(fillElm);
}
// Create the line path
const linePathD = `M${linePoints.join(" L")}`;
const pathElm = document.createElementNS(svgNS, "path");
pathElm.setAttribute("d", linePathD);
pathElm.setAttribute("fill", "none");
pathElm.setAttribute("stroke", colorStroke);
pathElm.setAttribute("stroke-width", strokeWidth.toString());
pathElm.setAttribute("stroke-linecap", "butt");
pathElm.setAttribute("stroke-linejoin", "round");
pathElm.classList.add("sparkline-path");
svg.appendChild(pathElm);
// Create container for SVG and Tooltip
const container = document.createElement("div");
container.style.position = "relative";
container.style.display = "inline-block";
container.style.width = adjustedWidth + "px";
// Append SVG to container
container.appendChild(svg);
// Create Tooltip
const tooltip = document.createElement("div");
tooltip.style.position = "absolute";
tooltip.style.pointerEvents = "none";
tooltip.style.background = "#333";
tooltip.style.border = "1px solid #222";
tooltip.style.color = "#fff";
tooltip.style.fontSize = "small";
tooltip.style.whiteSpace = "nowrap";
tooltip.style.padding = "2px 4px";
tooltip.style.borderRadius = "4px";
tooltip.classList.add("sparkline-tooltip");
tooltip.style.display = "none";
// Position the tooltip
if (tooltipPosition === "bottom")
tooltip.style.top = adjustedHeight + "px";
else tooltip.style.bottom = adjustedHeight + "px";
if (showTooltip) container.appendChild(tooltip);
// Clear parent element and append container
parent.innerHTML = "";
parent.appendChild(container);
// Create cursor line
const cursorLine = document.createElementNS(svgNS, "line");
cursorLine.setAttribute("class", "sparkline-cursor-line");
cursorLine.setAttribute("x1", "0");
cursorLine.setAttribute("y1", "0");
cursorLine.setAttribute("x2", "0");
cursorLine.setAttribute("y2", adjustedHeight.toString());
cursorLine.setAttribute("stroke", colorStroke);
cursorLine.setAttribute("stroke-width", "1");
cursorLine.setAttribute("stroke-dasharray", "4");
cursorLine.style.display = "none";
svg.appendChild(cursorLine);
// Create spot circle
const spot = document.createElementNS(svgNS, "circle");
spot.setAttribute("class", "sparkline-spot");
spot.setAttribute("r", (strokeWidth * 1.5).toString());
spot.setAttribute("fill", colorStroke);
spot.setAttribute("stroke", "#fff");
spot.setAttribute("stroke-width", "1");
spot.style.display = "none";
svg.appendChild(spot);
// Create interaction layer
const interactionLayer = document.createElementNS(svgNS, "rect");
interactionLayer.setAttribute("width", adjustedWidth.toString());
interactionLayer.setAttribute("height", adjustedHeight.toString());
interactionLayer.setAttribute("fill", "transparent");
interactionLayer.style.cursor = "pointer";
svg.appendChild(interactionLayer);
// Create date formatter
const dateFormatter = new Intl.DateTimeFormat(locale, {
hour: "numeric",
minute: "numeric",
second: "numeric",
day: "numeric",
month: "short",
year: "numeric",
});
// Event handlers
const handleMove = (event) => {
event.preventDefault();
const rect = svg.getBoundingClientRect();
let clientX;
if (event instanceof MouseEvent) clientX = event.clientX;
else if (event.touches && event.touches.length > 0)
clientX = event.touches[0].clientX;
else return;
const x = clientX - rect.left;
const index = Math.round(x / offset);
const clampedIndex = Math.max(
0,
Math.min(values.length - 1, index),
);
const cx = clampedIndex * offset;
const cy = c(values[clampedIndex]);
spot.setAttribute("cx", cx.toFixed(2));
spot.setAttribute("cy", cy.toFixed(2));
spot.style.display = "block";
cursorLine.setAttribute("x1", cx.toFixed(2));
cursorLine.setAttribute("x2", cx.toFixed(2));
cursorLine.style.display = "block";
// Update tooltip content
if (isObjectData) {
const dataPoint = dataObjects[clampedIndex];
const date = dateFormatter.format(new Date(dataPoint.timestamp));
const date = dateFormatter.format(
new Date(dataPoint.timestamp),
);
tooltip.innerHTML = `${dataPoint.value} (${date})`;
} else tooltip.textContent = values[clampedIndex].toString();
// Position tooltip horizontally
// Ensure tooltip is displayed to get correct dimensions
tooltip.style.display = "block";
const tooltipRect = tooltip.getBoundingClientRect();
let tooltipX = cx - tooltipRect.width / 2;
if (tooltipX < 0) tooltipX = 0;
else if (tooltipX + tooltipRect.width > adjustedWidth) tooltipX = adjustedWidth - tooltipRect.width;
tooltip.style.left = tooltipX + "px";
} else tooltip.textContent = values[clampedIndex].toString();
// Position tooltip horizontally
// Ensure tooltip is displayed to get correct dimensions
tooltip.style.display = "block";
const tooltipRect = tooltip.getBoundingClientRect();
let tooltipX = cx - tooltipRect.width / 2;
if (tooltipX < 0) tooltipX = 0;
else if (tooltipX + tooltipRect.width > adjustedWidth)
tooltipX = adjustedWidth - tooltipRect.width;
tooltip.style.left = tooltipX + "px";
};
const handleOut = () => {
spot.style.display = "none";
cursorLine.style.display = "none";
tooltip.style.display = "none";
};
interactionLayer.addEventListener("mousemove", handleMove);
interactionLayer.addEventListener("touchmove", handleMove);
interactionLayer.addEventListener("mouseleave", handleOut);
interactionLayer.addEventListener("touchend", handleOut);
interactionLayer.addEventListener("touchcancel", handleOut);
}
}
exports.default = SimpleSparkLineChart;
},
{ "@parcel/transformer-js/src/esmodule-helpers.js": "gkKU3" },
],
gkKU3: [
function (require, module, exports) {
exports.interopDefault = function (a) {
return a && a.__esModule
? a
: {
default: a,
};
};
const handleOut = ()=>{
spot.style.display = "none";
cursorLine.style.display = "none";
tooltip.style.display = "none";
exports.defineInteropFlag = function (a) {
Object.defineProperty(a, "__esModule", {
value: true,
});
};
interactionLayer.addEventListener("mousemove", handleMove);
interactionLayer.addEventListener("touchmove", handleMove);
interactionLayer.addEventListener("mouseleave", handleOut);
interactionLayer.addEventListener("touchend", handleOut);
interactionLayer.addEventListener("touchcancel", handleOut);
}
}
exports.default = SimpleSparkLineChart;
},{"@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"gkKU3":[function(require,module,exports) {
exports.interopDefault = function(a) {
return a && a.__esModule ? a : {
default: a
};
};
exports.defineInteropFlag = function(a) {
Object.defineProperty(a, "__esModule", {
value: true
});
};
exports.exportAll = function(source, dest) {
Object.keys(source).forEach(function(key) {
if (key === "default" || key === "__esModule" || Object.prototype.hasOwnProperty.call(dest, key)) return;
Object.defineProperty(dest, key, {
exports.exportAll = function (source, dest) {
Object.keys(source).forEach(function (key) {
if (
key === "default" ||
key === "__esModule" ||
Object.prototype.hasOwnProperty.call(dest, key)
)
return;
Object.defineProperty(dest, key, {
enumerable: true,
get: function () {
return source[key];
},
});
});
return dest;
};
exports.export = function (dest, destName, get) {
Object.defineProperty(dest, destName, {
enumerable: true,
get: function() {
return source[key];
}
});
});
return dest;
};
exports.export = function(dest, destName, get) {
Object.defineProperty(dest, destName, {
enumerable: true,
get: get
});
};
get: get,
});
};
},
{},
],
},
["iAtEK", "dPhX3"],
"dPhX3",
"parcelRequire7179",
);
},{}]},["iAtEK","dPhX3"], "dPhX3", "parcelRequire7179")
//# sourceMappingURL=index.b4c0cd89.js.map
{
"name": "simple-sparkline-chart",
"version": "0.2.2",
"version": "0.2.3",
"source": "src/index.ts",

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

@@ -24,9 +24,13 @@ 📈 Simple SparkLine Chart

<script src="https://www.unpkg.com/simple-sparkline-chart"></script>
```html
<script src="https://www.unpkg.com/simple-sparkline-chart"></script>
```
You can then use it via the global SimpleSparkLineChart:
<script>
new SimpleSparkLineChart('.chart');
</script>
```html
<script>
new SimpleSparkLineChart(".chart");
</script>
```

@@ -37,7 +41,14 @@ ## 📚 Usage

<div class="sparkline" data-values="1,2,3,4,5,6,7" data-width="200" data-height="40"></div>
```html
<div
class="sparkline"
data-values="1,2,3,4,5,6,7"
data-width="200"
data-height="40"
></div>
<script>
new SimpleSparkLineChart('.sparkline');
</script>
<script>
new SimpleSparkLineChart(".sparkline");
</script>
```

@@ -48,15 +59,19 @@ This will create a basic SparkLine chart using the specified data-values.

<div class="sparkline"
data-values="0.5,1.5,2.3,3.8,2.9,3.4"
data-width="300"
data-height="60"
data-color-stroke="#00f"
data-filled="true"
data-filled-opacity="0.3"
data-tooltip="true"
data-aria-label="My SparkLine Chart"></div>
```html
<div
class="sparkline"
data-values="0.5,1.5,2.3,3.8,2.9,3.4"
data-width="300"
data-height="60"
data-color-stroke="#00f"
data-filled="true"
data-filled-opacity="0.3"
data-tooltip="true"
data-aria-label="My SparkLine Chart"
></div>
<script>
new SimpleSparkLineChart('.sparkline');
</script>
<script>
new SimpleSparkLineChart(".sparkline");
</script>
```

@@ -98,12 +113,16 @@ ## 🔧 Data Attributes

<div class="sparkline"
data-values='[
{"timestamp":1693526400000,"value":0.93},
{"timestamp":1693612800000,"value":0.9315}
]'
data-tooltip="true"></div>
```html
<div
class="sparkline"
data-values='[
{"timestamp":1693526400000,"value":0.93},
{"timestamp":1693612800000,"value":0.9315}
]'
data-tooltip="true"
></div>
<script>
new SimpleSparkLineChart('.sparkline');
</script>
<script>
new SimpleSparkLineChart(".sparkline");
</script>
```

@@ -119,3 +138,5 @@ 🚀 Optimized for Performance

<script src="https://www.unpkg.com/simple-sparkline-chart"></script>
```html
<script src="https://www.unpkg.com/simple-sparkline-chart"></script>
```

@@ -150,6 +171,2 @@ ## 🔧 Development

🛠️ Maintainers
- dejurin
Hope you enjoy using Simple SparkLine Chart! 🚀✨

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet