@moq/ui-core 0.1.0

package/index.js

@@ -0,0 +1,910 @@
+import { Effect as kt } from "@moq/signals";
+const yt = !1, xt = (t, e) => t === e, mt = /* @__PURE__ */ Symbol("solid-track"), O = {
+  equals: xt
+};
+let nt = at;
+const b = 1, R = 2, st = {
+  owned: null,
+  cleanups: null,
+  context: null,
+  owner: null
+};
+var d = null;
+let z = null, bt = null, f = null, w = null, x = null, G = 0;
+function K(t, e) {
+  const n = f, s = d, i = t.length === 0, o = s, r = i ? st : {
+    owned: null,
+    cleanups: null,
+    context: o ? o.context : null,
+    owner: o
+  }, l = i ? t : () => t(() => E(() => L(r)));
+  d = r, f = null;
+  try {
+    return N(l, !0);
+  } finally {
+    f = n, d = s;
+  }
+}
+function it(t, e) {
+  e = e ? Object.assign({}, O, e) : O;
+  const n = {
+    value: t,
+    observers: null,
+    observerSlots: null,
+    comparator: e.equals || void 0
+  }, s = (i) => (typeof i == "function" && (i = i(n.value)), lt(n, i));
+  return [rt.bind(n), s];
+}
+function $(t, e, n) {
+  const s = q(t, e, !1, b);
+  B(s);
+}
+function At(t, e, n) {
+  nt = Mt;
+  const s = q(t, e, !1, b);
+  s.user = !0, x ? x.push(s) : B(s);
+}
+function V(t, e, n) {
+  n = n ? Object.assign({}, O, n) : O;
+  const s = q(t, e, !0, 0);
+  return s.observers = null, s.observerSlots = null, s.comparator = n.equals || void 0, B(s), rt.bind(s);
+}
+function E(t) {
+  if (f === null) return t();
+  const e = f;
+  f = null;
+  try {
+    return t();
+  } finally {
+    f = e;
+  }
+}
+function ot(t) {
+  return d === null || (d.cleanups === null ? d.cleanups = [t] : d.cleanups.push(t)), t;
+}
+function Dt(t) {
+  let e;
+  return d && d.context && (e = d.context[t.id]) !== void 0 ? e : t.defaultValue;
+}
+function rt() {
+  if (this.sources && this.state)
+    if (this.state === b) B(this);
+    else {
+      const t = w;
+      w = null, N(() => U(this), !1), w = t;
+    }
+  if (f) {
+    const t = this.observers ? this.observers.length : 0;
+    f.sources ? (f.sources.push(this), f.sourceSlots.push(t)) : (f.sources = [this], f.sourceSlots = [t]), this.observers ? (this.observers.push(f), this.observerSlots.push(f.sources.length - 1)) : (this.observers = [f], this.observerSlots = [f.sources.length - 1]);
+  }
+  return this.value;
+}
+function lt(t, e, n) {
+  let s = t.value;
+  return (!t.comparator || !t.comparator(s, e)) && (t.value = e, t.observers && t.observers.length && N(() => {
+    for (let i = 0; i < t.observers.length; i += 1) {
+      const o = t.observers[i], r = z && z.running;
+      r && z.disposed.has(o), (r ? !o.tState : !o.state) && (o.pure ? w.push(o) : x.push(o), o.observers && ct(o)), r || (o.state = b);
+    }
+    if (w.length > 1e6)
+      throw w = [], new Error();
+  }, !1)), e;
+}
+function B(t) {
+  if (!t.fn) return;
+  L(t);
+  const e = G;
+  St(t, t.value, e);
+}
+function St(t, e, n) {
+  let s;
+  const i = d, o = f;
+  f = d = t;
+  try {
+    s = t.fn(e);
+  } catch (r) {
+    return t.pure && (t.state = b, t.owned && t.owned.forEach(L), t.owned = null), t.updatedAt = n + 1, ut(r);
+  } finally {
+    f = o, d = i;
+  }
+  (!t.updatedAt || t.updatedAt <= n) && (t.updatedAt != null && "observers" in t ? lt(t, s) : t.value = s, t.updatedAt = n);
+}
+function q(t, e, n, s = b, i) {
+  const o = {
+    fn: t,
+    state: s,
+    updatedAt: null,
+    owned: null,
+    sources: null,
+    sourceSlots: null,
+    cleanups: null,
+    value: e,
+    owner: d,
+    context: d ? d.context : null,
+    pure: n
+  };
+  return d === null || d !== st && (d.owned ? d.owned.push(o) : d.owned = [o]), o;
+}
+function F(t) {
+  if (t.state === 0) return;
+  if (t.state === R) return U(t);
+  if (t.suspense && E(t.suspense.inFallback)) return t.suspense.effects.push(t);
+  const e = [t];
+  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < G); )
+    t.state && e.push(t);
+  for (let n = e.length - 1; n >= 0; n--)
+    if (t = e[n], t.state === b)
+      B(t);
+    else if (t.state === R) {
+      const s = w;
+      w = null, N(() => U(t, e[0]), !1), w = s;
+    }
+}
+function N(t, e) {
+  if (w) return t();
+  let n = !1;
+  e || (w = []), x ? n = !0 : x = [], G++;
+  try {
+    const s = t();
+    return Ct(n), s;
+  } catch (s) {
+    n || (x = null), w = null, ut(s);
+  }
+}
+function Ct(t) {
+  if (w && (at(w), w = null), t) return;
+  const e = x;
+  x = null, e.length && N(() => nt(e), !1);
+}
+function at(t) {
+  for (let e = 0; e < t.length; e++) F(t[e]);
+}
+function Mt(t) {
+  let e, n = 0;
+  for (e = 0; e < t.length; e++) {
+    const s = t[e];
+    s.user ? t[n++] = s : F(s);
+  }
+  for (e = 0; e < n; e++) F(t[e]);
+}
+function U(t, e) {
+  t.state = 0;
+  for (let n = 0; n < t.sources.length; n += 1) {
+    const s = t.sources[n];
+    if (s.sources) {
+      const i = s.state;
+      i === b ? s !== e && (!s.updatedAt || s.updatedAt < G) && F(s) : i === R && U(s, e);
+    }
+  }
+}
+function ct(t) {
+  for (let e = 0; e < t.observers.length; e += 1) {
+    const n = t.observers[e];
+    n.state || (n.state = R, n.pure ? w.push(n) : x.push(n), n.observers && ct(n));
+  }
+}
+function L(t) {
+  let e;
+  if (t.sources)
+    for (; t.sources.length; ) {
+      const n = t.sources.pop(), s = t.sourceSlots.pop(), i = n.observers;
+      if (i && i.length) {
+        const o = i.pop(), r = n.observerSlots.pop();
+        s < i.length && (o.sourceSlots[r] = s, i[s] = o, n.observerSlots[s] = r);
+      }
+    }
+  if (t.tOwned) {
+    for (e = t.tOwned.length - 1; e >= 0; e--) L(t.tOwned[e]);
+    delete t.tOwned;
+  }
+  if (t.owned) {
+    for (e = t.owned.length - 1; e >= 0; e--) L(t.owned[e]);
+    t.owned = null;
+  }
+  if (t.cleanups) {
+    for (e = t.cleanups.length - 1; e >= 0; e--) t.cleanups[e]();
+    t.cleanups = null;
+  }
+  t.state = 0;
+}
+function It(t) {
+  return t instanceof Error ? t : new Error(typeof t == "string" ? t : "Unknown error", {
+    cause: t
+  });
+}
+function ut(t, e = d) {
+  throw It(t);
+}
+const Et = /* @__PURE__ */ Symbol("fallback");
+function Y(t) {
+  for (let e = 0; e < t.length; e++) t[e]();
+}
+function $t(t, e, n = {}) {
+  let s = [], i = [], o = [], r = 0, l = e.length > 1 ? [] : null;
+  return ot(() => Y(o)), () => {
+    let c = t() || [], u = c.length, h, a;
+    return c[mt], E(() => {
+      let v, A, D, j, T, g, k, y, C;
+      if (u === 0)
+        r !== 0 && (Y(o), o = [], s = [], i = [], r = 0, l && (l = [])), n.fallback && (s = [Et], i[0] = K((gt) => (o[0] = gt, n.fallback())), r = 1);
+      else if (r === 0) {
+        for (i = new Array(u), a = 0; a < u; a++)
+          s[a] = c[a], i[a] = K(S);
+        r = u;
+      } else {
+        for (D = new Array(u), j = new Array(u), l && (T = new Array(u)), g = 0, k = Math.min(r, u); g < k && s[g] === c[g]; g++) ;
+        for (k = r - 1, y = u - 1; k >= g && y >= g && s[k] === c[y]; k--, y--)
+          D[y] = i[k], j[y] = o[k], l && (T[y] = l[k]);
+        for (v = /* @__PURE__ */ new Map(), A = new Array(y + 1), a = y; a >= g; a--)
+          C = c[a], h = v.get(C), A[a] = h === void 0 ? -1 : h, v.set(C, a);
+        for (h = g; h <= k; h++)
+          C = s[h], a = v.get(C), a !== void 0 && a !== -1 ? (D[a] = i[h], j[a] = o[h], l && (T[a] = l[h]), a = A[a], v.set(C, a)) : o[h]();
+        for (a = g; a < u; a++)
+          a in D ? (i[a] = D[a], o[a] = j[a], l && (l[a] = T[a], l[a](a))) : i[a] = K(S);
+        i = i.slice(0, r = u), s = c.slice(0);
+      }
+      return i;
+    });
+    function S(v) {
+      if (o[a] = v, l) {
+        const [A, D] = it(a);
+        return l[a] = D, e(c[a], A);
+      }
+      return e(c[a]);
+    }
+  };
+}
+function m(t, e) {
+  return E(() => t(e || {}));
+}
+const Lt = (t) => `Stale read from <${t}>.`;
+function Bt(t) {
+  const e = "fallback" in t && {
+    fallback: () => t.fallback
+  };
+  return V($t(() => t.each, t.children, e || void 0));
+}
+function Nt(t) {
+  const e = t.keyed, n = V(() => t.when, void 0, void 0), s = e ? n : V(n, void 0, {
+    equals: (i, o) => !i == !o
+  });
+  return V(() => {
+    const i = s();
+    if (i) {
+      const o = t.children;
+      return typeof o == "function" && o.length > 0 ? E(() => o(e ? i : () => {
+        if (!E(s)) throw Lt("Show");
+        return n();
+      })) : o;
+    }
+    return t.fallback;
+  }, void 0, void 0);
+}
+function _t(t, e, n) {
+  let s = n.length, i = e.length, o = s, r = 0, l = 0, c = e[i - 1].nextSibling, u = null;
+  for (; r < i || l < o; ) {
+    if (e[r] === n[l]) {
+      r++, l++;
+      continue;
+    }
+    for (; e[i - 1] === n[o - 1]; )
+      i--, o--;
+    if (i === r) {
+      const h = o < s ? l ? n[l - 1].nextSibling : n[o - l] : c;
+      for (; l < o; ) t.insertBefore(n[l++], h);
+    } else if (o === l)
+      for (; r < i; )
+        (!u || !u.has(e[r])) && e[r].remove(), r++;
+    else if (e[r] === n[o - 1] && n[l] === e[i - 1]) {
+      const h = e[--i].nextSibling;
+      t.insertBefore(n[l++], e[r++].nextSibling), t.insertBefore(n[--o], h), e[i] = n[o];
+    } else {
+      if (!u) {
+        u = /* @__PURE__ */ new Map();
+        let a = l;
+        for (; a < o; ) u.set(n[a], a++);
+      }
+      const h = u.get(e[r]);
+      if (h != null)
+        if (l < h && h < o) {
+          let a = r, S = 1, v;
+          for (; ++a < i && a < o && !((v = u.get(e[a])) == null || v !== h + S); )
+            S++;
+          if (S > h - l) {
+            const A = e[r];
+            for (; l < h; ) t.insertBefore(n[l++], A);
+          } else t.replaceChild(n[l++], e[r++]);
+        } else r++;
+      else e[r++].remove();
+    }
+  }
+}
+const tt = "_$DX_DELEGATE";
+function _(t, e, n, s) {
+  let i;
+  const o = () => {
+    const l = document.createElement("template");
+    return l.innerHTML = t, l.content.firstChild;
+  }, r = () => (i || (i = o())).cloneNode(!0);
+  return r.cloneNode = r, r;
+}
+function jt(t, e = window.document) {
+  const n = e[tt] || (e[tt] = /* @__PURE__ */ new Set());
+  for (let s = 0, i = t.length; s < i; s++) {
+    const o = t[s];
+    n.has(o) || (n.add(o), e.addEventListener(o, Pt));
+  }
+}
+function M(t, e, n) {
+  n == null ? t.removeAttribute(e) : t.setAttribute(e, n);
+}
+function ht(t, e) {
+  e == null ? t.removeAttribute("class") : t.className = e;
+}
+function Tt(t, e, n, s) {
+  Array.isArray(n) ? (t[`$$${e}`] = n[0], t[`$$${e}Data`] = n[1]) : t[`$$${e}`] = n;
+}
+function I(t, e, n, s) {
+  if (typeof e != "function") return H(t, e, s, n);
+  $((i) => H(t, e(), i, n), s);
+}
+function Pt(t) {
+  let e = t.target;
+  const n = `$$${t.type}`, s = t.target, i = t.currentTarget, o = (c) => Object.defineProperty(t, "target", {
+    configurable: !0,
+    value: c
+  }), r = () => {
+    const c = e[n];
+    if (c && !e.disabled) {
+      const u = e[`${n}Data`];
+      if (u !== void 0 ? c.call(e, u, t) : c.call(e, t), t.cancelBubble) return;
+    }
+    return e.host && typeof e.host != "string" && !e.host._$host && e.contains(t.target) && o(e.host), !0;
+  }, l = () => {
+    for (; r() && (e = e._$host || e.parentNode || e.host); ) ;
+  };
+  if (Object.defineProperty(t, "currentTarget", {
+    configurable: !0,
+    get() {
+      return e || document;
+    }
+  }), t.composedPath) {
+    const c = t.composedPath();
+    o(c[0]);
+    for (let u = 0; u < c.length - 2 && (e = c[u], !!r()); u++) {
+      if (e._$host) {
+        e = e._$host, l();
+        break;
+      }
+      if (e.parentNode === i)
+        break;
+    }
+  } else l();
+  o(s);
+}
+function H(t, e, n, s, i) {
+  for (; typeof n == "function"; ) n = n();
+  if (e === n) return n;
+  const o = typeof e;
+  if (t = t, o === "string" || o === "number") {
+    if (o === "number" && (e = e.toString(), e === n))
+      return n;
+    n !== "" && typeof n == "string" ? n = t.firstChild.data = e : n = t.textContent = e;
+  } else if (e == null || o === "boolean")
+    n = P(t, n, s);
+  else {
+    if (o === "function")
+      return $(() => {
+        let r = e();
+        for (; typeof r == "function"; ) r = r();
+        n = H(t, r, n, s);
+      }), () => n;
+    if (Array.isArray(e)) {
+      const r = [], l = n && Array.isArray(n);
+      if (Z(r, e, n, i))
+        return $(() => n = H(t, r, n, s, !0)), () => n;
+      r.length === 0 ? n = P(t, n, s) : l ? n.length === 0 ? et(t, r, s) : _t(t, n, r) : (n && P(t), et(t, r)), n = r;
+    } else e.nodeType && (Array.isArray(n) ? P(t, n, null, e) : n == null || n === "" || !t.firstChild ? t.appendChild(e) : t.replaceChild(e, t.firstChild), n = e);
+  }
+  return n;
+}
+function Z(t, e, n, s) {
+  let i = !1;
+  for (let o = 0, r = e.length; o < r; o++) {
+    let l = e[o], c = n && n[t.length], u;
+    if (!(l == null || l === !0 || l === !1)) if ((u = typeof l) == "object" && l.nodeType)
+      t.push(l);
+    else if (Array.isArray(l))
+      i = Z(t, l, c) || i;
+    else if (u === "function")
+      if (s) {
+        for (; typeof l == "function"; ) l = l();
+        i = Z(t, Array.isArray(l) ? l : [l], Array.isArray(c) ? c : [c]) || i;
+      } else
+        t.push(l), i = !0;
+    else {
+      const h = String(l);
+      c && c.nodeType === 3 && c.data === h ? t.push(c) : t.push(document.createTextNode(h));
+    }
+  }
+  return i;
+}
+function et(t, e, n = null) {
+  for (let s = 0, i = e.length; s < i; s++) t.insertBefore(e[s], n);
+}
+function P(t, e, n, s) {
+  if (n === void 0) return t.textContent = "";
+  const i = s || document.createTextNode("");
+  if (e.length) {
+    let o = !1;
+    for (let r = e.length - 1; r >= 0; r--) {
+      const l = e[r];
+      if (i !== l) {
+        const c = l.parentNode === t;
+        !o && !r ? c ? t.replaceChild(i, l) : t.insertBefore(i, n) : c && l.remove();
+      } else o = !0;
+    }
+  } else t.insertBefore(i, n);
+  return [i];
+}
+var Vt = /* @__PURE__ */ _("<button>");
+function Be(t) {
+  return (() => {
+    var e = Vt();
+    return Tt(e, "click", t.onClick), I(e, () => t.children), $((n) => {
+      var s = t.type ?? "button", i = t.title ?? "Simple button", o = `flex--center button ${t.class ? `${t.class}` : ""}`.trimEnd(), r = t.ariaLabel ?? t.title ?? (typeof t.children == "string" ? t.children : void 0), l = t.ariaDisabled ?? t.disabled, c = t.disabled, u = t.tabIndex;
+      return s !== n.e && M(e, "type", n.e = s), i !== n.t && M(e, "title", n.t = i), o !== n.a && ht(e, n.a = o), r !== n.o && M(e, "aria-label", n.o = r), l !== n.i && M(e, "aria-disabled", n.i = l), c !== n.n && (e.disabled = n.n = c), u !== n.s && M(e, "tabindex", n.s = u), n;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0
+    }), e;
+  })();
+}
+jt(["click"]);
+const Ot = `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="var(--color-white)" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <g transform="rotate(180 12 12)">
+        <path d="M13.73 4a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" />
+    </g>
+</svg>`, Rt = `<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="var(--color-white)" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M13.73 4a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" />
+</svg>`, Ft = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M9 18V5l12-2v13" />
+	<circle cx="6" cy="18" r="3" />
+	<circle cx="18" cy="16" r="3" />
+</svg>`, Ut = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--color-red)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M4.929 4.929 19.07 19.071" />
+	<circle cx="12" cy="12" r="10" />
+</svg>`, Ht = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2" />
+</svg>`, Gt = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z" />
+	<circle cx="12" cy="13" r="3" />
+</svg>`, Wt = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z" />
+</svg>`, zt = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M8 3H5a2 2 0 0 0-2 2v3" />
+	<path d="M21 8V5a2 2 0 0 0-2-2h-3" />
+	<path d="M3 16v3a2 2 0 0 0 2 2h3" />
+	<path d="M16 21h3a2 2 0 0 0 2-2v-3" />
+</svg>`, Kt = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M8 3v3a2 2 0 0 1-2 2H3" />
+	<path d="M21 8h-3a2 2 0 0 1-2-2V3" />
+	<path d="M3 16h3a2 2 0 0 1 2 2v3" />
+	<path d="M16 21v-3a2 2 0 0 1 2-2h3" />
+</svg>`, Zt = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M12 19v3" />
+	<path d="M19 10v2a7 7 0 0 1-14 0v-2" />
+	<rect x="9" y="2" width="6" height="13" rx="3" />
+</svg>`, qt = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="var(--color-white)" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M16 9a5 5 0 0 1 .95 2.293" />
+	<path d="M19.364 5.636a9 9 0 0 1 1.889 9.96" />
+	<path d="m2 2 20 20" />
+	<path d="m7 7-.587.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298V11" />
+	<path d="M9.828 4.172A.686.686 0 0 1 11 4.657v.686" />
+</svg>`, Qt = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M16.247 7.761a6 6 0 0 1 0 8.478" />
+	<path d="M19.075 4.933a10 10 0 0 1 0 14.134" />
+	<path d="M4.925 19.067a10 10 0 0 1 0-14.134" />
+	<path d="M7.753 16.239a6 6 0 0 1 0-8.478" />
+	<circle cx="12" cy="12" r="2" />
+</svg>`, Xt = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="var(--color-white)" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<rect x="14" y="3" width="5" height="18" rx="1" />
+    <rect x="5" y="3" width="5" height="18" rx="1" />
+</svg>`, Jt = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="var(--color-white)" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z" />
+</svg>`, Yt = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<rect width="20" height="14" x="2" y="3" rx="2" />
+	<line x1="8" x2="16" y1="21" y2="21" />
+	<line x1="12" x2="12" y1="17" y2="21" />
+</svg>`, te = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M5 21v-6" />
+	<path d="M12 21V3" />
+	<path d="M19 21V9" />
+</svg>`, ee = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5" />
+	<rect x="2" y="6" width="14" height="12" rx="2" />
+</svg>`, ne = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="var(--color-white)" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z" />
+	<path d="M16 9a5 5 0 0 1 0 6" />
+	<path d="M19.364 18.364a9 9 0 0 0 0-12.728" />
+</svg>`, se = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="var(--color-white)" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+	<path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z" />
+</svg>`, ie = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="var(--color-white)" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z" />
+    <path d="M16 9a5 5 0 0 1 0 6" />
+</svg>`;
+var oe = /* @__PURE__ */ _("<span class=flex--center role=img>");
+function dt(t) {
+  return (() => {
+    var e = oe();
+    return M(e, "aria-hidden", !0), e.innerHTML = t, e;
+  })();
+}
+const p = (t) => () => dt(t), re = p(Ot), le = p(Rt), ft = p(Ft), ae = p(Ut), pt = p(Ht), ce = p(Gt), ue = p(Wt), he = p(zt), de = p(Kt), fe = p(Zt), pe = p(qt), wt = p(Qt), we = p(Xt), ve = p(Jt), ge = p(Yt), ke = p(te), vt = p(ee), ye = p(ne), xe = p(se), me = p(ie), Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ArrowDown: re,
+  ArrowUp: le,
+  Audio: ft,
+  Ban: ae,
+  Buffer: pt,
+  Camera: ce,
+  Element: dt,
+  File: ue,
+  FullscreenEnter: he,
+  FullscreenExit: de,
+  Microphone: fe,
+  Mute: pe,
+  Network: wt,
+  Pause: we,
+  Play: ve,
+  Screen: ge,
+  Stats: ke,
+  Video: vt,
+  VolumeHigh: ye,
+  VolumeLow: xe,
+  VolumeMedium: me
+}, Symbol.toStringTag, { value: "Module" }));
+class W {
+  /** Manages subscriptions lifecycle */
+  signals = new kt();
+  /** Stream sources provided to provider */
+  props;
+  /**
+   * Initialize provider with stream sources
+   * @param props - Audio and video stream sources
+   */
+  constructor(e) {
+    this.props = e;
+  }
+  /**
+   * Clean up subscriptions
+   */
+  cleanup() {
+    this.signals.close();
+  }
+}
+class Q extends W {
+  /** Polling interval in milliseconds */
+  static POLLING_INTERVAL_MS = 250;
+  /** Display context for updating metrics */
+  context;
+  /** Polling interval ID */
+  updateInterval;
+  /** Previous bytes received for bitrate calculation */
+  previousBytesReceived = 0;
+  /** Previous timestamp for accurate elapsed time calculation */
+  previousWhen = 0;
+  /**
+   * Initialize audio provider with polling interval
+   */
+  setup(e) {
+    if (this.context = e, !this.props.audio) {
+      e.setDisplayData("N/A");
+      return;
+    }
+    this.updateInterval = window.setInterval(this.updateDisplayData.bind(this), Q.POLLING_INTERVAL_MS), this.previousWhen = performance.now(), this.updateDisplayData();
+  }
+  /**
+   * Calculate and display current audio metrics
+   */
+  updateDisplayData() {
+    if (!this.context || !this.props.audio)
+      return;
+    const e = this.props.audio.source.track.peek(), n = this.props.audio.source.config.peek(), s = this.props.audio.stats.peek();
+    if (!e || !n) {
+      this.context.setDisplayData("N/A");
+      return;
+    }
+    const i = performance.now();
+    let o;
+    if (s && this.previousBytesReceived > 0) {
+      const l = s.bytesReceived - this.previousBytesReceived;
+      if (l > 0) {
+        const c = i - this.previousWhen;
+        if (c > 0) {
+          const u = l * 8 * (1e3 / c);
+          u >= 1e6 ? o = `${(u / 1e6).toFixed(1)}Mbps` : u >= 1e3 ? o = `${(u / 1e3).toFixed(0)}kbps` : o = `${u.toFixed(0)}bps`;
+        }
+      }
+    }
+    s && (this.previousBytesReceived = s.bytesReceived, this.previousWhen = i);
+    const r = [];
+    if (n.sampleRate) {
+      const l = (n.sampleRate / 1e3).toFixed(1);
+      r.push(`${l}kHz`);
+    }
+    n.numberOfChannels && r.push(`${n.numberOfChannels}ch`), r.push(o ?? "N/A"), n.codec && r.push(n.codec), this.context.setDisplayData(r.length > 0 ? r.join(`
+`) : "N/A");
+  }
+  /**
+   * Clean up polling interval
+   */
+  cleanup() {
+    this.updateInterval !== void 0 && window.clearInterval(this.updateInterval), super.cleanup();
+  }
+}
+class be extends W {
+  /**
+   * Initialize buffer provider with signal subscriptions
+   */
+  setup(e) {
+    if (!this.props.video) {
+      e.setDisplayData("N/A");
+      return;
+    }
+    e.setDisplayData("TODO");
+  }
+}
+class X extends W {
+  /** Polling interval in milliseconds */
+  static POLLING_INTERVAL_MS = 100;
+  /** Display context for updating metrics */
+  context;
+  /** Network information from navigator.connection */
+  networkInfo;
+  /** Polling interval ID */
+  updateInterval;
+  boundUpdateDisplayData = this.updateDisplayData.bind(this);
+  /**
+   * Initialize network provider with connection listeners
+   */
+  setup(e) {
+    this.context = e;
+    const n = navigator;
+    if (this.networkInfo = n.connection ?? n.mozConnection ?? n.webkitConnection, !this.networkInfo) {
+      e.setDisplayData("N/A");
+      return;
+    }
+    this.networkInfo.addEventListener?.("change", this.boundUpdateDisplayData), window.addEventListener("online", this.boundUpdateDisplayData), window.addEventListener("offline", this.boundUpdateDisplayData), this.updateInterval = window.setInterval(this.boundUpdateDisplayData, X.POLLING_INTERVAL_MS), this.updateDisplayData();
+  }
+  /**
+   * Clean up event listeners and polling interval
+   */
+  cleanup() {
+    this.networkInfo?.removeEventListener && this.networkInfo.removeEventListener("change", this.boundUpdateDisplayData), window.removeEventListener("online", this.boundUpdateDisplayData), window.removeEventListener("offline", this.boundUpdateDisplayData), this.updateInterval !== void 0 && clearInterval(this.updateInterval), super.cleanup();
+  }
+  /**
+   * Calculate and display current network metrics
+   */
+  updateDisplayData() {
+    if (!this.context)
+      return;
+    const e = [
+      this.getConnectionType(),
+      this.getEffectiveBandwidth(),
+      this.getLatency(),
+      this.getSaveDataStatus()
+    ].filter((n) => n !== null);
+    this.context.setDisplayData(e.length > 0 ? e.join(`
+`) : "N/A");
+  }
+  /**
+   * Get formatted connection type
+   * @returns Connection type or null if unavailable
+   */
+  getConnectionType() {
+    if (!navigator.onLine)
+      return "offline";
+    if (!this.networkInfo)
+      return null;
+    const e = this.networkInfo.effectiveType;
+    if (e)
+      return {
+        "slow-2g": "Slow-2G",
+        "2g": "2G",
+        "3g": "3G",
+        "4g": "4G"
+      }[e];
+    const n = this.networkInfo.type;
+    return n ? n.charAt(0).toUpperCase() + n.slice(1) : null;
+  }
+  /**
+   * Get formatted bandwidth in Mbps or Gbps
+   * @returns Bandwidth string or null if unavailable
+   */
+  getEffectiveBandwidth() {
+    const e = this.networkInfo?.downlink;
+    return !e || e <= 0 ? null : e >= 1e3 ? `${(e / 1e3).toFixed(1)}Gbps` : e >= 1 ? `${e.toFixed(1)}Mbps` : `${(e * 1e3).toFixed(0)}Kbps`;
+  }
+  /**
+   * Get formatted round-trip latency
+   * @returns Latency string or null if unavailable
+   */
+  getLatency() {
+    const e = this.networkInfo?.rtt;
+    return e && e > 0 ? `${e}ms` : null;
+  }
+  /**
+   * Get data saver mode status
+   * @returns Data saver indicator or null if disabled
+   */
+  getSaveDataStatus() {
+    return this.networkInfo?.saveData ? "Save-Data" : null;
+  }
+}
+class J extends W {
+  /** Polling interval in milliseconds */
+  static POLLING_INTERVAL_MS = 250;
+  /** Display context for updating metrics */
+  context;
+  /** Polling interval ID */
+  updateInterval;
+  /** Bound callback for display updates */
+  /** Previous frame count for FPS calculation */
+  previousFrameCount = 0;
+  /** Previous bytes received for bitrate calculation */
+  previousBytesReceived = 0;
+  /** Previous timestamp for accurate elapsed time calculation in bitrate */
+  previousWhen = 0;
+  /**
+   * Initialize video provider with polling interval
+   */
+  setup(e) {
+    if (this.context = e, !this.props.video) {
+      e.setDisplayData("N/A");
+      return;
+    }
+    this.updateInterval = window.setInterval(this.updateDisplayData.bind(this), J.POLLING_INTERVAL_MS), this.previousWhen = performance.now(), this.updateDisplayData();
+  }
+  /**
+   * Calculate and display current video metrics
+   */
+  updateDisplayData() {
+    if (!this.context || !this.props.video)
+      return;
+    const e = this.props.video.source.catalog.peek(), n = this.props.video.stats.peek(), s = performance.now(), i = s - this.previousWhen;
+    let o;
+    if (n && this.previousFrameCount > 0) {
+      const h = n.frameCount - this.previousFrameCount;
+      if (i > 0 && h > 0) {
+        const a = i / 1e3;
+        o = h / a;
+      }
+    }
+    let r;
+    if (n && this.previousBytesReceived > 0) {
+      const h = n.bytesReceived - this.previousBytesReceived;
+      if (h > 0 && i > 0) {
+        const a = h * 8 * (1e3 / i);
+        a >= 1e6 ? r = `${(a / 1e6).toFixed(1)}Mbps` : a >= 1e3 ? r = `${(a / 1e3).toFixed(0)}kbps` : r = `${a.toFixed(0)}bps`;
+      }
+    }
+    n && (this.previousFrameCount = n.frameCount, this.previousBytesReceived = n.bytesReceived, this.previousWhen = s);
+    const { width: l, height: c } = e?.display ?? {}, u = [
+      l && c ? `${l}x${c}` : "N/A",
+      o !== void 0 ? `@${o.toFixed(1)} fps` : "N/A",
+      r ?? "N/A"
+    ];
+    this.context.setDisplayData(u.join(`
+`));
+  }
+  /**
+   * Clean up polling interval
+   */
+  cleanup() {
+    this.updateInterval !== void 0 && clearInterval(this.updateInterval), super.cleanup();
+  }
+}
+const Ae = {
+  video: J,
+  audio: Q,
+  buffer: be,
+  network: X
+};
+function De(t) {
+  return Ae[t];
+}
+var Se = /* @__PURE__ */ _("<div><div class=stats__icon-wrapper></div><div class=stats__item-detail><span class=stats__item-title></span><span class=stats__item-data>");
+const Ce = (t) => {
+  const [e, n] = it("N/A");
+  return At(() => {
+    const s = De(t.statProvider);
+    if (!s) {
+      n("N/A");
+      return;
+    }
+    const i = new s({
+      audio: t.audio,
+      video: t.video
+    });
+    i.setup({
+      setDisplayData: n
+    }), ot(() => {
+      i.cleanup();
+    });
+  }), (() => {
+    var s = Se(), i = s.firstChild, o = i.nextSibling, r = o.firstChild, l = r.nextSibling;
+    return I(i, () => t.svg), I(r, () => t.statProvider), I(l, e), $(() => ht(s, `stats__item stats__item--${t.statProvider}`)), s;
+  })();
+};
+var Me = /* @__PURE__ */ _("<div class=stats__panel>");
+const Ie = [{
+  name: "Network",
+  statProvider: "network",
+  icon: () => m(wt, {})
+}, {
+  name: "Video",
+  statProvider: "video",
+  icon: () => m(vt, {})
+}, {
+  name: "Audio",
+  statProvider: "audio",
+  icon: () => m(ft, {})
+}, {
+  name: "Buffer",
+  statProvider: "buffer",
+  icon: () => m(pt, {})
+}], Ee = (t) => (() => {
+  var e = Me();
+  return I(e, m(Bt, {
+    each: Ie,
+    children: ({
+      name: n,
+      statProvider: s,
+      icon: i
+    }) => m(Ce, {
+      name: n,
+      statProvider: s,
+      get svg() {
+        return i();
+      },
+      get audio() {
+        return t.audio;
+      },
+      get video() {
+        return t.video;
+      }
+    })
+  })), e;
+})();
+var $e = /* @__PURE__ */ _("<div class=stats>");
+const _e = (t) => {
+  const e = Dt(t.context);
+  return m(Nt, {
+    get when() {
+      return t.getElement(e);
+    },
+    children: (n) => (() => {
+      var s = $e();
+      return I(s, m(Ee, {
+        get audio() {
+          return n().audio;
+        },
+        get video() {
+          return n().video;
+        }
+      })), s;
+    })()
+  });
+};
+export {
+  Be as Button,
+  Ne as Icon,
+  _e as Stats
+};
+//# sourceMappingURL=index.js.map