tiny-spark 0.2.8-beta.2 → 0.2.9

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "tiny-spark",
   "private": false,
-  "version": "0.2.8-beta.2",
+  "version": "0.2.9",
+  "type": "module",
   "description": "An elegant, reactive and responsive sparkline chart solution without dependency.",
   "author": "Alec Lloyd Probert",
   "main": "dist/tiny-spark.umd.js",
@@ -20,29 +21,14 @@
   "homepage": "https://tiny-spark.graphieros.com/",
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build --config vite.config.core.js && vite build --config vite.config.react.js"
-  },
-  "exports": {
-    ".": {
-      "import": "./dist/tiny-spark.es.js",
-      "require": "./dist/tiny-spark.umd.js"
-    },
-    "./react": {
-      "import": "./dist/react/TinySparkChart.js",
-      "require": "./dist/react/TinySparkChart.js",
-      "default": "./dist/react/TinySparkChart.js"
-    }
+    "build": "tsc && vite build"
   },
   "files": [
     "dist"
   ],
   "devDependencies": {
     "@types/node": "^22.13.13",
-    "@types/react": "^19.0.12",
     "typescript": "~5.7.2",
     "vite": "^6.2.3"
-  },
-  "peerDependencies": {
-    "react": ">=16.8.0"
   }
 }

package/dist/react/TinySparkChart.js

@@ -1,533 +0,0 @@
-import mt, { useRef as bt, useEffect as gt } from "react";
-var U = { exports: {} }, Y = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var et;
-function pt() {
-  if (et) return Y;
-  et = 1;
-  var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
-  function s(o, a, i) {
-    var d = null;
-    if (i !== void 0 && (d = "" + i), a.key !== void 0 && (d = "" + a.key), "key" in a) {
-      i = {};
-      for (var r in a)
-        r !== "key" && (i[r] = a[r]);
-    } else i = a;
-    return a = i.ref, {
-      $$typeof: t,
-      type: o,
-      key: d,
-      ref: a !== void 0 ? a : null,
-      props: i
-    };
-  }
-  return Y.Fragment = n, Y.jsx = s, Y.jsxs = s, Y;
-}
-var V = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var rt;
-function ht() {
-  return rt || (rt = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(e) {
-      if (e == null) return null;
-      if (typeof e == "function")
-        return e.$$typeof === u ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case w:
-          return "Fragment";
-        case v:
-          return "Profiler";
-        case M:
-          return "StrictMode";
-        case W:
-          return "Suspense";
-        case F:
-          return "SuspenseList";
-        case E:
-          return "Activity";
-      }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case j:
-            return "Portal";
-          case O:
-            return (e.displayName || "Context") + ".Provider";
-          case N:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case $:
-            var c = e.render;
-            return e = e.displayName, e || (e = c.displayName || c.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case D:
-            return c = e.displayName || null, c !== null ? c : t(e.type) || "Memo";
-          case m:
-            c = e._payload, e = e._init;
-            try {
-              return t(e(c));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function n(e) {
-      return "" + e;
-    }
-    function s(e) {
-      try {
-        n(e);
-        var c = !1;
-      } catch {
-        c = !0;
-      }
-      if (c) {
-        c = console;
-        var f = c.error, h = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return f.call(
-          c,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          h
-        ), n(e);
-      }
-    }
-    function o(e) {
-      if (e === w) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === m)
-        return "<...>";
-      try {
-        var c = t(e);
-        return c ? "<" + c + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function a() {
-      var e = S.A;
-      return e === null ? null : e.getOwner();
-    }
-    function i() {
-      return Error("react-stack-top-frame");
-    }
-    function d(e) {
-      if (g.call(e, "key")) {
-        var c = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (c && c.isReactWarning) return !1;
-      }
-      return e.key !== void 0;
-    }
-    function r(e, c) {
-      function f() {
-        X || (X = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          c
-        ));
-      }
-      f.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: f,
-        configurable: !0
-      });
-    }
-    function b() {
-      var e = t(this.type);
-      return Z[e] || (Z[e] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), e = this.props.ref, e !== void 0 ? e : null;
-    }
-    function p(e, c, f, h, L, k, B, H) {
-      return f = k.ref, e = {
-        $$typeof: P,
-        type: e,
-        key: c,
-        props: k,
-        _owner: L
-      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
-        enumerable: !1,
-        get: b
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(e, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: B
-      }), Object.defineProperty(e, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: H
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
-    }
-    function l(e, c, f, h, L, k, B, H) {
-      var y = c.children;
-      if (y !== void 0)
-        if (h)
-          if (dt(y)) {
-            for (h = 0; h < y.length; h++)
-              _(y[h]);
-            Object.freeze && Object.freeze(y);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else _(y);
-      if (g.call(c, "key")) {
-        y = t(e);
-        var T = Object.keys(c).filter(function(ft) {
-          return ft !== "key";
-        });
-        h = 0 < T.length ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}", tt[y + h] || (T = 0 < T.length ? "{" + T.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          h,
-          y,
-          T,
-          y
-        ), tt[y + h] = !0);
-      }
-      if (y = null, f !== void 0 && (s(f), y = "" + f), d(c) && (s(c.key), y = "" + c.key), "key" in c) {
-        f = {};
-        for (var J in c)
-          J !== "key" && (f[J] = c[J]);
-      } else f = c;
-      return y && r(
-        f,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), p(
-        e,
-        y,
-        k,
-        L,
-        a(),
-        f,
-        B,
-        H
-      );
-    }
-    function _(e) {
-      typeof e == "object" && e !== null && e.$$typeof === P && e._store && (e._store.validated = 1);
-    }
-    var A = mt, P = Symbol.for("react.transitional.element"), j = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), M = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), O = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), F = Symbol.for("react.suspense_list"), D = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), E = Symbol.for("react.activity"), u = Symbol.for("react.client.reference"), S = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, g = Object.prototype.hasOwnProperty, dt = Array.isArray, q = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    A = {
-      "react-stack-bottom-frame": function(e) {
-        return e();
-      }
-    };
-    var X, Z = {}, K = A["react-stack-bottom-frame"].bind(
-      A,
-      i
-    )(), Q = q(o(i)), tt = {};
-    V.Fragment = w, V.jsx = function(e, c, f, h, L) {
-      var k = 1e4 > S.recentlyCreatedOwnerStacks++;
-      return l(
-        e,
-        c,
-        f,
-        !1,
-        h,
-        L,
-        k ? Error("react-stack-top-frame") : K,
-        k ? q(o(e)) : Q
-      );
-    }, V.jsxs = function(e, c, f, h, L) {
-      var k = 1e4 > S.recentlyCreatedOwnerStacks++;
-      return l(
-        e,
-        c,
-        f,
-        !0,
-        h,
-        L,
-        k ? Error("react-stack-top-frame") : K,
-        k ? q(o(e)) : Q
-      );
-    };
-  }()), V;
-}
-var nt;
-function yt() {
-  return nt || (nt = 1, process.env.NODE_ENV === "production" ? U.exports = pt() : U.exports = ht()), U.exports;
-}
-var Et = yt();
-const I = "http://www.w3.org/2000/svg", z = 1e3;
-var ct = /* @__PURE__ */ ((t) => (t.BAR = "data-bar", t.LINE = "data-line", t.SET = "data-set", t.RESPONSIVE = "data-responsive", t))(ct || {}), R = /* @__PURE__ */ ((t) => (t.ANIMATION = "animation", t.AREA_COLOR = "areaColor", t.CURVE = "curve", t.DATES = "dates", t.INDICATOR_COLOR = "indicatorColor", t.INDICATOR_WIDTH = "indicatorWidth", t.LINE_COLOR = "lineColor", t.LINE_THICKNESS = "lineThickness", t.NUMBER_LOCALE = "numberLocale", t.NUMBER_ROUNDING = "numberRounding", t.NUMBER_SHOW_ON = "numberShowOn", t.PLOT_COLOR = "plotColor", t.PLOT_RADIUS = "plotRadius", t.SET = "set", t))(R || {});
-function vt(t) {
-  const { width: n, height: s } = t.parentElement.getBoundingClientRect(), o = { width: 300, height: 100 }, a = `0 0 ${n || o.width} ${s || o.height}`, i = document.createElementNS(I, "svg"), d = t.dataset.id;
-  return i.id = d, i.setAttribute("viewBox", a), i.style.width = "100%", i.style.height = "100%", {
-    svg: i,
-    svgId: d,
-    width: n || o.width,
-    height: s || o.height
-  };
-}
-function C(t, n = 0) {
-  return isNaN(t) ? n : t;
-}
-function ot(t) {
-  let n = [];
-  for (let s = 0; s < t.length; s += 1)
-    n.push(`${C(t[s].x)},${C(t[s].y)} `);
-  return n.join(" ").trim();
-}
-function st(t) {
-  if (t.length < 1) return "0,0";
-  const n = t.length - 1, s = [`${C(t[0].x)},${C(t[0].y)}`], o = [], a = [], i = [], d = [];
-  for (let r = 0; r < n; r += 1)
-    o[r] = t[r + 1].x - t[r].x, a[r] = t[r + 1].y - t[r].y, i[r] = a[r] / o[r];
-  d[0] = i[0], d[n] = i[n - 1];
-  for (let r = 1; r < n; r += 1)
-    if (i[r - 1] * i[r] <= 0)
-      d[r] = 0;
-    else {
-      const b = 2 * i[r - 1] * i[r] / (i[r - 1] + i[r]);
-      d[r] = b;
-    }
-  for (let r = 0; r < n; r += 1) {
-    const b = t[r].x, p = t[r].y, l = t[r + 1].x, _ = t[r + 1].y, A = d[r], P = d[r + 1], j = b + (l - b) / 3, w = p + A * (l - b) / 3, M = l - (l - b) / 3, v = _ - P * (l - b) / 3;
-    s.push(`C ${C(j)},${C(w)} ${C(M)},${C(v)} ${C(l)},${C(_)}`);
-  }
-  return s.join(" ");
-}
-function St(t, n = z) {
-  t.style.opacity = "1";
-  const s = t.getTotalLength();
-  t.style.strokeDasharray = String(s), t.style.strokeDashoffset = String(s), t.getBoundingClientRect(), t.style.transition = `stroke-dashoffset ${n}ms ease-in-out`, t.style.strokeDashoffset = "0", t.addEventListener("transitionend", function o() {
-    t.style.transition = "", t.removeEventListener("transitionend", o);
-  });
-}
-function xt(t, n, s = z) {
-  n.style.opacity = "1";
-  const o = n.getBBox(), a = o.width, i = document.createElementNS("http://www.w3.org/2000/svg", "clipPath"), d = "clip-" + Math.random().toString(36).substr(2, 9);
-  i.setAttribute("id", d);
-  const r = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-  r.setAttribute("x", o.x.toString()), r.setAttribute("y", o.y.toString()), r.setAttribute("width", "0"), r.setAttribute("height", o.height.toString()), i.appendChild(r);
-  let b = t.querySelector("defs");
-  b || (b = document.createElementNS("http://www.w3.org/2000/svg", "defs"), t.insertBefore(b, t.firstChild)), b.appendChild(i), n.setAttribute("clip-path", `url(#${d})`), r.style.transition = `width ${s}ms ease-out`, r.getBoundingClientRect(), r.setAttribute("width", a.toString()), r.addEventListener("transitionend", function p() {
-    n.removeAttribute("clip-path"), i.parentNode && i.parentNode.removeChild(i), r.removeEventListener("transitionend", p);
-  });
-}
-function Rt() {
-  return document.querySelectorAll(".tiny-spark");
-}
-function ut(t, n) {
-  return Object.keys(t.dataset).includes(n);
-}
-function x(t, n, s) {
-  return ut(t, n) ? t.dataset[n] : s;
-}
-function wt(t, n) {
-  const s = new MutationObserver((o) => {
-    for (const a of o)
-      if (a.type === "attributes" && a.attributeName && Object.values(ct).includes(a.attributeName)) {
-        n();
-        break;
-      }
-  });
-  return s.observe(t, { attributes: !0 }), s;
-}
-function Ot(t) {
-  if (!t) return {
-    color: "#1A1A1A",
-    backgroundColor: "#FFFFFF"
-  };
-  const n = window.getComputedStyle(t), s = n.getPropertyValue("color") || "#1A1A1A", o = n.getPropertyValue("background-color"), a = n.getPropertyValue("background");
-  return { color: s, backgroundColor: o || a || "#FFFFFF" };
-}
-function _t() {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(t) {
-    const n = Math.random() * 16 | 0;
-    return (t == "x" ? n : n & 3 | 8).toString(16);
-  });
-}
-function Nt(t) {
-  const n = t.getAttribute("data-set");
-  if (!n) return [];
-  try {
-    const s = JSON.parse(n);
-    return Array.isArray(s) && s.every((o) => typeof o == "number" || [null, void 0].includes(o)) ? s : (console.warn("data-set is not an array of numbers."), []);
-  } catch (s) {
-    return console.error("Error parsing data-set:", s), [];
-  }
-}
-function kt(t) {
-  const n = t.getAttribute("data-dates");
-  if (!n) return [];
-  try {
-    const s = JSON.parse(n);
-    return Array.isArray(s) && s.every((o) => typeof o == "string") ? s : (console.warn("data-dates is not an array of strings"), []);
-  } catch (s) {
-    return console.error("Error parsing data-dates", s), [];
-  }
-}
-function it(t) {
-  return {
-    min: Math.min(...t),
-    max: Math.max(...t)
-  };
-}
-function lt() {
-  return new Promise((t) => setTimeout(t, 0));
-}
-function Ct(t, n) {
-  const s = String(x(t, R.NUMBER_LOCALE, navigator.language || "en-US")), o = Number(String(x(t, R.NUMBER_ROUNDING, 0)));
-  return n.toLocaleString(s, {
-    useGrouping: !0,
-    minimumFractionDigits: o,
-    maximumFractionDigits: o
-  });
-}
-function At(t, n, s) {
-  if (!t.createSVGPoint || !t.getScreenCTM)
-    throw new Error("Your browser does not support SVG coordinate transformation.");
-  const o = t.getScreenCTM();
-  if (!o)
-    throw new Error("Cannot obtain the screen CTM.");
-  const a = t.createSVGPoint();
-  a.x = n, a.y = s;
-  const i = a.matrixTransform(o);
-  return { x: i.x, y: i.y };
-}
-function at(t, n, s, o, a) {
-  if (Pt(o), !a) return;
-  const { x: i, y: d } = At(t, s.x, s.y), r = document.createElement("div");
-  r.style.opacity = "0", r.classList.add("tiny-spark-tooltip"), r.setAttribute("id", `tooltip_${o}`), r.style.pointerEvents = "none", r.style.position = "fixed", r.style.top = d + "px", r.style.left = i + "px", r.style.width = "fit-content", r.innerHTML = `
-    <div class="tiny-spark-tooltip-content">${s.d ? `${s.d}: ` : ""}${[null, void 0].includes(s.v) ? "-" : Ct(n, Number(s.v))}</div>
-  `, document.body.appendChild(r), lt().then(() => {
-    const { width: b, height: p } = r.getBoundingClientRect();
-    r.style.left = `${i - b / 2}px`, r.style.top = `${d - p - Number(String(Number(x(n, R.PLOT_RADIUS, 3)) * 1.5))}px`;
-  }).then(() => {
-    r.style.opacity = "1";
-  });
-}
-function Pt(t) {
-  const n = document.getElementById(`tooltip_${t}`);
-  n == null || n.remove();
-}
-function $t(t) {
-  t.innerHTML = "";
-}
-function Lt(t, n) {
-  let s = n;
-  $t(t);
-  const { svg: o, svgId: a, width: i, height: d } = vt(t), { color: r, backgroundColor: b } = Ot(t), p = { T: 12, R: 12, B: 12, L: 12 }, l = {
-    left: p.L,
-    top: p.T,
-    width: i - p.L - p.R,
-    height: d - p.T - p.B,
-    bottom: d - p.B
-  }, _ = Nt(t), { min: A } = it(_), P = _.map((m) => [null, void 0].includes(m) ? m : m + (A < 0 ? Math.abs(A) : 0)), { max: j } = it(P), w = l.width / (_.length - 1) === 1 / 0 ? l.width : l.width / (_.length - 1), M = kt(t), v = P.map((m, E) => {
-    const u = {
-      w: P.length === 1 ? w / 2 : 0,
-      h: P.length === 1 ? l.height / 2 : 0
-    };
-    return {
-      y: (1 - (m || 0) / j) * l.height + p.T + u.h,
-      x: l.left + w * E + u.w,
-      v: m,
-      d: M[E] || null
-    };
-  }), N = [...v].filter(({ v: m }) => ![null, void 0].includes(m)), O = document.createElementNS(I, "path");
-  O.classList.add("tiny-spark-line-path"), !t.dataset.curve || t.dataset.curve === "true" ? O.setAttribute("d", `M ${st(N)}`) : O.setAttribute("d", `M ${ot(N)}`), O.setAttribute("fill", "none"), O.setAttribute("stroke", String(x(t, R.LINE_COLOR, r))), O.setAttribute("stroke-width", String(x(t, R.LINE_THICKNESS, 2))), O.setAttribute("stroke-linecap", "round");
-  const $ = document.createElementNS(I, "path");
-  $.classList.add("tiny-spark-line-area");
-  const W = t.getAttribute("data-animation");
-  W === "true" && s && (O.style.opacity = "0", $.style.opacity = "0"), v.length && (!t.dataset.curve || t.dataset.curve === "true" ? $.setAttribute("d", `M ${N[0].x},${l.bottom} ${st(N)} L ${N.at(-1).x},${l.bottom} Z`) : $.setAttribute("d", `M ${N[0].x},${l.bottom} ${ot(N)} L ${N.at(-1).x},${l.bottom} Z`)), $.setAttribute("fill", String(x(t, R.AREA_COLOR, "transparent"))), v.length > 1 && (o.appendChild($), o.appendChild(O));
-  const F = [];
-  v.forEach((m, E) => {
-    const u = document.createElementNS(I, "line");
-    u.classList.add("tiny-spark-indicator"), u.setAttribute("id", `indicator_${a}_${E}`), u.setAttribute("x1", String(l.left + (v.length === 1 ? l.width / 2 : E * w))), u.setAttribute("x2", String(l.left + (v.length === 1 ? l.width / 2 : E * w))), u.setAttribute("y1", String(l.top)), u.setAttribute("y2", String(l.bottom)), u.setAttribute("stroke", String(x(t, R.INDICATOR_COLOR, "#1A1A1A"))), u.setAttribute("stroke-width", String(x(t, R.INDICATOR_WIDTH, "1"))), u.setAttribute("stroke-linecap", "round"), u.style.pointerEvents = "none", u.style.opacity = "0", F.push(u), o.appendChild(u);
-  });
-  let D = [];
-  Number(String(x(t, R.PLOT_RADIUS, 0))) > 0 && v.forEach(({ x: m, y: E, v: u }, S) => {
-    if (![null, void 0].includes(u)) {
-      const g = document.createElementNS(I, "circle");
-      g.classList.add("tiny-spark-datapoint-circle"), g.classList.add(`circle-${a}`), g.setAttribute("id", `circle_${a}_${S}`), g.setAttribute("cx", String(m || 0)), g.setAttribute("cy", String(E || 0)), g.setAttribute("r", String(x(t, R.PLOT_RADIUS, 3))), g.setAttribute("fill", String(x(t, R.PLOT_COLOR, String(x(t, "lineColor", r))))), g.setAttribute("stroke", b), g.style.opacity = "0", g.style.transition = `opacity ${S * (z * 2 / v.length)}ms ease-in`, o.appendChild(g), D.push(g);
-    }
-  }), v.forEach((m, E) => {
-    const u = document.createElementNS(I, "rect");
-    u.classList.add("tiny-spark-tooltip-trap"), u.setAttribute("x", `${v.length === 1 ? 0 : l.left + E * w - w / 2}`), u.setAttribute("y", `${l.top}`), u.setAttribute("height", `${l.height}`), u.setAttribute("width", `${w}`), u.setAttribute("fill", "transparent"), u.addEventListener("mouseenter", () => {
-      at(o, t, m, a, !0);
-      const S = document.getElementById(`circle_${a}_${E}`);
-      S == null || S.setAttribute("r", String(Number(x(t, R.PLOT_RADIUS, 3)) * 1.5)), F[E].style.opacity = "1";
-    }), u.addEventListener("mouseout", () => {
-      at(o, t, m, a, !1);
-      const S = document.getElementById(`circle_${a}_${E}`);
-      S == null || S.setAttribute("r", String(Number(x(t, R.PLOT_RADIUS, 3)))), F.forEach((g) => g.style.opacity = "0");
-    }), o.appendChild(u);
-  }), W === "true" && s ? lt().then(() => {
-    D.forEach((m) => {
-      m.style.opacity = "1";
-    }), St(O), xt(o, $);
-  }) : D.forEach((m) => {
-    m.style.opacity = "1";
-  }), t.appendChild(o);
-}
-function Tt() {
-  const t = Rt();
-  t.length && Array.from(t).forEach((n) => {
-    const s = _t();
-    n.setAttribute("data-id", s);
-    const o = n;
-    It(o), o.__renderCount = 0, G(o), wt(o, () => G(o));
-    const a = new ResizeObserver((d) => {
-      d.forEach(() => G(o));
-    });
-    o.parentElement && a.observe(o.parentElement), new MutationObserver((d) => {
-      d.forEach((r) => {
-        r.type === "attributes" && r.attributeName && r.attributeName.startsWith("data-") && G(o);
-      });
-    }).observe(o, { attributes: !0 });
-  });
-}
-function G(t) {
-  ut(t, "set") && Lt(t, t.__renderCount < 2), t.__renderCount += 1;
-}
-function It(t) {
-  t.dataset.set || console.error(
-    `Tiny-spark exception:
-
-[data-set] data attribute is missing.
-Provide an array of numbers, for example:
-
- data-set="[1, 2, 3]"`
-  );
-}
-const Mt = (t) => {
-  const n = bt(null);
-  return gt(() => {
-    n.current && Tt();
-  }, []), /* @__PURE__ */ Et.jsx("div", { ref: n, className: "tiny-spark", ...t });
-};
-export {
-  Mt as TinySparkChart
-};